@charset "utf-8";

/* RESET */
html, body, div ,a, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, label, input, textarea, select {margin: 0;padding: 0;border: 0 none;font-family: 'NotoSansKR','Dotum','돋움',Sans-serif;line-height: 1.3;color: #333;letter-spacing: 0;}

html, body {min-width:320px;background-color: #fafafa} 
body {overflow-y: scroll;}
img{vertical-align:top;border: 0 none;}
ul,ol {list-style:none;}
a {text-decoration:none;display: inline-block;font-family: 'NotoSansKR','Dotum','돋움',Sans-serif;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
a:active {outline: inherit;}
label, input, textarea, select {vertical-align:middle;}
i,em,address {font-style:normal}
table {width: 100%;table-layout:fixed;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup {display: block;}
input:focus{outline: none;}

.test {border:1px solid #FF0000}
.test2 {background-color:#FF0000}
.hidden {display:none}
.hide {display:none}

.w200 {width:200px}

/*** HTML5 display-role reset for older browsers ***/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="submit"] {cursor: pointer;}
input[type="text"], input[type="password"], textarea{border: 1px solid #aeaeae;}
input[type="text"], input[type="password"]{font-family: 'Malgun Gothic','맑은고딕';}
input[type=text]::-ms-clear, input[type=password]::-ms-clear{display: none;} 
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 30px #fff inset;-webkit-text-fill-color: #000;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; }
button{font-size:0;border:0;background:none;padding:0;cursor:pointer;font-family: 'NotoSansKR','Dotum','돋움',Sans-serif;letter-spacing: 0;}
button:focus, select:focus{outline: none;}
button span{position: relative;}
select::-ms-expand{display: none;}
/*** COMMON ***/
.ta_l {text-align: left !important;}
.ta_r {text-align: right !important;}
.ta_c {text-align: center !important;}
.clearfix {}
.clearfix::after {content: ''; display: block; clear: both;}
.fl_l {float: left;}
.fl_r {float: right;}
.end{padding-right: 0 !important;}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
br{font-family: 'Dotum';line-height: 0;}
.ver_m{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
b, th{font-weight: 600;}
.w100p{width: 100% !important;max-width: 100% !important;}
.wrap_all{position: relative;}
.inner{width: 990px;margin: 0 auto;}
.hidden{width: 1px;height: 1px;overflow: hidden;text-indent: -1111px;top: auto;}

/* 버튼 */
.area_btn{margin-top: 25px;font-size: 0;}
.area_btn a{display: inline-block;margin-left: 13px;width: 128px;height: 45px;line-height: 45px;border: 1px solid #000;font-size: 16px;}
.area_btn a:first-child{margin-left: 0;}
.area_btn input{display: inline-block;margin-left: 13px;width: 128px;height: 45px;line-height: 45px;border: 1px solid #000;font-size: 16px;vertical-align: top;box-sizing: content-box;}
.area_btn input:first-child{margin-left: 0;}
.area_btn .btn_red{background-color: #ff6666;border-color: #ff6666;color: #fff;}
.area_btn .btn_red2{width: 92px;height: 29px;line-height: 29px;border: 1px solid #ff6666;font-size: 15px;color: #ff6666;text-align: center;letter-spacing: 0;}
.area_btn .btn_gray{background-color: #f1f1f1;border-color: #ccc;color: #555;}
.area_btn .btn_list{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;}

/* INPUT */
input{/*-webkit-appearance: none;*/-webkit-border-radius: 0;}
input.chkbox {position: relative;top: -1px;margin-right: 5px;-webkit-appearance: checkbox;}

/* pagination */
.pagination{padding: 15px 0;border: 1px solid #ccc;border-top: 0;text-align: center;font-size: 0;vertical-align: top;}
.pagination a{display: inline-block;width: 28px;height: 28px;line-height: 26px;border: 1px solid #e5e5e5;font-size: 12px;font-weight: bold;color: #555;font-family: 'Malgun Gothic';}
.pagination a.prev_last{background: url('/img/sub/bfr_last.png') no-repeat center center;background-size:10px 10px;text-indent: -9999px;margin-right:3px;}
.pagination a.prev_last:hover{background: url('/img/sub/bfr_last_on.png') no-repeat center center;background-size:10px 10px;}
.pagination a.prev{background: url(../img/sub/paging.jpg) no-repeat 0 0;text-indent: -9999px;}
.pagination a.prev:hover{background-position: 0 -28px;}
.pagination a.next{background: url(../img/sub/paging.jpg) no-repeat -28px 0;text-indent: -9999px;}
.pagination a.next:hover{background-position: -28px -28px;}
.pagination ul{display: inline-block;margin: 0 3px;font-size: 0;vertical-align: top;}
.pagination ul li{display: inline-block;margin-left: 3px;}
.pagination ul li:first-child{margin-left: 0;}
.pagination ul li.current a{border-color: #f76665;color: #f76665;}
.pagination a:hover{border-color: #f76665;color: #f76665;}

/*memo 페이징*/
.memo_pagination{padding: 15px 0;border-top: 0;text-align: center;font-size: 0;vertical-align: top;}
.memo_pagination a{display: inline-block;width: 28px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5;font-size: 12px;font-weight: bold;color: #555;font-family: 'Malgun Gothic';}
.memo_pagination a.prev_last{background: url('/img/sub/bfr_last.png') no-repeat center center;background-size:10px 10px;text-indent: -9999px;margin-right:3px;}
.memo_pagination a.prev_last:hover{background: url('/img/sub/bfr_last_on.png') no-repeat center center;background-size:10px 10px;}
.memo_pagination a.prev{background: url(../img/sub/paging.jpg) no-repeat 0 0;text-indent: -9999px;}
.memo_pagination a.prev:hover{background-position: 0 -28px;}
.memo_pagination a.next{background: url(../img/sub/paging.jpg) no-repeat -28px 0;text-indent: -9999px;}
.memo_pagination a.next:hover{background-position: -28px -28px;}
.memo_pagination ul{display: inline-block;margin: 0 3px;font-size: 0;vertical-align: top;}
.memo_pagination ul li{display: inline-block;margin-left: 3px;}
.memo_pagination ul li:first-child{margin-left: 0;}
.memo_pagination ul li.current a{border-color: #f76665;color: #f76665;}
.memo_pagination a:hover{border-color: #f76665;color: #f76665;}


/*** HEADER ***/
.header{width: 100%;background-color: #fff;}

/* 상단 메뉴*/
.header .hd_top{width: 100%;background-color: #f5f5f5;}
.header .hd_top ul{height: 25px;line-height: 25px;font-size: 0;}
.header .hd_top ul li{display: inline-block;height: 20px;line-height: 20px;padding: 0 8px;background: url('/img/common/hd_line.jpg') no-repeat left top 7px;}
.header .hd_top ul li:first-child{background: none;padding-left: 0;}
.header .hd_top ul li a{display: block;margin-top: 4px;font-size: 12px;color: #333;}
.header .hd_top ul li.on a{font-weight: 600;color: #fe5d5d;}
.header .hd_inner{position: relative;height: 100px;}
.header .logo{position: absolute; left: 0; top: 55%; transform: translateY(-50%);}
.header .logo a{display: block; width: 153px; height: 33px; background: url('/img/common/logo_applefile.png') no-repeat center / contain; text-indent: -9999px;}

/* 통합검색 */
.header .mainSearch{position: relative;width: 506px;margin: 0 auto;padding-top: 32px;}
.header .searchBox{position: relative;border: 2px solid #f04848; background-color: #fff;}
.header .searchBox .btn_select{position: relative;float: left;display: inline-block;padding: 0 7px;height: 44px;line-height: 44px;background: url(../img/common/search_line.jpg) no-repeat 100% center;font-size: 13px;color: #333;text-align: left;box-sizing: border-box;}
.header .searchBox .btn_select:after{content: '';position: absolute;top: 50%;margin-top: -3px;right: 9px;display: block;width: 9px;height: 6px;background: url(../img/common/select.png) no-repeat 0 0;}
.header .searchBox .btn_select span{display: inline-block;}
.header .searchBox .btn_select.select1{padding-right: 30px;width: 86px;}
.header .searchBox .btn_select.select2{padding-right: 28px;width: 83px;}
.header .searchBox .btn_select.on:after{background-position: 0 -6px;}
.header .searchBox .select_box{display: none;position: absolute;top: 44px;border: 1px solid #f04848;background-color: #fff;z-index: 11;}
.header .searchBox .select_box.box1{left: -2px;width: 85px;}
.header .searchBox .select_box.box2{left: 86px;width: 71px;}
.header .searchBox .select_box ul{border: 1px solid #fff;}
.header .searchBox .select_box ul li a{display: block;height: 23px;line-height: 23px;font-size: 12px;color: #333;text-indent: 8px;}
.header .searchBox .select_box ul li a:hover{background-color: #f5f5f5;}
.header .searchBox .wrap_input{position: relative;float: left;}
.header .searchBox .wrap_input .btn_keyword{position: absolute;right: 0;top: 0;width: 30px;height: 44px;background: url(../img/common/search_arrow.png) no-repeat center;background-size: 13px 8px;}
.header .searchBox .wrap_input .btn_keyword.on{background-image: url(../img/common/search_arrow_on.png);}
.header .searchBox input[type="text"]{width: 240px;height: 44px;line-height: 44px;background: none;border: 0;padding: 0 30px 0 10px;font-size: 18px;font-weight: bold;color: #000;}
.header .btn_search{float: right;margin-right: 10px;width: 43px;height: 44px;background: url(../img/common/search.png) no-repeat center;}

.keywordList{display: none;position: absolute;top: 78px;left: 0;width: 504px;background-color: #fff;border: 1px solid #f04848;z-index: 11;}
.keywordList .tabList{height: 41px;border-bottom: 1px solid #ccc;}
.keywordList .tabList li{float: left;border-right: 1px solid #ccc;}
.keywordList .tabList li button{width: 176px;height: 42px;line-height: 42px;background-color: #f5f5f5;border-bottom: 1px solid #ccc;font-size: 15px;color: #333;text-align: center;}
.keywordList .tabList li.selected button{background-color: #fff;border-bottom-color: #fff;font-weight: 600;}
.keywordList .tabCont div{display: none;padding: 10px 15px 12px;}
.keywordList .tabCont div ul li{position: relative;margin-top: 12px;line-height: 1.8;font-size: 13px;color: #333;}
.keywordList .tabCont div ul li:first-child{margin-top: 0;}
.keywordList .tabCont div ul li .star{width: 18px;height: 17px;background: url(../img/common/star.png) no-repeat 0 -17px;}
.keywordList .tabCont div ul li .star.on{background-position:  0 0;}
.keywordList .tabCont div ul li button.star{position: absolute;top: 3px;left: 0;}
.keywordList .tabCont div ul li span.star{position: relative;top: -2px;display: inline-block;vertical-align: middle;}
.keywordList .tabCont div ul li a{padding-left: 30px;font-size: 15px;color: #333;}
.keywordList .boxControl{padding: 6px 15px 8px;background-color: #f5f5f5;border-top: 1px solid #ccc;}
.keywordList .tabCont div ul li .delete{position: absolute;width: 23px;height: 24px;right: 0;background: url(../img/common/delete.png) no-repeat center;}
.keywordList .boxControl ul li.close{float: right;}
.keywordList .boxControl ul li.all{float: left;}
.keywordList .boxControl ul li button{font-size: 13px;color: #333;}
.keywordList .boxControl ul li.close ul li{position: relative;float: left;padding: 0 8px;}
.keywordList .boxControl ul li.close ul li:before{content: '';position: absolute;left: 0;top: 4px;width: 1px;height: 14px;background-color: #333;}
.keywordList .boxControl ul li.close ul li:first-child:before{display: none;}

/* 상단 롤링배너 */
.header .top_banner{position: absolute;right: 0;bottom: 0;width: 215px;height: 82px;overflow: hidden;}
.header .top_banner ul li a{display: block;}
.header .top_banner ul li a img{width: 215px;height: 82px;}
.header .top_banner ul li a img:hover{opacity:0.5;}
.header .top_banner .bx-controls{position:relative;bottom:0;right:0;width:100%;}
.header .top_banner .bx-controls>div{}
.header .top_banner .bx-controls .bx-prev{width: 19px;height: 20px;background: url('/img/common/btn_prev_n.png') no-repeat center center;position:absolute;bottom:5px;left:0;text-indent:-9999px;}
.header .top_banner .bx-controls .bx-prev:hover{background: rgba(0,0,0,0.3) url('/img/common/btn_prev_n.png') no-repeat center center;}
.header .top_banner .bx-controls .bx-next{width: 19px;height: 20px;background: url('/img/common/btn_next_n.png') no-repeat center center;position:absolute;bottom:5px;right:0;text-indent:-9999px;}
.header .top_banner .bx-controls .bx-next:hover{background: rgba(0,0,0,0.3) url('/img/common/btn_next_n.png') no-repeat center center;}

/*** gnb ***/
.gnb{background: url(../img/common/menu_bg.jpg) repeat-x top left;border-top: 2px solid #f04848;border-bottom: 1px solid #fff;}
/* 인기100, 테마관 */
.topMenu{position: relative;float: left;width: 199px;border-right: 1px solid #d6d6d6;}
.topMenu .linkArea{border-right: 1px solid #fff;}
.topMenu .linkArea ul li{float: left;width: 50%;}
.topMenu .linkArea ul li a{display: block;line-height: 40px;font-size: 14px;color: #000;font-weight: 600;}
.topMenu .linkArea ul li a:hover{color:#fe4f34}
.topMenu .linkArea ul li.link1 a{background: url('/img/common/top100.png') no-repeat left center / 17px 15px;text-indent: 24px;}
.topMenu .linkArea ul li.link2 a{background: url('/img/common/vod.png') no-repeat 2px center / 17px 15px;text-indent: 28px;}
/* 실시간 인기 검색어 */
.topMenu .rank{position: absolute;top: 41px;left: 0;width: 195px;cursor: pointer;z-index: 10;}
.topMenu .rank .wrap{position: relative;width: 100%;height: 31px;overflow: hidden;}
.topMenu .rank .wrap:after{content: '';position: absolute;right: 5px;top: 13px;width: 12px;height: 7px;background: url(/../img/common/rank_arrow2.png) no-repeat 0 0;}
.topMenu .rank .wrap .list{position: relative;}
.topMenu .rank .wrap .list li{position: relative;height: 31px;line-height: 33px;font-size: 13px;color: #333;
white-space: nowrap;text-overflow: ellipsis;overflow:hidden;word-break:break-all;
}
.topMenu .rank .wrap .list li .num{position: relative;top: -1px;display: inline-block;margin-right: 7px;width: 9px;height: 13px;background: url(../img/common/rank_num.png) no-repeat;vertical-align: middle;text-indent: -9999px;}
.topMenu .rank .wrap .list li .num1{background-position: 0 0;}
.topMenu .rank .wrap .list li .num2{background-position: -13px 0;}
.topMenu .rank .wrap .list li .num3{background-position: -26px 0;width: 8px;}
.topMenu .rank .wrap .list li .num4{background-position: -38px 0;width: 10px;}
.topMenu .rank .wrap .list li .num5{background-position: -51px 0;}
.topMenu .rank .wrap .list li .num6{background-position: -64px 0;}
.topMenu .rank .wrap .list li .num7{background-position: -77px 0;}
.topMenu .rank .wrap .list li .num8{background-position: -90px 0;}
.topMenu .rank .wrap .list li .num9{background-position: -102px 0;}
.topMenu .rank .wrap .list li .num10{background-position: -116px 0;width: 17px;}
.topMenu .rank_box{display: none;opacity: 0;position: absolute;top: 0;left: 0;width: 198px;border: 1px solid #ccc;background-color: #fff;}
.topMenu .rank_box dl dt{position: relative;height: 31px;line-height: 31px;border-bottom: 1px solid #c8c8c8;font-size: 15px;font-weight: 600;color: #fe5d5d;text-indent: 13px;}
.topMenu .rank_box dl dt:after{content: '';position: absolute;right: 10px;top: 11px;width: 12px;height: 7px;background: url(/../img/common/rank_arrow2.png) no-repeat 0 -7px;}
.topMenu .rank_box dl dd{border: 1px solid #fff;border-top-width: 3px;border-bottom-width: 4px;}
.topMenu .rank_box dl dd ol li a{
position: relative;display: block;padding: 0 10px;height: 25px;line-height: 25px;font-size: 13px;color: #333;
white-space: nowrap;text-overflow: ellipsis;overflow:hidden;word-break:break-all;
}
.topMenu .rank_box dl dd ol li a .num{position: relative;top: -1px;display: inline-block;margin-right: 8px;width: 12px;height: 9px;background: url(../img/common/rank_num.png) no-repeat;vertical-align: middle;text-indent: -9999px;}
.topMenu .rank_box dl dd ol li a .num1{background-position: 0 -28px;}
.topMenu .rank_box dl dd ol li a .num2{background-position: -12px -28px;}
.topMenu .rank_box dl dd ol li a .num3{background-position: -24px -28px;}
.topMenu .rank_box dl dd ol li a .num4{background-position: -36px -28px;}
.topMenu .rank_box dl dd ol li a .num5{background-position: -48px -28px;}
.topMenu .rank_box dl dd ol li a .num6{background-position: -60px -28px;}
.topMenu .rank_box dl dd ol li a .num7{background-position: -72px -28px;}
.topMenu .rank_box dl dd ol li a .num8{background-position: -84px -28px;}
.topMenu .rank_box dl dd ol li a .num9{background-position: -96px -28px;}
.topMenu .rank_box dl dd ol li a .num10{background-position: -108px -28px;}
.topMenu .rank_box dl dd ol li a:hover{background-color: #f8f8f8;color: #ff5d5d;}
.topMenu .rank_box dl dd ol li a:hover .num1{background-position: 0 -16px;}
.topMenu .rank_box dl dd ol li a:hover .num2{background-position: -12px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num3{background-position: -24px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num4{background-position: -36px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num5{background-position: -48px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num6{background-position: -60px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num7{background-position: -72px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num8{background-position: -84px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num9{background-position: -96px -16px;}
.topMenu .rank_box dl dd ol li a:hover .num10{background-position: -108px -16px;}
.topMenu .rank_box dl dd ol li.current a{background-color: #f8f8f8;color: #fe5d5d;}
.topMenu .rank_box dl dd ol li.current .num1{background-position: 0 -16px;}
.topMenu .rank_box dl dd ol li.current .num2{background-position: -12px -16px;}
.topMenu .rank_box dl dd ol li.current .num3{background-position: -24px -16px;}
.topMenu .rank_box dl dd ol li.current .num4{background-position: -36px -16px;}
.topMenu .rank_box dl dd ol li.current .num5{background-position: -48px -16px;}
.topMenu .rank_box dl dd ol li.current .num6{background-position: -60px -16px;}
.topMenu .rank_box dl dd ol li.current .num7{background-position: -72px -16px;}
.topMenu .rank_box dl dd ol li.current .num8{background-position: -84px -16px;}
.topMenu .rank_box dl dd ol li.current .num9{background-position: -96px -16px;}
.topMenu .rank_box dl dd ol li.current .num10{background-position: -108px -16px;}

/* 카테고리 */
.category{float: left;width: 789px;}
.category .depth1{position: relative; width: 100%;}
.category .depth1>li {display: inline-block; text-align: center;}
.category .depth1>li>a{position: relative;display: block;height: 40px;line-height: 38px; padding: 0 5.95px; font-size: 14px;color: #000;letter-spacing: 0;font-weight: 600;}
.category .depth1>li>a:hover{color: #ff5757;}
.category .depth1>li.current>a{color: #ff5757;}
.category .depth1>li.current .depth2{display: block;}
.category .depth1>li>a .icon_subs{display: inline-block; width: 14px; height: 10px; margin-right: 2px; background: url('/img/common/ic_cate_subs.png') no-repeat center; vertical-align: middle;}

.category .depth2{display: none;position: absolute;top: 41px;left: 0;width: 795px;height: 31px;}
.category .depth2>li{float: left;margin-left: 13px;}
.category .depth2>li:first-child{margin-left: 12px;}
.category .depth2>li.current a{font-weight: bold;}
.category .depth2>li:first-child{padding-left: 0;background: none;}
.category .depth2>li>a{height: 31px;line-height: 32px;font-size: 13px;color: #444;}
.category .depth2>li>a:hover{font-weight: bold;}
.category .depth1>li>a .icon_adult{margin: 12px 1px 0 0;display: inline-block;width: 18px;height: 12px;background: url('/img/common/icon_adult.png') no-repeat center / contain;}
.category .depth2>li>a .icon_live{margin: 10px 2px 0 0;display: inline-block;width: 33px;height: 13px;background: url(../img/common/ic_ap_live01.jpg) no-repeat center;vertical-align: top;}

/* MY 구독 별도 스타일 */
.category .depth1>li.menu15.current .category .depth2.subs {display: block;}
.category .depth2.subs {display: none; width: 790px; overflow: hidden; z-index: 2;}
.category .depth2.subs li {width: 100%; margin-left: 0; text-align: left; vertical-align: top;}
.category .depth2.subs li .list_grp {position: relative; height: 31px; line-height: 29px; padding-left: 5px; font-size: 0;}
.category .depth2.subs li .list_grp .grp_all {display: inline-block; height: 20px; line-height: 18px; margin-top: 7px; padding: 0 10px; border-radius: 10px; border: 1px solid #ff3b3b; color: #f04848; font-size: 12px; vertical-align: top; box-sizing: border-box; cursor: pointer;}
.category .depth2.subs li .list_grp ul {display: inline-block; position: relative; width: 95%; font-size: 0; vertical-align: top;}
.category .depth2.subs li .list_grp ul li {display: inline-block; width: fit-content; height: 20px; line-height: 18px; margin-right: 14px; margin-top: 7px; padding: 0 10px; border-radius: 10px; border: 1px solid #888; color: #888; font-size: 12px; vertical-align: top; box-sizing: border-box; cursor: pointer;}
.category .depth2.subs>li:first-of-type {margin-left: 0 !important;}
.category .depth2.subs li .list_grp ul li.on {border: 1px solid #ff3b3b; color: #f04848;}
.category .depth2.subs li .list_grp ul li:hover {border: 1px solid #ff3b3b; color: #f04848;}
/* 구독중인 회원 없을 때 */
.category .depth2.subs li .list_grp ul li.nodata {border: 0;}
.category .depth2.subs li .list_grp ul li .btn_remove {display: inline-block; width: 9px; height: 9px; margin-left: 8px; background: url('/img/common/ic_subs_remove.png') no-repeat center / contain;}
.category .depth2.subs li .list_grp ul li .btn_remove:hover {background: url('/img/common/ic_subs_remove_h.png') no-repeat center / contain;}
.category .depth2.subs li .list_grp .grp_open {display: inline-block; position: absolute; top: 12px; right: 12px; width: 16px; height: 9px; background: url('/img/common/ic_grp_open.png') no-repeat center / contain;}
.category .depth2.subs.show {height: auto; border-radius: 0 0 8px 8px; border: 1px solid #e7e7e7; background: #fff; overflow: visible;}
.category .depth2.subs.show li .list_grp {height: auto; padding: 2px 12px 12px; line-height: normal;}
.category .depth2.subs.show li .list_grp .grp_open {background: url('/img/common/ic_grp_close.png') no-repeat center / contain;}



.taste_19{padding-left:15px;background: url(../img/common/icon_new_ry.gif) no-repeat;background-position:0 10px;}
/* 광고도메인 */
.category.ad .depth2>li:first-child{margin-left: 23px;}
/* 서브메뉴 배경 */
.bottom_menu_bg{width: 100%;height: 31px;background-color: #f8f8f8;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

/*** FOOTER ***/
.footer{background-color: #fafafa;}
.footer .ft_top{background-color: #fff;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.footer .notice{float: left;}
.footer .notice dl dt{float: left;height: 38px;line-height: 38px;margin-right: 20px;font-size: 13px;font-weight: 600;color: #666;}
.footer .notice dl dd{float: left;height: 38px;overflow: hidden;}
.footer .notice dl dd ul li{height: 38px;}
.footer .notice dl dd ul li a{padding-top: 11px;font-size: 12px;color: #666;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.footer .ft_nav{float: right;}
.footer .ft_nav ul li{float: left;padding: 0 8px;height: 38px;background: url(../img/common/ft_line.jpg) no-repeat left 14px;}
.footer .ft_nav ul li:first-child{background: none;padding-left: 0;}
.footer .ft_nav ul li a{padding-top: 11px;font-size: 12px;color: #333;letter-spacing: -1px;}
.footer .ft_info{position: relative;padding: 20px 0;}
.footer .ft_info .address{line-height: 1.4; font-size: 12px;color: #666;letter-spacing: 0;}
.footer .ft_info .line{display: inline-block;padding: 0 5px;}
.footer .ft_info .kids{margin-top: 12px;font-size: 12px;font-weight: 600;color: #333;}
.footer .ft_info .kids span{color: #fe5d5d;}
.footer .ft_info .bnn_kids{position: absolute;right: 0;top: 22px;}
.footer .ft_info .bnn_kids img{width: 251px;height: 64px;}

.footer_out{position:absolute;right:-105px;top: 20px;cursor: pointer;}
.deepfake_out{position:absolute;right:-105px;top: 75px;cursor: pointer;}

/* 우측 하단 퀵메뉴 - 알림, 채팅문의 */
#quickmenu {position: fixed; right: 24px; bottom: 24px; font-size: 0; z-index: 10000;}
#quickmenu .hide {display: none !important;}
#quickmenu ul li {font-size: 0;}
#quickmenu ul li .alarm_btn {display: block; position: relative; width: 41px; height: 41px; margin-top: 8px; border-radius: 16px; background: url('/img/main/alarm_btn.png') no-repeat center / cover; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.15) 0px 2px 15px;}
#quickmenu ul li .alarm_btn span {display: block; position: absolute; left: 31px; top: 0; transform: translateX(-50%); height: 18px; padding: 0 5px; border-radius: 9px; background: #e32836; color: #fff; font-size: 12px; font-weight: 500; line-height: 18px;}
#quickmenu ul li .alarm_close {display: block; position: relative; float: right; width: 56px; height: 56px; margin-top: 10px; border-radius: 24px; background: url('/img/main/alarm_close.png') no-repeat center / cover; transition: visibility 400ms; animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal both running jBcSpD; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;}
#quickmenu ul li .alarm_close:hover {box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 30px 0px;}
#quickmenu ul li .chat_btn {display: block; width: 41px; height: 41px; margin-top: 8px; border-radius: 16px; background: url('/img/main/chat_btn.png') no-repeat center / cover; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.15) 0px 2px 15px;}
#quickmenu ul li .alarm {width: 390px; height: 690px; border-radius: 28px; background: #f7f7f8; box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.3) 0px 12px 60px; transition: visibility 400ms cubic-bezier(0.36, 0, 0, 1), width 400ms cubic-bezier(0.36, 0, 0, 1), max-width 400ms cubic-bezier(0.36, 0, 0, 1), max-height 400ms cubic-bezier(0.36, 0, 0, 1); animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal both running jtBULV;}
#quickmenu ul li .alarm .alarm_head {height: 57px; text-align: center; color: #333; font-size: 18px; font-weight: 500; line-height: 57px;}
#quickmenu ul li .alarm .alarm_head::before {content: ''; display: inline-block; width: 17px; height: 20px; margin-right: 3px; background: url('/img/main/alarm_a_logo.png') no-repeat center / contain; vertical-align: sub;}
#quickmenu ul li .alarm .read_grp {margin-bottom: 13px; padding: 0 30px 0 31px;}
#quickmenu ul li .alarm .read_grp input {display: none;}
#quickmenu ul li .alarm .read_grp label {color: #333; font-size: 14px; font-weight: 400; line-height: 15px; cursor: pointer;}
#quickmenu ul li .alarm .read_grp label::before {content: ''; display: block; float: left; width: 15px; height: 15px; margin-right: 10px; background: url('/img/main/alarm_check.png') no-repeat center / contain;}
#quickmenu ul li .alarm .read_grp input:checked + label::before {background-image: url('/img/main/alarm_checked.png');}
#quickmenu ul li .alarm .read_grp .btn_grp {float: right;}
#quickmenu ul li .alarm .read_grp .btn_grp button {display: inline-block; color: #333; font-size: 14px; font-weight: 400; line-height: 15px;}
#quickmenu ul li .alarm .read_grp .btn_grp button::before {content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 10px; background: #a7a7a7; vertical-align: middle;}
#quickmenu ul li .alarm .read_grp .btn_grp button:first-of-type::before {display: none;}
#quickmenu ul li .alarm .alarm_wrap {position: relative; height: calc(690px - 137px); padding: 0 16px; overflow-y: auto;}
#quickmenu ul li .alarm .alarm_wrap ul li {display: block; position: relative; margin-top: 10px; padding: 25px 15px; border-radius: 16px; background: #fff; cursor: pointer;}
#quickmenu ul li .alarm .alarm_wrap ul li:first-of-type {margin-top: 0;}
#quickmenu ul li .alarm .alarm_wrap ul li::before {content: ''; display: block; clear: both;}
#quickmenu ul li .alarm .alarm_wrap ul li.blank {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; text-align: center; color: #333; font-size: 12px; font-weight: 400; cursor: default;}
#quickmenu ul li .alarm .alarm_wrap ul li.new::after {content: ''; display: block; position: absolute; right: 15px; top: 15px; width: 5px; height: 5px; border-radius: 50%; background: #e94544;}
#quickmenu ul li .alarm .alarm_wrap ul li.new .alarm_txt p {color: #333;}
#quickmenu ul li .alarm .alarm_wrap ul li .checkbox {display: inline-block; margin-right: 25px; vertical-align: top;}
#quickmenu ul li .alarm .alarm_wrap ul li .checkbox input {position: relative; width: 0; height: 0;}
#quickmenu ul li .alarm .alarm_wrap ul li .checkbox input::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: url('/img/main/alarm_check.png') no-repeat center / contain; cursor: pointer;}
#quickmenu ul li .alarm .alarm_wrap ul li .checkbox input:checked::before {background-image: url('/img/main/alarm_checked.png');}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt {display: inline-block; width: calc(100% - 25px); vertical-align: top; cursor: pointer;}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt .title::before {content: ''; display: block; clear: both;}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt .title h4 {display: inline-block; width: fit-content; color: #999; font-size: 12px; font-weight: 400; line-height: 1; word-break: break-all;}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt .title span {display: inline-block; float: right; color: #bbb; font-size: 12px; font-weight: 400; line-height: 1;}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt p {margin-top: 14px; color: #bbb; font-size: 14px; font-weight: 500; line-height: 1.3; word-break: break-all;}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt .banner {width: 100%; margin-top: 10px;}
#quickmenu ul li .alarm .alarm_wrap ul li .alarm_txt .banner img {width: 100%;}
#quickmenu ul li .alarm .alarm_footer {height: 51px; text-align: center; color: #999; font-size: 12px; font-weight: 400; line-height: 51px;}

/*** CONTAINER ***/
.container{padding: 5px 0 0;background-color: #fff;min-height:550px;}
.container .inner{position: relative;}
.container .aside{float: left;width: 200px;}

/*** CONTENTS ***/
.contents{float: left;margin-left: 5px;width: 785px;}
.mainCont{margin: 5px 0 22px;}
.mainCont .left{float: left;width: 580px;}
.mainCont .right{float: right;width: 200px;}
.subCont{margin-bottom: 50px;}

/* 로그인 전 */
/* 로그인 전 - 기존 (SNS연동 개발 작업 완료 시 제거) */
.loginArea{padding: 5px 6px;border: 1px solid #ccc;}
.loginArea .input li{margin-top: 3px;border: 1px solid #ddd;font-size: 0;}
.loginArea .input li:first-child{margin-top: 0;}
.loginArea .input li input{padding: 0 10px;width: 164px;height: 30px;line-height: 30px;border: 0;font-size: 12px;color: #000;}
.loginArea .input li input::-webkit-input-placeholder{color: #aaa;}
.loginArea .input li input:-ms-input-placeholder{color: #aaa;}
.loginArea .login_check{margin-top: 6px;}
.loginArea .login_check input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.loginArea .login_check label{display: block;padding-left: 19px;height: 14px;background: url(../img/common/login_checkbox.jpg) no-repeat 0 0;vertical-align: middle;cursor: pointer;line-height: 16px;}
.loginArea .login_check label span{position: relative;top: -3px; display: inline-block;line-height: 14px;font-size: 13px;color: #666;}
.loginArea .login_check label.checked{background-position: 0 -14px;}
.loginArea .btn_login{width: 186px;height: 33px;line-height: 33px;margin-top: 9px;background-color: #fe5d5d;font-size: 16px;color: #fff;}
.loginArea .btn_login span{position: relative;top: -1px;}
.loginArea .link{margin-top: 8px;font-size: 0;text-align: center;}
.loginArea .link li{display: inline-block;padding: 0 8px;height: 18px;line-height: 18px;background: url(../img/common/login_line.jpg) no-repeat left 4px;font-size: 13px;color: #666;}
.loginArea .link li:first-child{padding-left: 0;background: none;}
.loginArea .sns_btn_n_02{width:186px;height:40px;line-height:38px;background:url('/img/common/sns_icon_n.png') no-repeat left;border:1px solid #03cf5d;color:#666666;font-size:15px;padding-left:35px;margin-top:9px;cursor:pointer;}
.loginArea .sns_btn_k_02{width:186px;height:40px;line-height:38px;background:url('/img/common/sns_icon_k.png') no-repeat left;border:1px solid #ffd800;color:#666666;font-size:15px;padding-left:35px;margin-top:10px;cursor:pointer;}
.loginArea .sns_btn_n_02:hover{background:#03cf5d url('/img/common/sns_icon_n.png') no-repeat left;border:1px solid #03cf5d;color:#fff;}
.loginArea .sns_btn_k_02:hover{background:#ffd800 url('/img/common/sns_icon_k.png') no-repeat left;border:1px solid #ffd800;color:#3c1e1e;}

/* 로그인 전 - NEW (SNS연동 개발 작업 완료 시 해당 스타일 사용) */
.loginAreaNew {padding: 6.5px 6px; border: 1px solid #ccc;}
.loginAreaNew .input li {margin-top: 3px; border: 1px solid #ddd; font-size: 0;}
.loginAreaNew .input li:first-child {margin-top: 0;}
.loginAreaNew .input li input {width: 164px; height: 30px; line-height: 30px; padding: 0 10px; border: 0; color: #000; font-size: 12px;}
.loginAreaNew .input li input::-webkit-input-placeholder {color: #aaa;}
.loginAreaNew .input li input:-ms-input-placeholder {color: #aaa;}
.loginAreaNew .login_check {margin-top: 6px;}
.loginAreaNew .login_check input[type="checkbox"] {display: none; position: absolute; top: 0; left: 0; z-index: -1;}
.loginAreaNew .login_check label {display: block; height: 14px; line-height: 16px; padding-left: 19px; background: url('/img/common/login_checkbox.jpg') no-repeat 0 0; vertical-align: middle; cursor: pointer;}
.loginAreaNew .login_check label span {display: inline-block; position: relative; top: -3px; line-height: 14px;font-size: 13px;color: #666;}
.loginAreaNew .login_check label.checked {background-position: 0 -14px;}
.loginAreaNew .btn_login {width: 186px ;height: 30px; margin-top: 8px; background-color: #fe5d5d; color: #fff; font-size: 16px;}
.loginAreaNew .sns_grp {margin-top: 10px; margin-bottom: 7px; text-align: center; font-size: 0;}
.loginAreaNew .sns_grp button {display: inline-block; width: 40px; height: 40px; margin-left: 8px; border-radius: 50%;}
.loginAreaNew .sns_grp button:first-of-type {margin-left: 0;}
.loginAreaNew .sns_grp .kko_btn {background: #ffd800 url('/img/common/login_icon/login_kakao.png') no-repeat center / 18px 17px;}
.loginAreaNew .sns_grp .naver_btn {background: #06be34 url('/img/common/login_icon/login_naver.png') no-repeat center / 16px 14px;}
.loginAreaNew .sns_grp .google_btn {border: 1px solid #dcdcdc; background: #fff url('/img/common/login_icon/login_google.png') no-repeat center / 19px;}
.loginAreaNew .sns_grp .apple_btn {border: 1px solid #dcdcdc; background: #fff url('/img/common/login_icon/login_apple.png') no-repeat center / 16px 20px;}
.loginAreaNew .sns_grp .kko_btn:hover {background-color: #ffc000;}
.loginAreaNew .sns_grp .naver_btn:hover {background-color: #07a62f;}
.loginAreaNew .sns_grp .google_btn:hover {background-color: #ececec;}
.loginAreaNew .sns_grp .apple_btn:hover {background-color: #ececec;}
.loginAreaNew .link {margin-top: 10px; text-align: center; font-size: 0;}
.loginAreaNew .link li {display: inline-block; padding: 0 8px; background: url('/img/common/login_line.jpg') no-repeat left 4px;}
.loginAreaNew .link li:first-child {padding-left: 0; background: none;}
.loginAreaNew .link li a {display: inline-block; color: #666; font-size: 13px;}

/* 로그인 후 */
.loginArea.login{position: relative;padding: 0;}
.loginArea.login ul li img{position: relative;top: -1px;vertical-align: middle;}
.loginArea .memo{position: absolute;right: 10px;top: 5px;font-size: 12px;color: #333;font-family: 'Dotum';}
.loginArea .memo img{margin-right: 3px;top: -1px;}
.nickname{padding: 0 7px;height: 25px;line-height: 24px;border-bottom: 1px solid #ccc;font-size: 12px;color: #333;}
.nickname span{position: relative;top: -1px;display: inline-block;margin-right: 5px;vertical-align: middle;}
.nickname.user span{width: 16px;height: 17px;background: url(../img/common/login_icon/user.png) no-repeat;}
.nickname.seller span{width: 16px;height: 14px;background: url(../img/common/login_icon/seller.png) no-repeat;}
.nickname.diamond span{top: -2px;width: 16px;height: 14px;background: url(../img/common/login_icon/diamond.png) no-repeat;}
.nickname.emerald span{width: 16px;height: 14px;background: url(../img/common/login_icon/emerald.png) no-repeat;}
.nickname.gold span{top: -2px;width: 13px;height: 18px;background: url(../img/common/login_icon/gold.png) no-repeat;}
.nickname.silver span{top: -2px;width: 13px;height: 18px;background: url(../img/common/login_icon/silver.png) no-repeat;}
.nickname.bronze span{top: -2px;width: 13px;height: 18px;background: url(../img/common/login_icon/bronze.png) no-repeat;}
.loginArea .user_info{padding: 8px 10px 0;}
.loginArea .user_info ul{height: 119px;}
.loginArea .user_info li{margin-top: 3px;height: 17px;line-height: 17px;}
.loginArea .user_info li:first-child{margin-top: 0;}
.loginArea .user_info li:after{display:block;clear:both;content:'';}
.loginArea .user_info li a{display: block;line-height: 1;}
.loginArea .user_info li dl dt{float: left;font-size: 11px;color: #666;font-family: 'Dotum';}
.loginArea .user_info li dl dt:hover, .loginArea .user_info li dl dd:hover{text-decoration:underline;}
.loginArea .user_info li dl dd{float: right;font-size: 12px;color: #333;font-size: 12px;color: #333;font-family: 'Dotum';}
.loginArea .user_info li dl dt img{margin-right: 5px;}
/* E포인트 신규재화 추가 */
.loginArea .user_info.ep li {height: 14px; line-height: 14px; margin-top: 2px;}

.loginArea .btn{padding-bottom: 5px;font-size: 0;text-align: center;}
.loginArea .btn li{display: inline-block;margin-left: 3px;}
.loginArea .btn li:first-child{margin-left: 0;}
.loginArea .btn li button{width: 60px;height: 20px;}
.loginArea .btn li button:hover{opacity:0.5;}
.loginArea .btn li.btn1 button{background: url(../img/common/login_btn1.jpg) no-repeat;}
.loginArea .btn li.btn2 button{background: url(../img/common/login_btn2.jpg) no-repeat;}
.loginArea .btn li.btn3 button{background: url(../img/common/login_btn3.jpg) no-repeat;}

/*로그인 레이어 배너*/
.login_layer{position:absolute;top:-2px;right:0;width:200px;height:150px;z-index:3;}
.login_layer a{display:inline-block;width:100%;height:100%;position:absolute;bottom:0;right:-1px;}
.login_layer a img{position:absolute;bottom:0;right:0;}
.login_layer .login_bn_exit{display:inline-block;width:20px;height:20px;background:url('/img/common/login_icon/login_pop_close.png') no-repeat;position:absolute;right:5px;top:5px;cursor:pointer;}

/* 성인게시판 */
.adult_board{margin-top: 5px;border: 1px solid #ccc;}
.adult_board a{display: block;height: 66px;background: url(../img/common/left_menu1.jpg) no-repeat;text-indent: -9999px;}
.adult_board a:hover{opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

/* 받은 파일, 찜한 파일, 요청  파일 */
.dataroom{margin-top: 5px;border: 1px solid #ccc;}
.dataroom ul li{float: left;width: 33.333%;height: 73px;background: url(../img/common/dataroom_line.jpg) no-repeat left center;}
.dataroom ul li:first-child{background: none;}
.dataroom ul li a{display: block;padding: 8px 0;text-align: center;font-size: 12px;font-weight: 600;color: #333;}
.dataroom ul li a:hover{color: #fe5d5d;}
.dataroom ul li a span{display: block;width: 26px;height: 22px;margin: 0 auto;margin-bottom: 6px; background: url(../img/common/left_menu2.png) no-repeat;}
.dataroom ul li.data1 a span{background-position: 0 0;}
.dataroom ul li.data2 a span{background-position: -46px 0;width: 25px;}
.dataroom ul li.data3 a span{background-position: -92px 0;width: 28px;}
.dataroom ul li.data1 a:hover span{background-position: 0 -35px;}
.dataroom ul li.data2 a:hover span{background-position: -46px -35px;}
.dataroom ul li.data3 a:hover span{background-position: -92px -35px;}

/* 마이리스트 */
.myList{margin-top: 5px;border: 1px solid #ccc;}
.myList dl dt{padding: 0 13px;height: 36px;line-height: 36px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;color: #333;font-weight: bold;}
.myList dl dd{padding: 0 10px;height: 104px;}
.myList dl dd ul{padding-top: 2px;}
.myList dl dd ul li{padding: 0 2px;background: url(../img/sub/mylist_line.jpg) repeat-x left top;}
.myList dl dd ul li:first-child{background: none;}
.myList dl dd ul li a{height: 33px;line-height: 33px;font-size: 14px;color: #333;font-weight: 600;}
.myList dl dd ul li a:hover{color: #f04848;}
.aside.seller .myList dl dd{height: auto;padding-bottom: 3px;}
.aside.sub{margin-bottom: 50px;}

/* 충전소 lnb */
.myCharge{margin-top: 5px;border: 1px solid #ccc;}
.myCharge dl dt{padding: 0 13px;height: 36px;line-height: 36px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;color: #333;font-weight: bold;}
.myCharge dl dd{padding: 0 10px 2px;}
.myCharge dl dd ul{padding-top: 2px;}
.myCharge dl dd ul li{padding: 0 2px;background: url(../img/sub/mylist_line.jpg) repeat-x left top;}
.myCharge dl dd ul li:first-child{background: none;}
.myCharge dl dd ul li a{height: 33px;line-height: 33px;font-size: 14px;color: #333;font-weight: 600;}
.myCharge dl dd ul li a:hover{color: #f04848;}
.myCharge dl dd ul li.current a{color: #f04848;}
.aside.seller .myCharge dl dd{height: auto;}
.aside.sub{margin-bottom: 50px;}

/* 포인트충전, 정액제서비스, 무료충전소 */
.charge{margin-top: 5px;border: 1px solid #ccc;}
.charge ul li{border-top: 1px solid #ccc;}
.charge ul li:first-child{border-top: 0;}
.charge ul li a{display: block;height: 65px;}
.charge ul li a{display: block;text-indent: -9999px;}
.charge ul li a:hover{opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.charge ul li.charge1 a{background: url('/img/common/ic_main_charge_1.png') no-repeat 10px center;}
.charge ul li.charge2 a{background: url('/img/common/ic_main_charge_2.png') no-repeat 10px center;}
.charge ul li.charge3 a{background: url('/img/common/ic_main_charge_3.png') no-repeat 10px center;}

/* 애플파일 고객상담 */
.customer{margin-top: 5px;border: 1px solid #ccc;}
.customer div {padding: 9px 10px 17.5px; cursor: pointer;}
.customer div h3 {margin-bottom: 14px; color: #333; font-size: 15px; font-weight: 600; line-height: 1;}
.customer div img {cursor: pointer;}
.customer div h4 {margin-top: 15px; color: #666; font-size: 15px; font-weight: 600; line-height: 1;}
.customer div dl {line-height: 13px;}
.customer div dl:first-of-type {margin: 8px 0 5px 0;}
.customer div dl dt {display: inline-block; width: 63px; color: #666; font-size: 13px; font-weight: 400; line-height: 1;}
.customer div dl dd {display: inline-block; color: #333; font-size: 15px; font-weight: 400; font-family: 'NanumSquare'; line-height: 1;}
.customer ul{padding: 1px 0 11px;text-align: center;font-size: 0;}
.customer ul li{display: inline-block;margin-left: 8px;}
.customer ul li:first-child{margin-left: 0;}
.customer ul li a{display: block;width: 83px;height: 27px;line-height: 27px;border: 1px solid #ccc;font-size: 13px;color: #000;}
.customer ul li a span{position: relative;top: -1px;display: inline-block;margin-left: 6px; width: 7px;height: 12px;background: url(../img/common/left_customer_arrow.png) no-repeat;vertical-align: middle;}
.customer ul li a:hover span{background: url(../img/common/left_customer_arrow_r.png) no-repeat;}
.customer ul li a:hover{border: 1px solid #fa705a;color:#fa705a;}

/*메인 하단 bj배너*/
.bj_live{display:inline-block;width:200px;height:33px;margin-top:10px;}
.bj_live img{width:100%;height:100%;}

/*성인 서브 페이지 left 메뉴*/
.adt_left{width:100%;border:1px solid #ccc;margin-top:5px;box-sizing: border-box;}
.adt_left>div{padding: 0 13px;height: 36px;line-height: 36px;background-color: #fafafa;border-bottom: 1px solid #ccc;}
.adt_left>div span{font-size: 15px;color: #333;font-weight: bold;}
.adt_left ul{width:100%;padding:10px 15px;box-sizing:border-box;}
.adt_left ul li{list-style:none;counter-increment: mycounter;margin-bottom:10px;position:relative;cursor:pointer;}
.adt_left ul li:last-of-type{margin-bottom:0;}
.adt_left ul li:before{content: counter(mycounter, decimal-leading-zero);color:#a7a7a7;font-size:16px;font-family:"Lato", Sans-serif;font-weight:bold;position:relative;top:3px;}
.adt_left ul li:first-of-type:before, .adt_left ul li:nth-of-type(2):before, .adt_left ul li:nth-of-type(3):before{color:#ef5160;}
.adt_left ul li .bj_thm{display:inline-block;width:26px;height:26px;border-radius:26px;overflow:hidden;position:relative;vertical-align:middle;margin:0 2px;}
.adt_left ul li .bj_thm img{position: absolute;top: 50%;left: 50%;max-width: none;height: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);object-fit: cover;}
.adt_left ul li .bj_nick{display:inline-block; margin-left: 2px; font-size:12px;color:#575757;line-height:12px;font-weight:500;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:115px;}

.adt_left ul .bj_ic_live::after{content:'';width:26px;height:13px;background:url('/img/sub/bdg_live.png') no-repeat;position:absolute;top:7px;right:0;}
.adt_left ul .bj_ic_new::after{content:'';width:26px;height:13px;background:url('/img/sub/bdg_new.png') no-repeat;position:absolute;top:7px;right:0;}
.adt_left ul .bj_ic_hot::after{content:'';width:26px;height:13px;background:url('/img/sub/bdg_hot.png') no-repeat;position:absolute;top:7px;right:0;}
.adt_left ul .bj_ic_rec::after{content:'';width:26px;height:13px;background:url('/img/sub/bdg_rec.png') no-repeat;position:absolute;top:7px;right:0;}
.adt_left ul li:hover .bj_thm::after{content:'';width:26px;height:26px;border:2px solid #ef5160;border-radius:16px;position:absolute;top:0;left:0;box-sizing:border-box;}
.adt_left ul li:hover .bj_nick{color:#ef5160;}

.adt_left .bj_more{width:170px;height:30px;border:1px solid #c8c8c8;color:#7b7b7b;background:url('/img/sub/arr_bdg_n.png') no-repeat 100px 11px;
margin:0 auto 10px;display:block;line-height:10px;text-align:left;padding-left:60px;font-size:11px;}
.adt_left .bj_more:hover{border:1px solid #000;color:#000;background:url('/img/sub/arr_bdg_h.png') no-repeat 100px 11px;}

/* 왼쪽 배너 */
.leftBanner{margin-top: 5px;margin-bottom: 50px;}
.leftBanner ul li{margin-top: 5px;border: 1px solid #ccc;}
.leftBanner ul li:first-child{margin-top: 0;}
.leftBanner ul li a{display: block;}
.leftBanner ul li a img{height: 66px;}

/* 퀵메뉴 */
.quickMenu{position: absolute;right: -78px;top: 0;background-color: #fff;z-index: 1;}
.quickMenu h3 {width: 70px; height: 30px; background: url('/img/common/quick_head2.png') no-repeat center / contain; text-align: center; color: #fff; font-size: 12px; font-weight: 500; letter-spacing: -0.2px; line-height: 30px;}
.quickMenu ul {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.quickMenu ul li{border-bottom: 1px solid #ccc;}
.quickMenu ul li:first-child{border-top: 0;}
.quickMenu ul li a{display: block;width: 68px;height: 64px;background-repeat: no-repeat; background-position: center;text-indent: -9999px;}
.quickMenu ul li.qm1 a{background-image: url(../img/common/quick_menu1.jpg);}
.quickMenu ul li.qm2 a{background-image: url(../img/common/quick_menu2.jpg);}
/* .quickMenu ul li.qm2 a{background-image: url('/img/common/quick_menu_sale.png');} */
.quickMenu ul li.qm3 a{background-image: url(../img/common/quick_menu3.jpg);}
/* .quickMenu ul li.qm3 a{background-image: url('/img/common/quick_menu_mv.png');} */
.quickMenu ul li.qm4 a{background-image: url(../img/common/quick_menu4.jpg);}
.quickMenu ul li.qm5 a{background-image: url(../img/common/quick_menu_chk.png);}
.quickMenu ul li.qm6 a{background-image: url(../img/common/quick_menu6_normal.png);}
.quickMenu ul li.qm7 a{background-image: url(../img/common/quick_menu7.jpg);}
.quickMenu ul li.qm8 a{background-image: url('/img/common/quick_menu_tv_n.png');}
.quickMenu ul li.qm9 a{background-image: url('/img/common/quick_menu_vod.png');}
.quickMenu ul li.qm1 a:hover{background-image: url(../img/common/quick_menu1_on.jpg);}
.quickMenu ul li.qm2 a:hover{background-image: url(../img/common/quick_menu2_on.jpg);}
/* .quickMenu ul li.qm2 a:hover{background-image: url('/img/common/quick_menu_sale_h.png');} */
.quickMenu ul li.qm3 a:hover{background-image: url(../img/common/quick_menu3_on.jpg);}
/* .quickMenu ul li.qm3 a:hover{background-image: url('/img/common/quick_menu_mv_h.png');} */
.quickMenu ul li.qm4 a:hover{background-image: url(../img/common/quick_menu4_on.jpg);}
.quickMenu ul li.qm5 a:hover{background-image: url(../img/common/quick_menu_chk_h.png);}
.quickMenu ul li.qm6 a:hover{background-image: url(../img/common/quick_menu_hover.png);}
.quickMenu ul li.qm7 a:hover{background-image: url(../img/common/quick_menu7_on.jpg);}
.quickMenu ul li.qm8 a:hover{background-image: url('/img/common/quick_menu_tv_p.png');}
.quickMenu ul li.qm9 a:hover{background-image: url('/img/common/quick_menu_vod_h.png');}

/* 창립 14주년 결제 이벤트 nav */
.nav_anniversary {position: absolute; left: -110px; top: 5px; width: 100px; height: 100px; border-radius: 50px; overflow: hidden;}
.nav_anniversary a {display: block; width: 100%; height: 100%; background: url('/img/event/anniversary/nav_14anniversary_2024.png') no-repeat center / contain;}

/* 회원가입, 로그인 레이어창 */
.loginLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.loginLayer .login_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);}
.loginCont{position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 805px; background-color: #e94544; border-radius: 25px; font-size: 0;}
/*.loginCont{position: absolute;left: 50%;margin-left: -402px;top: 50%;margin-top: -247px;width: 805px;height: 494px;background-color: #fff;border-radius: 25px;}*/
.loginCont .layerClose{position: absolute;top: -49px;right: 18px;width: 37px;height: 38px;background: url(../img/common/join_close.png) no-repeat;text-indent: -9999px;}
.loginCont ul .box1{float: left;width: 482px; background-color: #fff; border-radius: 25px 0 0 25px;}
.loginCont ul .box1>div{padding: 30px 55px 31px;}
.loginCont ul .box1 .title{line-height: 1;font-size: 15px;font-weight: 600;color: #666;letter-spacing: 0;}
.loginCont ul .box1 .logo{width: 152px;height: 34px;margin: 0 auto;background: url('/img/common/logo_applefile.png') no-repeat center / contain;}
.loginCont ul .box1 .input{margin-top: 8px;}
.loginCont ul .box1 .input li{margin-top: 7px;}
.loginCont ul .box1 .input li:first-child{margin-top: 0;}

/* SNS 로그인 - 기존 (SNS연동 개발 작업 완료 시 제거) */
.loginCont ul .box1 .sns_btn_n{width:180px;height:40px;line-height:38px;background:url('/img/common/sns_icon_n.png') no-repeat left;border:1px solid #03cf5d;color:#666666;font-size:15px;padding-left:35px;margin-top:8px;margin-right:8px;cursor:pointer;}
.loginCont ul .box1 .sns_btn_k{width:100%;height:40px;line-height:38px;background:url('/img/common/sns_icon_k.png') no-repeat left;border:1px solid #ffd800;color:#666666;font-size:15px;padding-left:35px;margin-top:8px;cursor:pointer;}
.loginCont ul .box1 .sns_btn_n:hover{background:#03cf5d url('/img/common/sns_icon_n.png') no-repeat left;border:1px solid #03cf5d;color:#fff;}
.loginCont ul .box1 .sns_btn_k:hover{background:#ffd800 url('/img/common/sns_icon_k.png') no-repeat left;border:1px solid #ffd800;color:#3c1e1e;}

/* SNS 로그인 - NEW (SNS연동 개발 작업 완료 시 해당 스타일 사용) - 로그인, 회원가입, 컨텐츠 공유 신규 회원가입, 마케팅용 신규 회원가입 공통 스타일 */
.loginCont ul .box1 .sns_grp {margin-top: 14px; text-align: center; font-size: 0;}
.loginCont ul .box1 .sns_grp button {display: inline-block; width: 57px; height: 57px; margin-left: 14px; border-radius: 50%;}
.loginCont ul .box1 .sns_grp button:first-of-type {margin-left: 0;}
.loginCont ul .box1 .sns_grp .kko_btn {background: #ffd800 url('/img/common/login_icon/join_kakao.png') no-repeat center / 25px 24px;}
.loginCont ul .box1 .sns_grp .naver_btn {background: #06be34 url('/img/common/login_icon/join_naver.png') no-repeat center / 25px 23px;}
.loginCont ul .box1 .sns_grp .google_btn {border: 1px solid #dcdcdc; background: #fff url('/img/common/login_icon/join_google.png') no-repeat center / 26px 28px;}
.loginCont ul .box1 .sns_grp .apple_btn {border: 1px solid #dcdcdc; background: #fff url('/img/common/login_icon/join_apple.png') no-repeat center / 23px 28px;}
.loginCont ul .box1 .sns_grp .kko_btn:hover {background-color: #ffc000;}
.loginCont ul .box1 .sns_grp .naver_btn:hover {background-color: #07a62f;}
.loginCont ul .box1 .sns_grp .google_btn:hover {background-color: #ececec;}
.loginCont ul .box1 .sns_grp .apple_btn:hover {background-color: #ececec;}

.loginCont ul .box1 .input li .wrap{position: relative;width: 372px;height: 40px;border:1px solid #aaaaaa;}
.loginCont ul .box1 .input li .wrap:after{display:block;clear:both;content:'';}
.loginCont ul .box1 .input li .wrap .input_icon{float: left;display: block;width: 54px;height: 55px;}
.loginCont ul .box1 .input li .wrap .input_icon.icon1{background: url(../img/common/input_icon1.png) no-repeat 20px center;}
.loginCont ul .box1 .input .wrap .input_icon.icon2{background: url(../img/common/input_icon2.png) no-repeat 21px center;}
.loginCont ul .box1 .input li .wrap input{float: left;width: 100px;height: 40px;line-height: 40px;border: 0;background: none;font-size: 13px;color: #000;padding-left:10px;}
.loginCont ul .box1 .input li .wrap input:-webkit-autofill {}
.loginCont .loginForm .box1 .input li .wrap input{width: 289px;}
.loginCont ul .box1 .input li .wrap input::-webkit-input-placeholder{color: #aaa;}
.loginCont ul .box1 .input li .wrap input:-ms-input-placeholder{color: #aaa;}
.loginCont ul .box1 .input li .wrap .txt{display: block;position: absolute;top: 0;right: 0;padding-right:10px;height: 55px;line-height: 40px;font-size: 11px;color: #f83838;}

/**/
.loginCont ul .box1 .join_cp {margin-top: 15px;}
.loginCont ul .box1 .join_cp .join_box { width: 368px;height: 51px; line-height: 47px; border: 2px solid #aaaaaa; border-radius: 8px; background-color: #fff; }
.join_box span.name,.join_box input.join_name { vertical-align: baseline;}
.loginCont ul .box1 .join_cp .join_box span.name {  padding: 0 13px 0 20px; font-size: 13px; color: #aaa;}
.loginCont ul .box1 .join_cp .join_box input { padding: 0 15px 0 0px;width: 140px;height: 51px; border: 0;background: none;font-size: 13px;color: #000;}

.loginCont ul .box1 .join_cp .join_birth { margin-top: 8px;}
.loginCont ul .box1 .join_cp .join_birth ul:after { display:block;clear:both;content:'';}
.loginCont ul .box1 .join_cp .join_birth ul li { float: left; font-family: 'Malgun Gothic','맑은고딕'; }
.loginCont ul .box1 .join_cp .join_birth .birth_date {margin: 0 0 5px 0;}
.loginCont ul .box1 .join_cp .join_birth li span.title {
	display: block;
	width: 60px; height: 27px;
	margin-right: 10px;
	font-size: 13px;
	color: #666666;
	line-height: 210%;
	letter-spacing: -1px;
	font-weight: bold;
}
.loginCont ul .box1 .join_cp ul.birth_date li:nth-child(2):after,
.loginCont ul .box1 .join_cp ul.birth_date li:nth-child(3):after { content:'/';font-size: 13px; padding: 0 6px 0 1px;}
.loginCont ul .box1 .join_cp ul.birth_date li select {
	width: 85px; height: 28px;
	padding-left: 19px;
	font-size: 13px;
	color: #8e8e8e;
	border: 2px solid #aaaaaa;
	border-radius: 5px;
	font-family: 'Malgun Gothic','맑은고딕';
}
.loginCont ul .box1 .join_cp ul.birth_date li select.birth_yy { width: 95px; padding-left: 17px;}
.loginCont ul .box1 .join_cp ul.birth_gender li:first-child { padding-top:0px; }

.loginCont ul .box1 .join_cp ul.birth_gender li.gender {margin-right: 10px;}
.loginCont ul .box1 .join_cp ul.birth_gender li label {display: block; height: 27px;line-height: 16px;cursor: pointer;font-size: 13px;font-weight: normal;color: #333; line-height: 210%;}
.loginCont ul .box1 .join_cp ul.birth_gender li label input[type="radio"] { position:absolute;top:0;left:0;z-index:-1; }
.loginCont ul .box1 .join_cp ul.birth_gender li label input[type="radio"]:checked + span {background-position: 0 -16px;}
.loginCont ul .box1 .join_cp ul.birth_gender label span {
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
	width: 16px; height: 16px;
	background: url(../img/sub/radio.png) no-repeat 0 0;
	vertical-align: middle;
}

/*//*/

.loginCont ul .box1 .input li.cp_user div ul li select {}
.loginCont ul .box1 .input li.cp_user div ul li select option{ color: #aeaeae;}

.loginCont ul .box1 .info_txt{display: block;margin-top: 4px;font-size: 11px;color: #959595;font-weight:normal;}
.loginCont ul .box1 .agreement{margin-top: 13px;padding: 5px 5px 0;height: 117px;border-top: 1px solid #e7e7e7;}
.loginCont ul .box1 .agreement_inner{margin-top: 15px;}
.loginCont ul .box1 .agreement_inner .agree {float: left;margin-left: 9px;width: 176px;height: 55px;padding: 8px;border: 1px solid #999;font-size: 11px;color: #555;font-family: 'Dotum','돋움';box-sizing: border-box;overflow-y: scroll;}
.loginCont ul .box1 .agreement_inner .agree:first-child{margin-left: 0;}
.loginCont ul .box1 .agreement_inner .agree .wrap>b {display: block; margin-bottom: 5px;}
.loginCont ul .box1 .agreement_inner .agree>div{word-break: break-word;}
.loginCont ul .box1 .agreement_inner .agree2 ul li {padding: 5px 0; border-top: 1px solid #ddd;}
.loginCont ul .box1 .agreement_check{margin-top: 10px;height: 14px;text-align: left;font-size: 0;}
.loginCont ul .box1 .agreement_check input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.loginCont ul .box1 .agreement_check label{display: inline-block;padding-left: 17px;height: 14px;line-height: 14px;background: url(../img/common/agree_checkbox.jpg) no-repeat 0 0;margin: 0 5px 0 0;vertical-align: middle;}
.loginCont ul .box1 .agreement_check label span{display: inline-block;vertical-align: top;cursor: pointer;text-align: left;font-size: 11px;color: #333;}
.loginCont ul .box1 .agreement_check label span em {font-style: normal;color: #e94544;}
.loginCont ul .box1 .agreement_check label.checked{background-position: 0 -14px;}
.loginCont ul .box1 .btnBox1{display: block;margin: 0 auto;margin-top: 30px;width: 100%;height: 40px;font-size: 18px;font-weight: 600;color: #fff;text-align: center;background:#e94544;margin-bottom:30px;}
.loginCont ul .box1 .btnBox1:hover{background:#680100;}
.loginCont ul.loginForm .box1>div{padding: 30px 55px}
.loginCont ul.loginForm .box1 .input{margin-top: 48px;}
.loginCont ul.loginForm .box1 .input li{margin-top: 14px;}
.loginCont ul.loginForm .box1 .input li:first-child{margin-top: 0;}
.loginCont ul.loginCheck{padding-top: 13px;font-size: 0;}
.loginCont ul.loginCheck li{float: right;}
.loginCont ul.loginCheck li a{line-height: 20px;font-size: 14px;color: #666;}
.loginCont ul.loginCheck li.check_id{float: left;padding-left: 1px;}
.loginCont ul.loginCheck li.check_id input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.loginCont ul.loginCheck li.check_id label{display: inline-block;padding-left: 25px;height: 20px;line-height: 22px;background: url(../img/common/login_checkbox2.jpg) no-repeat 0 0;font-size: 14px;color: #666;cursor: pointer;}
.loginCont ul.loginCheck li.check_id label span{position: relative;top: -1px;}
.loginCont ul.loginCheck li.check_id label.checked{background-position: 0 -20px;}
.loginCont ul .box2{float: right;width: 323px;background-color: #e94544;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
.loginCont ul .box2>div{padding: 0 55px  0 58px;position:absolute;top: 50%;transform:translateY(-50%);}
.loginCont ul .box2 .title{line-height: 1;font-size: 22px;color: #fff;text-align: center;}
.loginCont ul .box2 ul{width: 210px;margin-top: 27px;}
.loginCont ul .box2 ul li{float: left;width: 105px;padding-top: 57px;height: 50px;line-height: 1.2;background-repeat: no-repeat;background-position: center top;text-align: center;font-size: 13px;color: #fff;}
.loginCont ul .box2 ul li.benefit1{background-image: url(../img/common/join_icon1.png)}
.loginCont ul .box2 ul li.benefit2{background-image: url(../img/common/join_icon2.png)}
.loginCont ul .box2 ul li.benefit3{background-image: url(../img/common/join_icon3.png)}
.loginCont ul .box2 ul li.benefit4{background-image: url(../img/common/join_icon4.png)}
.loginCont ul .box2 .btnBox2{display: block;margin: 0 auto;margin-top: 39px;width: 210px;height: 60px;line-height: 57px;/*background: url(../img/common/join_btn2.png) no-repeat;*/font-size: 24px;font-weight: bold;color: #fff;border:3px solid #fff;letter-spacing: -1px;text-align: center;}
.loginCont ul .box2 .btnBox2 span{position: relative;top: -1px;}
.loginCont ul .box2 .btnBox2:hover{background-color: #680100;border:3px solid #680100;}

/* 마케팅용 신규 회원가입 레이어창 - 가입완료 */
.loginCont ul.reg3Form * {box-sizing: border-box;}
.loginCont ul.reg3Form .box1 {padding: 10px 0 57px;}
.loginCont ul.reg3Form .box1 .visual {padding: 0; text-align: center;}
.loginCont ul.reg3Form .box1 .certified {margin-top: 47px; padding: 0 55px;}
.loginCont ul.reg3Form .box1 .certified dl {margin-top: 25px;}
.loginCont ul.reg3Form .box1 .certified dl:first-of-type {margin-top: 0;}
.loginCont ul.reg3Form .box1 .certified dl dt {display: inline-block; width: 58px; color: #666; font-size: 14px; font-weight: 400; letter-spacing: -0.4px; line-height: 28px; vertical-align: top;}
.loginCont ul.reg3Form .box1 .certified dl dd {display: inline-block; vertical-align: top;}
.loginCont ul.reg3Form .box1 .certified dl dd button {position: relative; width: 200px; height: 28px; border-radius: 6px; background: #ec4c58; color: #fff; font-size: 12px; font-weight: 500;}
.loginCont ul.reg3Form .box1 .certified dl dd button::before {content: ''; display: block; position: absolute; top: -12px; right: -103px; transform: translateY(-50%); width: 151px; height: 33px; background: url('/img/common/bubble_cmt1.png') no-repeat center / contain;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form input {display: inline-block; width: 105px; height: 28px; padding: 0 10px; border-radius: 6px; border: 1px solid #e0e0e0; color: #7b7b7b; font-size: 12px; font-weight: 500;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form input#email_2 {width: 90px;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .at {display: inline-block; margin: 0 5px; color: #666; font-size: 12px; font-weight: 500; line-height: 28px;vertical-align: top; }
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .select_box {display: inline-block; margin-left: 5px;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .select_box label {display: inline-block;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .select_box select {display: inline-block; width: 90px; height: 28px; padding: 0 20px 0 10px; border-radius: 6px; border: 1px solid #e0e0e0; background: #fff url('/img/common/ic_arrow_down.png') no-repeat 90% center; color: #7b7b7b; font-size: 12px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .select_box select::-ms-expand {display: none;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .agreeCheck {display: block; margin-top: 10px;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .agreeCheck input {width: 0; height: 0;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .agreeCheck label {position: relative; color: #333; font-size: 11px; font-weight: 400; line-height: 14px; cursor: pointer;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .agreeCheck label::after {content: ''; display: block; position: absolute; top: 14px; left: -13px; width: 172px; height: 39px; background: url('/img/common/bubble_cmt2.png') no-repeat center / contain;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .agreeCheck label::before {content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 4px; background: url('/img/common/agree_checkbox.jpg') no-repeat 0 0; vertical-align: sub;}
.loginCont ul.reg3Form .box1 .certified dl dd .mail_form .agreeCheck input:checked + label::before {background-position: 0 -14px;}
.loginCont ul.reg3Form .box1 .certified .btn_main {width: 100%; height: 45px; line-height: 43px; margin-top: 52px; border: 1px solid #333; text-align: center; color: #333; font-size: 18px; font-weight: 500;}
.loginCont ul.reg3Form .box1 .certified .btn_main:hover {background: #333; color: #fff;}
.loginCont ul.reg3Form .box2 {padding-top: 70px;}
.loginCont ul.reg3Form .box2 h3 {text-align: center; color: #fff; font-size: 22px; font-weight: 500; line-height: 1;}
.loginCont ul.reg3Form .box2 ul {width: fit-content; margin-top: 39px; padding-left: 14px; text-align: center;}
.loginCont ul.reg3Form .box2 ul li {display: inline-block; width: fit-content; height: fit-content; float: none; padding: 0;}
.loginCont ul.reg3Form .box2 ul li.bnf_1 {margin-bottom: 14px;}
.loginCont ul.reg3Form .box2 ul li.bnf_2 {margin-bottom: 14px;}

/* 본인확인 레이어 팝업 */
.user_inner .userCont {width: 500px; height: 760px; border: 5px solid #000; background-color: #fff; border-radius: 20px; box-sizing: border-box;}
.user_inner .userCont .layerClose {position: absolute; top: 12px; right: -43px; width: 38px; height: 38px; background: #000 url('/img/popup/user/close_n.png') no-repeat center; font-size: 0;}
.user_inner .userCont .layerClose:hover {background: #000 url('/img/popup/user/close_h.png') no-repeat center;}
.user_inner .userCont .content {padding: 30px 0 40px;}
.user_inner .userCont .content .top {padding: 0 15px; text-align: center;}
.user_inner .userCont .content .mid {margin-top: 15px; padding: 20px 0; background: #e06565;}
.user_inner .userCont .content .mid p {text-align: center; color: #fff; font-size: 18px;}
.user_inner .userCont .content .mid p span {display: inline-block; color: #fff8a0; font-size: 18px;}
.user_inner .userCont .content .check {padding: 40px 0 50px; font-size: 0;}
.user_inner .userCont .content .check>div>label {display: inline-block; width: 70px; margin-left: 35px; text-align: left; color: #575757; font-size: 14px; font-weight: 500;}
.user_inner .userCont .content .check>div input[type=text] {display: inline-block; width: calc(210px - 22px); height: 40px; padding-left: 20px; border: 1px solid #828282; color: #7a7a7a; font-size: 13px;}
.user_inner .userCont .content .check>div input[type=text]::placeholder {font-size: 13px;}
.user_inner .userCont .content .check>div .gender {display: inline-block; margin-left: 23px;}
.user_inner .userCont .content .check>div .gender input[type=radio] {display: none;}
.user_inner .userCont .content .check>div .gender label {display: inline-block; color: #a7a7a7; font-size: 14px; font-weight: 500; cursor: pointer;}
.user_inner .userCont .content .check>div .gender label:first-of-type {margin-right: 15px;}
.user_inner .userCont .content .check>div .gender label::before {content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url('/img/popup/user/check.png') no-repeat center; background-size: contain; vertical-align: middle;}
.user_inner .userCont .content .check>div .gender input[type=radio]:checked + label::before {background: url('/img/popup/user/checked.png') no-repeat center; background-size: contain;}
.user_inner .userCont .content .check>div .gender input[type=radio]:checked + label {color: #575757;}
.user_inner .userCont .content .check .birth {margin-top: 15px;}
.user_inner .userCont .content .check .birth select {width: 100px; height: 40px; margin-right: 10px; padding-left: 20px; border: 1px solid #828282; background: #fff url('/img/popup/user/arrow.png') no-repeat; background-position: 90% center; color: #7a7a7a; font-size: 13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.user_inner .userCont .content .check .birth select:last-of-type {margin-right: 0;}
.user_inner .userCont .content .btn_grp {margin: 0 15px; padding-top: 40px; border-top: 1px dashed #cecece; text-align: center;}
.user_inner .userCont .content .btn_grp button {width: 326px; height: 46px; line-height: 46px; background: #c63333; border-radius: 5px; color: #fff; font-size: 18px; font-weight: bold;}
.user_inner .userCont .content .btn_grp .noti {margin-top: 15px; color: #949393; font-size: 12px;}
.user_inner .userCont .content .btn_grp .noti span {display: inline-block; color: #000; font-size: 12px;}

/* PC 웹툰 포인트 소멸 레이어 팝업 */
#webtoon_pop {width: 773px; height: 529px;}
#webtoon_pop .pop_content {position: relative; left: -96px;}
#webtoon_pop .pop_content .pop_img {display: block; width: 773px; height: 489px;}
#webtoon_pop .pop_content .pop_img img {width: 100%;}
#webtoon_pop .pop_content .bottom {position: relative; height: 40px;}
#webtoon_pop .pop_content .bottom .evt_chk {display: block; position: absolute; left: 163px; top: 50%; transform: translateY(-50%);}
#webtoon_pop .pop_content .bottom .evt_chk input[type=checkbox] {display: none;}
#webtoon_pop .pop_content .bottom .evt_chk input[type=checkbox]+label {display: inline-block; color: #fff; font-size: 12px; cursor: pointer;}
#webtoon_pop .pop_content .bottom .evt_chk input[type=checkbox]+label::before {content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url('/img/popup/webtoon/check.png') no-repeat center; background-size: contain; vertical-align: sub;}
#webtoon_pop .pop_content .bottom .evt_chk input[type=checkbox]:checked+label::before {background: url('/img/popup/webtoon/checked.png') no-repeat center; background-size: contain;}
#webtoon_pop .pop_content .bottom .layer_cls {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 13px;}
#webtoon_pop .pop_content .bottom .layer_cls::before {content: ''; display: inline-block; width: 1px; height: 15px; margin-right: 28px; background: #fff; vertical-align: middle;}

/* PC 설 연휴 결제 이벤트 레이어 팝업 */
#charge_jan_pop {width: 750px; height: 353px;}
#charge_jan_pop .pop_content .pop_img {display: block; width: 100%; height: 315px;}
#charge_jan_pop .pop_content .pop_img img {width: 100%; height: 100%;}
#charge_jan_pop .pop_content .bottom {position: relative; width: 660px; margin: 0 auto; border-top: 5px solid #000;}
#charge_jan_pop .pop_content .bottom .chk_grp {padding-top: 10px;}
#charge_jan_pop .pop_content .bottom .chk_grp input[type=checkbox] {display: none;}
#charge_jan_pop .pop_content .bottom .chk_grp input[type=checkbox]+label {display: inline-block; color: #fff; font-size: 16px; cursor: pointer;}
#charge_jan_pop .pop_content .bottom .chk_grp input[type=checkbox]+label::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 10px; border: 1px solid #fff; vertical-align: sub; box-sizing: border-box;}
#charge_jan_pop .pop_content .bottom .chk_grp input[type=checkbox]:checked+label::before {border: 0; background: url('/img/popup/checked_pink.png') no-repeat center / contain;}
#charge_jan_pop .pop_content .bottom .layer_cls {position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff; font-size: 16px;}
 
/* PC 월말 결제 이벤트 레이어 팝업 */
#charge_dec_pop {width: 590px; height: 580px;}
#charge_dec_pop .pop_content .pop_img {display: block; width: 590px; height: 540px;}
#charge_dec_pop .pop_content .pop_img img {width: 100%; height: 100%;}
#charge_dec_pop .pop_content .bottom {position: relative; height: 40px;}
#charge_dec_pop .pop_content .bottom .evt_chk {display: block; position: absolute; left: 35px; top: 50%; transform: translateY(-50%);}
#charge_dec_pop .pop_content .bottom .evt_chk input[type=checkbox] {display: none;}
#charge_dec_pop .pop_content .bottom .evt_chk input[type=checkbox]+label {display: inline-block; color: #fff; font-size: 13px; cursor: pointer;}
#charge_dec_pop .pop_content .bottom .evt_chk input[type=checkbox]+label::before {content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url('/img/popup/webtoon/check.png') no-repeat center; background-size: contain; vertical-align: sub;}
#charge_dec_pop .pop_content .bottom .evt_chk input[type=checkbox]:checked+label::before {background: url('/img/popup/checked_pink.png') no-repeat center; background-size: contain;}
#charge_dec_pop .pop_content .bottom .layer_cls {position: absolute; right: 120px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 13px;}
#charge_dec_pop .pop_content .bottom .layer_cls::before {content: ''; display: inline-block; width: 1px; height: 15px; margin-right: 30px; background: #fff; vertical-align: middle;}

/* PC 월말 결제 이벤트 레이어 팝업 NEW */
#charge_end_pop {width: 873px; height: 507px;}
#charge_end_pop .pop_content .pop_img {display: block; width: 100%; height: 473px;}
#charge_end_pop .pop_content .pop_img img {width: 100%; height: 100%;}
#charge_end_pop .pop_content .bottom {position: relative; width: 766px; padding-left: 37px;}
#charge_end_pop .pop_content .bottom .chk_grp {padding-top: 10px;}
#charge_end_pop .pop_content .bottom .chk_grp input[type=checkbox] {display: none;}
#charge_end_pop .pop_content .bottom .chk_grp input[type=checkbox]+label {display: inline-block; color: #fff; font-size: 16px; cursor: pointer;}
#charge_end_pop .pop_content .bottom .chk_grp input[type=checkbox]+label::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 10px; border: 1px solid #fff; vertical-align: sub; box-sizing: border-box;}
#charge_end_pop .pop_content .bottom .chk_grp input[type=checkbox]:checked+label::before {border: 0; background: url('/img/popup/checked_pink.png') no-repeat center / contain;}
#charge_end_pop .pop_content .bottom .layer_cls {position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff; font-size: 16px;}
#charge_end_pop .pop_content .bottom .layer_cls::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 10px; background: url('/img/popup/pop_close.png') no-repeat center / contain; vertical-align: bottom;}

/* PC VIP 전용 이벤트 레이어 팝업 */
#vip_pop {width: 600px; height: 471px;}
#vip_pop .pop_content .layer_cls {display: inline-block; width: 100%; margin-bottom: 10px; color: #fff; font-size: 16px; text-align: right; line-height: 22px;}
#vip_pop .pop_content .layer_cls::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 10px; background: url('/img/popup/user/close_n.png') no-repeat center; text-align: right; vertical-align: text-bottom;}
#vip_pop .pop_content .pop_img {display: block; width: 100%; height: 401px;}
#vip_pop .pop_content .pop_img img {width: 100%;}
#vip_pop .pop_content .bottom {font-size: 0;}
#vip_pop .pop_content .bottom .chk_grp {display: block; margin-top: 10px; font-size: 0;}
#vip_pop .pop_content .bottom .chk_grp input[type=checkbox] {display: none;}
#vip_pop .pop_content .bottom .chk_grp input[type=checkbox]+label {display: inline-block; color: #fff; font-size: 16px; font-weight: 400; cursor: pointer;}
#vip_pop .pop_content .bottom .chk_grp input[type=checkbox]+label::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 10px; border: 1px solid #fff; vertical-align: sub; box-sizing: border-box;}
#vip_pop .pop_content .bottom .chk_grp input[type=checkbox]:checked+label::before {border: none; background: url('/img/popup/checked_pink.png') no-repeat center / contain;}

/* 최신영화 필모그래피 레이어 팝업 */
#filmography_pop {width: 758px; height: auto;}
#filmography_pop .pop_content {padding: 24px 15px 30px; border-radius: 8px; background: #fff; font-size: 0;}
#filmography_pop .pop_content .layer_cls {width: 34px; height: 34px; position: absolute; right: 0; top: -44px; background: url('/img/popup/layer_close.png') no-repeat center / contain;}
#filmography_pop .pop_content .actor {margin-bottom: 24px; text-align: center;}
#filmography_pop .pop_content .actor .profile {display: inline-block; width: 110px; height: 136px; border-radius: 8px; overflow: hidden;}
#filmography_pop .pop_content .actor .profile.noimg {background: url('/img/movie/ic_img_none.jpg') no-repeat center / contain;}
#filmography_pop .pop_content .actor .profile img {width: 100%; margin-top: -10px;}
#filmography_pop .pop_content .actor .name {display: inline-block; margin-left: 30px; text-align: left; vertical-align: top;}
#filmography_pop .pop_content .actor .name p {margin-top: 30px; color: #333; font-size: 22px; font-weight: 600;}
#filmography_pop .pop_content .actor .name span {margin-top: 25px; color: #333; font-size: 12px; font-weight: 400; line-height: 20px;}
#filmography_pop .pop_content .mv_list h6 {margin-bottom: 10px; color: #333; font-size: 18px; font-weight: 400; line-height: 1;}
#filmography_pop .pop_content .mv_list>ul {width: 100%; border-top: 1px solid #e5e5e5;}
#filmography_pop .pop_content .mv_list>ul li {display: inline-block; width: 132px; margin-top: 20px; margin-right: 17px;}
#filmography_pop .pop_content .mv_list>ul li:nth-of-type(n + 1):nth-of-type(-n + 5) {margin-top: 15px;}
#filmography_pop .pop_content .mv_list>ul li:nth-of-type(5n) {margin-right: 0;}
#filmography_pop .pop_content .mv_list>ul li a {position: relative; display: block; width: 100%;}
#filmography_pop .pop_content .mv_list>ul li a .poster {width: 100%; height: 191px; border-radius: 8px; box-sizing: border-box; overflow: hidden;}
#filmography_pop .pop_content .mv_list>ul li a .poster img {width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast;}
#filmography_pop .pop_content .mv_list>ul li:hover a .poster {border: 2px solid #f04848;}
#filmography_pop .pop_content .mv_list>ul li:hover a .poster 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;}
#filmography_pop .pop_content .mv_list>ul li a .title {padding-top: 11px;}
#filmography_pop .pop_content .mv_list>ul li a .title p {color: #333; font-size: 14px; font-weight: 400; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#filmography_pop .pop_content .mv_list>ul li a .title span {display: block; margin-top: 6px; color: #666; font-size: 14px; font-weight: 400; line-height: 1;}
#filmography_pop .pop_content .mv_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;}
#filmography_pop .pop_content .mv_list>ul li a .mark19 img {position: absolute; top: 5px; right: 5px;}
#filmography_pop .pop_content .mv_list>ul li a .mark19.none {background: none;}
#filmography_pop .pop_content .mv_list>ul li a:hover .mark19 {display: none;}
#filmography_pop .pagination {padding: 30px 0 0;}

/* 최신영화 스틸컷 레이어 팝업 */
#stcut_pop {width: 1200px; height: auto;}
#stcut_pop .pop_content {width: 100%; height: 100%; overflow: hidden;}
#stcut_pop .pop_content .layer_cls {width: 34px; height: 34px; position: absolute; right: 0; top: -44px; background: url('/img/popup/layer_close.png') no-repeat center / contain;}
#stcut_pop .pop_content .stc_slide {width: 1200px; height: auto;}
#stcut_pop .pop_content .stc_slide .stc {display: inline-block; width: 100%; height: 0; overflow: hidden;}
#stcut_pop .pop_content .stc_slide .stc img {width: 100%; margin: 0 auto;}
#stcut_pop .pop_content .stc_slide .slick-list {width: 1200px; height: auto;}
#stcut_pop .pop_content .stc_slide .slick-list .slick-track {margin: 0;}
#stcut_pop .pop_content .stc_slide .slick-list .slick-active {height: auto;}
#stcut_pop .pop_content .stc_slide .slick-arrow {z-index: 9;}
#stcut_pop .pop_content .stc_slide .slick-arrow::before {display: none;}
#stcut_pop .pop_content .stc_slide .slick-next {right: 0; width: 40px; height: 40px; background: #ffffff60 url('/img/movie/btn_next.png') no-repeat center / 11px 19px;}
#stcut_pop .pop_content .stc_slide .slick-prev {left: 0; width: 40px; height: 40px; background: #ffffff60 url('/img/movie/btn_prev.png') no-repeat center / 11px 19px;}

/* PC 비밀번호 변경 캠페인 레이어 팝업 */
#change_pw_pop {width: 596px; height: 720px; font-size: 0;}
#change_pw_pop .btn_close {position: absolute; right: 0; top: -30px; color: #fff; font-size: 16px; font-weight: 400; line-height: 22px;}
#change_pw_pop .btn_close::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 10px; background: url('/img/popup/pop_close.png') no-repeat center / contain; vertical-align: text-bottom;}
#change_pw_pop .pop_content {border-radius: 8px; overflow: hidden;}
#change_pw_pop .pop_content .pop_img {width: 100%; height: auto; margin-top: -18px;}
#change_pw_pop .pop_content .pop_img img {width: 100%; height: 100%;}
#change_pw_pop .pop_content .form_grp {padding: 20px 48px 22px; background: #fafafa;}
#change_pw_pop .pop_content .form_grp .form ul li {margin-bottom: 27px;}
#change_pw_pop .pop_content .form_grp .form ul li label {display: block; margin-bottom: 13px; color: #333; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; line-height: 1;}
#change_pw_pop .pop_content .form_grp .form ul li label span {display: inline-block; margin-left: 20px; color: #666; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; line-height: 1;}
#change_pw_pop .pop_content .form_grp .form ul li input {display: block; width: 100%; height: 44px; line-height: 42px; padding: 0 21px; border-radius: 8px; border: 1px solid #ddd; background: #fff; color: #666; font-size: 14px; font-weight: 400; font-family: 'NotoSansKR'; letter-spacing: 1px; box-sizing: border-box; overflow: hidden;}
#change_pw_pop .pop_content .form_grp .form ul li input::placeholder {color: #bfbfbf; font-size: 14px; font-weight: 400; letter-spacing: -0.2px;}
#change_pw_pop .pop_content .form_grp .form ul li input:focus {border-color: #1760d9;}
#change_pw_pop .pop_content .form_grp .form ul li input.error {border-color: #ea1313; background: #fef8f8 url('/img/popup/campaign/error.png') no-repeat 460px center / 18px 18px;}
#change_pw_pop .pop_content .form_grp .form ul li input.success {border-color: #10a81e; background: #fff url('/img/popup/campaign/success.png') no-repeat 460px center / 18px 18px;}
#change_pw_pop .pop_content .form_grp .pw_noti_01 p {color: #666; font-size: 16px; font-weight: 400; line-height: 1;}
#change_pw_pop .pop_content .form_grp .pw_noti_01 ul {margin-top: 15px; margin-left: 15px;}
#change_pw_pop .pop_content .form_grp .pw_noti_01 ul li {margin-top: 8px; color: #666; font-size: 14px; font-weight: 400; line-height: 1;}
#change_pw_pop .pop_content .form_grp .pw_noti_01 ul li:first-of-type {margin-top: 0;}
#change_pw_pop .pop_content .form_grp .btn_grp {margin-top: 20px; text-align: center;}
#change_pw_pop .pop_content .form_grp .btn_grp button {display: inline-block; width: 244px; height: 60px; border-radius: 8px; border: 1px solid #969696; color: #666; font-size: 20px; font-weight: 400; box-sizing: border-box; overflow: hidden;}
#change_pw_pop .pop_content .form_grp .btn_grp button:hover {background: #666; color: #fff;}
#change_pw_pop .pop_content .form_grp .btn_grp .btn_now {margin-left: 12px; border-color: #f04848; color: #f04848; font-weight: 600;}
#change_pw_pop .pop_content .form_grp .btn_grp .btn_now:hover {background: #f04848;}
#change_pw_pop .pop_content .pw_noti_02 {padding: 23px 0 20px 46px; background: #ededed;}
#change_pw_pop .pop_content .pw_noti_02 ul li {margin-top: 10px; color: #666; font-size: 14px; font-weight: 400; line-height: 1;}
#change_pw_pop .pop_content .pw_noti_02 ul li b {color: #333; font-size: 14px; font-weight: 700; line-height: 1;}
#change_pw_pop .pop_content .pw_noti_02 ul li:first-of-type {margin-top: 0;}

/* 본인인증 레이어 팝업 new */
/* .new_layer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999;} */
/* .new_layer .user_inner {width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);} */
/* .new_layer .user_inner .userCont {position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 500px; border: 5px solid #000; background-color: #fff; border-radius: 20px;} */
/* .new_layer .user_inner .userCont .layerClose {position: absolute; top: 12px; right: -43px; width: 38px; height: 38px; background: #000 url('/img/popup/user/close_n.png') no-repeat center; font-size: 0;} */
/* .new_layer .user_inner .userCont .layerClose:hover {background: #000 url('/img/popup/user/close_h.png') no-repeat center;} */

/* 마이페이지 */
.mypageList{margin: 5px 0 0;border: 1px solid #ccc;}
.mypageList p{padding: 0 13px;height: 36px;line-height: 36px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #333;}
.mypage_lnb>li{border-top: 1px solid #ccc;}
.mypage_lnb>li:first-child{border-top: 0;}
.mypage_lnb .depth1{padding: 0 13px;height: 50px;line-height: 50px;font-size: 15px;font-weight: 600;color: #333;}
.mypage_lnb .depth1.current a{color: #f04848;}
.mypage_lnb dl{padding: 15px 10px 10px;box-sizing: border-box;}
.mypage_lnb dl dt{padding: 0 3px 5px;margin-bottom: 10px;font-size: 15px;color: #333;background: url(../img/sub/mylist_line.jpg) repeat-x left bottom;font-weight: 600;}
.mypage_lnb dl dd{padding: 4px 3px;font-size: 13px;color: #333;}
.mypage_lnb dl dd a{font-size: 13px;color: #333;}
.mypage_lnb dl dd a:hover{color: #f04848;}
.mypage_lnb dl dd.current a{color: #f04848;}
.mypage_lnb dl.lnb1{height: 135px;}
.mypage_lnb dl.lnb2{height: 180px;}
.aside.seller .mypageList{border-bottom: 0;}
.aside.seller .mypage_lnb .tab{border-bottom: 0;font-size: 0;}
.aside.seller .mypage_lnb .tab button{display: inline-block;width: 50%;height: 30px;line-height: 30px;background-color: #f1f1f1;font-size: 15px;color: #666;}
.aside.seller .mypage_lnb .tab button.on{background-color: #fff;font-weight: 600;color: #333;}
.aside.seller .mypage_lnb>li{border-top: 0;border-bottom: 1px solid #ccc;}
.aside.seller .mypage_lnb dl.lnb1{height: auto;}
.aside.seller .mypage_lnb dl.lnb2{height: auto;}
.aside.seller .mypage_lnb dl.lnb3{height: 207px;}
.aside.seller .mypage_lnb dl.lnb4{height: 110px;}
.aside.seller .mypage_lnb dl dt{margin-bottom: 11px;}
.aside.seller .mypage_lnb dl dd{padding: 4px 3px;}

/* 고객센터 */
.customerList{margin-top: 5px;border: 1px solid #ccc;}
.customerList p{padding: 0 13px;height: 36px;line-height: 36px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #333;}
.customer_lnb li{border-top: 1px solid #ccc;}
.customer_lnb li:first-child{border-top: 0;}
.customer_lnb li a{padding: 0 13px;height: 44px;line-height: 44px;font-size: 15px;font-weight: 600;color: #333;}
.customer_lnb .current a{color: #f04848;}

/* 친구관리 */
.friendList{margin-top: 5px;border: 1px solid #ccc;}
.friendList p{padding: 0 13px;height: 36px;line-height: 36px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #333;}
.friend_lnb{padding: 0 10px;}
.friend_lnb li{background: url(../img/sub/mylist_line.jpg) repeat-x left top;}
.friend_lnb li:first-child{background: none;}
.friend_lnb li a{padding: 0 3px;height: 34px;line-height: 34px;font-size: 14px;font-weight: 600;color: #333;}
.friend_lnb li:first-child a{height: 35px;line-height: 36px;}
.friend_lnb .current a{color: #f04848;}

/*** 팝업 ***/
/* 1:1 상담 팝업*/
.dataPop{width: 502px;height: 738px;z-index: 10;}
.dataPop_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);
}
.dataPop_cont{width: 500px;border: 1px solid #aaa;}
.dataPop_cont p{padding: 0 25px;height: 44px;line-height: 44px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.dataPop_cont .wrap{padding: 16px 11px;min-height: 660px;background-color: #fff;}
.dataPop_cont .wrap_table{border: 1px solid #ccc;}
.dataPop_cont .pagination{padding: 27px 0 0;border: 0;}
/* 친구관리 팝업*/
.friendPop{width: 501px;}
.friendPop_cont{width: 500px;border: 1px solid #aaa;}
.friendPop_cont p{padding: 0 25px;height: 44px;line-height: 44px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.friendPop_cont .wrap{padding: 16px 11px 30px;background-color: #fff;}
.friendPop_cont .wrap span.txt{display: inline-block;padding: 8px 0 18px;font-size: 15px;font-weight: 600;color: #333;}
.friendPop_cont .pagination{padding: 27px 0 0;border: 0;}
.friendPop_cont .area_btn button{margin-left: 13px;width: 130px;height: 47px;line-height: 45px;border-width: 1px;border-style: solid;font-size: 16px;}
.friendPop_cont .area_btn button:first-child{margin-left: 0;}
.friendPop_cont .area_btn .btn_gray{color: #555;}
.table_pop thead{display: none;}
.table_pop tbody tr th{height: 43px;line-height: 43px;background-color: #fafafa;border: 1px solid #ccc;font-size: 13px;color: #333;}
.table_pop tbody tr td{padding: 0 16px;border: 1px solid #ccc;font-size: 15px;}
.table_pop tbody tr td input[type="text"],
.table_pop tbody tr td input[type="password"]{padding: 0 10px;height: 29px;line-height: 27px;border-color: #ccc;font-size: 13px;box-sizing: border-box;}
.table_pop tbody tr td input[type="text"]::-webkit-input-placeholder{color: #aaa;}
.table_pop tbody tr td input[type="text"]:-ms-input-placeholder{color: #aaa;}
.table_pop tbody tr td.textBox{padding: 15px 0 0;border: 0;}
.table_pop tbody tr td.textBox textarea{padding: 18px;height: 257px;background-color: #fafafa;border-color: #ccc;font-size: 13px;color: #333;box-sizing: border-box;}
.table_pop tbody tr td.textBox textarea::-webkit-input-placeholder{color: #aaa;}
.table_pop tbody tr td.textBox textarea:-ms-input-placeholder{color: #aaa;}
.table_pop tbody tr td .select_box{display: inline-block;position: relative;width: 100%;height: 27px;background: url(../img/sub/pop_select.png) no-repeat 95% center;border: 1px solid #ccc;}
.table_pop tbody tr td .select_box label{position: absolute;left: 0;top: 0;padding: 0 10px;width: 100%;height: 27px;line-height: 27px;font-size: 13px;color: #333;box-sizing: border-box;}
.table_pop tbody tr td .select_box select{padding: 0 10px;width: 100%;height: 27px;line-height: 27px;opacity: 0;filter: alpha(opacity=0);font-size: 13px;color: #333;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}
.table_pop tbody tr td .txt_red{color: #ff6666;}
.friend_group{padding: 32px 30px 50px;border: 1px solid #ccc;border-top: 2px solid #f04848;}
.friend_group>p{margin-bottom: 10px;font-size: 17px;font-weight: 600;color: #333;}
.friend_group ul li{float: left;}
.friend_group .select_group{width: 280px;}
.friend_group .select_group .wrap_select{padding: 2px;border: 1px solid #ccc;font-size: 0;}
.friend_group .select_group .wrap_select select{width: 100%;height: 270px;font-size: 15px;color: #333;}
.friend_group .select_group .wrap_select select option{padding: 6px 12px;font-size: 15px;color: #333;}
.friend_group .select_group .wrap_select select option span{position: relative;top: 3px;}
.friend_group .input_group{margin-left: 30px;width: 413px;}
.friend_group .input_group .wrap_table{border: 0;}
.friend_group .input_group .table_pop tbody tr th{font-size: 15px;}
.friend_group .group_info{margin-top: 32px;border: 1px solid #ccc;}
.friend_group .group_info p{height: 43px;line-height: 43px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #333;text-align: center;}
.friend_group .group_info div{padding: 24px 10px;line-height: 1.6;font-size: 13px;color: #333;text-align: center;}
.friend_group .group_info div span{color: #ff5050;}
.friend_group .group_btn{margin-top: 10px;}
.friend_group .group_btn button{width: 55px;height: 25px;line-height: 23px;border: 1px solid #ccc;font-size: 13px;color: #333;}
.friend_group .area_btn{margin: 18px 0 0;}
.friend_group .area_btn button{margin-left: 13px;width: 130px;height: 47px;line-height: 45px;border-width: 1px;border-style: solid;font-size: 16px;}
.friend_group .area_btn button:first-child{margin-left: 0;}
/* 아이디/비밀번호 찾기 팝업 */
.userInfo_Pop{width: 583px;height: 856px;}
.userInfo_Pop_cont{width: 581px;border: 1px solid #aaa;}
.userInfo_Pop_cont p{padding: 0 22px;height: 44px;line-height: 44px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.userInfo_Pop_cont .wrap{min-height: 0px;padding: 0 23px 40px;}
.userInfo_Pop_cont .wrap_table{margin-top: 23px;}
.userInfo_Pop_cont dl dt{padding-top: 28px; font-size: 18px;font-weight: 600;color: #333;}
.userInfo_Pop_cont dl dd{margin-top: 10px;padding-left: 20px;height: 16px;line-height: 15px;background: url(../img/common/pop_title.png) no-repeat;font-size: 14px;color: #333;}
.userInfo_Pop_cont .table_pop tbody tr th{height: 65px;line-height: 65px;font-size: 14px;}
.userInfo_Pop_cont .table_pop tbody tr td{padding: 0 10px;font-size: 0;}
.userInfo_Pop_cont .table_pop tbody tr td span.id {font-size: 14px;color: #333;}
.userInfo_Pop_cont .table_pop tbody tr td input[type="text"],
.userInfo_Pop_cont .table_pop tbody tr td input[type="password"]{width: 252px;height: 40px;line-height: 38px;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list{display: inline-block;margin-left: 16px;vertical-align: middle;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list li label{padding-left: 22px;height: 19px;line-height: 19px;background-image: url(../img/common/pop_radio.png);font-size: 14px;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list li label.checked{background-position: 0 -19px;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list.gender li{width: 39px;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list.gender li:first-child{width: 50px;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list.auth{margin-left: 0;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list.auth li{width: auto;margin-left: 27px;}
.userInfo_Pop_cont .table_pop tbody tr td .radio_list.auth li:first-child{margin-left: 0;}
.userInfo_Pop_cont .table_pop tbody tr td .select_box{margin-left: 10px;background-position: right 10px center;}
.userInfo_Pop_cont .table_pop tbody tr td .select_box:first-child{margin-left: 0;}
.userInfo_Pop_cont .table_pop tbody tr td .select_box.w92{width: 90px;}
.userInfo_Pop_cont .table_pop tbody tr td .select_box.w70{width: 68px;}
.userInfo_Pop_cont .table_pop tbody tr td.email input.w109{width: 109px;}
.userInfo_Pop_cont .table_pop tbody tr td.email .at {position: relative;top: -2px;display: inline-block;margin: 0 7px 0 8px;font-size: 18px;font-weight: 600;color: #333;vertical-align: middle;}
.userInfo_Pop_cont .table_pop tbody tr td.email .select_box{width: 96px;height: 38px;line-height: 38px;}
.userInfo_Pop_cont .table_pop tbody tr td.email .select_box label{height: 38px;line-height: 38px;}
.userInfo_Pop_cont .area_btn button{margin-left: 13px;width: 130px;height: 47px;line-height: 45px;border-width: 1px;border-style: solid;font-size: 18px;}
.userInfo_Pop_cont .area_btn button:first-child{margin-left: 0;}
.userInfo_Pop_cont .pop_notice{margin-top: 40px;padding: 25px 22px;background-color: #fafafa;border: 1px solid #ccc;}
.userInfo_Pop_cont .pop_notice ul li{margin-top: 10px;font-size: 13px;color: #333;}
.userInfo_Pop_cont .pop_notice ul li:first-child{margin-top: 0;}
.userInfo_Pop_cont .result_box {margin-top: 23px;padding: 20px 23px;height: 133px;border: 1px solid #ccc;overflow-y: auto;box-sizing: border-box;}
.userInfo_Pop_cont .result_box ul li {margin-top: 5px;font-size: 0;}
.userInfo_Pop_cont .result_box ul li:first-child {margin-top: 0;}
.userInfo_Pop_cont .result_box ul li span {display: inline-block;}
.userInfo_Pop_cont .result_box ul li .id {width: 130px;font-size: 14px;font-weight: 600;color: #333;}
.userInfo_Pop_cont .result_box ul li .id_date {font-size: 14px;color: #333;}
.userInfo_Pop_cont .table_pop tbody tr td.user_email{padding: 0 25px;font-size: 14px;color: #333;}

/* 아이템캐시, 아이템 적용 팝업 */
.sellerPop{width: 581px;z-index: 10;}
.sellerPop_cont p{padding: 0 22px;height: 44px;line-height: 44px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.sellerPop_cont .wrap{padding: 26px 15px 0;border: 1px solid #ccc;border-top: 0;}
.sellerPop_cont .infoBox{height: 74px;background-color: #fafafa;border: 1px solid #ccc;}
.sellerPop_cont .infoBox ul{padding: 16px 15px 0;}
.sellerPop_cont .infoBox ul li{margin-top: 8px;font-size: 13px;color: #575757;}
.sellerPop_cont .infoBox ul li:first-child{margin-top: 0;}
.sellerPop_cont .infoBox ul li .txt_red{color: #ff6666;}
.sellerPop_cont .item_tab{margin-top: 25px;}
.sellerPop_cont .item_tab .tabList{height: 48px;}
.sellerPop_cont .item_tab .tabList li{float: left;width: 274px;border-bottom: 1px solid #ccc;}
.sellerPop_cont .item_tab .tabList li button{width: 100%;height: 48px;line-height: 47px;background-color: #f0f0f0;font-size: 16px;color: #777;} 
.sellerPop_cont .item_tab .tabList li.selected{width: 273px;border: 1px solid #ccc;border-bottom: 0;}
.sellerPop_cont .item_tab .tabList li.selected button{height: 48px;line-height: 46px;background-color: #fff;font-weight: 600;color: #fc5f5f;}
.sellerPop_cont .item_tabCont>div{display: none;}
.sellerPop_cont .item_tabCont .wrap_table{border: 1px solid #ccc;}
.sellerPop_cont .item_tabCont .cont1 .table_hoz thead tr th{font-size: 13px;color: #333;}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td{padding: 0 8px;height: 110px;font-size: 13px;font-weight: 600;color: #666;text-align: center;}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td:first-child{font-size: 14px;color: #333;}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td:first-child span{display: block;margin: 0 auto;margin-bottom: 8px;width: 35px;height: 35px;background-repeat: no-repeat;background-size: 100%;}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td .icon_color{background-image: url(../img/sub/icon_color.png);}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td .icon_bold{background-image: url(../img/sub/icon_bold.png);}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td .icon_pull{background-image: url(../img/sub/icon_pull.png);}
.sellerPop_cont .item_tabCont .cont1 .table_hoz tbody tr td  input[type="text"]{padding: 0 5px;width: 49px;height: 21px;line-height: 21px;margin-right: 4px;vertical-align: text-bottom;border: 1px solid #ccc;}
.sellerPop_cont .item_tabCont .cont1 .table_ver tbody th{font-size: 13px;color: #575757;}
.sellerPop_cont .item_tabCont .cont1 .table_ver tbody td{font-size: 13px;font-weight: 600;color: #575757;}
.sellerPop_cont .item_tabCont .cont1 .table_ver tbody td .txt_red{display: inline-block;margin-right: 3px; color: #ff7474;}
.sellerPop_cont .item_tabCont .cont1 .table_ver tbody th{padding: 0 15px;height: 36px;background-color: #fafafa;}
.sellerPop_cont .item_tabCont .cont1 .table_ver tbody td{padding: 0 33px;height: 36px;}
.sellerPop_cont .item_tabCont .cont1 .area_btn{margin-top: 21px;}
.sellerPop_cont table tbody tr:hover{background: none;}
.sellerPop_cont .item_tabCont .cont2 .wrap_list{padding: 0 15px 15px;border: 1px solid #ccc;}
.sellerPop_cont .item_tabCont .cont2 dl dt{height: 44px;line-height: 52px;font-size: 13px;font-weight: 600;color: #333;}
.sellerPop_cont .item_tabCont .cont2 dl dd{padding-bottom: 5px;line-height: 1.3;font-size: 13px;color: #333;}
.sellerPop_cont .item_tabCont .cont2 dl dd table thead th{height: 32px;line-height: 32px;border-left: 1px solid #ccc;font-size: 15px;}
.sellerPop_cont .item_tabCont .cont2 dl dd table thead th:first-child{border-left: 0;}
.sellerPop_cont .item_tabCont .cont2 dl dd table thead th:before{display: none;}
.sellerPop_cont .item_tabCont .cont2 dl dd table tbody td{height: 38px;border-left: 1px solid #ccc;font-size: 15px;color: #333;text-align: center;}
.sellerPop_cont .item_tabCont .cont2 dl dd table tbody td:first-child{border-left: 0;}
.sellerPop_cont .item_tabCont .cont2 .area_btn{margin-top: 18px;}
.sellerPop_cont .area_item .table_hoz.list thead{border: 1px solid #ccc;}
.sellerPop_cont .area_item .table_hoz.list tbody td{height: 106px;font-size: 18px;color: #666;text-align: center;}
.sellerPop_cont .area_item .table_hoz.list tbody td:first-child{font-size: 14px;font-weight: 600;color: #333;}
.sellerPop_cont .area_item .table_hoz.list tbody td:first-child span{display: block;margin: 0 auto;margin-bottom: 8px;width: 35px;height: 35px;background-repeat: no-repeat;background-size: 100%;}
.sellerPop_cont .area_item .table_hoz.list tbody td .icon_color{background-image: url(../img/sub/icon_color.png);}
.sellerPop_cont .area_item .table_hoz.list tbody td .icon_bold{background-image: url(../img/sub/icon_bold.png);}
.sellerPop_cont .area_item .table_hoz.list tbody td .num{display: inline-block;margin-right: 2px;font-weight: 600;}
.sellerPop_cont .area_item .table_hoz.list tbody td button{display: inline-block;width: 21px;height: 21px;}
.sellerPop_cont .area_item .table_hoz.list tbody td button.red{background-color: #ef636c;}
.sellerPop_cont .area_item .table_hoz.list tbody td button.orange{background-color: #fc791f;}
.sellerPop_cont .area_item .table_hoz.list tbody td button.blue{background-color: #318cc5;}
.sellerPop_cont .area_item .table_hoz.list tbody td button.green{background-color: #009331;}
.sellerPop_cont .area_item .table_hoz.list tbody td button.navy{background-color: #426a84;}
.sellerPop_cont .area_item .table_hoz.list tbody td .colorBox{display: inline-block;width: 42px;height: 42px;border: 2px solid #ddd;border-radius: 8px;}
.sellerPop_cont .area_item .table_hoz.list tbody td .colorBox span{display: inline-block;width: 38px;height: 38px;border: 2px solid #fff;border-radius: 8px;}
.sellerPop_cont .area_item .table_hoz.list tbody td label{display: inline-block;width: 42px;height: 42px;border: 2px solid #ddd;border-radius: 8px;cursor: pointer;}
.sellerPop_cont .area_item .table_hoz.list tbody td label.checked{background: url(../img/sub/pop_check.jpg) no-repeat center;}
.sellerPop_cont .area_item .table_hoz.list tbody td label input[type="checkbox"]{display: none;}
.sellerPop_cont .area_item .table_hoz.list tbody tr{border-top: 0;border-bottom: 1px solid #aaa;}
.sellerPop_cont .area_item .area_btn{margin-top: 20px;}
.sellerPop_cont .area_item .area_btn a{text-align: center;}
.sellerPop_cont .area_item .area_btn .btn_gray{float: left;}
.sellerPop_cont .area_item .area_btn .btn_red{float: right;}

/* 파일 업로드 팝업 */
.uploadPop{width: 827px;height: 1211px; font-family: 'NotoSansKR';}
.uploadPop_cont{width: 825px;border: 1px solid #aaa;}
.uploadPop_cont>p{padding: 0 20px;height: 44px;line-height: 44px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.uploadPop_cont .wrap{padding: 21px 20px 20px; background: #fafafa;}
.uploadPop_cont .wrap_table {border: 1px solid #e5e5e5; background: #fff;}
.uploadPop_cont .table_ver tr {border-top: 1px solid #e5e5e5;}
.uploadPop_cont .table_ver tbody th{position: relative; height: auto; padding: 0; border: 0; background: #fff; text-align: center; color: #333; font-size: 14px; font-weight: bold;}
.uploadPop_cont .table_ver tbody th::before {content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: calc(100% - 10px); background: #e5e5e5;}
.uploadPop_cont .table_ver tbody td{height: auto; padding: 5px 12px; font-size: 0;}
.uploadPop_cont .table_ver tbody td input[type="text"]{width: 475px; height: 26px; line-height: 24px; border: 1px solid #e5e5e5; box-sizing: border-box;}
.uploadPop_cont .table_ver tbody td input[type="text"]:first-child{margin-top: 0;}
.uploadPop_cont .table_ver tbody td.btnBox{font-size: 0;}
.uploadPop_cont .table_ver tbody td.btnBox button{float: left;margin-left: 5px;}
.uploadPop_cont .table_ver tbody td.btnBox button:first-child{margin-left: 0;}
.uploadPop_cont .table_ver tbody td.btnBox .delete{float: right;}
.uploadPop_cont .table_ver tbody td button{vertical-align: bottom; width: 83px; height: 26px; line-height: 24px; margin-left: 5px; border: 1px solid #ccc; background: #fff; color: #666; font-size: 14px; font-weight: 500;}
.uploadPop_cont .table_ver tbody td button:hover {color: #f04848;}
.uploadPop_cont .table_ver tbody td .btn_white{margin-left: 12px;}
.uploadPop_cont .table_ver tbody td .btn_red{color: #f04848;}
.uploadPop_cont .table_ver tbody td .btn_red:hover{border-color: #f04848; background: #f04848; color: #fff;}
.uploadPop_cont .table_ver tbody td.fileBox{padding: 0 12px 5px;height: auto;}
.uploadPop_cont .table_ver tbody td.fileBox .table_fixed_wrap{position: relative;padding-top: 27px;border: 1px solid #e5e5e5;}
.uploadPop_cont .table_ver tbody td.fileBox .table_fixed{height: 152px;overflow: auto;overflow-x: hidden;}
.uploadPop_cont .table_ver tbody td.fileBox table{width: 100%;table-layout: fixed;border-spacing: 0;border-collapse: collapse;}
.uploadPop_cont .table_ver tbody td.fileBox table thead{display: table-header-group;}
.uploadPop_cont .table_ver tbody td.fileBox table thead tr{position: absolute;top: 0;border-bottom: 1px solid #e5e5e5;}
.uploadPop_cont .table_ver tbody td.fileBox table thead th{position: relative;padding: 0; width: 120px; height: 27px;line-height: 25px;border-right: 0;font-size: 12px;color: #666; font-weight: 400;}
.uploadPop_cont .table_ver tbody td.fileBox table thead th:first-child{width: 540px; border-right: 1px solid #e5e5e5;}
.uploadPop_cont .table_ver tbody td.fileBox table thead th::before {display: none;}
.uploadPop_cont .table_ver tbody td.fileBox table thead th:first-child:before{display: none;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody tr{border-top: 0;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody tr:hover {cursor: pointer;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody tr:hover td:first-of-type {text-decoration: underline;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody tr.on {background: #f5f5f5;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody td{height: 33px;max-width: 100%; padding: 0 12px; border-bottom: 1px solid #e5e5e5; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color: #333; font-size: 12px;font-weight: normal;text-align: left;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody td:last-of-type{text-align: right;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody tr:last-of-type td {border-bottom: 0;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody td.none{padding: 60px 0 0;height: auto;line-height: 20px; border-bottom: 0; text-align: center; vertical-align: top; color: #666; font-size: 12px; font-weight: 400;}
.uploadPop_cont .table_ver tbody td.fileBox table tbody td.none {text-decoration: none !important; cursor: auto !important;}
.uploadPop_cont .table_ver tbody td .wrap_input{display: block;margin-bottom: 5px;}
.uploadPop_cont .table_ver tbody td .wrap_input button{margin-left: 10px;}
.uploadPop_cont .table_ver tbody td .txt{display: inline-block;margin-left: 0;color: #868686; font-size: 12px; font-weight: 400; vertical-align: middle;}
.uploadPop_cont .table_ver tbody td .txt b {color: #333; font-weight: bold;}
.uploadPop_cont .table_ver tbody td .txt2 {display: inline-block;margin-left: 0;color: #f04848; font-size: 12px; font-weight: 400; vertical-align: middle;}
.uploadPop_cont .table_ver tbody td .txt2 b {font-weight: bold;}
.uploadPop_cont .table_ver tbody td.capacity div{display: inline-block;color: #333; font-size: 14px; font-weight: 600;}
.uploadPop_cont .table_ver tbody td.capacity input[type="text"]{margin: 0 8px;width: 80px;vertical-align: text-top;}
.uploadPop_cont .table_ver tbody td.capacity .txt{margin-left: 10px;vertical-align: baseline;}
.uploadPop_cont .table_ver tbody td .select_box{display: inline-block;position: relative;margin-left: 10px;width: 120px;height: 26px;background: url('/img/sub/write_select.png') no-repeat right 8px center;border: 1px solid #e5e5e5;}
.uploadPop_cont .table_ver tbody td .select_box:first-child{margin-left: 0;}
.uploadPop_cont .table_ver tbody td .select_box label{position: absolute;left: 0;top: 0;width: 100%;height: 26px;line-height: 24px;font-size: 14px;color: #666;box-sizing: border-box;}
.uploadPop_cont .table_ver tbody td select{padding: 0 8px;width: 100%;height: 28px;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;}
.uploadPop_cont .table_ver tbody td .select_box:first-of-type {margin-left: 0;}
.uploadPop_cont .table_ver tbody td .adult_check{display: inline-block; margin: 0 13px 0 20px;}
.uploadPop_cont .table_ver tbody td .pop_check label{display: inline-block; padding-left: 19px; background: url('/img/sub/write_check.png') no-repeat; font-size: 12px;font-weight: 500;color: #333;cursor: pointer;}
.uploadPop_cont .table_ver tbody .pop_check label span{display: inline-block; line-height: 14px; vertical-align: top;}
.uploadPop_cont .table_ver tbody .pop_check label span .mark19{width: 14px; height: 14px; background: url('/img/sub/write_adult.png') no-repeat center / contain;}
.uploadPop_cont .table_ver tbody td .pop_check label.checked{background: url('/img/sub/write_checked.png') no-repeat;}
.uploadPop_cont .table_ver tbody td .pop_check label input[type="checkbox"]{display: none;}
.uploadPop_cont .table_ver tbody td .pop_check.check2 label{padding-left: 23px;}
.uploadPop_cont .table_ver tbody td.screenshot button{margin-left: 5px;}
.uploadPop_cont .table_ver tbody td.screenshot .txt {margin-top: 5px;}
.uploadPop_cont .table_ver tbody td.editor{height: 434px;}
.uploadPop_cont .area_btn{margin-top: 45px;}

/* 파일 업로드 팝업 > 스크린샷 설정 방법 팝업 */
#screenshot_pop {width: 550px; box-sizing: border-box;}
#screenshot_pop * {font-family: 'NotoSansKR';}
#screenshot_pop .top {width: 100%; height: 40px; line-height: 40px; background: #f04848; color: #fff; font-size: 14px; font-weight: 600; text-align: center;}
#screenshot_pop .pop_content {padding: 17px 21px 27px;}
#screenshot_pop .pop_content .box {padding: 18px 10px; border: 1px solid #f04848;}
#screenshot_pop .pop_content .box h4 {margin-bottom: 18px; color: #f04848; font-size: 14px; font-weight: 600; line-height: 1;}
#screenshot_pop .pop_content .box p {color: #666; font-size: 12px; font-weight: 400; line-height: 18px;}
#screenshot_pop .pop_content .box p b {border-bottom: 1px solid #959595;}
#screenshot_pop .pop_content ul {margin-top: 19px;}
#screenshot_pop .pop_content ul li {display: block; position: relative; margin-top: 15px; padding-left: 9px; color: #666; font-size: 12px; font-weight: 400; line-height: 18px;}
#screenshot_pop .pop_content ul li b {border-bottom: 1px solid #666;}
#screenshot_pop .pop_content ul li::before {content: ''; display: block; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #666;}
#screenshot_pop .pop_content ul li:first-of-type {margin-top: 0;}
#screenshot_pop .pop_content button {margin: 25px auto 0; display: block; width: 120px; height: 35px; line-height: 33px; border-radius: 8px; background: #f04848; color: #fff; font-size: 14px; font-weight: 600;}

/*아동청소년 내용 추가*/
.noti_con{width:100%;background:#f1f1f1;padding:10px 0;margin:20px auto 10px;}
.noti_con p{color:#757575;font-size:11px;text-align:center;}

/* 포스터 검색결과 팝업 */
.posterPop{width: 520px;height: 502px;}
.posterPop_cont{width: 518px;border: 1px solid #aaa;}
.posterPop_cont p{padding: 0 20px;height: 44px;line-height: 44px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.posterPop_cont .wrap{padding: 21px 20px 0;height: 435px;}
.posterPop_cont .posterWrap{}
.posterPop_cont .posterLeft{float: left;}

.posterPop_cont .wrap_input{position: relative;width: 250px;background-color: #fff;border: 1px solid #ccc;font-size: 0;z-index: 10;overflow: hidden;}
.posterPop_cont .wrap_input input[type="text"]{float: left;display: inline-block;padding: 0 10px;width: 210px;height: 38px;line-height: 38px;border: 0;font-size: 14px;color: #333;box-sizing: border-box;}
.posterPop_cont .wrap_input .searchBtn{width: 37px;height: 38px;line-height: 38px;background: url(../img/sub/mypage_search.png) no-repeat center 6px;}
.posterPop_cont .posterPopList{height: 257px;border: 1px solid #ccc;border-top: 0;overflow-y: auto;}
.posterPop_cont .posterPopList ul li{padding: 10px;border-bottom: 1px solid #ccc;font-size: 13px;color: #333;cursor: pointer;}
.posterPop_cont .posterPopList ul li:hover{background-color: #fffbef;}
.posterPop_cont .posterPopList ul li.s_blank{height: 237px;line-height: 237px;border: none;text-align: center;cursor: default;}
.posterPop_cont .posterPopList ul li.s_blank:hover{background: none;}

.posterPop_cont .posterRight{float: right;}
.posterPop_cont .posterImage{border: 1px solid #ccc;}
.posterPop_cont .posterImage img{width: 204px;height: 296px;}
.posterPop_cont .area_btn{margin-top: 45px;}

/* 컨텐츠 상세 팝업 */
.viewPop{width: 1200px;background-color: #f4f5f8;}
.viewPop_cont{padding: 0 5px 5px;}
.viewPop .left{float: left;width: 770px;}
.viewPop .right{float: right;width: 415px;}
.viewPop .view_top{padding: 0 0 0 8px;height: 40px;}
.viewPop .view_top .pageroute{float: left;padding-top: 15px;}
.viewPop .view_top .pageroute li{position: relative;float: left;padding-left: 16px;font-size: 12px;color: #333;line-height: 1;}
.viewPop .view_top .pageroute li:first-child{padding-left: 0;}
.viewPop .view_top .pageroute li:before{content: '';position: absolute;top: 50%;margin-top: -5px;left: 8px;width: 5px;height: 10px;background: url(../img/sub/view/pageroute.png) no-repeat;}
.viewPop .view_top .pageroute li:first-child:before{display: none;}
.viewPop .view_top .top_btn{float: right;padding-top: 10px;}
.viewPop .view_top .top_btn li{float: left;margin-left: 4px;}
.viewPop .view_top .top_btn li:first-child{margin-left: 0;}
.viewPop .view_top .top_btn button{width: 60px;height: 23px;line-height: 21px;background-color: #fff;border: 1px solid #ccc;font-size: 12px;color: #444;}
.viewPop .view_title{border-bottom: 1px solid #e7e9ef;}
.viewPop .view_title p{display: table;width: 100%;height: 86px;background: url(../img/sub/view/title_bg.jpg) no-repeat;font-size: 20px;font-weight: 600;color: #fff;}
.viewPop .view_title p span{display: table-cell;vertical-align: middle;padding: 0 11px 10px;}
.viewPop .view_title .info{height: 67px;background-color: #fff;}
.viewPop .view_title .info li{position: relative;float: left;text-align: center;}
.viewPop .view_title .info li:before{content: '';position: absolute;top: 5px;left: 0;width: 1px;height: 45px;background-color: #ccc;}
.viewPop .view_title .info li:first-child:before{display: none;}
.viewPop .view_title .info li.t1{width: 213px;}
.viewPop .view_title .info li.t2{width: 204px;}
.viewPop .view_title .info li.t3{width: 196px;}
.viewPop .view_title .info li.t4{width: 101px;}
.viewPop .view_title .info li.t5{width: 56px;}
.viewPop .view_title .info dl dt{margin-top: 5px;font-size: 13px;color: #666;}
.viewPop .view_title .info dl dd{margin-top: 12px;font-size: 15px;font-weight: 600;color: #333;}
.viewPop .view_title .info dl dd .free{position: relative;top: -2px;display: inline-block;width: 40px;height: 18px;background: url(../img/sub/board_icon/free.png) no-repeat;vertical-align: middle;}
.viewPop .view_title .info dl dd b {display: inline-block; max-width: 120px; font-size: 17px; font-family: 'NotoSansKR'; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.viewPop .view_title .info dl dd button {vertical-align: super;}
.viewPop .view_title .info dl dd .btn_subs::before {content: '구독하기'; display: inline-block; height: 16px; line-height: 16px; margin-left: 5px; padding: 0 7px; background: #fd492a; color: #fff; font-size: 12px;}
.viewPop .view_title .info dl dd .btn_subs.add::before {content: '구독중'; background: #fdd32a; color: #333;}
.viewPop .view_title .info dl dd .greenfile{position: relative;top: 3px;margin-left: 3px;display: inline-block;width: 31px;height: 18px;background: url(../img/sub/view/icon_greenfile.png) no-repeat;}
.viewPop .view_title .info dl dd .sale{position: relative;top: 3px;margin-right: 3px;display: inline-block;width: 40px;height: 18px;background: url(/img/sub/board_icon/sale.png) no-repeat center;}
.viewPop .view_title .info dl dd .dc50{position: relative;top: 3px;margin-right: 3px;display: inline-block;width: 40px;height: 18px;background: url(/img/sub/board_icon/ic_dc50_line.png) no-repeat center;}
.viewPop .view_title .info dl dd .dc40{position: relative;top: 3px;margin-right: 3px;display: inline-block;width: 40px;height: 18px;background: url(/img/sub/board_icon/ic_dc40_line.png) no-repeat center;}
.viewPop .view_title .info dl dd .dc30{position: relative;top: 3px;margin-right: 3px;display: inline-block;width: 40px;height: 18px;background: url(/img/sub/board_icon/ic_dc30_line.png) no-repeat center;}
.viewPop .view_title .info dl dd .dc20{position: relative;top: 3px;margin-right: 3px;display: inline-block;width: 40px;height: 18px;background: url(/img/sub/board_icon/ic_dc20_line.png) no-repeat center;}
.viewPop .view_title .info dl dd .dc10{position: relative;top: 3px;margin-right: 3px;display: inline-block;width: 40px;height: 18px;background: url(/img/sub/board_icon/ic_dc10_line.png) no-repeat center;}
.viewPop .view_title .info dl dd .mobile{display: inline-block;width: 23px;height: 18px;background: url(../img/sub/view/mobile.png?v=2) no-repeat;}
.viewPop .view_title .info dl dd .mobile.on{background-image: url(../img/sub/view/mobile_on.png);}
.viewPop .view_title .info dl dd .star{display: inline-block;background-repeat: no-repeat;background-size: 80px auto;width: 80px;height: 14px;}
.viewPop .view_title .info dl dd .star.star0{background-image: url(../img/sub/view/star_0.jpg);}
.viewPop .view_title .info dl dd .star.star1{background-image: url(../img/sub/view/star_1.jpg);}
.viewPop .view_title .info dl dd .star.star2{background-image: url(../img/sub/view/star_2.jpg);}
.viewPop .view_title .info dl dd .star.star3{background-image: url(../img/sub/view/star_3.jpg);}
.viewPop .view_title .info dl dd .star.star4{background-image: url(../img/sub/view/star_4.jpg);}
.viewPop .view_title .info dl dd .star.star5{background-image: url(../img/sub/view/star_5.jpg);}
.viewPop .view_title .info dl dd .star.star6{background-image: url(../img/sub/view/star_6.jpg);}
.viewPop .view_title .info dl dd .star.star7{background-image: url(../img/sub/view/star_7.jpg);}
.viewPop .view_title .info dl dd .star.star8{background-image: url(../img/sub/view/star_8.jpg);}
.viewPop .view_title .info dl dd .star.star9{background-image: url(../img/sub/view/star_9.jpg);}
.viewPop .view_title .info dl dd .star.star10{background-image: url(../img/sub/view/star_10.jpg);}
.viewPop .view_title .info dl dd .price1{margin-right: 2px;font-weight: normal;color: #888;text-decoration: line-through;}
.viewPop .view_title .info dl dd .discount{margin-left: 2px;color: #ff4444;}
.viewPop .view_title .info li.t2:after{content: '';clear: both;display: block;}
.viewPop .view_title .info li.t2:before,
.viewPop .view_title .info li.t3:before{display: none;}
.viewPop .view_title .info li.t2 .txtBox{position: relative;top: -4px;float: right;padding-left: 20px;width: 213px;height: 71px;background: url(../img/popup/bubble3.png) no-repeat 100% 0;text-align: center;cursor: pointer;box-sizing: border-box;z-index: 3;}
.viewPop .view_title .info li.t2 .txtBox:before{content: '';position: absolute;left: 17px;top: -27px;width: 50px;height: 30px;background: url(../img/popup/img_txtbox_event.gif?v=2) no-repeat;}
.viewPop .view_title .info li.t2 .txtBox .txtBox_inner{display: table;width: 185px;height: 65px;}
.viewPop .view_title .info li.t2 .txtBox:hover .ver_m{text-decoration: underline;}
.viewPop .view_title .info li.t2 .txtBox .ver_m{display: table-cell;vertical-align: middle;line-height: 1.4;font-size: 12px;color: #666;}
.viewPop .view_title .info li.t2 .txtBox em{font-style: normal;font-weight: 600;color: #ff656a;}
.viewPop .view_title .info li.t2 .txtBox .arrow{position: relative;}
.viewPop .view_title .info li.t2 .txtBox .arrow:after{content: '';position: absolute;right: -11px;top: 4px;display: block;width: 7px;height: 10px;background: url(../img/popup/arrow2.png?v=2) no-repeat;}
.viewPop .view_title .info li.t3 dl dd{position: relative;cursor: pointer;}
.viewPop .view_title .info.default li.t1{width: 236px;}
.viewPop .view_title .info.default li.t1{width: 236px;}
.viewPop .view_title .info.default li.t2{display: none;}
.viewPop .view_title .info.default li.t3{width: 198px;}
.viewPop .view_title .info.default li.t4{width: 198px;}
.viewPop .view_title .info.default li.t5{width: 138px;}
.viewPop .view_title .info.default li.t3:before{display: block;}

.viewPop .view_preview{position: relative;margin-top: 5px;height: 449px;background-color: #000;cursor: pointer;}
.viewPop .view_preview:hover .txt1,
.viewPop .view_preview:hover .txt2{display: none;}
.viewPop .view_preview .video_play{position: absolute;left: 50%;margin-left: -75px;top: 50%;margin-top: -75px;width: 150px;height: 150px;background: url(../img/sub/view/icon_play.png) no-repeat center;z-index: 1;}
.viewPop .view_preview .txt1{position: absolute;top: 0;left: 0;padding: 7px 6px 0;font-size: 12px;font-weight: 600;color: #fff;opacity: 0.7;filter: alpha(opacity=0.7);z-index: 1;}
.viewPop .view_preview .txt2{position: absolute;bottom: 0;left: 0;width: 100%;height: 64px;line-height: 62px;background-color: #000;font-size: 14px;color: #999;text-align: center;z-index: 1;}
.viewPop .view_preview .txt2 span{color: #f4f4f4;}
.viewPop .view_preview .video{width: 100%;height: 100%;}
.viewPop .view_preview .video video{width: 100%;height: 100%;}
.viewPop .right_close{position: absolute;left: 751px;top: 50%;margin-top: -51px;width: 24px;height: 102px;background: url(../img/sub/view/right_close.png) no-repeat;z-index: 1;}
.viewPop .view_info{position: relative;margin-top: 5px;padding: 0 5px 18px;height: 101px;background-color: #fff;box-sizing: border-box;}
.viewPop .view_info.open{height: auto;}
.viewPop .right_close.open{background-image: url(../img/sub/view/right_open.png);}
.viewPop .view_info .btn_more{position: absolute;bottom: 0;left: 50%;margin-left: -41px;width: 82px;height: 18px;background: url(../img/sub/view/btn_more.png) no-repeat;text-indent: -9999px;}
.viewPop .view_info.open .btn_more{background-image: url(/img/sub/view/btn_close2.png);}
.viewPop .view_info table thead{border-bottom: 1px solid #bbb;}
.viewPop .view_info table thead tr th{padding: 5px 0 0;height: 36px;font-size: 13px;color: #000;box-sizing: border-box;}
.viewPop .view_info table thead tr th:first-child{padding: 5px 8px 0;text-align: left;}
.viewPop .view_info table tbody tr td{padding: 3px 0 0;font-size: 13px;color: #555;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.viewPop .view_info table tbody tr td:first-child{padding: 3px 8px 0;text-align: left;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.viewPop .view_info table tbody tr td span{position: relative;top: 1px;}
/*.viewPop .view_info table tbody tr td .hd{display: inline-block;width: 44px;height: 22px;background: url(../img/sub/view/icon_hd.png) no-repeat;}*/
.viewPop .view_info table tbody tr td .hd{display: inline-block;width: 44px;height: 22px;background: url(../img/sub/view/icon_hd2.png) no-repeat;}
.viewPop .view_info table tbody tr td .sd{display: inline-block;width: 44px;height: 22px;background: url(../img/sub/view/icon_sd.png) no-repeat;}
.viewPop .view_info table tbody tr td .fhd{display: inline-block;width: 44px;height: 22px;background: url(../img/sub/view/icon_fhd.png) no-repeat;}
.viewPop .view_info table tbody tr td .uhd{display: inline-block;width: 44px;height: 22px;background: url(../img/sub/view/icon_uhd.png) no-repeat;}
.viewPop .view_info table tbody tr td .qhd{display: inline-block;width: 44px;height: 22px;background: url(../img/sub/view/icon_qhd.png) no-repeat;}

.viewPop .view_btn{margin-top: 5px;padding: 19px 12px 18px;background-color: #fff;border-bottom: 1px solid #e7e9ef;font-size: 0;}
.viewPop .view_btn.fixed{margin-top: 0;position: fixed;top: 0;left: 5px;width: 770px;box-sizing: border-box;z-index: 2;}
.viewPop .view_btn ul{width: 100%;display: table;}
.viewPop .view_btn ul li{display: table-cell;padding-left: 15px;width: 176px;}
.viewPop .view_btn ul li:first-child{padding-left: 0;}
.viewPop .view_btn button{width: 100%;height: 58px;line-height: 58px;font-size: 20px;font-weight: 600;color: #fff;}
.viewPop .view_btn button:first-child{margin-left: 0;}
.viewPop .view_btn button.gray{background-color: #999;}
.viewPop .view_btn button.red{background-color: #ff6053;}

/* 신규 영화 결제 패키지 상품 배너  */
.viewPop .view_btn.fixed .charge_mv_bn {display: none;}
.viewPop .view_btn .charge_mv_bn {width: 746px; height: auto; margin-top: 15px; overflow: hidden; cursor: pointer;}
.viewPop .view_btn .charge_mv_bn img {width: 100%;}

/* 창립 14주년 기념 슈퍼정액제 이벤트 배너  */
.viewPop .view_btn .anniversary_bn {width: 746px; height: auto; margin-top: 15px; overflow: hidden; cursor: pointer}
.viewPop .view_btn .anniversary_bn img {width: 100%;}

/* 상세창 배너 공통 */
.viewPop .view_btn .info_event_bn {width: 746px; height: auto; margin-top: 15px; overflow: hidden; cursor: pointer}
.viewPop .view_btn .info_event_bn img {width: 100%;}

.viewPop .view_vod{margin-top: 5px;padding: 0 8px;height: 275px;background: #fff url('/img/sub/view/movie_img.jpg') no-repeat right top;border-bottom: 1px solid #e7e9ef;}
.viewPop .view_vod .title{height: 48px;line-height: 65px;font-size: 18px;color: #000;}
.viewPop .view_vod .title b{font-weight: bold;}
.viewPop .view_vod .tab{height: 30px;}
.viewPop .view_vod .tab li{float: left;margin-left: 28px;}
.viewPop .view_vod .tab li:first-child{margin-left: 0;}
.viewPop .view_vod .tab li button{padding-right: 14px;background: url('/img/sub/view/check.png') no-repeat 100% center;font-size: 14px;color: #777;}
.viewPop .view_vod .tab li.on button{background-image: url('/img/sub/view/check_on.png');color: #ff6053;}
.viewPop .view_vod .wrap{position: relative;padding: 0 3px;height: 190px;}
.viewPop .view_vod .view_vod_inner{position: relative;overflow: hidden;}
.viewPop .view_vod .slide{display: table;white-space: nowrap;}
.viewPop .view_vod .slide .cont{display: table-cell;padding: 0 0 0 18px; vertical-align: top;}
.viewPop .view_vod .slide .cont:first-child{padding-left: 0;}
.viewPop .view_vod .slide .cont .inner{position: relative;width: auto;margin: 0;width: 235px;height: 173px;border-radius: 8px;cursor: pointer; border: 1px solid #ccc; overflow: hidden;}
.viewPop .view_vod .slide .cont:hover .inner{width: 233px; height: 171px; border: 2px solid #f14742;}
.viewPop .view_vod .slide .cont .inner::after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 233px; height: 171px;}
/* .viewPop .view_vod .slide .cont .inner a{display: block;} */
/* .viewPop .view_vod .slide .cont .inner:after{display: none;content: '';position: absolute;left: 0;top: 0;width: 233px;height: 169px;border: 2px solid #f14742;border-radius: 8px;overflow: hidden;} */
.viewPop .view_vod .slide .cont .img{display: block;width: 100%;height: 100%; margin: 0 auto; overflow: hidden;}
/* .viewPop .view_vod .slide .cont:hover .img img {width: 101%; margin-left: -0.5%; height: 101%; margin-top: -0.5%;} */
/* .viewPop .view_vod .slide .cont:hover .txtBox {width: 101%; bottom: -0.5%; left: -0.5%;} */
.viewPop .view_vod .slide .cont .img img{width: 100%;height: 100%;}
.viewPop .view_vod .slide .cont .txtBox{position: absolute;bottom: 0;left: 0;width: 100%;height: 51px;background-color: #fff;}
.viewPop .view_vod .slide .cont .txtBox .txt{display: block;padding: 7px 12px 3px;font-size: 13px;color: #333;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.viewPop .view_vod .slide .cont .txtBox .info{display: block;padding: 0 12px;font-size: 13px;font-weight: 600;color: #333;}
.viewPop .view_vod .wrap .bx-controls{display: none;}
.viewPop .view_vod .wrap .bx-controls a{position: absolute;top: 0;width: 23px;height: 173px;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);background-repeat: no-repeat;background-position: center;text-indent: -99999px;}
.viewPop .view_vod .wrap .bx-controls a.bx-prev{left: 3px;background-image: url('/img/sub/view/icon_prev.png');border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.viewPop .view_vod .wrap .bx-controls a.bx-next{right: 3px;background-image: url('/img/sub/view/icon_next.png');border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.viewPop .view_contents{margin-top: 5px;padding: 25px 10px 24px;background-color: #fff;border-bottom: 1px solid #e7e9ef;text-align: center;}
.viewPop .view_contents img{width: 100%;vertical-align: top;}
.viewPop .view_review{position: relative;margin-top: 5px;padding: 0 10px;background-color: #fff;border-bottom: 1px solid #e7e9ef;}
.viewPop .view_review .tit{height: 51px;line-height: 62px;font-size: 18px;font-weight: 600;color: #333;}
.viewPop .view_review .event_txt{position: absolute;right: 20px;top: 23px;padding-left: 45px;height: 16px;line-height: 16px;background: url('/img/sub/view/icon_event.png') no-repeat left center;font-size: 12px;color: #333;}
.viewPop .view_review .reviewBox{border: 1px solid #aaa;}
.viewPop .view_review .reviewBox table thead{border-bottom: 1px solid #aaa;}
.viewPop .view_review .reviewBox table thead tr th{padding: 0 8px;height: 38px;font-size: 15px;color: #333;text-align: left;}
.viewPop .view_review .reviewBox table thead tr th.stars{padding: 0;}
.viewPop .view_vod .view_vod_prev{display: none;position: absolute;top: 0;left: 3px;width: 23px;height: 175px;background: url('/img/sub/view/icon_prev.png') no-repeat center;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.viewPop .view_vod .view_vod_next{display: none;position: absolute;top: 0;right: 4px;width: 23px;height: 175px;background: url('/img/sub/view/icon_next.png') no-repeat center;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.viewPop .view_vod .wrap:hover .view_vod_prev,
.viewPop .view_vod .wrap:hover .view_vod_next{display: block;}

.viewPop #stream_btn{position:relative;}
.viewPop #stream_btn button{background:#bb0f01;}
.viewPop #stream_btn img{position:absolute;top:-5px;left:10px;}

/*프로그램 다운로드 배너*/
.viewPop .install_bn_01{background:#fff;padding-top:10px;width:100%;}
.viewPop .install_bn_01>div{margin:0 auto;height:40px;background: #000 url('/img/sub/view/app_down_icon.png') no-repeat 10px center;padding-left:50px;position:relative;}
.viewPop .install_bn_01>div p{font-size:16px;line-height:38px;color:#fff;}
.viewPop .install_bn_01>div a{display:inline-block;width:140px;height:30px;padding-left:20px;
background:#fff url('/img/sub/view/ist_arrow.png') no-repeat 130px center;color:#ec4c58;position:absolute;right:10px;top:5px;border-radius:15px;font-size:14px;line-height:29px;}
.viewPop .install_bn_01>div a:hover{background:#ec4c58 url('/img/sub/view/ist_arrow_hover.png') no-repeat 130px center;color:#fff;}

.viewPop .install_bn_02{background:#fff;padding-top:10px;}
.viewPop .install_bn_02 .install_txt_01{margin:0 auto;height:40px;background: #000 url('/img/sub/view/app_down_icon.png') no-repeat 160px center;padding-left:200px;position:relative;}
.viewPop .install_bn_02 .install_txt_01 p{font-size:16px;line-height:38px;color:#fff;}
.viewPop .install_bn_02 .install_txt_02{margin:0 auto;border-bottom:1px dotted #cecece;text-align:center;padding:20px 0;}
.viewPop .install_bn_02 .install_txt_02 a{display:inline-block;width:212px;height:36px;color:#fff;font-size:16px;padding-left:10px;margin-bottom:20px;
background:#5455aa url('/img/sub/view/ist_arrow_02.png') no-repeat 205px center;line-height:35px;text-align:left;}
.viewPop .install_bn_02 .install_txt_02 a:hover{background:#252847 url('/img/sub/view/ist_arrow_02.png') no-repeat 205px center;}
.viewPop .install_bn_02 .install_txt_02 p{font-size:12px;color:#575757;line-height:12px;margin:5px 0 10px;font-weight:500;}
.viewPop .install_bn_02 .install_txt_02 button{height:25px;color:#7b7b7b;font-size:14px;line-height:14px;border-bottom:1px solid #353535;cursor:pointer;}
.viewPop .install_bn_02 .install_txt_02 button  span{color:#353535;font-size:14px;}
.viewPop .install_bn_02 .install_txt_02 button:hover{color:#ec4c58 !important;border-bottom:1px solid #ec4c58;cursor:pointer;}
.viewPop .install_bn_02 .install_txt_02 button:hover span{color:#ec4c58}
/**/

.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{display: inline-block;vertical-align: top;background: url(../img/sub/view/star.png) no-repeat;}
.star-input{margin-right: 5px;display: inline-block;white-space: nowrap;}
.star-input>.input{display:inline-block;width: 112px;height: 19px;white-space: nowrap;overflow: hidden;position: relative;}
.star-input>.input>input{position: absolute;width: 1px;height: 1px;opacity: 0;}
.star-input>.input>label{width: 20px;height: 0;padding: 19px 0 0 0;overflow: hidden;float: left;cursor: pointer;position: absolute;top: 0;left: 0;}
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{background-position: 0 bottom;}
.star-input>.input>label:hover~label{background-image: none;}
.star-input>.input>label[for="p1"]{width: 10px;z-index: 10;}
.star-input>.input>label[for="p2"]{width: 20px;z-index: 9;}
.star-input>.input>label[for="p3"]{width: 33px;z-index: 8;}
.star-input>.input>label[for="p4"]{width: 43px;z-index: 7;}
.star-input>.input>label[for="p5"]{width: 56px;z-index: 6;}
.star-input>.input>label[for="p6"]{width: 66px;z-index: 5;}
.star-input>.input>label[for="p7"]{width: 79px;z-index: 4;}
.star-input>.input>label[for="p8"]{width: 89px;z-index: 3;}
.star-input>.input>label[for="p9"]{width: 102px;z-index: 2;}
.star-input>.input>label[for="p10"]{width: 112px;z-index: 1;}
.viewPop .view_review .reviewBox table thead tr th.stars .total{font-size: 12px;font-weight: normal;color: #666;}
.viewPop .view_review .reviewBox table tbody tr td textarea{padding: 13px 8px;width: 100%;height: 140px;background: url(../img/sub/view/textarea_default.jpg) no-repeat;border: 0;box-sizing: border-box;}
.viewPop .view_review .reviewBox table tbody tr td textarea.on{background: none;}
.viewPop .view_review .reviewBox table tfoot tr td{position: relative;padding: 0 10px;height: 43px;background-color: #f8f8f8;border-top: 1px solid #aaa;}
.viewPop .view_review .reviewBox table tfoot tr td ul li{float: left;line-height: 1;margin-left: 10px;}
.viewPop .view_review .reviewBox table tfoot tr td ul li:first-child{margin-left: 0;}
.viewPop .view_review .reviewBox table tfoot tr td ul li label{position: relative;top: -1px;display: inline-block;padding-left: 20px;height: 16px;line-height: 16px;background: url(../img/sub/radio.png) no-repeat;font-size: 13px;color: #333;}
.viewPop .view_review .reviewBox table tfoot tr td ul li label.checked{background-position: 0 -16px;}
.viewPop .view_review .reviewBox table tfoot tr td ul li label input[type="radio"]{display: none;}
.viewPop .view_review .reviewBox table tfoot tr td .btn{position: absolute;right: -1px;bottom: -1px;width: 97px;height: 45px;line-height: 43px;background-color: #ff6666;font-size: 18px;font-weight: 600;color: #fff;}
.viewPop .view_review .reviewBox table tfoot tr td .btn:before{content: '';position: absolute;left: -1px;top: 0;width: 1px;height: 45px;background-color: #aaa;}
.viewPop .view_review .reviewBox table tfoot tr td .seller_btn {position: absolute;top: -174px;right: 6px;padding: 2px 8px;background-color: #fff7fd;border: 1px solid #ce125d;font-size: 13px;font-weight: 600;color: #ce125d;}
.viewPop .view_review .reviewList .title{position: relative;padding: 20px 0 8px;height: 21px;font-size: 15px;font-weight: 600;color: #333;}
.viewPop .view_review .reviewList .title:before{content: '';position: absolute;left: 63px;bottom: 12px;width: 1px;height: 15px;background-color: #dfdfdf;}
.viewPop .view_review .reviewList .title .total{display: inline-block;padding-left: 20px;font-size: 15px;font-weight: normal;color: #333;}
.viewPop .view_review .reviewList .wrap_list{border-top: 2px solid #bbb;}
.viewPop .view_review .reviewList .wrap_list .notice{position: relative;background: #f4f5f8 url(../img/sub/view/icon_seller_notice.png) no-repeat 8px 8px;}
.viewPop .view_review .reviewList .wrap_list .notice p{padding-left: 82px;height: 33px;line-height: 31px;border-top: 2px solid #fff;font-size: 13px;font-weight: 600;color: #333;word-break: keep-all;}
.viewPop .view_review .reviewList .wrap_list .notice .btn_delete{position: absolute;top: 9px;right: 10px;}
.viewPop .view_review .reviewList .wrap_list button{width: 40px;height: 20px;line-height: 18px;background-color: #f5f5f5;border: 1px solid #ccc;font-size: 12px;color: #333;}
.viewPop .view_review .reviewList .wrap_list .btn_send_cp{width: 60px;height: 20px;line-height: 18px;background-color: #fff7fd;border: 1px solid #ce125d;font-size: 12px;color: #ce125d;margin-right:5px;}
.viewPop .view_review .reviewList .wrap_list{position: relative;}
.viewPop .view_review .reviewList .wrap_list .list>li{position: relative;border-bottom: 1px solid #bbb;}
.viewPop .view_review .reviewList .wrap_list .list>li .review_comm{position: relative;}
.viewPop .view_review .reviewList .wrap_list .list>li .seller_comm{position: relative;padding-bottom: 20px;}
.viewPop .view_review .reviewList .wrap_list .list>li .seller_comm .btn{bottom: 20px;}
.viewPop .view_review .reviewList .wrap_list .list>li.none {padding: 18px 0;height: 108px;background: url(../img/sub/comm_view.jpg) no-repeat center;text-indent: -9999px;}
.viewPop .view_review .reviewList .wrap_list .list .btn{position: absolute;right: 10px;bottom: 15px;}
.viewPop .view_review .reviewList .wrap_list .list .btn:after{display:block;clear:both;content:'';}
.viewPop .view_review .reviewList .wrap_list .list .btn li{float: left;margin-left: 6px;}
.viewPop .view_review .reviewList .wrap_list .list .btn li:first-child{margin-left: 0;}
.viewPop .view_review .reviewList .wrap_list .list .recomm {margin-top: -1px;padding-bottom: 13px;background-color: #fff;}
.viewPop .view_review .reviewList .wrap_list .list .recomm textarea {resize: none;padding: 10px;width: 650px;height: 50px;box-sizing: border-box;}
.viewPop .view_review .reviewList .wrap_list .list .recomm button {width: 86px;height: 51px;}
.viewPop .view_review .reviewList .wrap_list .list .recomm label{position: relative;top: -1px;margin-bottom: 3px;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;}
.viewPop .view_review .reviewList .wrap_list .list .recomm label.checked{background-position: 0 -13px;}
.viewPop .view_review .reviewList .wrap_list .list .recomm label input[type="checkbox"]{display: none;}
.viewPop .view_review .reviewList .wrap_list .rply_more {
    cursor: pointer;
    width: 260px;
    height: 40px;
    border: 1px solid #c8c8c8;
    background: url(../img/sub/view/view_more_arrow.png) no-repeat 145px center;
    color: #787878;
    line-height: 38px;
    font-size: 12px;
    margin: 25px auto 0;
    text-align: left;
    padding-left: 100px;
}

.viewPop .view_review .reviewList .wrap_list dl dt{padding: 19px 0 7px;font-size: 13px;font-weight: 600;color: #333;}
.viewPop .view_review .reviewList .wrap_list dl dt .star{position: relative;top: 2px;display: inline-block;margin-left: 10px;width: 88px;height: 15px;background-size: 100% 100%;}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dt .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')";}
.viewPop .view_review .reviewList .wrap_list dl dd{display: inline-block;padding: 0 0 13px;line-height: 1.4;font-size: 13px;color: #333;}
.viewPop .view_review .reviewList .wrap_list dl dd.gift{padding-left: 19px;background: url(../img/sub/view/icon_gift.png) no-repeat left top;}
.viewPop .view_review .reviewList .wrap_list dl dd .mobile{display: inline-block;margin-left: 10px;width: 16px;height: 12px;background: url(../img/sub/view/icon_mobile.png) no-repeat;}
.viewPop .view_review .reviewList .wrap_list .list .seller_answer{position: relative;display: table;padding: 5px 117px 5px 62px;max-width: 640px;min-width: 216px;background: #f4f5f8 url(../img/sub/view/icon_seller.png) no-repeat 15px 5px;border: 1px solid #e7eaf5;border-radius: 8px;border-top-left-radius: 0;box-sizing: border-box;}
.viewPop .view_review .reviewList .wrap_list .list .seller_answer:before{content: '';position: absolute;left: -1px;top: -10px;width: 14px;height: 10px;background: url(../img/sub/view/box_bg.png) no-repeat;}
.viewPop .view_review .reviewList .wrap_list .list .seller_answer p{font-size: 13px;color: #333;line-height: 1.4;}
.viewPop .view_review .reviewList .pagination{padding: 25px 0 19px;border: 0;}

.viewPop .view_other{position: relative;height: 543px; margin-top: 5px;padding: 0 0 0 10px;background-color: #fff;border-bottom: 1px solid #e7e9ef;}
.viewPop .view_other .title{height: 53px;line-height: 63px;font-size: 18px;font-weight: 600;color: #333;}
.viewPop .view_other .other_tab .tabList li{float: left;margin-left: 7px;}
.viewPop .view_other .other_tab .tabList li:first-child{margin-left: 0;}
.viewPop .view_other .other_tab .tabList li button{width: 62px;height: 29px;line-height: 25px;border: 2px solid #999999;border-radius: 20px;font-size: 14px;color: #666;}
.viewPop .view_other .other_tab .tabList li.selected button{background-color: #ff6666;color: #fff;border-color: #ff6666;}
.viewPop .view_other .other_tab .tabList li button:hover{background-color: #ff6666;color: #fff;border-color: #ff6666;}
.viewPop .view_other .other_tabCont{margin-top: 20px;}
.viewPop .view_other .imgList{margin-bottom: 11px;}

.viewPop .view_other .imgList:first-child{margin-bottom: 0;}
.viewPop .view_other .imgList>li{display: inline-block; width: 175px; margin-right: 15px; margin-bottom: 20px;}
/*.viewPop .view_other .imgList>li:first-child{margin-left: 0;margin-right: -1px;}*/
.viewPop .view_other .imgList>li a {display: block;}
.viewPop .view_other .imgList>li:hover .img {border: 2px solid #f76665;}
.viewPop .view_other .imgList>li:hover .img::after {content: ''; display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.viewPop .view_other .imgList>li:hover .img .play{position: absolute;right: 3px;bottom: 3px;display: block;width: 30px;height: 30px;background: url(/img/sub/view/icon_play_small.png) no-repeat; z-index: 1;}
.viewPop .view_other .imgList .img{position: relative; display: block; width: 100%; height: 110px; border: 2px solid #000; box-sizing: border-box; overflow: hidden;}
.viewPop .view_other .imgList .img .adult_mark{ display: block; position: absolute; top: 5px; right: 5px; width: 29px; height: 29px; background: url('/img/common/pc_icon_19.png') no-repeat center; background-size: contain; z-index: 2;}
.viewPop .view_other .imgList .img img {width: 100%; height: 100%;}
.viewPop .view_other .imgList .info{height: 15px;padding: 10px 0 4px;}
.viewPop .view_other .imgList .info:after{display:block;clear:both;content:'';}
.viewPop .view_other .imgList .info li{position: relative;float: left;padding: 0 5px;height: 12px;line-height: 12px;font-size: 13px;color: #ff5050;}
.viewPop .view_other .imgList .info li:first-child{padding-left: 0;}
.viewPop .view_other .imgList .info li:first-child:before{display: none;}
.viewPop .view_other .imgList .info li:before{content: '';position: absolute;left: 0;top: 0;width: 1px;height: 12px;background-color: #dfdfdf;}
.viewPop .view_other .imgList .tit{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: 12px;color: #333;}
.viewPop .view_other .pagination{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 0 20px;border: 0;}

.viewPop .view_right_banner{margin-top: 10px;margin-bottom:5px;width: 415px;height:110px;}
.viewPop .view_right_banner > img{display:inline-block;width:100%;height:100%;}

.viewPop .fileList{height: 730px;}
.viewPop .file_tab{}
.viewPop .file_tab .tabList{height: 44px;border-bottom: 1px solid #e7e9ef;}
.viewPop .file_tab .tabList li{position: relative;float: left;width: 25%;box-sizing: border-box;}
.viewPop .file_tab .tabList li:before{content: '';position: absolute;left: -1px;top: 50%;margin-top: -7px;width: 1px;height: 14px;background-color: #9499ac;}
.viewPop .file_tab .tabList li:first-child:before{display: none;}
.viewPop .file_tab .tabList li button{width: 100%;height: 44px;line-height: 43px;background-color: #dee1eb;font-size: 15px;color: #535c76;text-align: center;}
.viewPop .file_tab .tabList li button span{position: relative;}
.viewPop .file_tab .tabList li.selected{position: relative;border: 1px solid #e7e9ef;border-bottom: 0;z-index: 1;}
.viewPop .file_tab .tabList li.selected:before{display: none;}
.viewPop .file_tab .tabList li.selected button{background-color: #fff;font-weight: 600;color: #ff6666;}
.viewPop .file_tab .tabList li.selected button span{top: -1px;}
.viewPop .file_tabCont{padding: 22px 18px 0;background-color: #fff;border: 1px solid #e7e9ef;border-top: 0;}
.viewPop .file_tabCont>div{position: relative;display: none;height: 663px;}
.viewPop .file_tabCont>div:after{content: '';clear: both;display: block;}
.viewPop .file_tabCont .imgList>li{position: relative;background: url(../img/sub/view/view_line.jpg) repeat-x left top;padding: 11px 0 10px;height: 93px;}
.viewPop .file_tabCont .imgList>li:first-child{background: none;padding: 0 0 10px;height: 94px;}
.viewPop .file_tabCont .imgList>li:nth-child(2){background: none;padding: 0 0 10px;height: 94px;}
.viewPop .file_tabCont .imgList>li:hover .img::after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.viewPop .file_tabCont .imgList>li:hover .img {border: 2px solid #f76665;}
.viewPop .file_tabCont .imgList>li:hover .img .play{position: absolute;right: 3px;bottom: 3px;display: block;width: 30px;height: 30px;background: url(../img/sub/view/icon_play_small.png) no-repeat; z-index: 1;}
.viewPop .file_tabCont .imgList a:after{display:block;clear:both;content:'';}
.viewPop .file_tabCont .imgList .img{position: relative;float: left;margin-right: 12px;width: 145px; height: 93px; border: 2px solid #000; box-sizing: border-box; overflow: hidden;}
.viewPop .file_tabCont .imgList .img img{width: 100%; height: 100%;}
.viewPop .file_tabCont .imgList .img .adult_mark{ display: block; position: absolute; top: 5px; right: 5px; width: 29px; height: 29px; background: url('/img/common/pc_icon_19.png') no-repeat center; background-size: contain; z-index: 2;}
.viewPop .file_tabCont .imgList .txtBox{float: left;padding-top: 6px;width: 220px;}
.viewPop .file_tabCont .imgList .txtBox .tit{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: 12px;color: #333;}
.viewPop .file_tabCont .imgList .txtBox .info{margin-top: 44px;}
.viewPop .file_tabCont .imgList .txtBox .info:after{display:block;clear:both;content:'';}
.viewPop .file_tabCont .imgList .txtBox .info li{position: relative;float: left;padding-right: 16px;height: 12px;line-height: 12px;font-size: 13px;color: #dc5a70;}
.viewPop .file_tabCont .imgList .txtBox .info li:last-child{padding-right: 0;}
.viewPop .file_tabCont .imgList .txtBox .info li:before{content: '';position: absolute;right: 8px;top: 0;width: 1px;height: 12px;background-color: #aaa;}
.viewPop .file_tabCont .imgList .txtBox .info li:last-child:before{display: none;}
.viewPop .file_tabCont .imgList .txtBox .info li.resolution2,
.viewPop .file_tabCont .imgList .txtBox .info li.time2,
.viewPop .file_tabCont .imgList .txtBox .info li.size2{display: none !important;}
.viewPop .file_tabCont .imgList>li.result_none{padding-top: 392px;height: 278px;background: url('/img/sub/empty_img.png') no-repeat center 175px;text-align: center;}
.viewPop .file_tabCont .imgList>li.result_none .txt1{font-size: 17px;color: #333;}
.viewPop .file_tabCont .imgList>li .info_close{position: absolute;right: 10px;bottom: 10px;}
.viewPop .file_tabCont .pagination{padding: 40px 0 20px 0; width: 100%; border: 0;}
.viewPop .file_tabCont .all_delete{float: right;margin-top: 10px;width: 60px;height: 23px;line-height: 21px;background-color: #fff;border: 1px solid #ccc;font-size: 12px;color: #444;}
.viewPop .chargeList{position: relative;background-color: #fff;}
.viewPop .charge_tab{padding-top: 10px;background-color: #f4f5f8;}
.viewPop .charge_tab .tabList{height: 44px;border-bottom: 1px solid #e7e9ef;}
.viewPop .charge_tab .tabList li{position: relative;float: left;width: 138px;box-sizing: border-box;}
.viewPop .charge_tab .tabList li:before{content: '';position: absolute;left: -1px;top: 50%;margin-top: -7px;width: 1px;height: 14px;background-color: #9499ac;}
.viewPop .charge_tab .tabList li:first-child:before{display: none;}
.viewPop .charge_tab .tabList li button{width: 100%;height: 44px;line-height: 43px;background-color: #dee1eb;font-size: 15px;color: #535c76;text-align: center;}
.viewPop .charge_tab .tabList li.selected{position: relative;width: 139px;border: 1px solid #e7e9ef;border-bottom: 0;z-index: 1;}
.viewPop .charge_tab .tabList li.selected:before{display: none;}
.viewPop .charge_tab .tabList li.selected button{background-color: #fff;font-weight: 600;color: #f9554c;}
.viewPop .charge_tab .tabList li.selected button span{top: -1px;}
.viewPop .charge_tabCont{max-height: 672px;background-color: #fff;border: 1px solid #e7e9ef;border-top: 0;box-sizing: border-box;-ms-overflow-style: none;overflow-y: auto;}
.viewPop .charge_tabCont::-webkit-scrollbar{display: none;}
.viewPop .charge_tabCont>div{display: none;}
.viewPop .charge_tabCont .bannerArea img{width: 413px;height: auto;}
.viewPop .charge_tabCont .wrap{padding: 15px 0 0;}

/* 상세창 첫달 100원 */
.viewPop .charge_tabCont .cont3 .wrap{padding: 0;background-color: #f99300;}
.viewPop .charge_tabCont .cont3 .imgWrap{position: relative;}
.viewPop .charge_tabCont .cont3 .imgWrap img{width: 100%;}
.viewPop .charge_tabCont .cont3 .imgWrap{text-align:left; font-size:0;background:#f99300;}
.viewPop .charge_tabCont .cont3 .imgWrap>img{display:block;width:100%;}
.viewPop .charge_tabCont .cont3 .first100_step{width:100%;padding:10px 20px;box-sizing:border-box;}
.viewPop .charge_tabCont .cont3 .first100_step:after{display:block;content:'';clear:both;}
.viewPop .charge_tabCont .cont3 .first100_step div{text-align:center;width:50%;float:left;height:230px;}
.viewPop .charge_tabCont .cont3 .first100_step div img{display:block;margin:0 auto;width:122px;}
.viewPop .charge_tabCont .cont3 .first100_step div>span:first-of-type{font-size:13px;color:#651900;display:inline-block;margin-right:10px;margin-top:15px;}
.viewPop .charge_tabCont .cont3 .first100_step div>span:last-of-type{font-size:20px;color:#ffd08d;font-weight:bold;line-height:20px;position:relative;}
.viewPop .charge_tabCont .cont3 .first100_step div>span:last-of-type font{font-size:13px;font-weight:normal;position:relative;top:-2px;}
.viewPop .charge_tabCont .cont3 .first100_step div>span:last-of-type:before{width:75px;height:1px;content:'';background:#ffd08d;position:absolute;top:15px;right:-5px;}
.viewPop .charge_tabCont .cont3 .first100_step div:last-of-type>span:last-of-type:before{display:none;}
.viewPop .charge_tabCont .cont3 .first100_step div:first-of-type img{margin-bottom:5px;}
.viewPop .charge_tabCont .cont3 .first100_step div:last-of-type img{margin-top:5px;}
.viewPop .charge_tabCont .cont3 .first100_step div p{font-size:11px;color:#651900;font-weight:bold;margin-top:5px;}
.viewPop .charge_tabCont .cont3 .first100_step div p span{color:#d23907;font-weight:normal;}

.viewPop .charge_tabCont .cont3 .first100_noti{background:#7c4900;padding:20px 0;text-align:center;}
.viewPop .charge_tabCont .cont3 .first100_noti p {position: relative; font-size:16px;color:#fff; z-index: 1;}
.viewPop .charge_tabCont .cont3 .first100_noti p::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); width: 80%; height: 12px; background: #f99300; z-index: -1;}
.viewPop .charge_tabCont .cont3 .first100_noti p .t_org {font-size:16px;color:#f99300;}

.viewPop .charge_tabCont .cont3 .chk{text-align:center;padding:30px 0;}
.viewPop .charge_tabCont .cont3 .chk .chk_cst{width:20px;height:20px;border:2px solid #fff;display:inline-block;position:relative;}
.viewPop .charge_tabCont .cont3 .chk input[type="checkbox"]{display:none;}
.viewPop .charge_tabCont .cont3 .chk input[type="checkbox"]:checked + .chk_cst:before{width:24px;height:20px;background:url('/img/event/first100/view/new_chk_icon.png') no-repeat;content:'';position:absolute;top:-3px;right:-5px;display:block;cursor:pointer;}
.viewPop .charge_tabCont .cont3 .chk label:last-of-type{font-size:18px;color:#fff;margin-left:10px;position:relative;cursor:pointer;}
.viewPop .charge_tabCont .cont3 .chk .chk_txt:hover:after{width:190px;height:2px;background:#fff;content:'';position:absolute;bottom:-2px;left:0;}
.viewPop .charge_tabCont .cont3 .event_btn{padding:20px 10px 0;}
.viewPop .charge_tabCont .cont3 .event_btn>div{padding-bottom:30px}
.viewPop .charge_tabCont .cont3 .event_btn>div a{height:70px;border:3px solid #000;box-sizing:border-box;}
.viewPop .charge_tabCont .cont3 .event_btn>div .btn1{width:215px;background:url('/img/event/first100/btn_03.png') no-repeat center center;position:relative;margin:0 auto;display:block;}
.viewPop .charge_tabCont .cont3 .event_btn>div .btn1:hover{background:#000 url('/img/event/first100/btn_03_on.png') no-repeat center center;}
/*.viewPop .charge_tabCont .cont3 .event_btn>div .btn1:before{width:112px;height:26px;background:url('/img/event/first100/btn_01_bdg.png') no-repeat;position:absolute;top:-15px;left:-3px;content:'';}*/
.viewPop .charge_tabCont .cont3 .event_btn>div .btn2{width:190px;background:url('/img/event/first100/btn_02.png') no-repeat center center;float:left;margin-right:13px;}
.viewPop .charge_tabCont .cont3 .event_btn>div .btn2:hover{background:#000 url('/img/event/first100/btn_02_on.png') no-repeat center center;}
.viewPop .charge_tabCont .cont3 .event_btn>div .btn3{width:190px;background:url('/img/event/first100/btn_01.png') no-repeat center center;float:left;}
.viewPop .charge_tabCont .cont3 .event_btn>div .btn3:hover{background:#000 url('/img/event/first100/btn_01_on.png') no-repeat center center;}

.viewPop .charge_tabCont .cont3 .event_btn>div ul{color:#0c6e70;font-size:12px;margin-top:5px;padding-left:80px;}
.viewPop .charge_tabCont .cont3 .event_notice{padding:20px;background:#000000;}
.viewPop .charge_tabCont .cont3 .event_notice>span{font-size:15px;color:#fefeff;}
.viewPop .charge_tabCont .cont3 .event_notice ul{margin-top:15px;}
.viewPop .charge_tabCont .cont3 .event_notice ul li{font-size:12px;color:#fefeff;font-weight:300;line-height:20px;}


.viewPop .chargeCont{position: relative;margin-top: 12px;}
.viewPop .chargeCont:first-child{margin-top: 0;}
.viewPop .chargeCont .tit{margin-bottom: -9px;}
.viewPop .chargeCont .btn1{position: absolute;top: 100px;left: 50%;margin-left: -144px;display: block;width: 289px;height: 20px;background:  url(../img/sub/view/charge_btn1.png) no-repeat;text-indent: -9999px;z-index: 1;}
.viewPop .chargeCont .btn2{position: absolute;top: 100px;left: 50%;margin-left: -144px;display: block;width: 289px;height: 20px;background: url(../img/sub/view/charge_btn2.png) no-repeat;text-indent: -9999px;z-index: 1;}
.viewPop .charge_product{position: relative;border: 2px solid #ccc;border-radius: 10px;overflow: hidden;z-index: 1;cursor: pointer; font-size: 0;}
.viewPop .charge_product:after{display: block;clear: both;content: '';}
.viewPop .charge_product .lf{position: relative; display: inline-block; width: 45%;height: 116px;background-color: #fff; vertical-align: top;}
.viewPop .charge_product .lf .ver_m {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); height: auto; text-align: center;}
.viewPop .charge_product .lf .price1{position: relative;display: inline-block; margin-left: -55px; font-size: 14px;color: #bbb;}
.viewPop .charge_product .lf .price1:before{content: '';position: absolute;left: -17px;top: 9px;width: 11px;height: 27px;background: url(../img/sub/view/price_bg.png) no-repeat left top;}
.viewPop .charge_product .lf .price1:after{content: '';position: absolute;left: -7px;top: 9px;padding-right: 10px;width: 100%;height: 1px;background-color: #bbb;}
.viewPop .charge_product .lf .price1 span{margin-right: 8px;}
.viewPop .charge_product .lf .price1 .off_50{display: inline-block;width: 69px;height: 27px;background: url(../img/charge/off_50.png) no-repeat;background-size: 69px 27px;}
.viewPop .charge_product .lf .price1 .double{display: inline-block;width: 134px;height: 27px;background: url(../img/charge/icon_double.png) no-repeat;background-size: 134px 27px;}
.viewPop .charge_product .lf .price2{line-height: 1.1;font-size: 32px;font-weight: bold;color: #333;letter-spacing: -1px;}
.viewPop .charge_product .lf .price2.over{font-size: 28px;}
.viewPop .charge_product .lf .price2 .won{position: relative;top: -3px;left: 2px;font-size: 20px;font-weight: normal;color: #666}
.viewPop .charge_product .lf .double{position: absolute;right: -60px;top: -25px;display: block;width: 68px;height: 25px;background: url(../img/sub/view/icon_double.png) no-repeat; z-index: 1;}
.viewPop .charge_product .rt {position: relative; display: inline-block; width: 55%;height: 116px;background-color: #fff7f5;text-align: center; z-index: -1; vertical-align: top;}
.viewPop .charge_product .rt .ver_m {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto;}
.viewPop .charge_product .rt .txt{line-height: 1.3;font-size: 13px;color: #333;}
.viewPop .charge_product .rt .plus{height: 15px;line-height: 15px;font-size: 13px;color: #333;}
.viewPop .charge_product .rt .txt2{margin-bottom: -10px;font-size: 13px;font-weight: 600;color: #7058ac;}
.viewPop .chargeBox{display: none;margin-top: -10px;padding: 10px 0 0;border: 2px solid #fda9a7;border-top: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.viewPop .chargeBox.roundN{border-radius: 0;}
.viewPop .chargeCont.selected .chargeBox{display: block;}
.viewPop .chargeCont.selected .charge_product{border-color: #ff7b89;}
.viewPop .chargeCont.selected .btn1{background-image: url(../img/sub/view/charge_btn1_on.png);}
.viewPop .chargeCont.selected .btn2{background-image: url(../img/sub/view/charge_btn2_on.png);}
/* 충전샵 S쿠폰 프로모션 벳지 */
.viewPop .chargeCont .badge_grp {position: absolute; top: -7px; left: 0;}
.viewPop .chargeCont .badge_grp .badge.sc {position: relative; width: 126px; height: 25px; background: url('/img/charge/bdg_ic_sc_s.png') no-repeat center / contain; z-index: 2;}
.viewPop .chargeCont .badge_grp .badge.sc span {display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: fit-content; height: 25px; line-height: 25px; text-align: center; color: #fff; font-size: 12px; font-weight: 400; letter-spacing: -0.2px;}

/* 추가혜택 */
.viewPop .charge_benefit{padding: 0 2px 15px;}
.viewPop .charge_benefit .txt{padding: 14px 0 10px;}
.viewPop .charge_benefit .txt span{display: block;margin: 0 auto;width: 142px;height: 14px;background: url('/img/sub/view/txt_pay1.png') no-repeat center;text-indent: -9999px;}
.viewPop .charge_benefit ul{text-align: center;font-size: 0;}
.viewPop .charge_benefit ul li{position: relative;display: inline-block;margin: 0 4px;}
.viewPop .charge_benefit ul li button{width: 93px;height: 56px;line-height: 1.3;border: 2px solid #ccc;border-radius: 10px;font-size: 13px;color: #000;}
.viewPop .charge_benefit ul li.on button{background-color: #fff5f5;border-color: #ef5b6b;color: #ef5b6b;}
.viewPop .charge_benefit ul.btn5 li button{width: 73px;font-size: 11px;}
.viewPop .charge_benefit ul li .txtBox{position: absolute;bottom: -14px;left: -1px;width: 75px;text-align: center;}
.viewPop .charge_benefit ul li .txtBox span{display: inline-block;padding: 0 3px 3px 3px;line-height: 1;background-color: #fff799;font-size: 10px;color: #c6404e;}
/* s쿠폰 벳지 */
.viewPop .charge_benefit ul li .ic_kav::before {content: 'K-AV 전용'; display: block; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); width: 55px; height: 12px; line-height: 12px; background: #fff04b; color: #fa584d; font-size: 11px; font-weight: bold; letter-spacing: -0.5px;}
.viewPop .charge_benefit ul li.day30::after {content: '30일'; display: block; position: absolute; top: -5px; right: -5px; width: 35px; height: 15px; line-height: 15px; border-radius: 7px; background: #da66f7; text-align: center; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: -1px; z-index: 1;}
/* S쿠폰 프로모션 관련 K-AV 안내 레이어 */
.viewPop .charge_benefit ul li .layer_grp .kav_btn {display: block; position: absolute; right: 5px; bottom: 5px; width: 11px; height: 11px; background: url('/img/charge/kav_btn_s.png') no-repeat center / contain; cursor: pointer;}
.viewPop .charge_benefit ul li .layer_grp .kav_layer {display: none; position: absolute; right: -52px; bottom: -28px; z-index: 1;}
.viewPop .charge_benefit ul li .layer_grp .kav_btn:hover + .kav_layer {display: block;}

/* 쿠폰할인 */
.viewPop .chargeCont .charge_cp {display: none; position: relative; padding: 0 10px 16px 6px; border-top: 2px solid #fda9a7;}
.viewPop .chargeCont .charge_cp.show {display: block !important;}
.viewPop .chargeCont .charge_cp .txt {padding: 14px 0 0;}
.viewPop .chargeCont .charge_cp .txt span {display: block; width: 155px; height: 14px; margin: 0 auto; background: url('/img/sub/view/txt_pay2.png') no-repeat center; text-indent: -9999px;}
.viewPop .chargeCont .charge_cp .cp_left {float: left; margin-top: 20px;}
.viewPop .chargeCont .charge_cp .cp_left p:first-of-type {margin-bottom: 20px; color: #353535; font-size: 13px; font-weight: 500; line-height: 16px;}
.viewPop .chargeCont .charge_cp .cp_left p:first-of-type::after {content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 10px; background: url('/img/charge/ic_coupon_sale.png') no-repeat center / contain; vertical-align: bottom;}
.viewPop .chargeCont .charge_cp .cp_left p:first-of-type span {display: inline-block; color: #ef5b6b;}
.viewPop .chargeCont .charge_cp .cp_left p {color: #c1c1c1; font-size: 13px; font-weight: 400;}
.viewPop .chargeCont .charge_cp .cp_right {float: right; margin-top: 13px; text-align: right;}
.viewPop .chargeCont .charge_cp .cp_right select {display: inline-block; width: 100px; height: 30px; line-height: 28px; margin-bottom: 14px; 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: 13px; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.viewPop .chargeCont .charge_cp .cp_right p {color: #ef5b6b; font-size: 13px; font-weight: 400;}
.viewPop .chargeCont .charge_cp .cp_right p span {color: #ef5b6b; font-size: 13px; font-weight: 400;}
/* 쿠폰할인 - 스페셜 패키지 정액제 (15,000) 별도 스타일 */
.viewPop .chargeCont.free3 .charge_cp .txt {padding: 23px 0 0;}
.viewPop .chargeCont.free3 .chargeBox {border: 0 !important;}
.viewPop .chargeCont.free3 .charge_cp {margin-top: -10px; border-radius: 0 0 11px 11px; border: 2px solid #c8e2d9; border-top: 0;}
.viewPop .chargeCont.free3 .charge_payment {margin-top: -10px; border-radius: 0 0 11px 11px; border: 2px solid #c8e2d9; border-top: 0;}
.viewPop .chargeCont.free3 .charge_payment .txt {padding: 24px 0 10px;}


/* 충전수단 선택 */
.viewPop .charge_payment{display: none; position: relative; padding: 0 3px 15px;}
.viewPop .charge_payment.show{display: block;}
/* 쿠폰할인 기능 추가 관련 event 클래스가 있는 1~5만원 상품에만 border줌 */
.viewPop .chargeCont.event .charge_payment {border-top: 2px solid #fda9a7;}
.viewPop .charge_payment .txt{padding: 14px 0 10px;}
.viewPop .charge_payment .txt span{display: block;margin: 0 auto;width: 152px;height: 14px;background: url('/img/sub/view/txt_pay3.png') no-repeat center;text-indent: -9999px;}
.viewPop .charge_payment ul{margin-bottom: -8px;}
.viewPop .charge_payment ul li{position: relative;float: left;width: 128px;margin: 0 3px 7px;}
.viewPop .charge_payment ul li button{position: relative;width: 128px;height: 44px;line-height: 1.2;border: 1px solid #aaa;border-radius: 16px;font-size: 13px;color: #333;}
.viewPop .charge_payment ul li button:hover{border-color: #ff605f;color: #ff5050;}
.viewPop .charge_payment ul li span.hide {display: none !important;}
.viewPop .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;}
.viewPop .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;}
.viewPop .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';}
.viewPop .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;}
.viewPop .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';}
.viewPop .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;}

/* 선택된 컨텐츠 테두리 */
.viewPop .list_slt .img {border: 2px solid #ec4c58 !important;}
.viewPop .list_slt .img .play {position: absolute; right: 3px; bottom: 3px; display: block; width: 30px; height: 30px; background: url('/img/sub/view/icon_play_small.png') no-repeat; z-index: 1;}
.viewPop .list_slt .img::after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}

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

.viewPop .chargeCont.movie .charge_product .charge_mv {display: block;}
.viewPop .chargeCont .charge_product .charge_mv {display: none; width: 388px; height: auto; margin: 0 auto 35px; font-size: 0; overflow: hidden;}
.viewPop .chargeCont.movie .charge_product .charge_mv img {width: 100%; height: 100%;}
.viewPop .chargeCont.movie .btn1 {top: 301px; background-image: url('/img/sub/view/charge_btn1_4_on.png');}
.viewPop .chargeCont.movie .charge_product {border-color: #7f62c1 !important;}
.viewPop .chargeCont.movie .chargeBox {border-color: #7f62c1 !important;}
.viewPop .chargeCont.movie .chargeBox .charge_payment {border-color: #7f62c1 !important;}

/* 정액제충전 */
.viewPop .chargeCont.free .btn1{top: 126px;}
.viewPop .chargeCont.free .charge_product .lf .ver_m{padding: 0 28px 18px;}
.viewPop .chargeCont.free .charge_product .rt .ver_m{padding: 0 16px 18px;}
.viewPop .chargeCont.free .charge_product .lf .price2{color: #bf0008;}
.viewPop .chargeCont.free .charge_payment ul{padding: 0 9px;}
.viewPop .chargeCont.free .charge_payment ul li{width: 120px;margin: 0 4px 7px;}
.viewPop .chargeCont.free .charge_payment ul li button{width: 120px;height: 45px;font-size: 13px;color: #666;}
.viewPop .chargeCont.free .charge_payment ul li button small{color: #666;}
.viewPop .chargeCont.free .charge_payment ul li button:hover{color: #ff4545;}
.viewPop .chargeCont.free .charge_payment ul li button:hover small{color: #ff4545;}
/*결제 아이콘 추가
.viewPop .chargeCont.free .charge_payment ul li button.pay1{background: url(../img/sub/view/icon_pay1.png) no-repeat center 5px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay2{background: url(../img/sub/view/icon_pay2.png) no-repeat center 5px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay3{background: url(../img/sub/view/icon_pay3.png) no-repeat center 12px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay4{background: url(../img/sub/view/icon_pay4.png) no-repeat center 5px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay5{background: url(../img/sub/view/icon_pay5.png) no-repeat center 7px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay6{background: url(../img/sub/view/icon_pay6.png) no-repeat center 3px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay7{background: url(../img/sub/view/icon_pay7.png) no-repeat center 13px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay8{background: url(../img/sub/view/icon_pay8.png) no-repeat center 13px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay9{background: url(../img/sub/view/icon_pay9.png) no-repeat center 9px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay10{background: url(../img/sub/view/icon_pay10.png) no-repeat center 9px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay11{background: url(../img/sub/view/icon_pay11.png) no-repeat center 11px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay12{background: url(../img/sub/view/icon_pay12.png) no-repeat center 2px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay13{background: url(../img/sub/view/icon_pay13.png) no-repeat center 12px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay14{background: url(../img/sub/view/icon_pay14.png) no-repeat center 6px;}
.viewPop .chargeCont.free .charge_payment ul li button.pay1:hover{background-image: url(../img/sub/view/icon_pay1_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay2:hover{background-image: url(../img/sub/view/icon_pay2_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay3:hover{background-image: url(../img/sub/view/icon_pay3_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay4:hover{background-image: url(../img/sub/view/icon_pay4_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay5:hover{background-image: url(../img/sub/view/icon_pay5_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay6:hover{background-image: url(../img/sub/view/icon_pay6_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay7:hover{background-image: url(../img/sub/view/icon_pay7_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay8:hover{background-image: url(../img/sub/view/icon_pay8_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay9:hover{background-image: url(../img/sub/view/icon_pay9_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay10:hover{background-image: url(../img/sub/view/icon_pay10_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay11:hover{background-image: url(../img/sub/view/icon_pay11_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay12:hover{background-image: url(../img/sub/view/icon_pay12_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay13:hover{background-image: url(../img/sub/view/icon_pay13_on.png);}
.viewPop .chargeCont.free .charge_payment ul li button.pay14:hover{background-image: url(../img/sub/view/icon_pay14_on.png);}
*/
.viewPop .chargeCont.free1 .charge_product{border-color: #ffe5c9;}
.viewPop .chargeCont.free1 .chargeBox{border-color: #ffe5c9;}
.viewPop .chargeCont.free2 .charge_product{border-color: #d3e9f4;}
.viewPop .chargeCont.free2 .chargeBox{border-color: #d3e9f4;}
.viewPop .chargeCont.free3 .charge_product{border-color: #c8e2d9;}
.viewPop .chargeCont.free3 .chargeBox{border-color: #c8e2d9;}
.viewPop .chargeCont.selected.free2 .btn1{background-image: url(../img/sub/view/charge_btn1_2_on.png);}
.viewPop .chargeCont.selected.free3 .btn1{background-image: url(../img/sub/view/charge_btn1_3_on.png);}
.viewPop .charge_tabCont .chargeInfo{position: relative; margin-top: 55px;}
.viewPop .charge_tabCont .chargeInfo:after{display:block;clear:both;content:'';}
.viewPop .charge_tabCont .chargeInfo .notice{position: absolute; top: -48px; left: 10px; z-index: 1;display: block;width: 293px;height: 40px;line-height: 38px;background: url(../img/sub/view/view_notice.png) no-repeat;font-size: 17px;font-weight: 600;color: #333;text-align: center;cursor: pointer;}
.viewPop .charge_tabCont .chargeInfo .btn_close{display: block; position: absolute; right: 10px; top: -48px; z-index: 1;width: 88px;height: 40px;line-height: 38px;background: url(../img/sub/view/btn_close.png) no-repeat;font-size: 17px;font-weight: 600;color: #333;}
.viewPop .charge_tabCont .chargeInfo .infoTxt{width: 409px;background-color: #fff;border: 2px solid #ffb64c;border-radius: 30px;border-top-left-radius: 0;border-top-left-radius: 0;}
.viewPop .charge_tabCont .chargeInfo .infoTxt::before{content: '';position: absolute;top: -48px;left: 0;width: 324px;height: 50px;background: url(../img/sub/view/view_box.png) no-repeat;}
.viewPop .charge_tabCont .chargeInfo .infoTxt ul{padding: 7px 23px 52px;}
.viewPop .charge_tabCont .chargeInfo .infoTxt ul li{margin-top: 2px;padding-left: 15px;text-indent: -15px;line-height: 1.5;font-size: 12px;color: #000;word-break: keep-all;}
.viewPop .charge_tabCont .chargeInfo .infoTxt ul li:first-child{margin-top: 0;}
.viewPop .charge_tabCont .chargeInfo .infoTxt .close{position: absolute;bottom: 13px;right: 12px;width: 38px;height: 38px;background: url(../img/sub/view/view_close.png) no-repeat;}
.viewPop .view_payment{position: absolute;top: 44px;left: 0;width: 423px;height:  843px;background-color: #fff;border: 1px solid #ccc;}
.viewPop .view_payment .back{position: absolute;top: 19px;right: 15px;width: 65px;height: 28px;line-height: 26px;background-color: #ddd;border-radius: 15px;font-size: 13px;color: #333;}
.viewPop .view_payment .tit{font-size: 20px;font-weight: 600;color: #333;}
.viewPop .view_payment .p1{padding: 20px 13px 22px;height: 171px;background: #f9f9f9 url(../img/sub/view/payment_bg.jpg) no-repeat left bottom;}
.viewPop .view_payment .p1 ul{padding: 22px 0 0;}
.viewPop .view_payment .p1 ul li{float: left;padding-left: 45px;background: url(../img/sub/view/icon_plus.png) no-repeat 13px 23px;}
.viewPop .view_payment .p1 ul li:first-child{padding-left: 0;background: none;}
.viewPop .view_payment .p1 ul li dl dt{font-size: 12px;}
.viewPop .view_payment .p1 ul li dl dd{line-height: 1; font-size: 30px;font-weight: 600;color: #000;font-family: 'Malgun Gothic';}
.viewPop .view_payment .p1 ul li.point dl dt{color: #fe4445;}
.viewPop .view_payment .p1 ul li.bonus dl dt{color: #0998d4;}
.viewPop .view_payment .p1 ul li.coupon dl dt{color: #ff6b35;}
.viewPop .view_payment .p1 ul li.apple dl dt{color: #d22503;}
.viewPop .view_payment .p1 span{display: block;padding-top: 23px;font-size: 15px;font-weight: 600;color: #0066cc;text-align: center;}
.viewPop .view_payment .p1 span b{display: block;line-height: 1;font-size: 30px;font-family: 'Malgun Gothic';}
.viewPop .view_payment .p2{height: 195px;}
.viewPop .view_payment .p2 .tit{padding: 18px 13px 0;}
.viewPop .view_payment .p2 .info li{padding: 15px 13px 2px;border-top: 1px solid #eee;border-bottom: 1px solid #ddd;}
.viewPop .view_payment .p2 .info li:first-child{border-top: 0;}
.viewPop .view_payment .p2 .info li dl:after{display:block;clear:both;content:'';}
.viewPop .view_payment .p2 .info li dl dt{float: left;display: block;font-size: 15px;color: #333;}
.viewPop .view_payment .p2 .info li dl dd{float: right;display: block;font-size: 18px;color: #999;font-family: 'Malgun Gothic';}
.viewPop .view_payment .p2 .info li.total{border-bottom: 0;}
.viewPop .view_payment .p2 .info li.total dl dd{position: relative;top: -6px;line-height: 1;font-size: 30px;font-weight: 600;color: #eb3c3b;}
.viewPop .view_payment .p3{background: #f9f9f9 url(../img/sub/view/payment_bg2.jpg) no-repeat left top;}
.viewPop .view_payment .p3 .tit{height: 45px;line-height: 43px;border-bottom: 1px solid #ccc;font-size: 20px;font-weight: bold;color: #000;text-align: center;}
.viewPop .view_payment .p3 .payment{padding: 20px 15px;}
.viewPop .view_payment .p3 .payment ul{margin-top: 17px;}
.viewPop .view_payment .p3 .payment ul:first-child{margin-top: 0;}
.viewPop .view_payment .p3 .payment ul li{float: left;margin-left: 4px;width: 128px;}
.viewPop .view_payment .p3 .payment ul li:first-child{margin-left: 0;margin-right: 1px;}
.viewPop .view_payment .p3 .payment ul li button{width: 128px;height: 44px;line-height: 1.1;background-color: #fff;border: 1px solid #aaa;border-radius: 15px;font-size: 15px;color: #333;font-size: 14px;color: #333;}
.viewPop .view_payment .p3 .payment ul li button:hover{border-color: #ff605f;color: #ff5050;}
.viewPop .view_payment .p3 .payment ul li button.f14{font-size: 14px;}
.viewPop .view_payment .p3 .payment ul li button.f14 span span{font-size: 13px;}
/* 상세창 고정 */
.viewPop .right.fixed{position: fixed;left: 780px;}

/* 상세창 다운로드 배너 */
.setup_banner{display: none;width: 100%;height: 71px;}
.setup_banner .img{position: fixed;top: 0;left: 5px;width: 770px;height: 196px;background: url(../img/sub/view/view_download.jpg?v=2) no-repeat;z-index: 3;}
.setup_banner .img button{position: absolute;top: 64px;right: 18px;width: 178px;height: 110px;background: url(../img/sub/view/download_btn.png) no-repeat;}
.setup_banner .img button:hover{background-image: url(../img/sub/view/download_btn_on.png);}
.setup_banner.fixed .img{background-image: url(../img/sub/view/view_download_on.jpg);z-index: 4;}
.setup_banner.upload .img{left: 0;width: 827px;height: 177px;background: url(../img/sub/view/view_download2.jpg?v=3) no-repeat;}
.setup_banner.upload button{top: 54px;}

/* 성인인증 팝업 */
.authLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.authLayer .auth_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);}
.authCont{position: absolute;left: 50%;margin-left: -229px;top: 50%;margin-top: -364px;width: 499px;height: 719px;background-color: #fff;border: 1px solid #ccc;}
.authCont .layerClose{position: absolute;top: -44px;right: 1px;width: 37px;height: 38px;background: url(../img/common/join_close.png) no-repeat;text-indent: -9999px;}
.authCont .wrap{padding: 175px 32px 0;background: url(../img/sub/pop_auth_1.jpg) no-repeat center 39px;text-align: center;}
.authCont .txt1{font-size: 20px;color: #221815;}
.authCont .txt1 span{color: #cc0000;}
.authCont .txt2{margin-top: 25px;line-height: 1.4;font-size: 12px;color: #666;}
.authCont .txt2 span{color: #000;}
.authCont .txt3{padding: 23px 10px 0;background: url(../img/sub/pop_auth_3.jpg) repeat-x left top;line-height: 1.4;font-size: 12px;color: #666;}
.authCont .auth_close{margin: 15px 0 23px;width: 350px;height: 49px;background: url(../img/sub/pop_auth_2.jpg) no-repeat;font-size: 13px;color: #333;}
.authCont .auth_close span{position: relative;top: -2px;display: inline-block;padding-right: 12px;background: url(../img/sub/pop_auth_8.jpg) no-repeat 100% 3px;}
.authCont .auth_close span b{font-weight: bold;}
.authCont .auth_list{padding: 28px 10px 0;}
.authCont .auth_list li{float: left;margin: 1px;}
.authCont .auth_list li a{display: block;padding-top: 63px;width: 203px;height: 41px;border: 1px solid #ccc;font-size: 11px;color: #666;}
.authCont .auth_list li a span{display: block;font-size: 12px;color: #333;}
.authCont .auth_list li.kakaopay a{background: url(../img/sub/pop_auth_4.jpg) no-repeat center 23px;border-top-left-radius: 22px;}
.authCont .auth_list li.mobile a{background: url(../img/sub/pop_auth_5.jpg) no-repeat center 12px;border-top-right-radius: 22px;}
.authCont .auth_list li.ipin a{background: url(../img/sub/pop_auth_6.jpg) no-repeat center 16px;border-bottom-left-radius: 22px;}
.authCont .auth_list li.card a{background: url(../img/sub/pop_auth_7.jpg) no-repeat center 19px;border-bottom-right-radius: 22px;}
.authCont2 {height: 611px;margin-top: -305px;}
.authCont2 .auth_list li.kakaopay a{border-bottom-left-radius: 22px;}
.authCont2 .auth_list li.mobile a{border-bottom-right-radius: 22px;}

/* 이벤트 댓글창 */
.area_comment{margin-top: 18px;}
.area_comment .comm_textarea{position: relative;padding-right: 100px;border: 1px solid #ccc;}
.area_comment .comm_textarea .comm_input textarea{padding: 15px;width: 100%;height: 90px;border: 0;font-size: 15px;color: #333;resize: none;box-sizing: border-box;}
.area_comment .comm_textarea ul{padding: 0 0 0 15px;background-color: #f1f1f1;}
.area_comment .comm_textarea ul li{float: left;margin-left: 15px;height: 42px;line-height: 40px;}
.area_comment .comm_textarea ul li:first-child{margin-left: 0;}
.area_comment .comm_textarea ul li label{position: relative;top: -1px;display: inline-block;padding-left: 20px;height: 16px;line-height: 16px;background: url(../img/sub/radio.png) no-repeat;font-size: 14px;color: #333;}
.area_comment .comm_textarea ul li label.checked{background-position: 0 -16px;}
.area_comment .comm_textarea ul li label input[type="radio"]{display: none;}
.area_comment .comm_textarea button{position: absolute;right: 0;top: 0;width: 100px;height: 132px;background-color: #777;font-size: 20px;font-weight: 600;color: #fff;}
.area_comment .commList .comm_total{height: 48px;line-height: 65px;font-size: 14px;color: #333;}
.area_comment .commList .comm_total span{font-weight: bold;}
.area_comment .commList .list{border: 1px solid #ccc;}
.area_comment .commList .list li{position: relative;padding: 18px 15px;border-top: 1px solid #ccc;}
.area_comment .commList .list li:first-child{border-top: 0;}
.area_comment .commList .list li dl dt{margin-bottom: 5px;font-size: 12px;font-weight: 600;color: #999;}
.area_comment .commList .list li dl dd{line-height: 1.4;font-size: 13px;color: #333;white-space: pre-wrap;}
.area_comment .commList .list li dl dt span{position: relative;top: -1px;margin-right: 5px; display: inline-block;width: 37px;height: 16px;vertical-align: top;}
.area_comment .commList .list li dl dt .first{background: url(../img/sub/comm_icon1.png) no-repeat;}
.area_comment .commList .list li dl dt .second{background: url(../img/sub/comm_icon2.png) no-repeat;}
.area_comment .commList .list li dl dt .third{background: url(../img/sub/comm_icon3.png) no-repeat;}
.area_comment .commList .list li.none{height: 108px;background: url(/img/sub/comm_event.jpg) no-repeat center;text-indent: -9999px}
.area_comment .commList .list li .btn{position: absolute;right: 15px;bottom: 15px;}
.area_comment .commList .list li .btn:after{display:block;clear:both;content:'';}
.area_comment .commList .list li .btn button{float: left;margin-left: 6px;width: 40px;height: 20px;line-height: 18px;background-color: #f5f5f5;border: 1px solid #ccc;font-size: 12px;color: #333;}
.area_comment .commList .list li .btn button:first-child{margin-left: 0;}

.area_comment .commList .list li.recomm {margin-top: -1px;padding-top: 0;padding-bottom: 13px;background-color: #fff;border: none;}
.area_comment .commList .list li.recomm textarea {resize: none;padding: 10px;width: 663px;height: 50px;box-sizing: border-box;}
.area_comment .commList .list li.recomm button {width: 86px;height: 51px;background-color: #f5f5f5;border: 1px solid #ccc;font-size: 12px;color: #333;}
.area_comment .commList .list li.recomm label{position: relative;top: -1px;margin-bottom: 3px;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;}
.area_comment .commList .list li.recomm label.checked{background-position: 0 -13px;}
.area_comment .commList .list li.recomm label input[type="checkbox"]{display: none;}

/* 회원정보 팝업 */
.userInfo_pop{display: none; position: absolute; width: 98px; padding-bottom: 5px; border-radius: 10px; border: 1px solid #faafaf; background-color: #fff; overflow: hidden; z-index: 2;}
.userInfo_pop .nick{height: 24px;line-height: 22px;background-color: #fe5d5d;font-size: 13px;font-weight: 600;color: #fff;text-align: center;}
.userInfo_pop ul li{padding: 0 7px;}
.userInfo_pop ul li img{margin-right: 5px;vertical-align: middle;}
.userInfo_pop ul li a{font-size: 12px;color: #999;}
.userInfo_pop ul li a:hover{color: #333;text-decoration: underline;}

/* 쪽지관리 레이어 회원정보 팝업 */
.memo_userInfo_pop{display: none;position: absolute;width: 98px;height: 92px;background-color: #fff;border: 1px solid #faafaf;border-radius: 10px;overflow: hidden;z-index: 2;}
.memo_userInfo_pop .nick{height: 24px;line-height: 22px;background-color: #fe5d5d;font-size: 13px;font-weight: 600;color: #fff;text-align: center;}
.memo_userInfo_pop ul li{padding: 0 7px;}
.memo_userInfo_pop ul li img{margin-right: 5px;vertical-align: middle;}
.memo_userInfo_pop ul li a{font-size: 12px;color: #999;}
.memo_userInfo_pop ul li a:hover{color: #333;text-decoration: underline;}

/* 친구관리 회원정보 팝업 */
.friend_userInfo_pop{display: none;position: absolute;width: 98px;height: 92px;background-color: #fff;border: 1px solid #faafaf;border-radius: 10px;overflow: hidden;z-index: 2;}
.friend_userInfo_pop .nick{height: 24px;line-height: 22px;background-color: #fe5d5d;font-size: 13px;font-weight: 600;color: #fff;text-align: center;}
.friend_userInfo_pop ul li{padding: 0 7px;}
.friend_userInfo_pop ul li img{margin-right: 5px;vertical-align: middle;}
.friend_userInfo_pop ul li a{font-size: 12px;color: #999;}
.friend_userInfo_pop ul li a:hover{color: #333;text-decoration: underline;}

/* 쪽지관리 팝업 */
.memoLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.memoLayer .memo_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);}
.memoCont{position: absolute;left: 50%;margin-left: -331px;top: 150px;width: 661px;height: 670px;background-color: #fff;border: 1px solid #aaa;}
.memoCont .layerClose{position: absolute;top: -38px;right: 1px;width: 31px;height: 31px;background: url(../img/common/memo_close.png) no-repeat;}
.memoCont>p{padding: 0 22px;height: 40px;line-height: 40px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.memoCont .wrap{padding: 0 10px 20px;}
.memoCont .memo_tit{overflow: hidden;}
.memoCont .memo_tit .fl_l{height: 42px;line-height: 50px;font-size: 13px;color: #333;}
.memoCont .memo_tit .fl_l .num{color: #f04848;}
/* .memoCont .memo_tit .fl_r{height: 42px;line-height: 50px;font-size: 12px;color: #888;} */
.memoCont .memo_tabList{padding-bottom: 20px;}
.memoCont .memo_tabList ul{border: 1px solid #ccc;}
.memoCont .memo_tabList ul li{position: relative;float: left;width: 20%;border-left: 1px solid #ccc; box-sizing: border-box;}
.memoCont .memo_tabList ul li:first-child{border-left: 0;}
.memoCont .memo_tabList ul li button{width: 100%;height: 31px;line-height: 29px;font-size: 13px;color: #333;}
.memoCont .memo_tabList ul li.selected::after{content: '';position: absolute;top: -1px;left: -1px;display: block;width: 100%;height: 100%;border: 1px solid #fd6b6b;z-index: 1; cursor: pointer;}
.memoCont .memo_tabList ul li.selected button{font-weight: 600;color: #fd6b6b;}
.memoCont .tb_wrap{max-height: 419px;font-size: 0;overflow-y: auto;}
.memoCont .memo_tab.tab4 .tb_wrap{max-height: 445px;}
.memoCont .memo_tabCont>div{display: none;}
.tb_wrap table label{position: relative;top: -1px;display: inline-block;width: 15px;height: 15px;background: url(../img/common/memo_checkbox.jpg) no-repeat;}
.tb_wrap table label input[type="checkbox"]{display: none;position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;z-index: -1;}
.tb_wrap table label.checked{background-position: 0 -15px;}
.tb_wrap table thead{background-color: #f5f5f5;}
.tb_wrap table thead tr th{height: 29px;font-size: 13px;font-weight: normal;color: #333;}
.tb_wrap table tbody .tr_title{border-bottom: 1px solid #ccc;}
.tb_wrap table tbody .tr_title td{height: 55px;line-height: 55px;}
.tb_wrap table tbody tr td{font-size: 13px;color: #333;text-align: center;}
.tb_wrap table tbody tr td.ta_l{padding: 0 32px;}
.tb_wrap table tbody tr td.ta_l a{display: inline-block;vertical-align: middle;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.tb_wrap table tbody tr td .state{display: inline-block;height: 16px;background: url(../img/common/memo_state.jpg) no-repeat;vertical-align: middle;}
.tb_wrap table tbody tr td .state1{width: 51px;background-position: 0 0;}
.tb_wrap table tbody tr td .state2{width: 51px;background-position: 0 -21px}
.tb_wrap table tbody tr td .state3{width: 41px;background-position: 0 -42px;}
.tb_wrap table tbody tr td .state4{width: 32px;background-position: 0 -63px;}
.tb_wrap table tbody tr.tr_show{display: table-row;}
.tb_wrap table tbody tr.tr_show td{background-color: #f5f5f5;text-align: left;}
.tb_wrap table tbody tr.tr_show td div{max-height: 214px;padding: 18px 28px 20px;line-height: 1.4;font-size: 12px;color: #333;white-space: pre-wrap;overflow-y: auto;}
.tb_wrap table tbody tr.tr_show td .to{display: block;padding: 15px 0 5px;margin: 0 15px;border-bottom: 1px solid #ccc;font-size: 14px;color: #333;}
.tb_wrap table tbody tr.tr_show td .to strong{color: #0000cc;}
.tb_wrap table tbody tr.tr_hide{display: none;}
.tb_wrap table tbody tr td .user{position: relative;cursor: pointer;}
.memo_tabCont .area_btn{margin: 0;padding: 10px 10px 0;overflow: hidden;}
.memo_tabCont .area_btn button span{line-height: 1;}
.memo_tabCont .btn_refuse{width: 67px;height: 28px;line-height: 26px;background-color: #f5f5f5;border: 1px solid #ccc;font-size: 13px;color: #333;}
.memo_tabCont .btn_delete{margin-left: 9px; width: 56px;height: 28px;line-height: 26px;background-color: #ccc;border: 1px solid #ccc;font-size: 13px;color: #333;}
.memo_tabCont .btn_save{width: 56px;height: 28px;line-height: 26px;background-color: #f5f5f5;border: 1px solid #ccc;font-size: 13px;color: #333;}
.memo_tabCont .btn_send{width: 72px;height: 28px;line-height: 26px;background-color: #ff5454;border: 1px solid #ff5454;font-size: 13px;color: #fff;}
.memo_tabCont .btn_send span{display: inline-block;padding-right: 11px;background: url(../img/common/memo_arrow_w.png) no-repeat 100% center;}
.memo_tabCont .pagination{padding: 30px 0 20px;border: 0;}
.tb_wrap .tb_send tbody tr{border-top: 1px solid #ccc;}
.tb_wrap .tb_send tbody tr th{font-size: 15px;font-weight: 600;color: #333;}
.tb_wrap .tb_send tbody tr td{position: relative;padding: 10px 0;text-align: left;font-size: 0;}
.tb_wrap .tb_send tbody tr td input[type="text"]{padding: 0 10px;width: 438px;height: 33px;line-height: 33px;background-color: #f8f8f8;border: 1px solid #ccc;box-sizing: border-box;} 
.tb_wrap .tb_send tbody tr td .btn_find{margin-left: 10px;width: 103px;height: 33px;line-height: 31px;background-color: #f8f8f8;border: 1px solid #ccc;font-size: 14px;font-weight: 600;color: #333;vertical-align: top;}
.tb_wrap .tb_send tbody tr td .btn_find span{display: inline-block;line-height: 1;padding-right: 11px;background: url(../img/common/memo_arrow.png) no-repeat 100% center;}
.tb_wrap .tb_send tbody tr td.textarea{padding: 10px 10px 0;}
.tb_wrap .tb_send tbody tr td textarea{padding: 10px;width: 100%;height: 380px;border: 1px solid #ccc;resize: none;box-sizing: border-box;}
.memo_tabCont .tab4 .area_btn{padding: 10px 10px 32px;}
.memo_tabCont .tab4 .btn_delete{margin: 0;background-color: #f5f5f5;border-color: #ccc;}
.friend_pop{display: none;position: absolute;top: 42px;right: 10px;width: 174px;background-color: #fff;border: 1px solid #ccc;border-radius: 10px;border-top-right-radius: 0;box-sizing: border-box;z-index: 1;overflow: hidden;}
.friend_pop dl{padding: 0 10px 12px 11px;}
.friend_pop dl dt{position: relative;height: 42px;line-height: 45px;font-size: 13px;color: #333;}
.friend_pop dl dt select{position: absolute;top: 12px;right: 0;margin-left: 1px;padding: 0 8px;width: 99px;height: 22px;background: url(../img/common/memo_select.png) no-repeat 92% center;border: 1px solid #ccc;border-radius: 3px;font-size: 13px;font-weight: normal;color: #999;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}
.friend_pop dl dd{border-top: 2px solid #ccc;}
.friend_pop dl dd ul li{border-bottom: 1px solid #ccc;}
.friend_pop dl dd ul li a{padding: 0 20px;height: 23px;line-height: 23px;font-size: 13px;color: #333;}
.friend_pop dl dd ul li a:hover{color: #0000cc;}
.friend_pop .friend_close{width: 100%;height: 25px;line-height: 25px;background-color: #999;font-size: 13px;font-weight: 600;color: #fff;}
.friend_pop .friend_close span{line-height: 1;}

/* 결제창 팝업 */
.chargePop_Cont{position: relative;width: 710px;height: auto;background-color: #fff;}
.chargePop_Cont>p{padding: 0 24px;height: 50px;line-height: 50px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.chargePop_Cont .layerClose{position: absolute;top: 10px;right: 10px;width: 31px;height: 30px;background: url(../img/charge/pop/close.png) no-repeat;text-indent: -9999px;}
.chargePop_Cont .popClose{position: absolute;top: 10px;right: 10px;width: 31px;height: 30px;background: url(../img/charge/pop/close.png) no-repeat;text-indent: -9999px;}
.chargePop_Cont .chargeBanner{padding: 10px;background-color: #eee;}
.chargePop_Cont .chargeBanner img{width: 100%;}
.chargeWrap{padding: 15px 10px 30px;}
.chargeWrap .chargeList{float: left;width: 265px;}
.chargeWrap .chargeList dl dt{line-height: 1;font-size: 18px;color: #525252;}
.chargeWrap .chargeList ul li{position: relative;padding: 0 11px;height: 47px;line-height: 47px;border-bottom: 1px solid #e1e1e1;font-size: 14px;color: #9c9c9c;cursor: pointer;}
.chargeWrap .chargeList ul li:after{display: none;content: '';position: absolute;right: -2px;top: 50%;margin-top: -14px;width: 16px;height: 29px;background: url(/img/charge/pop/arrow.png) no-repeat;z-index: 2;}
.chargeWrap .chargeList ul li:hover{color: #ff7b89;}
.chargeWrap .chargeList ul li:hover:after{display: block;}
.chargeWrap .chargeList ul li .num{position: relative;top: 1px;margin-right: 3px;font-size: 25px;font-weight: normal;font-family: 'Montserrat', 'Arial';letter-spacing: -1.2px;}
.chargeWrap .chargeList ul li.current{padding: 0;height: 81px;line-height: 91px;border-bottom: 4px solid #4e4e4e;font-size: 20px;}
.chargeWrap .chargeList ul li.current .num{top: 2px;font-size: 45px;color: #4f4e4e;letter-spacing: -3px;}
.chargeWrap .chargeList ul li:nth-of-type(10).current .num, .chargeWrap .chargeList ul li:last-of-type.current .num{font-size:42px;letter-spacing: -4px;}
.chargeWrap .chargeList ul li.current:after{display: block;right: -44px;margin-top: -27px;width: 38px;height: 55px;background: url(/img/charge/pop/current.png);}
.chargeWrap .chargeList ul li.current:hover{color: #9c9c9c;}
.chargeWrap .chargeList ul li .bj_icon_10{width:60px;height:18px;background:url('/img/charge/pop/ic_flg_plus10.gif') no-repeat;content:'';display:inline-block;margin-left:7px;position:relative;top:2px;}
.chargeWrap .chargeList ul li .bj_icon_12{width:60px;height:18px;background:url('/img/charge/pop/ic_flg_plus12.gif') no-repeat;content:'';display:inline-block;margin-left:7px;position:relative;top:2px;}
/* bj 결제 아이콘 추가 */
.chargeWrap .chargeList ul li .bj_icon_13{width:60px;height:18px;background:url('/img/charge/pop/ic_flg_plus13.gif') no-repeat;content:'';display:inline-block;margin-left:7px;position:relative;top:2px;}
.chargeWrap .chargeList ul li .bj_icon_14{width:60px;height:18px;background:url('/img/charge/pop/ic_flg_plus14.gif') no-repeat;content:'';display:inline-block;margin-left:7px;position:relative;top:2px;}
.chargeWrap .chargeList ul li .bj_icon_15{width:60px;height:18px;background:url('/img/charge/pop/chr_flag_15.gif') no-repeat;content:'';display:inline-block;margin-left:7px;position:relative;top:2px;}
.chargeWrap .chargeList ul li .bj_icon_20{width:60px;height:18px;background:url('/img/charge/pop/chr_flag_20.gif') no-repeat;content:'';display:inline-block;margin-left:7px;position:relative;top:2px;}
/* bj 결제 아이콘 (할인율 선택) 벳지 */
.chargeWrap .chargeList ul li .bdg_save15::after {content: ''; display: block; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 52px; height: 30px; background: url('/img/charge/pop/bdg_save15.gif') no-repeat center / contain;}
.chargeWrap .chargeList ul li .bdg_save20::after {content: ''; display: block; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 52px; height: 30px; background: url('/img/charge/pop/bdg_save20.gif') no-repeat center / contain;}
.chargeWrap .chargeList ul li .bdg_sale15::after {content: ''; display: block; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 52px; height: 30px; background: url('/img/charge/pop/bdg_sale15.gif') no-repeat center / contain;}
.chargeWrap .chargeList ul li .bdg_sale20::after {content: ''; display: block; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 52px; height: 30px; background: url('/img/charge/pop/bdg_sale20.gif') no-repeat center / contain;}
/* .chargeWrap .chargeList ul li.current .bdg_discount {top: auto; bottom: 4px;}
.chargeWrap .chargeList ul li.current .bdg_benefit {top: auto; bottom: 4px;}
.chargeWrap .chargeList ul li.current .bdg_max15 {top: auto; bottom: 4px;}
.chargeWrap .chargeList ul li.current .bdg_max20 {top: auto; bottom: 4px;} */

.chargeWrap .payment{float: right;padding: 0 10px 5px;width: 404px;border: 3px solid #fda9a7;border-radius: 20px;box-sizing: border-box;}
.chargeWrap .payment span.box{display: inline-block;padding: 1px 4px 0;height: 20px;background-color: #f04848;font-size: 14px;color: #fff;box-sizing: border-box;}
.chargeWrap .payment .cont1{position: relative;padding-top: 32px;height: 99px;background: url(/img/charge/pop/point_img.png) no-repeat 20px 30px;border-bottom: 4px solid #ff7b89;text-align: right;box-sizing: border-box;}
.chargeWrap .payment .cont1 .discount{position: absolute;top: 8px;right: 25px;display: block;line-height: 1;font-style: normal;text-decoration: line-through;font-size: 18px;color: #b1b1b1;}
.chargeWrap .payment .cont1 .discount em{margin-right: 2px;color: #b1b1b1;font-size: 20px;font-family: 'Montserrat', 'Arial';letter-spacing: -1.2px;}
.chargeWrap .payment .cont1 .price{font-size: 20px;color: #9c9c9c;}
.chargeWrap .payment .cont1 .price em{position: relative;top: 2px;margin-right: 3px;line-height: 1;font-size: 55px;color: #ff7b89;font-family: 'Montserrat', 'Arial';letter-spacing: -4px;}
.chargeWrap .payment .cont2{padding: 10px 0 0;}
.chargeWrap .payment .cont2 dl dt{font-size: 0;}
.chargeWrap .payment .cont2 dl dd{display: table;width: 100%;height: 76px;text-align: center;}
.chargeWrap .payment .cont2 dl dd .inner{display: table-cell;vertical-align: middle;}
.chargeWrap .payment .cont2 ul{font-size: 0;}
.chargeWrap .payment .cont2 ul li{position: relative;margin-left: 20px;display: inline-block;font-size: 18px;color: #929292;font-family: 'Montserrat', 'NotoSansKR', 'Arial';letter-spacing: -1.2px;}
.chargeWrap .payment .cont2 ul li:after{content: '+';position: absolute;left: -14px;top: 19px;color: #4f4e4e;}
.chargeWrap .payment .cont2 ul li:first-child{margin-left: 0;color: #ff7b89;}
.chargeWrap .payment .cont2 ul li:first-child:after{display: none;}
.chargeWrap .payment .cont2 ul li span:last-of-type {font-family: 'Montserrat'; font-size: 18px;}
.chargeWrap .payment .cont2 ul li span{display: block;font-size: 14px;font-family: 'NotoSansKR','Dotum','돋움',Sans-serif;}
.chargeWrap .payment .cont2 ul li span.txt_red{color: #e35161;}
.chargeWrap .payment .cont2 ul li span.txt_blue{color: #88abda;}
.chargeWrap .payment .cont2 ul li span.txt_orange{color: #f19149;}
.chargeWrap .payment .cont2 ul li span.txt_purple{color: #aa89bd;}
.chargeWrap .payment .cont2 .bubble{position: relative;display: inline-block;margin-top: 5px;padding: 5px 10px;background-color: #aa89bd;border-radius: 10px;font-size: 14px;color: #fff;}
.chargeWrap .payment .cont2 .bubble:after{content: '';position: absolute;top: -6px;left: 50%;margin-left: -7px;width: 14px;height: 7px;background: url(/img/charge/pop/bubble.png) no-repeat;}
.chargeWrap .payment .cont2 .bubble em{font-style: normal;font-size: 18px;font-family: 'Montserrat', 'Arial';letter-spacing: -1.2px;color: #fff;}

.chargeWrap .payment .cont3 dl dt{padding-left: 9px;font-size: 0;}
.chargeWrap .payment .cont3 dl dt .box{padding: 1px 15px 0 10px;background-color: #b9b9b9;border-top-right-radius: 10px;}
.chargeWrap .payment .cont3 dl dd{margin-top: 20px;}
.chargeWrap .payment .cont3 dl dd ul{font-size: 0;text-align: left;}
.chargeWrap .payment .cont3 dl dd ul li{position: relative;display: inline-block;margin: 0 5px 13px;vertical-align: top;text-align: right;}
.chargeWrap .payment .cont3 dl dd .btn{position: relative;width: 111px;height: 41px;border: 1px solid #bdbdbd;cursor: pointer;}
.chargeWrap .payment .cont3 dl dd .btn:before{content: '';position: absolute;left: -10px;top: -12px;width: 28px;height: 28px;background: url(/img/charge/pop_checkbox.png) no-repeat;z-index: 1;}
.chargeWrap .payment .cont3 dl dd .btn .tit{position: absolute;left: 0;top: -12px;padding: 0 5px 0 17px;height: 28px;line-height: 28px;background-color: #fff;font-size: 12px;color: #bdbdbd;}
.chargeWrap .payment .cont3 dl dd .btn .benefit{display: block;padding-right: 6px;height: 100%;line-height: 54px;font-size: 17px;color: #bdbdbd;text-align: right;font-family: 'Montserrat', 'NotoSansKR', 'Arial';letter-spacing: -1.2px;}
.chargeWrap .payment .cont3 dl dd .btn:hover .benefit{color: #cb78c2;}
.chargeWrap .payment .cont3 dl dd ul li.selected .btn{border-color: #cb78c2;}
.chargeWrap .payment .cont3 dl dd ul li.selected .btn:before{background-image: url(/img/charge/pop_checkbox_on.png);}
.chargeWrap .payment .cont3 dl dd ul li.selected .btn .tit{color: #cb78c2;}
.chargeWrap .payment .cont3 dl dd ul li.selected .btn .benefit{color: #de59d0;}
.chargeWrap .payment .cont3 dl dd .txtBox{position: relative;bottom: -1px;right: 4px;display: inline-block;padding: 1px 4px 0;height: 16px;background-color: #ff7b89;font-size: 11px;color: #fff799;box-sizing: border-box;z-index: 2;}
.chargeWrap .payment .cont3 dl dd .txtBox:after{content: '';position: absolute;right: 8px;top: -6px;width: 11px;height: 9px;background: url(/img/charge/pop_txtBox.png) no-repeat;}
.chargeWrap .payment .cont4{margin-top: 7px;}
.chargeWrap .payment .cont4 dl dt{font-size: 0;}
.chargeWrap .payment .cont4 dl dd{margin-top: 15px;}
.chargeWrap .payment .cont4 dl dd ul li{position: relative;float: left;margin-left: 10px;margin-bottom: 10px;}
.chargeWrap .payment .cont4 dl dd button{width: 82px;height: 34px;line-height: 1.2;background-color: #fff;border: 1px solid #c1c1c1;font-size: 11px;color: #7f7f7f;font-family: 'Dotum';vertical-align: top;}
.chargeWrap .payment .cont4 dl dd button span{position: relative;top: 1px;line-height: 1;}
.chargeWrap .payment .cont4 dl dd button:hover{border-color: #f04848;color: #f04848;}
.chargeWrap .payment .cont4 dl dd button:disabled{border-color: #e0e0e0;color: #bfbfbf;cursor: default;}
.chargeWrap .payment .cont4 dl dd ul li span.hide {display: none !important;}
.chargeWrap .payment .cont4 dl dd ul li .badge{position: absolute;top: -7px;left: 0;display: block;padding: 0 6px 0 4px;height: 16px;line-height: 16px;background-color: #4da024;font-size: 11px;color: #fff;}
.chargeWrap .payment .cont4 dl dd ul li .badge:after{content: '';position: absolute;right: -6px;top: 0;width: 6px;height: 16px;background: url(../img/charge/badge_green.png) no-repeat;}
.chargeWrap .payment .cont4 dl dd ul li .badge_new{position: absolute;top: -7px;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';}
.chargeWrap .payment .cont4 dl dd 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;}
.chargeWrap .payment .cont4 dl dd ul li .bdg_evt {position: absolute;top: -7px;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';}
.chargeWrap .payment .cont4 dl dd 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;}

/* S : 할인율 선택 */
.chargeWrap .payment .charge_cp {display: none; position: relative; padding: 12px 9px 65px;}
.chargeWrap .payment .charge_cp.on {display: block;}
.chargeWrap .payment .charge_cp .tit {width: 180px; height: 20px; margin-bottom: 18px; padding: 1px 15px 0 10px; background-color: #b9b9b9; border-top-right-radius: 10px; font-size: 14px; color: #fff; box-sizing: border-box;}
.chargeWrap .payment .charge_cp .cp_left {display: inline-block;}
.chargeWrap .payment .charge_cp .cp_left .my_coupon {margin-bottom: 9px; color: #de59d0; font-size: 17px; font-weight: 400; line-height: 1;}
.chargeWrap .payment .charge_cp .cp_left .my_coupon span {display: inline-block; font-family: 'Montserrat'; color: #de59d0; font-size: 16px; font-weight: 500; line-height: 1;}
.chargeWrap .payment .charge_cp .cp_left p {color: #828282; font-size: 16px; font-weight: 400; line-height: 20px;}
.chargeWrap .payment .charge_cp .cp_left p input {display: inline-block; width: 90px; height: 20px; margin: 0 4px 0 6px; padding: 0 4px; border: 1px solid #c0c0c0; background: #fff; font-family: 'Montserrat'; text-align: right; color: #333; font-size: 14px; font-weight: 400; vertical-align: top;}
.chargeWrap .payment .charge_cp .cp_right {display: inline-block; float: right;}
.chargeWrap .payment .charge_cp .cp_right .txt {margin-top: 34px; color: #828282; font-size: 12px; font-weight: 400; line-height: 1;}
.chargeWrap .payment .charge_cp .cp_right .txt span {display: inline-block; color: #323232; font-size: 12px; font-weight: 500;}
.chargeWrap .payment .charge_cp .cp_right .txt span b {font-family: 'Montserrat'; font-weight: 500;}
.chargeWrap .payment .charge_cp .range {width: 100%; margin: 16px auto 0; font-size: 0;}
.chargeWrap .payment .charge_cp .range #range_wrap {display: inline-block; align-items: center; position: relative; width: 290px; height: 8px; border-radius: 4px; background: #d2d2d2;}
.chargeWrap .payment .charge_cp .range #range_wrap .range_per {position: absolute; top: 15px; left: 0%; box-sizing: border-box; transform: translateX(-50%); width: 70px; height: 33px; line-height: 38px; background: url('/img/charge/pop/ic_range_per.png') no-repeat center / contain; text-align: center; color: #fff; font-size: 14px; font-weight: 400;}
.chargeWrap .payment .charge_cp .range #range_wrap .range_per>span {display: inline-block; margin: 0; font-family: 'Montserrat'; color: #fff; font-size: 14px; font-weight: 500;}
.chargeWrap .payment .charge_cp .range #range_wrap .range_track {display: flex; flex: 1; height: 8px; background-color: #ddd; border-radius: 4px;}
.chargeWrap .payment .charge_cp .range #range_wrap .range_track .range_level {width: 0%; height: 8px; border-radius: 15px; background: #f04848;}
.chargeWrap .payment .charge_cp .range #range_wrap .range_input {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: calc(290px + 12px); height: 12px; outline: none; -webkit-appearance: none; background-color: transparent; cursor: pointer;}
.chargeWrap .payment .charge_cp .range #range_wrap .range_input::-webkit-slider-thumb {border: none; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px rgba(134, 18, 28, 0.67); -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chargeWrap .payment .charge_cp .range .percent {display: inline-block; width: 29px; font-family: 'Montserrat'; color: #d2d2d2; font-size: 12px; font-weight: 600; line-height: 1;}
.chargeWrap .payment .charge_cp .range .max {display: inline-block; margin-left: 10px; font-family: 'Montserrat'; color: #d2d2d2; font-size: 12px; font-weight: 600; line-height: 1;}
/* E : 할인율 선택 */

.chargeFooter{padding: 0 11px 10px;}
.chargeFooter dl dt span{display: block;width: 149px;height: 22px;padding: 1px 0;background-color: #f29c9f;border-radius: 20px;font-size: 14px;color: #fff;text-align: center;box-sizing: border-box;}
.chargeFooter dl dd{margin-top: 8px;}
.chargeFooter ul li{position: relative;margin-top: 3px;padding-left: 7px;font-size: 11px;color: #767676;}
.chargeFooter ul li:first-child{margin-top: 0;}
.chargeFooter ul li:before{content: '';position: absolute;left: 0;top:6px;width: 2px;height: 2px;background-color: #f29c9f;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.chargeWrap .payment span.box{padding: 0 4px;}
	.chargeWrap .payment .cont3 dl dt .box{padding: 0 15px 0 10px;}
	.chargeWrap .payment .cont3 dl dd .txtBox{padding: 0 4px;}
	.chargeWrap .payment .cont4 dl dd button span{top: 0;}
}

/* 리뉴얼 안내 팝업 */
.renewalLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.renewalLayer .renewal_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);}
.renewalCont{position: absolute;left: 50%;margin-left: -449px;top: 50%;margin-top: -337px;}
.renewalCont > p{position: absolute;left: -30px;top: -79px;width: 651px;height: 131px;background: url(/img/popup/renewal/title.png?v=2) no-repeat;text-indent: -9999px;}
.renewalCont .renewal_close{position: absolute;top: -33px;right: 3px;height: 25px;overflow: hidden;}
.renewalCont .layerClose{float: right;width: 24px;height: 25px;background: url(../img/popup/renewal/close.png) no-repeat;vertical-align: top;}
.renewalCont .layerClose:hover{background-image: url(../img/popup/renewal/close_on.png);}
.renewalCont .layerClose:hover{background-image: url(../img/popup/renewal/close_on.png);}

.renewalCont .layerClosed{float: right;width: 24px;height: 25px;background: url(../img/popup/renewal/close.png) no-repeat;vertical-align: top;}
.renewalCont .layerClosed:hover{background-image: url(../img/popup/renewal/close_on.png);}
.renewalCont .layerClosed:hover{background-image: url(../img/popup/renewal/close_on.png);}

.renewalCont .renewal_close label input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.renewalCont .renewal_close label{float: left;margin: 5px 10px 0 0;display: block;padding-left: 19px;height: 13px;background: url(../img/popup/renewal/checkbox1.png) no-repeat left bottom;vertical-align: middle;cursor: pointer;line-height: 13px;}
.renewalCont .renewal_close label span{display: inline-block;vertical-align: top;line-height: 15px;font-size: 11px;color: #fff;font-family: 'Dotum';}
.renewalCont .renewal_close label.checked{background-image: url(../img/popup/renewal/checkbox1_on.png);}
.renewalCont .wrap{width: 898px;height: 678px;background-color: #fff;border: 4px solid #000;border-radius: 30px;overflow: hidden;box-sizing: border-box;}
.renewalCont .hd_contents{padding: 56px 25px 0;height: 323px;background: #f24248 url(../img/popup/renewal/top_text.jpg) no-repeat 325px 42px;box-sizing: border-box;}
.renewalCont .hd_contents .login{width: 231px;}
.renewalCont .hd_contents .login dl dt{margin-left: 1px;width: 122px;height: 14px;background: url(../img/popup/renewal/login_text.jpg) no-repeat;text-indent: -9999px;}
.renewalCont .hd_contents .login dl dd{margin-bottom: 5px;}
.renewalCont .hd_contents .login dl dd input{padding: 0 10px;width: 230px;height: 34px;line-height: 32px;background-color: #fff;border: 1px solid #c10c12;font-family: 'NotoSansKR','Malgun Gothic','Dotum';font-size: 12px;color: #000;box-sizing: border-box;}
.renewalCont .hd_contents .login dl dd input::placeholder{color: #aaa;}
.renewalCont .hd_contents .login dl dd input::-webkit-input-placeholder{color: #aaa;}
.renewalCont .hd_contents .login dl dd input:-ms-input-placeholder{color: #aaa;}
.renewalCont .hd_contents .login label{float: left;display: block;padding-left: 18px;height: 14px;background: url(../img/popup/renewal/checkbox2.png) no-repeat;vertical-align: middle;cursor: pointer;line-height: 14px;}
.renewalCont .hd_contents .login label input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.renewalCont .hd_contents .login label span{display: inline-block;vertical-align: top;line-height: 14px;font-size: 13px;color: #fff;}
.renewalCont .hd_contents .login label.checked{background-image: url(../img/popup/renewal/checkbox2_on.png);}
.renewalCont .hd_contents .login a{float: right;line-height: 15px;font-size: 13px;color: #fff;}
.renewalCont .hd_contents .login a:hover{color: #fff799;}
.renewalCont .hd_contents .login .btn_login{margin-top: 31px;width: 230px;height: 42px;line-height: 40px;background: url(../img/popup/renewal/btn_login.jpg) no-repeat;border: 1px solid #ff6267;font-size: 16px;color: #fff;}
.renewalCont .hd_contents .login .btn_login:hover{background: #970207;}
.renewalCont .hd_contents .login .btn_join{margin-top: 10px;width: 230px;height: 42px;line-height: 40px;background-color: #f24248;border: 1px solid #c8060d;font-size: 16px;color: #fffac1;}
.renewalCont .hd_contents .login .btn_join:hover{background-color: #970207;}
.renewalCont .hd_contents .login .btn_login span,
.renewalCont .hd_contents .login .btn_join span{top: -1px;}
.renewalCont .ft_contents .bx-controls{position: absolute;bottom: 4px;padding: 15px 0;width: 100%;text-align: center;font-size: 0;}
.renewalCont .ft_contents .bx-pager-item{display: inline-block;margin-left: 5px;}
.renewalCont .ft_contents .bx-pager-item:first-child{margin-left: 0;}
.renewalCont .ft_contents .bx-pager-item a{width: 11px;height: 11px;background: #d7d7d7;border-radius: 50%;text-indent: -9999px;}
.renewalCont .ft_contents .bx-pager-item a.active{background: #ff8488;}

/* 포인트 지급 팝업 */
.pointLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.pointLayer .point_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);}
.pointCont{position: absolute;left: 50%;margin-left: -345px;top: 50%;margin-top: -208px;}
.pointCont > p{position: absolute;left: -34px;top: -96px;width: 661px;height: 131px;background: url(/img/popup/renewal/title2.png) no-repeat;text-indent: -9999px;}
.pointCont .layerClose{position: absolute;bottom: -65px;left: 50%;margin-left: -80px;width: 160px;height: 45px;background-color: #eb6877;font-size: 20px;color: #fff;}
.pointCont .layerClose:hover{background-color: #ff344b;color: #fff45c;}
.pointCont .wrap{padding-top: 62px;width: 691px;height: 320px;background-color: #fff;border-radius: 20px;overflow: hidden;box-sizing: border-box;}
.pointCont .cont1{position: relative;padding-left: 220px;height: 130px;background-color: #000;}
.pointCont .cont1:before{content: '';position: absolute;left: 75px;top: -19px;width: 142px;height: 146px;background: url(/img/popup/renewal/icon_apple.png) no-repeat;}
.pointCont .cont1 .txt{position: relative;top: -2px;line-height: 1;font-size: 44px;color: #fff;}
.pointCont .cont1 .txt .point{display: block;font-size: 73px;color: #fefbd8;letter-spacing: -3px;}
.pointCont .cont1 .txt .point em{margin-right: 8px;line-height: 1;font-size: 81px;font-weight: bold;color: #fff8a0;font-family: 'Montserrat', 'Arial';letter-spacing: -5px;}
.pointCont .cont2{text-align: center;font-size: 0;}
.pointCont .cont2 .txtBox{display: inline-block;margin-top: 30px;width: 558px;height: 47px;background: url(/img/popup/renewal/txtBox.jpg) no-repeat;text-indent: -9999px;}
.pointCont .cont2 .txt{line-height: 1.5;font-size: 16px;color: #5c5c5c;}
.pointCont .cont2 .txt span{color: #ff686d;}

/* datepicker css */
#ui-datepicker-div.ll-skin-santiago {
	padding: 0;
	font-size: 90%;
	background: #fff;
	border: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.19);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.19);
    box-shadow: 0 1px 3px rgba(0,0,0,.19);
}

#ui-datepicker-div.ll-skin-santiago .ui-widget {
	font-family: Helvetica Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

#ui-datepicker-div.ll-skin-santiago .ui-widget-content {
	border: none;
	background: #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.19);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.19);
	box-shadow: 0 1px 3px rgba(0,0,0,.19);
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-header {
	font-family: "Myriad Pro", sans-serif;
	color: #fff;
	padding: 0;
	border-top: 1px solid #b42b0c;
	border-bottom: none;
	overflow: hidden;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: -o-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: -webkit-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-title {
	line-height: 2.2em;
	font-weight: normal;
	color: #fff;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-prev, 
#ui-datepicker-div.ll-skin-santiago .ui-datepicker-next {
	top: -1px;
	background: #d33e13;
	border-radius: 0;
	font-weight: normal;
	border: none;
	height: 2.2em;
	width: 1.4em;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-prev.ui-state-hover,
#ui-datepicker-div.ll-skin-santiago .ui-datepicker-next.ui-state-hover {
	background: #ba2c0c;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-prev {
	left: 0;
	border-right: 1px solid #a6280b;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-next {
	right: 0;
	border-left: 1px solid #a6280b;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-prev span, 
#ui-datepicker-div.ll-skin-santiago .ui-datepicker-next span {
	margin-top: -4px;
	top: 40%;
}

#ui-datepicker-div.ll-skin-santiago .ui-icon-circle-triangle-e {
	background-image: url(/img/ui-icons_ffffff_256x240.png);
	background-position: -32px 0;
}

#ui-datepicker-div.ll-skin-santiago .ui-icon-circle-triangle-w {
	background-image: url(/img/ui-icons_ffffff_256x240.png);
	background-position: -96px 0;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-calendar {
	margin: 0;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-calendar th {
	padding: .6em 0 .4em;
	text-transform: uppercase;
	color: #bbb;
	font-family: "Myriad Pro";
	font-weight: normal;
	font-size: .9em;
	border-top: 1px solid #e6e6e6;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-calendar td {
	border: none;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 0;
}

#ui-datepicker-div.ll-skin-santiago td:last-child {
	border-right: 0;
}

#ui-datepicker-div.ll-skin-santiago td .ui-state-default {
	background: transparent;
	border: none;
	color: #2b2b2b;
	margin: 0;
	font-family: "Myriad Pro", sans-serif;
	font-weight: normal;
	text-align: center;
}

#ui-datepicker-div.ll-skin-santiago .ui-datepicker-calendar .ui-state-hover {
	background: #ededed;
	color: #b2b2b2;
}

#ui-datepicker-div.ll-skin-santiago td a.ui-state-active,
#ui-datepicker-div.ll-skin-santiago td a.ui-state-active.ui-state-hover {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.45);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: -o-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: -webkit-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
}
#ui-datepicker-div .ui-datepicker-year:after{content: '년'}

.layer_pop {display: none; width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.7);z-index: 10000001;}
.layer_pop.on {display: block;}
.layer_pop .popup {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 520px; padding: 20px; background: #fff; border-radius: 0.5rem; z-index: 10000001;}