@charset "UTF-8"; @import url("font_2020.css "); div,ul,li,ol,dd,input { border:0;margin:0;padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:black;outline:none; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif !important; font-size:13px; font-weight:normal;color:#333333; vertical-align:top; } iframe.setAttribute('style', 'height:0;width:0;border:0;border:none;visibility:hidden;'); body,h1,h2,h3,h4,th,td,input,select{color:black;font-size:13px;} body{margin:0;padding:0;border:none; border:0px} table {border-collapse:collapse;border-spacing:0;padding:0;border:0;box-sizing:border-box;} th, td {padding:0;vertical-align:top;} img{border:0;} frame { border:0; border:none; margin:0px; padding:0px;} form { margin:0px; padding:0px; } li {list-style:none} a{text-decoration:none;outline:none;cursor:pointer;color:#333333} a:hover{text-decoration:underline;} a:active{text-decoration:none;} input[type=checkbox] { margin-top: 5px; } .pointer {cursor:pointer;} /* IE10~11 */ @media screen and (-ms-high-contrast:active), ( -ms-high-contrast:none ){ * {font-family:dotum,Verdana, sans-serif;} } /* edge */ @supports ( -ms-ime-align:auto ){ * {font-family:dotum,Verdana, sans-serif;} } /* Chrome strong {font-weight:500;}*/ @media screen and ( -webkit-min-device-pixel-ratio:0 ){ * {font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; !important; font-synthesis: style weight; letter-spacing:-.3px} } /* Firefox */ @-moz-document url-prefix() { * {font-family:dotum,Verdana, sans-serif; font-synthesis: style weight;letter-spacing:-1px;} } * {font-synthesis: style weight;} .textcenter { text-align:center; } /*##### 레이아웃 */ /*#header_wrap {width:100%;min-width:1000px;height:auto;margin:0 auto; text-align:center;}*/ #header_wrap {width:100%; min-width:1050px;height:auto; margin:0 auto;} #wrap {width:100%;height:auto;margin:0 auto; text-align:center; } #wrap #contents_wrap { clear:both; width:1050px; height:auto;margin:0 auto; text-align:center;margin-top:5px;position:relative;} /*##### 메인 상단 2023 리뉴 */ #wrap #contents_wrap .center_top { width:100%; margin:0 auto;margin-bottom:15px;position:relative ;clear:both;} #wrap #contents_wrap .center_wrap {float:left; width:795px;margin:0 auto; position:relative; top:0px; left:0px;} #wrap #contents_wrap .center_wrap .banner_main { clear:both; width:795px; height:200px; margin-bottom:5px; background-color:#ffffff; position:relative} #wrap #contents_wrap .center_wrap .banner_sub { clear:both; width:795px; height:100px; margin-bottom:5px; background-color:#ffffff; position:relative;cursor:pointer} #wrap #contents_wrap .center_wrap .banner_sub2{ clear:both; width:795px; height:60px; margin-bottom:5px; background-color:#ffffff; position:relative;} #wrap #contents_wrap .center_wrap .center_left { clear:both; float:left; width:590px; position:relative } #wrap #contents_wrap .center_wrap .center_right {clear:both;float:right; width:200px; position:absolute;0px; top:205px; right:0px } #wrap #contents_wrap .left_wrap {float:right; width:240px; margin-left:10px; position:relative; } /*##### 컨텐츠 리스트 우측 페이지 버튼 */ .center_wrap .ctn_btn_page { width:90px; height:30px; margin:0 auto; position:absolute; top:465px; right:-100px;} .ctn_btn_page .ctn_btn_L { width:42px; height:30px; float:left; background:url(//ximage.sharebox.co.kr/images/btn/ctn_btn-page.png) no-repeat; background-position:0px 0px; cursor:pointer} .ctn_btn_page .ctn_btn_L:hover { width:42px; height:30px; float:left; background:url(//ximage.sharebox.co.kr/images/btn/ctn_btn-page.png) no-repeat; background-position:0px -35px; cursor:pointer} .ctn_btn_page .ctn_btn_L.pon1 { width:42px; height:30px; float:left; background:url(//ximage.sharebox.co.kr/images/btn/ctn_btn-page.png) no-repeat; background-position:0px -35px; cursor:pointer} .ctn_btn_page .ctn_btn_R { width:42px; height:30px; float:left; background:url(//ximage.sharebox.co.kr/images/btn/ctn_btn-page.png) no-repeat; background-position:-48px 0px; cursor:pointer;margin-left:6px;} .ctn_btn_page .ctn_btn_R:hover {background:url(//ximage.sharebox.co.kr/images/btn/ctn_btn-page.png) no-repeat; background-position:-48px -35px;} .ctn_btn_page .ctn_btn_R.pon2 {background:url(//ximage.sharebox.co.kr/images/btn/ctn_btn-page.png) no-repeat; background-position:-48px -35px;} /*##### 헤더 */ .gnb_menu {width:100%; margin:0 auto;text-align:center; height:34px;background:#fbfbfb;border-bottom:1px solid #e2e2e2;} .gnb_menu .gnb_menu_s {width:1050px;margin:0 auto;padding-top:8px; color:#666666;} .gnb_menu .gnb_menu_s span { font-size:12px; color:#666666; letter-spacing:-.3px;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .gnb_menu .gnb_menu_s a:hover{text-decoration:none;} .gnb_menu .gnb_menu_s a:active{text-decoration:none;} .gnb_menu .gnb_menu_s .gnb_L {height:18px; float:left;} .gnb_menu .gnb_menu_s .gnb_L li {float:left;} .gnb_menu .gnb_menu_s .gnb_L .gnb_L1 { height:18px;background:url(//ximage.sharebox.co.kr/images/icon/icon_gnb_home.jpg) no-repeat; padding:0px 10px 0px 18px; background-position:center left} .gnb_menu .gnb_menu_s .gnb_L .gnb_L2 { height:18px;background:url(//ximage.sharebox.co.kr/images/icon/icon_gnb_star.jpg) no-repeat; padding:0px 10px 0px 18px;background-position:center left} .gnb_menu .gnb_menu_s .gnb_L .gnb_L3 { height:18px;display:inline-block; } .gnb_menu .gnb_menu_s .gnb_L .gnb_L3 span { letter-spacing: -1px;color: #666;font-size:12px; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .gnb_menu .gnb_menu_s .gnb_L .gnb_L3 label{margin-left:5px;vertical-align: middle;margin-bottom: 2px;} .gnb_menu .gnb_menu_s .gnb_R {height:18px;float:right;} .gnb_menu .gnb_menu_s .gnb_R li {float:left;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R1 { padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R2 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) 0px 2px no-repeat; padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R3 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) 0px 2px no-repeat; padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R4 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) 0px 2px no-repeat; padding:0px 0px 0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R4 a { background:#85a911; padding:0px 6px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px; color:#fff; letter-spacing:-0px; } .gnb_menu .gnb_menu_s .gnb_R .gnb_R5 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) 0px 2px no-repeat; padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R6 {background:url(//ximage.sharebox.co.kr/images/icon/line.gif) 0px 2px no-repeat; padding:0px 8px;} /*로고*/ #header_wrap .top {clear:both; width:100%;height:auto;margin:0 auto; text-align:center;} #header_wrap .top_s {width:1050px; min-width:1050px; margin:0 auto; height:94px; position:relative; } #header_wrap .top_s .banner_top_rig { width:294px; height:93px; margin-top:0px;z-index:2; position:absolute; right:0px; bottom:0px; overflow: hidden; } /*날개배너 우측2 #header_wrap .top_s .banner_wing_rig {width:90px; height:108px; background:url(../images/main/banner_wing_rig.png) no-repeat; display:block;cursor:pointer; border:#f9f9f9 0px solid; position:absolute; right:-100px; top:135px; } #header_wrap .top_s .quick_menu2 { height:260px; width:90px; position:absolute; top:35px; right:-100px; text-align: left; padding: 0px; } #header_wrap .top_s .quick_menu2 .banner_quick2{width:90px; height:auto; background-color:#ffffff;position:relative; right:0px; top:190px; } */ .scrollbox {height:93px; overflow-x:auto; overflow-y:auto; height:100%;padding:0;background-color:#cccccc;} /* 2023 리뉴용 우상단 로그인 박스 */ #header_wrap .top_s .top_info {max-width:400px; margin: 0 auto; z-index:2; position:absolute; right:0px; bottom:10px; } .top_info .logtxt{ font-weight: 500;font-family:'Noto Sans CJK KR', sans-serif; padding: 5px 0px ; text-align: right;letter-spacing: -1px; font-size: 1rem; font-style: italic;color: 777777;} .top_info .login { font-family:'Noto Sans CJK KR', sans-serif; text-align: right; } .top_info .btn_login{ width: 120px; height: 40px; line-height: 40px;text-align: center; font-size:1rem; font-weight: 500; background-color: #56636c; color: #fff;cursor: pointer; margin-right:5px; } .top_info .btn_join{ width: 190px; height: 40px; line-height: 40px;text-align: center; font-size: 1rem; font-weight: 500; background-color: #ff4444; color: #fff; cursor: pointer; } .top_info .btn_login:hover { background-color: #1e73af; color: #fff;cursor: pointer; margin-right:5px; } .top_info .btn_join:hover { background-color: #ee1010; color: #fff;cursor: pointer; } .top_info .btn_join span{ margin-left: 5px; background-color: #1b1b1b; color: #ffe400; font-family:'Noto Sans CJK KR', sans-serif; font-size: .7rem; text-align: center; border-radius: 3px; padding: 2px 5px; letter-spacing: 0px;} .top_info li{ list-style: none; display: inline-block; font-family:'Noto Sans CJK KR', sans-serif; } .top_info .tinfo_bx{ padding:7px 0px; text-align: left; position: relative; border-bottom: 1px #ccc dotted; } .top_info .tinfo_bx .tinfo_bx1{ background: url('//ximage.sharebox.co.kr/images/icon/ico_user.gif') no-repeat;background-size: 12px 15px; background-position: left center; padding-left:20px; box-sizing: border-box;} .top_info .tinfo_bx .tinfo_bx1 span{ font-weight: bold; } .top_info .tinfo_bx .tinfo_bx2{ background: url('//ximage.sharebox.co.kr/images/icon/listText01.gif') no-repeat ; background-size: 11px 13px; background-position: left center; box-sizing: border-box; margin-left:5px;} .top_info .tinfo_bx .tinfo_bx2 span{ padding-left:15px; color: #333;cursor:pointer} .top_info .tinfo_bx .tinfo_bx2 span:hover{color: #ff4e00; cursor:pointer} .top_info .tinfo_bx .btn_out{position: absolute; top:2px ; right: 0px; padding:2px 10px; border: 1px #ccc solid; text-align: center; font-size: .8rem; background-color: #fff; color: #333333; letter-spacing: -1px; border-radius: 3px;cursor: pointer; } .top_info .tinfo_bx .btn_out:hover{background-color: #414141; color: #fff; border: 1px #353535 solid;} .top_info .tinfo_pt {padding:7px 0px; text-align:right; display: flex;justify-content: flex-end; } .top_info .tinfo_pt li{ line-height: 150%; list-style: none; font-size: .75rem; color: #5a5a5a; letter-spacing: 0px; padding-right:2px; margin-right:2px} .top_info .tinfo_pt li:last-child{ margin-right: 0px;} .top_info .tinfo_pt li::after{ color: #ccc; height: 10px; content:"I"; display: inline-block;} .top_info .tinfo_pt li:last-child::after { content: none;} .top_info .tinfo_pt span{ font-weight:500; color: #1b1b1b;letter-spacing:0px; padding-left:5px; padding-right:2px;cursor:pointer} .top_info .tinfo_pt span.fontp { color: #ff1e78; letter-spacing:0px; } .top_info .tinfo_pt span.fontb { color: #257fcd; letter-spacing:0px;} .top_info .tinfo_pt span.btn_flat {color: #ff1e78; text-decoration: underline; cursor:pointer } /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .top_info .tinfo_pt li{ line-height: 150%; list-style: none; font-size: .75rem; color: #5a5a5a; letter-spacing: -1px; padding-right:2px; margin-right:2px} } /* 로그인박스 오버레이어 */ .tinfo_pt .log_ov {position: relative} .tinfo_pt .log_ov .ic_more { padding:0px 0px 0px 15px ;background:url(//ximage.sharebox.co.kr/images/icon/btn_log_bt.png) no-repeat; background-size:10px 10px; background-position:center;cursor:pointer} /* 로그인박스 오버레이어 */ .log_layerwp { clear: both; width: 240px; display: block; padding-top: 30px;box-sizing: border-box; position: absolute; top:0px; right: 0px; z-index: 500 ;} .log_layerwp .log_layer { width:100%; background-color:#fff; box-sizing: border-box; border:1px #ccc solid; display:block; box-shadow: 0px 1px 10px rgba(53, 53, 53, .3) ;position:relative; z-index: 500 ; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px;} .log_layerwp .log_layer .icon_pt { width:100%; height:9px; background:url(//ximage.sharebox.co.kr/images/icon/icon_lytop.png) 200px 0px no-repeat; background-size:15px 9px; position:absolute; top:-8px;z-index:200 } .log_layerwp .log_layer .info_inner{ padding:15px 20px 20px 20px; box-sizing: border-box; position:relative; display: block; } .log_layerwp .log_layer .info_inner dl{ clear: both;height:30px; line-height:30px; display: block; border-bottom:1px #ccc dotted ;cursor:pointer } .log_layerwp .log_layer .info_inner dl dt{ float:left; text-align:left; font-size:13px;} .log_layerwp .log_layer .info_inner dl dd{float:right; text-align:right; font-size:13px;} .log_layer .log_layer_btn {width:100%; margin:0 auto; height:40px; line-height:40px; margin-top:10px; letter-spacing:-1px; text-align:center;background-color:#333; border:#000 1px solid; color:#84ff00; font-size:1rem;cursor:pointer; } .log_layer .log_layer_btn:hover {background-color:#000; border:#000 1px solid; color:#84ff00; } /*리스트 퀵페이징*/ .btn_pg { width:90px; height:40px;position:relative; bottom:-5px; } .btn_pg2 { width:90px; height:100%;position:fixed; bottom:30% } .pgbx { width:100%;height:45px; display:block; margin:0 auto; text-align:center; } .pgbx li { width:43px; height:40px; list-style:none; display:inline-block; background-color:#f9f9f9; text-align:center; cursor:pointer } .pgbx li.plineL{ float:left; -webkit-border-radius:0px 0px 0px 3px; -moz-border-radius: 0px 0px 0px 3px; border-radius:0px 0px 0px 3px; background:url(//ximage.sharebox.co.kr/images/btn/btnpg_L.png) no-repeat #f9f9f9; background-size:11px 13px; background-position:center center ;border:#CCC 1px solid;} .pgbx li.plineL:hover{ -webkit-border-radius:0px 0px 0px 3px; -moz-border-radius: 0px 0px 0px 3px; border-radius:0px 0px 0px 3px; background:url(//ximage.sharebox.co.kr/images/btn/btnpg_Lon.png) no-repeat #3d404a; background-size:11px 13px; background-position:center center ;border:#3d404a 1px solid; } .pgbx li.plineR{ float:right;-webkit-border-radius:0px 0px 3px 0px; -moz-border-radius: 0px 0px 3px 0px; border-radius:0px 0px 3px 0px; background:url(//ximage.sharebox.co.kr/images/btn/btnpg_R.png) no-repeat #f9f9f9; background-size:11px 13px; background-position:center center ;border:#CCC 1px solid; } .pgbx li.plineR:hover{ -webkit-border-radius:0px 0px 3px 0px; -moz-border-radius: 0px 0px 3px 0px; border-radius:0px 0px 3px 0px; background:url(//ximage.sharebox.co.kr/images/btn/btnpg_Ron.png) no-repeat #3d404a; background-size:11px 13px; background-position:center center;border:#3d404a 1px solid; } /*날개배너 3번째 아이콘 #header_wrap .top_s .quick_menu2 .banner_quick2 .ic_npp3 {vertical-align:middle; position:absolute; top:136px; right:23px; z-index:2 } #header_wrap .top_s .quick_menu2 .banner_quick2 .ic_npp3 span { width:10px; background-color:#eb1a1a;color:#fff;text-align: center; font-size:.7em; font-weight:bold;padding:2px 4px;-webkit-border-radius:20px; -moz-border-radius: 20px; border-radius:20px; } .banner_quick2 .quick_bg {width:90px; height:auto;position:relative; background:url(../images/banner/quick1_line_bg.png) repeat-y; } .banner_quick2 .quick_bg .banner_quick_top {width:90px; height:68px; background:url(../images/banner/quick1_top.png) no-repeat; background-position:0px 0px ;position:absolute; top:-66px} .banner_quick2 .quick_bg .banner_quick_q1 {width:90px; height:65px; background:url(../images/banner/quick1_01.png) no-repeat; background-position:0px 0px ;border-bottom:1px #dddddd solid; cursor:pointer;} .banner_quick2 .quick_bg .banner_quick_q1:hover {width:90px; height:65px; background:url(../images/banner/quick1_01.png) no-repeat; background-position:-95px 0px ;border-bottom:1px #dddddd solid; } .banner_quick2 .quick_bg .banner_quick_q1.on {width:90px; height:65px; background:url(../images/banner/quick1_01.png) no-repeat; background-position:-95px 0px ;border-bottom:1px #dddddd solid; } .banner_quick2 .quick_bg .banner_quick_q2 {width:90px; height:65px; background:url(../images/banner/quick1_02.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;} .banner_quick2 .quick_bg .banner_quick_q2:hover{width:90px; height:65px; background:url(../images/banner/quick1_02.png) no-repeat; background-position:-95px 0px ;border-bottom:1px #dddddd solid; } .banner_quick2 .quick_bg .banner_quick_q2.on {width:90px; height:65px; background:url(../images/banner/quick1_02.png) no-repeat; background-position:-95px 0px ;border-bottom:1px #dddddd solid; } .banner_quick2 .quick_bg .banner_quick_q3 {width:90px; height:65px; background:url(../images/banner/quick1_03.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;} .banner_quick2 .quick_bg .banner_quick_q3:hover {width:90px; height:65px; background:url(../images/banner/quick1_03.png) no-repeat; background-position:-95px 0px ; border-bottom:1px #dddddd solid;} .banner_quick2 .quick_bg .banner_quick_q3.on {width:90px; height:65px; background:url(../images/banner/quick1_03.png) no-repeat; background-position:-95px 0px ; border-bottom:1px #dddddd solid;} .banner_quick2 .quick_bg .banner_quick_q4 {width:90px; height:65px; background:url(../images/banner/quick1_04.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;} .banner_quick2 .quick_bg .banner_quick_q4:hover {width:90px; height:65px; background:url(../images/banner/quick1_04.png) no-repeat; background-position:-95px 0px; border-bottom:1px #dddddd solid;} .banner_quick2 .quick_bg .banner_quick_q4.on {width:90px; height:65px; background:url(../images/banner/quick1_04.png) no-repeat; background-position:-95px 0px; border-bottom:1px #dddddd solid;} .banner_quick2 .quick_bg .banner_quick_q5 {width:90px; height:65px; background:url(../images/banner/quick1_05.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;} .banner_quick2 .quick_bg .banner_quick_q5:hover {width:90px; height:65px; background:url(../images/banner/quick1_05.png) no-repeat; background-position:-95px 0px; border-bottom:1px #dddddd solid;} .banner_quick2 .quick_bg .banner_quick_q5.on {width:90px; height:65px; background:url(../images/banner/quick1_05.png) no-repeat; background-position:-95px 0px; border-bottom:1px #dddddd solid;} .banner_quick2 .quick_bg .banner_quick_q6 {width:90px; height:65px; background:url(../images/banner/quick1_06n.png) no-repeat; background-position:0px 0px; border-bottom:1px #c6c6c6 solid;cursor:pointer; } .banner_quick2 .quick_bg .banner_quick_q6:hover {width:90px; height:65px; background:url(../images/banner/quick1_06n.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q6.on {width:90px; height:65px; background:url(../images/banner/quick1_06n.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q8 {width:90px; height:65px; background:url(../images/banner/quick1_08_1.png) no-repeat; background-position:0px 0px; border-bottom:1px #c6c6c6 solid;cursor:pointer; } .banner_quick2 .quick_bg .banner_quick_q8:hover {width:90px; height:65px; background:url(../images/banner/quick1_08_1.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q8.on {width:90px; height:65px; background:url(../images/banner/quick1_08.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q7 {width:90px; height:25px; background:url(../images/banner/quick1_07n.png) no-repeat; background-position:0px 0px; border-bottom:1px #c6c6c6 solid;cursor:pointer; } .banner_quick2 .quick_bg .banner_quick_q7:hover {width:90px; height:25px; background:url(../images/banner/quick1_07n.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q7.on {width:90px; height:25px; background:url(../images/banner/quick1_07n.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q9 {width:90px; height:65px; background:url(../images/banner/quick1_09_new.png) no-repeat; background-position:0px 0px; border-bottom:1px #c6c6c6 solid;cursor:pointer; } .banner_quick2 .quick_bg .banner_quick_q9:hover {width:90px; height:65px; background:url(../images/banner/quick1_09_new.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_q9.on {width:90px; height:65px; background:url(../images/banner/quick1_09_new.png) no-repeat; background-position:-95px 0px; border-bottom:1px #c6c6c6 solid;} .banner_quick2 .quick_bg .banner_quick_bot {width:90px; height:7px; background:url(../images/banner/quick1_bottom.png) no-repeat; background-position:bottom;} */ /*날개배너 우측 투데이몰 #header_wrap .top_s .quick_menu2 .banner_quick_2daymall {width:90px; height:155px; background:url(../images/banner/banner_quick_2dm.jpg) no-repeat; position:absolute; right:0px; top:680px; cursor:pointer; } #header_wrap .top_s .quick_tree { width:88px; height:128px; position:absolute; top:445px; right:-100px; text-align: left; padding: 0px; } #header_wrap .top_s .quick_tree li {list-style:none} #header_wrap .top_s .quick_tree .quick_tree_img {width:85px; height:128px; background:url(/images/banner/quick_tree.gif ) no-repeat; cursor:pointer; } */ /*날개배너 좌측 쉐어용 #header_wrap .top_s .quick_menu_L { height:260px; width:90px; position:absolute; top:0%; left:-100px; text-align: left; padding: 0px; } #header_wrap .top_s .quick_menu_L .banner_quick_L{width:90px; height:auto; background-color:#ffffff; position:absolute; left:0px; top:148px; } .banner_quick_L .banner_quickL_app {width:90px; height:261px; background:url(../images/banner/banner_quick_app_1207.png) repeat-y; cursor:pointer;} */ /*날개배너 좌측 쉐어용 #header_wrap .top_s .quick_menu_L2 { height:382px; width:90px; position:absolute; top:35px; left:-100px; text-align: left; padding: 0px; } #header_wrap .top_s .quick_menu_L2 .banner_quick_L2{width:90px; height:auto; background-color:#ffffff; position:absolute; left:0px; top:148px; } .banner_quick_L2 .banner_quickL_app2 {width:90px; height:191px; background:url(../images/banner/banner_quick_app.png) no-repeat; cursor:pointer;} .banner_quick_L2 .banner_quickL_appdown {width:90px; height:191px; background:url(../images/banner/banner_quick_appdown.png) no-repeat; cursor:pointer;} .banner_quick_L2 .banner_quickL_award {width:90px; height:137px; background:url(../images/banner/banner_quick_award.png) no-repeat; cursor:pointer;} .banner_quick_L2 .banner_quickL_mobile {width:90px; height:225px; background:url(../images/banner/banner_quick_app2022.png) no-repeat;cursor:pointer; } .banner_quick_L2 .banner_quickL_xmas {width:90px; height:155px; background:url(../images/banner/quick_xmas2.gif) no-repeat;cursor:pointer; } .banner_quick_L2 .banner_quickL_ad181130 {width:75px; height:100px; margin:0 auto; background:url(../images/banner/banner_quick_ad181130n.png) no-repeat; cursor:pointer; } */ /*날개배너 좌측 n번 .banner_quick_L2 .banner_quickL_n200402 {width:90px; height:105px; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/popup/icon_ntno.png) no-repeat; cursor:pointer; } */ /*날개배너 좌측 핫영화 #header_wrap .top_s .quick_evt { height:100%; width:151px; position:absolute; top:0px; left:730px; text-align: left; padding-top:0px; z-index:500} #header_wrap .top_s .quick_evt .quick_evt_banenr {width:151px; height:100%; position:fixed; top:55%; } #header_wrap .top_s .quick_evt_banenr .banner_evtimg {width:151px; height:122px; background:url(//ximage.sharebox.co.kr/images/banner/banner_quick_evt_170202.png) no-repeat; cursor:pointer; position:relative ;} #header_wrap .top_s .quick_evt_banenr .banner_evtx {width:22px; height:22px; background:url(//ximage.sharebox.co.kr/images/popup/banner_quick_evtx.png) no-repeat; cursor:pointer; position:absolute; right:5px; top:10px; z-index:100} */ /*플로팅배너 이벤트 #header_wrap .top_s .quick_evt2{ height:100%; width:97px; position:absolute; top:0px; left:730px; text-align: left; padding-top:0px; } #header_wrap .top_s .quick_evt2 .quick_evt_banenr2 {width:124px; height:100%; position:fixed; top:50%; } #header_wrap .top_s .quick_evt_banenr2 .banner_evtimg {width:124px; height:104px; background:url(../images/banner/banner_float_01.png) no-repeat; cursor:pointer; position:relative ;} #header_wrap .top_s .quick_evt_banenr2 .banner_evtx {width:22px; height:22px; background:url(//ximage.sharebox.co.kr/images/popup/banner_quick_evtx.png) no-repeat; cursor:pointer; position:absolute; right:5px; top:0px; z-index:100} */ /*미리보기영상 */ #header_wrap .top_s .open_mov_layer { width:330px;height:280px; margin:0 auto; padding: 0px; text-align: center; position:absolute; top:400px; left:205px; z-index:1000; } #header_wrap .top_s .open_mov_layer .open_mov_tot{ width:330px;height:280px; margin:0 auto; position:relative ;} #header_wrap .top_s .open_mov_layer .open_mov_tot .tbg_close { width:38px; height:38px; background:url(//ximage.sharebox.co.kr/images/popup/popup_seller_close.png) no-repeat; cursor:pointer; position:absolute; top:-13px; right:-13px; z-index:500 } .open_mov_layer .open_mov_tot li { list-style:none; } .open_mov_layer .open_mov_tot .tbg_tit {width:100%;height:40px; line-height:40px;text-align: center; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/popup/popmov_tbg2.png) no-repeat; background-position:center; } .open_mov_layer .open_mov_tot .tbg1 {width:100%; height:16px; background:url(//ximage.sharebox.co.kr/images/popup/popmov_tbg1.png) repeat-x} .open_mov_layer .open_mov_tot .tbg2 {width:100%; height:180px;} .open_mov_layer .open_mov_tot .tbg_btn {width:100%;height:40px; line-height:40px; margin:0 auto; margin-top:0px;background-color:#cc181e;text-align:center; font-size:1.2em; font-family: Verdana, Geneva, sans-serif; color:#FFFFFF; font-weight:bold; letter-spacing:-1px; cursor:pointer } #header_wrap .top .logo {float:left;width:300px;height:94px;text-align:left; position:relative ;} .top_logo{width:300px;height:94px;display:inline-block; cursor:pointer;margin-top:0px; position:absolute; bottom:0px; } /*서치박스 */ #header_wrap .top .search {float:left; width:340px; margin:0 auto; position:relative;margin-top:15px;} #header_wrap .top .search ul {width:90%} #header_wrap .top .search .cMenu { width:100%; line-height:19px; display:table; padding:0 4px ; } #header_wrap .top .search .cMenu li { display:table-cell ;line-height:19px; cursor:pointer;letter-spacing:0;font-size:13px; font-weight:500; color:#333333; padding:0px 10px; } #header_wrap .top .search .cMenu li a{ text-decoration:none;outline:none;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:400;} #header_wrap .top .search .cMenu li a:hover{text-decoration:none;} #header_wrap .top .search .cMenu li a:active{text-decoration:none;} #header_wrap .top .search .cMenu .adt_on { width:50px;height:18px; background:url(//ximage.sharebox.co.kr/images/icon/icon_adtonoff.png) no-repeat ; background-position:bottom; padding:0px 9px;} #header_wrap .top .search .cMenu .adt_off { width:50px;height:18px; background:url(//ximage.sharebox.co.kr/images/icon/icon_adtonoff.png) no-repeat ;background-position:top; padding:0px 9px;} #header_wrap .top .search .cMenu .m1 { padding:0px 9px;} #header_wrap .top .search .cMenu .m2 { padding:0px 9px 0px 15px;} #header_wrap .top .search .cMenu .m3 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m4 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m5 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m6 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat 0px 5px;padding:0px 10px;} /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #header_wrap .top .search .cMenu li { display:table-cell ;line-height:19px; cursor:pointer;letter-spacing:-1px;font-size:.8rem; font-weight:500; color:#333333; padding:0px 10px; } } #header_wrap .top .search .searchBox { width:100%; height:42px; background-color:#fff;margin:0 auto; text-align:center; position:relative; margin-top:5px; border:#8bc23f 2px solid; box-sizing: border-box;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px; } #header_wrap .top .search .searchBox li {float:left; height:36px; margin:0 auto; margin-top:5px;margin-left:0px; background-color:#fff; } #header_wrap .top .search .searchBox li.sh_le {width:110px;height:30px; margin-left:5px; -webkit-border-radius: 50px 0px 0px 50px; -moz-border-radius: 50px 0px 0px 50px; border-radius:50px 0px 0px 50px;} #header_wrap .top .search .searchBox li.sh_le .inupt_select { width:100px;height:25px; color:#666; border:#FFFFFF 1px solid; margin-top:3px; margin-left:10px;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px; } #header_wrap .top .search .searchBox li.sh_le .select_bx {width:100%; margin-left:5px; position:relative; border-right:1px solid #ccc; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:100;} #header_wrap .top .search .searchBox li.sh_le .select_bx select { width:98%; padding:5px 6px; color:#666 ;font-weight:100; border:1px solid #fff; font-family: inherit; background:url(//ximage.sharebox.co.kr/images/icon/icon_sh_bot.png) no-repeat 90% 50%; background-size:8px; outline: none; position:absolute; right:0px; z-index:100; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;appearance: none;} #header_wrap .top .search .searchBox li.sh_le .select_bx select::-ms-expand {display: none;} #header_wrap .top .search .searchBox li.sh_le .select_bx select option { line-height:30px; background-color:#fff; color:#666 ; } #header_wrap .top .search .searchBox li.sh_ce {width:50%; height:30px;} #header_wrap .top .search .searchBox li.sh_ce .inupt_sh{ width:95%;height:28px; line-height:28px; color:#666; border-left:#e2e2e2 1px solid} #header_wrap .top .search .searchBox li.sh_ri { width:50px; height:30px; background:url(//ximage.sharebox.co.kr/images/icon/btn_topsh.png) no-repeat; background-size:20px 20px;background-position:center center} /*메뉴 - 탑 2020 */ #header_wrap .menu {width:100%; height:83px; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/sht_bg.png) repeat-x;border-top: 1px #CCC solid; position:relative; } #header_wrap .menu .menuBox {width:1050px; margin:0 auto; margin-top:8px; } #header_wrap .menu .menuBox .topMenuBox { clear:both; width:100%; height:40px; display:table; } #header_wrap .menu .menuBox .topMenuBox li { list-style:none; height:40px; line-height:40px; display:table-cell; color:#333; text-align:center; font-size:15px; letter-spacing:0px; padding:0px 9px; font-weight:500; cursor:pointer; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; position:relative} /*#header_wrap .menu .menuBox .topMenuBox li:hover { background-color:#434343 ; color:#94ff00;-webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}*/ #header_wrap .menu .menuBox .topMenuBox li.on { background-color:#434343 ; color:#94ff00;-webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; position:relative} #header_wrap .menu .menuBox .subMenuBox { width:100%;text-align:left} .subMenuBox #menu_TOP {padding-left:10px;} .subMenuBox #menu_MOB {padding-left:75px;} .subMenuBox #menu_ALL {padding-left:135px;} .subMenuBox #menu_MVO {padding-left:87px;} .subMenuBox #menu_DRA {padding-left:147px;} .subMenuBox #menu_MED {padding-left:224px;} .subMenuBox #menu_GME {padding-left:250px;} .subMenuBox #menu_ANI {padding-left:301px;} .subMenuBox #menu_UTL {padding-left:250px;} .subMenuBox #menu_CTN {padding-left:380px;} .subMenuBox #menu_MUS {padding-left:430px;} .subMenuBox #menu_DOC {padding-left:363px;} .subMenuBox #menu_EDU {padding-left:460px;} .subMenuBox #menu_IMG {padding-left:560px;} .subMenuBox #menu_ADT {padding-left:512px;} .subMenuBox #menu_TON {padding-left:850px;} .subMenuBox #menu_PTB {padding-left:540px;} .subMenuBox #menu_REQ {padding-left:670px;} .subMenuBox #menu_ETC {padding-left:424px;} .subMenuBox #menu_BOK {padding-left:780px;} .subMenuBox #menu_CTV {padding-left:816px;} .subMenuBox #menu_FRE{padding-left:482px;} .subMenuBox #menu_ASM{padding-left:580px;} .subMenuBox #menu_KAV{padding-left:670px;} /* 포인트 말풍선 bj 방송 */ #header_wrap .menu .menuBox .topMenuBox .icon_tipbj { height: 18px;line-height:18px; color: #FFFFFF;background: #cf148f; text-align:center; font-size:11px; display:block; -webkit-border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; position:absolute; top:0px; left: 50%; transform: translate(-50%, -50%);z-index:100} #header_wrap .menu .menuBox .topMenuBox .icon_tipbj span {display: block; bottom:0px; left: 50%; padding:0px 10px;} /* #header_wrap .menu .menuBox .topMenuBox .icon_tipbj span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #cf148f; border-right: 6px solid transparent;border-left: 6px solid transparent;} */ /* 포인트 말풍선 인기100 */ #header_wrap .menu .menuBox .topMenuBox .icon_tiphot { height: 18px;line-height:18px; color: #FFFFFF;background: #2b61c2; text-align:center; font-size:11px; display:block;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:absolute; top:-4px; left: 50%; transform: translate(-50%, -50%);z-index:200 } #header_wrap .menu .menuBox .topMenuBox .icon_tiphot span {display: block; bottom:0px; left: 50%; padding:0px 10px;} #header_wrap .menu .menuBox .topMenuBox .icon_tiphot span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #2b61c2; border-right: 6px solid transparent;border-left: 6px solid transparent;} /* 포인트 말풍선 레드 KAV */ #header_wrap .menu .menuBox .topMenuBox .icon_tipkav{ height: 18px;line-height:18px;margin:0 auto; color: #FFFFFF; background:#f00e0e; text-align:center; font-size:11px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:absolute; top:-4px; left: 50%; transform: translate(-50%, -50%);z-index:100 } #header_wrap .menu .menuBox .topMenuBox .icon_tipkav span {display: block; bottom:0px; left: 50%; padding:0px 12px;} #header_wrap .menu .menuBox .topMenuBox .icon_tipkav span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #f00e0e; border-right: 6px solid transparent; border-left: 6px solid transparent;} /* 포인트 말풍선 레드 4글자 클라우드 */ #header_wrap .menu .menuBox .topMenuBox .icon_tiphotR4 { height: 18px;line-height:18px;margin:0 auto; color: #FFFFFF; background:#f00e0e; text-align:center; font-size:11px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:absolute; top:-4px; left: 50%; transform: translate(-50%, -50%);z-index:100} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotR4 span {display: block; bottom:0px; left: 50%; padding:0px 12px;} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotR4 span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #f00e0e; border-right: 6px solid transparent; border-left: 6px solid transparent;} /* 포인트 말풍선 블루 HOT 2글자 */ #header_wrap .menu .menuBox .topMenuBox .icon_tiphotB2 { height: 18px;line-height:18px; color: #FFFFFF;background: #2b61c2; text-align:center; font-size:11px; display:block;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:absolute; top:-4px; left: 50%; transform: translate(-50%, -50%);z-index:200} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotB2 span {display: block; bottom:0px; left: 50%; padding:0px 10px;word-break: keep-all;} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotB2 span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #2b61c2; border-right: 6px solid transparent;border-left: 6px solid transparent;} /* 포인트 말풍선 블루 3글자 #header_wrap .menu .menuBox .topMenuBox .icon_tiphotB3 { height: 18px;line-height:18px;margin:0 auto; color: #FFFFFF; background:#2b61c2; text-align:center; font-size:11px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;position:absolute; top:-12px; left:10px; z-index:100 } #header_wrap .menu .menuBox .topMenuBox .icon_tiphotB3 span {display: block; bottom:0px; left: 50%; padding:0px 12px;} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotB3 span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #2b61c2; border-right: 6px solid transparent; border-left: 6px solid transparent;} */ /* 포인트 말풍선 인기100 레드 #header_wrap .menu .menuBox .topMenuBox .icon_tiphotR { height: 18px;line-height:18px; color: #FFFFFF;background: #f00e0e; text-align:center; font-size:11px; display:block;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:absolute; top:-12px; left:19px; z-index:100;} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotR span {display: block; bottom:0px; left: 50%; padding:0px 10px;} #header_wrap .menu .menuBox .topMenuBox .icon_tiphotR span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #f00e0e; border-right: 6px solid transparent;border-left: 6px solid transparent;} */ /* 포인트 말풍선 레드 ASMR #header_wrap .menu .menuBox .topMenuBox .icon_tipasmr { height: 18px;line-height:18px;margin:0 auto; color: #FFFFFF; background:#f00e0e; text-align:center; font-size:11px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;position:absolute; top:-12px; left:15px; z-index:100 } #header_wrap .menu .menuBox .topMenuBox .icon_tipasmr span {display: block; bottom:0px; left: 50%; padding:0px 12px;} #header_wrap .menu .menuBox .topMenuBox .icon_tipasmr span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #f00e0e; border-right: 6px solid transparent; border-left: 6px solid transparent;} */ /*메뉴 - 서브*/ #header_wrap .menu .menuBox .subMenuBox {clear:both;float:left;width:1040px;height:30px; line-height:30px; vertical-align:middle} .subMenuBox div {display:block;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .subMenuBox div a {display:inline-block;padding-left:17px;color:#fff;font-size:13px; background:url(//ximage.sharebox.co.kr/images/icon/line2.gif) no-repeat 5px 10px;} .subMenuBox div a.first {padding-left:11px;background:url('');} .subMenuBox div .ic_new { width:12px; height:12px; display: inline-block; text-align:center; margin-right:3px; background:url(//ximage.sharebox.co.kr/images/icon/icon_new.png) no-repeat; background-size:12px 12px} /*### 본문-왼쪽 */ /*로그인 sns 250px*/ #contents_wrap .left_wrap .login_wrap {width:240px; height:250px;border:1px solid #dddddd; background-color:#f8f8f8; } .login_wrap table {width:180px; margin:0 auto;background-color:#f8f8f8; } .login_wrap table span { font-size:11px; letter-spacing:-1px;color:#666;cursor:pointer} .login_wrap table span:hover { color:#000} .login_wrap .login_m {width:80%; height:20px; line-height:20px; margin:0 auto; margin-top:10px;margin-bottom:10px;} .login_wrap .login_m li {list-style:none;float:left; font-size:12px; letter-spacing:0px;color:#666;} .login_wrap .login_m .login_idsave {height:15px; line-height:15px; text-align:left; } .login_wrap .login_m .login_find {float:right; height:15px; line-height:15px; text-align:right;letter-spacing:-.5px;} .login_wrap .login_m .login_ck {width:13px; height:13px;margin:0 auto;} /*### 본문-sns 로그인 */ .login_wrap .sns_log { width:100%; margin:0 auto;} .login_wrap .sns_log h1{height:15px; line-height:15px; font-size:11px;text-align:center; color:#717784;font-weight:400;} .login_wrap .sns_log ul { padding:0px; display:block; text-align:center} .login_wrap .sns_log li {width: 40%;list-style: none;display: inline-block;padding: 2px 6px;margin: 0 1px;cursor: pointer;} .login_wrap .sns_log li span{ height:25px; line-height:25px;font-size:11px; padding-left:23px;vertical-align: middle;} .login_wrap .sns_log .sns_kakao { background:url(//ximage.sharebox.co.kr/images/icon/sns_kaka.png) no-repeat 15px 5px #fae100;color: #333;display: inline-block; border: #d9c513 1px solid;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .login_wrap .sns_log .sns_naver { background:url(//ximage.sharebox.co.kr/images/icon/sns_naver.png) no-repeat 6px 8px #03cf5c; background-size:15px ;color:#FFF ;display:inline-block; border:#10ba5a 1px solid;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;} .login_wrap .sns_log .sns_google { background:url(//ximage.sharebox.co.kr/images/icon/sns_google.png) no-repeat 15px 5px #fff;color: #333;display: inline-block;border: #d2d2d2 1px solid;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;} .login_wrap .sns_log .sns_phad { background:url(//ximage.sharebox.co.kr/images/icon/sns_google.png) no-repeat 10px 8px #fff; background-size:15px ;color:#333;display:inline-block; border:#d2d2d2 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;} .login_wrap .sns_log .ad { background:url(//ximage.sharebox.co.kr/images/icon/icon_ad_cellphone_2.png) no-repeat 10px 8px #f4f7ee; background-size:15px ;color:#333;display:inline-block; border:#d2d2d2 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;} /* 제거예정 .login_box {width:195px; height:55px; position:relative; margin:0 auto; } .login_box li { list-style:none; } .login_box .input_login { clear:both;float:left;width:145px; height:28px; line-height:26px; background-color:#FFF; border:#CCC 1px solid; text-indent:5px} .login_box .input_login:focus { background-color:#f0f4e3; border:#81a412 1px solid } .login_box .input_pass { clear:both; float:left; width:145px;height:27px; line-height:26px; background-color:#FFF; border:#CCC 1px solid; text-indent:5px} .login_box .input_pass:focus { background-color:#f0f4e3; border:#81a412 1px solid } .login_box .btn_login { width:50px; height:55px; line-height:55px; position:absolute; top:0px; right:0px; background:url(../images/main/btn_login_bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:#6a6e74 1px solid; text-align:center; cursor:pointer } .login_box .btn_login_new { width:80px; height:27px; line-height:27px; position:absolute; top:27px; right:0px; background:url(../images/main/btn_login_bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:#6a6e74 1px solid; text-align:center; cursor:pointer } .login_box .login_select { float:right; width:80px; height:27px; line-height:26px; background-color:#FFF; border:#CCC 1px solid; } .login_tit_img { width:100%; height:50px; background:url(../images/main/main_tit_login.jpg) no-repeat; background-position:center;} .login_btn_join { width:195px; height:37px; margin:0 auto; background:url(../images/main/btn_main_join_new.jpg) no-repeat ; background-position:center;cursor:pointer;border:#194b8e 1px solid} .login_btn_join:hover{ width:195px; height:37px; margin:0 auto; background:url(../images/main/btn_main_join_new_on.jpg) no-repeat; background-position:center; cursor:pointer; border:#e1223b 1px solid} */ /*로그인후 .login_wrap_info .cur { cursor:pointer;} .login_wrap_info {width:100%; height:200px; border:1px solid #dddddd;background:#f8f8f8;} .login_wrap_info .login_info_tit {width:100%; height:35px; margin:0 auto;text-align:left; border-bottom:#ccc 1px solid; position:relative; } .login_wrap_info .login_info_tit li { list-style:none;} .login_wrap_info .login_info_tit .name {width:100%; float:left;list-style:none; width:auto; margin:0 auto; height:25px; line-height:25px; margin-top:7px; } .login_wrap_info .login_info_tit .name .mame_txt { float:left; width:140px;text-align:left; padding-left:10px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .login_wrap_info .login_info_tit .memo {width:auto;overflow:hidden; margin:0 auto; height:25px; line-height:25px; margin-top:7px; float:right; padding-right:8px; } .login_wrap_info .login_info_tit .memo .mame_txt2 { max-width:60px;text-align:right; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:12px;font-weight:400;} .login_wrap_info .login_info_tit .memo img { vertical-align:middle } /*로그인후 일반 .login_wrap_info .info_tb { width:100%;height:133px; margin:0 auto; background-color:#fff;border-bottom:#ccc 1px solid; padding-top:5px } .login_wrap_info .info_tb table {width:90%; margin:0 auto; } .login_wrap_info .info_tb table td {line-height:24px; font-size:12px } .login_wrap_info .info_tb table .td_le { font-weight:bold; text-align:left;} .login_wrap_info .info_tb table .td_ri { font-weight:bold; text-align:right } /*로그인후 판매자 .login_wrap_info .info_tb_seller { width:100%;margin:0 auto; background-color:#fff;border-bottom:#ccc 1px solid; padding-top:3px } .login_wrap_info .info_tb_seller table {width:90%; margin:0 auto; } .login_wrap_info .info_tb_seller table td {line-height:21px; font-size:12px; } .login_wrap_info .info_tb_seller table .td_le { font-weight:bold; text-align:left;} .login_wrap_info .info_tb_seller table .td_ri { font-weight:bold; text-align:right } .login_wrap_info .login_menu {width:100%;height:30px;margin:0 auto; text-align:center;display:table} .login_wrap_info .login_menu li{ list-style:none; color:#727987; line-height:29px; cursor:pointer; display:table-cell} .login_wrap_info .login_menu li:hover { background-color:#efefef} .login_wrap_info .login_menu .mymenu {text-align:center; height:29px; font-size:13px; border-right:#d9d9d9 1px solid } .login_wrap_info .login_menu .btn_logout {text-align:center; height:29px;color:#727987; } */ /* 제거예정 왼쪽메뉴 시작 #contents_wrap .left_wrap .left_banner {width:100%; height:auto; border:1px solid #dddddd;background:#ffffff; margin-top:5px; } #contents_wrap .left_wrap .left_banner li { list-style:none; cursor:pointer } #contents_wrap .left_wrap .left_banner li:hover { background-position:1px 1px ; background-position:center center;} #contents_wrap .left_wrap .left_banner li.bot_line {border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .btn_down { width:100%; height:45px; background:url(../images/main/main_left_menu_downN.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_attend { width:100%; height:50px; background:url(../images/main/main_left_menu_attend.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_500P { width:100%; height:50px; background:url(../images/main/main_left_menu_500P.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_ppk { width:100%; height:50px; background:url(../images/main/main_left_menu_ppk.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } */ /* 제거예정 메인좌배너 #contents_wrap .left_wrap .left_banner .left_menu_sinhan { width:100%; height:50px; background:url(../images/main/main_left_menu_bo_1006.jpg) no-repeat; display:block;} #contents_wrap .left_wrap .left_banner .left_menu_sinhan3 { width:100%; height:50px; background:url(../images/main/main_left_menu_bo_3Pn.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_sinhan6 { width:100%; height:50px; background:url(../images/main/main_left_menu_bo_6Pn.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_sinhan9 { width:100%; height:50px; background:url(../images/main/main_left_menu_bo_9b.jpg) no-repeat; display:block;} #contents_wrap .left_wrap .left_banner .left_menu_cardpt { width:100%; height:50px; background:url(../images/main/main_left_menu_cardpt2_0507.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid;background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_cardpt2 { width:100%; height:50px; background:url(../images/main/main_left_menu_cardpt2_2108.jpg) no-repeat; display:block;border-bottom:#dddddd 0px solid;background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_okcashbag { width:100%; height:50px; background:url(../images/main/main_left_menu_okcashbag2_0507.jpg) no-repeat; display:block;border-bottom:#dddddd 0px solid; background-position:center center;} */ /* 제거예정 회원별 충전배너 #contents_wrap .left_wrap .left_banner .left_m_normal { width:100%; height:101px; background:url(../images/main/main_left_m_normal2307.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_m_first { width:100%; height:101px; background:url(../images/main/main_left_m_first2307.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_m_flat { width:100%; height:101px; background:url(../images/main/main_left_m_flat2103.jpg?ver=1) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_m_charge { width:100%; height:101px; background:url(../images/main/main_left_m_charge2307_2.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_m_sleep { width:100%; height:101px; background:url(../images/main/main_left_m_sleep2307.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } */ /* 2023 리뉴용 회원별 충전배너*/ #contents_wrap .left_wrap .left_m_normal { width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_normal_2510.jpg) no-repeat; display:block; background-position:center center;cursor:pointer; border-radius: 5px; border: 1px solid #ddd;} #contents_wrap .left_wrap .left_m_first { width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_first_2510.jpg) no-repeat; display:block;background-position:center center;cursor:pointer; border-radius: 5px; border: 1px solid #ddd;} #contents_wrap .left_wrap .left_m_charge { width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_charge_2510.jpg) no-repeat; display:block;background-position:center center;cursor:pointer; border-radius: 5px; border: 1px solid #ddd;} #contents_wrap .left_wrap .left_m_sleep { width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_sleep_2510.jpg) no-repeat; display:block;cursor:pointer ; border-radius: 5px; border: 1px solid #ddd; } #contents_wrap .left_wrap .left_m_app{ width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_rig_cb02.jpg) no-repeat; display:block; background-position:center center;cursor:pointer } #contents_wrap .left_wrap .left_m_asp{ width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_rig_randommart_n.png) no-repeat; display:block; background-position:center center;cursor:pointer;border-radius: 5px; border: 1px solid #ddd; } #contents_wrap .left_wrap .left_m_folder{ width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_rig_folder.jpg) no-repeat; display:block; background-position:center center;cursor:pointer; border-radius: 5px; border: 1px solid #dce2f4;} /* 2507 깜짝 충전소 */ #contents_wrap .left_wrap .left_m_evt2507 {width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/left_m_evt2507.png) no-repeat 0px 0; display:block; border-radius: 4px; border: #ddd 1px solid;cursor: pointer;} /* 2409 추석 이벤트 충전소 */ #contents_wrap .left_wrap .left_m_evt2409 {width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_chu2409_re.jpg) no-repeat 0px 0; display:block; border-radius: 4px; border: #ddd 1px solid;cursor: pointer;} /* 2412 특가충전소 */ #contents_wrap .left_wrap .left_m_evt2412 {width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_evt241225.jpg) no-repeat 0px 0; display:block; border-radius: 4px; border: #ddd 1px solid;cursor: pointer;} /* 2501 구정 이벤트 충전소 */ #contents_wrap .left_wrap .left_m_evt2501 {width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_sul2501.jpg) no-repeat 0px 0; display:block; border-radius: 4px; border: #ddd 1px solid;cursor: pointer;} /* 2509 추석 이벤트 충전소 */ #contents_wrap .left_wrap .left_m_evt2509 {width:100%; height:77px; background:url(//ximage.sharebox.co.kr/images/banner/banner_chg_chu2509_ex.jpg) no-repeat 0px 0; display:block; border-radius: 4px; border: #ddd 1px solid;cursor: pointer;} /* 제거예정 #contents_wrap .left_wrap .left_banner .left_m_evt1802 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_1802.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1804 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_1804.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1806 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_180622n.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1812 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_1812.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1902 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_1902.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1903 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_1903.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1907 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_1907.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1909 { width:100%; height:101px; background:url(../images/main/main_left_m_chu2019_sh.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1911 { width:100%; height:101px; background:url(../images/main/main_left_m_charge1911_n.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1912 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_xmas2019.gif) no-repeat -2px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2001 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_new2020.gif) no-repeat -2px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2005 { width:100%; height:101px; background:url(../images/main/main_left_m_gift2005.gif) no-repeat -2px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2005:hover { width:100%; height:101px; background:url(../images/main/main_left_m_gift2005_over.gif) no-repeat -2px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2007 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_summer2007.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2009 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_chusuk202009.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2101 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_new2021.gif) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2104 { width:100%; height:101px; background:url(../images/main/main_left_m_charge2104.gif) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2105 { width:100%; height:101px; background:url(../images/main/main_left_m_charge2105.gif) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2106 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_sum2021.gif) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2107 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_sum2021n.gif) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2109 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_chu2021.gif) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2112 { width:100%; height:101px; background:url(../images/main/main_left_m_normal2112.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2201 { width:100%; height:101px; background:url(../images/main/main_left_m_new2022.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2205 { width:100%; height:101px; background:url(../images/main/main_left_m_ev220527n.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2209 { width:100%; height:101px; background:url(../images/main/left_m_evt2209.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2210 { width:100%; height:101px; background:url(../images/main/main_left_m_ev221020.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2212 { width:100%; height:101px; background:url(../images/main/main_left_m_evt202212.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt2301 { width:100%; height:101px; background:url(../images/main/main_left_m_ev2301.jpg) no-repeat 0px 0; display:block; border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_charge { width:100%; height:50px; background:url(../images/main/main_left_menu_charge.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid;background-position:center center; } #contents_wrap .left_wrap .left_banner .left_menu_flat { width:100%; height:50px; background:url(../images/main/main_left_menu_flat_0507.jpg) no-repeat; display:block; border-bottom:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_free { width:100%; height:50px; background:url(../images/main/main_left_menu_free.jpg) no-repeat; display:block;border-bottom:#dddddd 0px solid; background-position:center center;} #contents_wrap .left_wrap .left_banner .left_menu_adt { width:100%; height:54px; background:url(../images/main/banner_main_left_adtN.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid;border-top:#dddddd 1px solid; background-position:center center;} #contents_wrap .left_wrap .left_menu_bot { width:100%; height:55px; background:url(../images/main/banner_main_left_bot1810.jpg) no-repeat; background-position:center;display:block; } #contents_wrap .left_wrap .noti { clear:both; width:100%; height:120px; background:#ffffff; border-top:#dddddd 1px solid;} #contents_wrap .left_wrap .noti li { list-style:none; height:35px; } #contents_wrap .left_wrap .noti .noti_le { width:50%; float:left; height:35px; line-height:35px; border-right:#ddd 1px solid; text-align:center; font-weight:bold;border-bottom:#ffffff 1px solid; } #contents_wrap .left_wrap .noti .noti_ri { background-color:#f9f9f9; width:49.7%; float:right; height:35px; line-height:35px; text-align:center; color:#999;border-bottom:#dddddd 1px solid;} #contents_wrap .left_wrap .noti .noti_list {clear:both; width:200px; margin:0 auto; text-align:left;height:25px; line-height:25px; font-size:13px; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-top:3px; } /* background-position:top; li_ margin-top:135px; 토일공휴일1:1문의만 이미지 main_cs_img_151123.jpg / #contents_wrap .left_wrap .cs_center { width:100%; height:170px; background:url(../images/main/main_cs_img_0507.jpg) no-repeat 0px 5px; border-bottom:#dddddd 1px solid;background-position:top center; } #contents_wrap .left_wrap .cs_center li {list-style:none; display:inline-block; background-color:#C33; margin-top:140px; } #contents_wrap .left_wrap .cs_center .btn_1to1 { width:43%; height:22px; line-height:22px; background-color:#fff; border:#ccc 1px solid;margin-right:5px;font-size:13px;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } #contents_wrap .left_wrap .cs_center .btn_1to1:hover { width:43%; height:22px; line-height:22px; background-color:#444444; color:#fff; border:#444444 1px solid;margin-right:5px; } #contents_wrap .left_wrap .cs_center .btn_one {width:43%; height:22px; line-height:22px; background-color:#fff;border:#ccc 1px solid;font-size:13px;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } #contents_wrap .left_wrap .cs_center .btn_one:hover {width:43%; height:22px; line-height:22px; background-color:#444444;color:#fff; border:#444444 1px solid;} */ /*내정보 좌측 탭 메뉴*/ #contents_wrap .left_wrap .left_tab { width:100%; height:30px;margin-top:5px;background-color:#f9f9f9; border-top:#ddd 1px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid} #contents_wrap .left_wrap .left_tab li { list-style:none; float:left} /*좌측 단독 타이틀 */ #contents_wrap .left_wrap .left_tab_no { width:100%; height:30px; line-height:30px; margin-top:5px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid} #contents_wrap .left_wrap .left_tab_no span {text-align:center; font-weight:bold; font-size:13px ; color:#6d8c0e; } #contents_wrap .left_wrap .left_tab .tab_mem { width:50%; height:29px; line-height:29px;display:block; border-right: 1px #CCC solid ; border-bottom:#ddd 1px solid; } #contents_wrap .left_wrap .left_tab .tab_mem:hover { height:29px; line-height:29px;display:block;background-color:#fff; border-right: 1px #CCC solid; border-bottom:#fff 1px solid; } #contents_wrap .left_wrap .left_tab .tab_mem.on1 {height:29px; line-height:29px;display:block; background-color:#fff; border-right: 1px #CCC solid;border-bottom:#fff 1px solid; } #contents_wrap .left_wrap .left_tab .tab_seller { width:50%; height:29px; line-height:29px;display:block; border-bottom:#ddd 1px solid; } #contents_wrap .left_wrap .left_tab .tab_seller:hover { height:29px; line-height:29px;display:block; background-color:#fff; border-bottom:#fff 1px solid; } #contents_wrap .left_wrap .left_tab .tab_seller.on2 { height:29px; line-height:29px; display:block;background-color:#fff; border-bottom:#fff 1px solid;;border-right:#fff 1px solid;} #contents_wrap .left_wrap .left_mypage {clear:both; width:100%; background:#ffffff;border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid; padding-top:10px;} #contents_wrap .left_wrap .left_mypage ul { width:85%;margin:0 auto;margin-bottom:10px;} #contents_wrap .left_wrap .left_mypage li { display:block; } #contents_wrap .left_wrap .left_mypage .my_menu { text-align:left; line-height:30px; height:30px; font-weight:bold; font-size:14px ; border-bottom:#ccc 1px dotted; margin-bottom:10px; margin-top:1px; background:url(//ximage.sharebox.co.kr/images/icon/icon_list.gif) no-repeat 0px 3px; background-position:left; padding-left:15px;} #contents_wrap .left_wrap .left_mypage .my_menu_list { text-align:left; line-height:25px; height:25px; font-size:13px; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer } #contents_wrap .left_wrap .left_mypage .my_menu_list .icon_new { text-align:center; line-height:25px; height:25px; font-size:.8em;background:#f40a0a; color:#ffffff; padding:1px 3px; font-weight:bold; letter-spacing:-.5px;} #contents_wrap .left_wrap .left_mypage .pton {font-weight:bold; background:#fff3f3; } /*우 메뉴 카테고리 top 10 */ #contents_wrap .left_wrap .left_myrank {clear:both; width:100%; background:#ffffff;border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-top:#ddd 1px solid; padding-top:10px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} #contents_wrap .left_wrap .left_myrank h1{ font-size:1.1rem; color:#000 ;border-bottom:#e2e2e2 1px solid; font-weight: bold; letter-spacing: -1px;text-align:left; padding:5px 0px 5px 15px; box-sizing:border-box; position:relative; } #contents_wrap .left_wrap .left_myrank h1 span{color:#419423 ; } #contents_wrap .left_wrap .left_myrank ul { width:100%;margin:0 auto; padding:10px;} #contents_wrap .left_wrap .left_myrank li { display:block; text-align:left; } #contents_wrap .left_wrap .left_myrank .left_myrank_tit { text-align:left; line-height:30px; height:30px; font-weight:bold; font-size:14px ; border-bottom:#ccc 1px dotted; margin-bottom:10px; margin-top:1px; background:url(//ximage.sharebox.co.kr/images/icon/icon_list.gif) no-repeat 0px 3px; background-position:left; padding-left:15px;} #contents_wrap .left_wrap .left_myrank .my_menu_list { text-align:left; line-height:25px; height:25px; font-size:13px; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer } #contents_wrap .left_wrap .left_myrank .my_menu_list .icon_new { text-align:center; line-height:25px; height:25px; font-size:.8em;background:#f40a0a; color:#ffffff; padding:1px 3px; font-weight:bold; letter-spacing:-.5px;} #contents_wrap .left_wrap .left_myrank .pton {font-weight:bold; background:#fff3f3; } /*우 메뉴 판매자top 10 */ #contents_wrap .left_wrap .left_myfriend .myfri_list { text-align:left; padding:2px 0px;font-size:13px; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer } #contents_wrap .left_wrap .left_myfriend .myfri_list:last-child { border-bottom:#ddd 0px solid;} #contents_wrap .left_wrap .left_myfriend .myfri_list span { width:50px; float:right ; display:inline-block;padding:0 5px; text-align:center; } #contents_wrap .left_wrap .left_myfriend .my_menu_list .icon_new { text-align:center; line-height:25px; height:25px; font-size:.8em;background:#f40a0a; color:#ffffff; padding:1px 3px; font-weight:bold; letter-spacing:-.5px;} #contents_wrap .left_wrap .left_myfriend .pton {font-weight:bold; background:#fff3f3; } #contents_wrap .rank_nom1 {width:15px;line-height:20px; height:20px; background:url(//ximage.sharebox.co.kr/images/icon/icon_mno1.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom2 {width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno2.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px; } #contents_wrap .rank_nom3{ width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno3.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom4 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno4.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom5 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno5.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom6 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno6.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom7 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno7.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom8 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno8.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom9 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno9.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} #contents_wrap .rank_nom10 { width:15px;line-height:20px; height:20px;background:url(//ximage.sharebox.co.kr/images/icon/icon_mno10.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} /*좌 메뉴 친구관리 */ #contents_wrap .left_wrap .left_myfriend {display:block; width:100%; padding:10px; border:#ddd 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; } #contents_wrap .left_wrap .left_myfriend ul {clear:both; padding:5px;} #contents_wrap .left_wrap .left_myfriend .title { display:block; line-height:35px; height:35px; border-bottom:#ddd 1px dotted; position:relative; } #contents_wrap .left_wrap .left_myfriend .title .menuL { float:left; text-align:left; font-weight:bold; padding:0px 10px 5px 5px ;font-size:13px ; position:relative; font-size:14px ; letter-spacing:-.5px;} #contents_wrap .left_wrap .left_myfriend .title .menuR { float:right} /* 좌측 친구관리 탭 메뉴*/ #contents_wrap .left_wrap .left_myfriend .left_friend_tab {line-height:20px; height:20px; margin-top:5px;display:inline-block; } #contents_wrap .left_wrap .left_myfriend .left_friend_tab li {display:inline-block; padding:0 10px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#888888; cursor:pointer ; font-size:12px ; -webkit-border-radius:30px; -moz-border-radius: 30px; border-radius:30px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} #contents_wrap .left_wrap .left_myfriend .left_friend_tab li:hover { border:#333 1px solid; border-bottom:none; background-color:#333; color:#fff; } #contents_wrap .left_wrap .left_myfriend .left_friend_tab li.on { border:#ff0000 1px solid; border-bottom:none; background-color:#ee2547; color:#fff; } #contents_wrap .left_wrap .my_friend_no { clear:both; width:100%; line-height:30px; height:30px; font-weight:bold; font-size:13px ; text-align:left; background:url(//ximage.sharebox.co.kr/images/icon/icon_list.gif) no-repeat 10px 8px;padding-left:25px;background-color:#f9f9f9;border-top:#ddd 1px solid; border-left:#ddd 1px solid;border-right:#ddd 1px solid; } #contents_wrap .left_wrap .my_friend_rank { clear:both; width:100%; line-height:30px; height:30px; font-weight:bold; font-size:13px ; text-align:left; background:url(//ximage.sharebox.co.kr/images/icon/icon_list.gif) no-repeat 10px 8px;padding-left:25px;background-color:#f9f9f9;border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;border-right:#ddd 1px solid; } #contents_wrap .left_wrap .left_myfriend .myf_option { padding-top:5px; font-weight:bold; font-size:14px ; text-align:left; vertical-align:middle;background:#f9f9f9; border-bottom:#999 1px dotted; margin-bottom:10px; } #contents_wrap .left_wrap .left_myfriend .my_friend_mag { text-align:left; line-height:18px; vertical-align: middle; font-size:11px; margin-left:5px; color:#666} #contents_wrap .left_wrap .left_myfriend .my_friend_list { text-align:left;vertical-align: middle; line-height:30px; height:30px;font-size:13px;} #contents_wrap .left_wrap .left_myfriend .my_friend_list img { vertical-align: middle; margin-top:0px; } #contents_wrap .left_wrap .left_myfriend .pton {font-weight:bold; background:#fff3f3; } #contents_wrap .left_wrap .left_myfriend .btn_mfsu {width:auto; text-align:center; font-size:11px;background:#fff; color:#666;border:1px #cccccc solid; cursor:pointer ; line-height:15px; height:15px; padding:2px 2px 0px 2px; margin-top:5px; letter-spacing:-.5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:right } #contents_wrap .left_wrap .left_myfriend .mf_name { max-width:90px;text-align:left; vertical-align: middle; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; display:inline-block;cursor:pointer} /*좌 메뉴 배너타입 레이아웃 */ #contents_wrap .left_wrap .left_mypage_evt {clear:both; width:100%; background:#ffffff;border-bottom:#ddd 0px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid;border-bottom:#f9f9f9 1px solid; position:relative;} #contents_wrap .left_wrap .left_mypage_evt ul { width:100%;margin-left:0px; } #contents_wrap .left_wrap .left_mypage_evt li {width:100%; height:71px; display:block; line-height:71px; overflow:hidden } #contents_wrap .left_wrap .left_mypage_evtR {clear:both; width:100%; background:#ffffff; border:#e2e2e2 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; } #contents_wrap .left_wrap .left_mypage_evtR ul { width:100%; padding:3px 0px} #contents_wrap .left_wrap .left_mypage_evtR li {width:100%; display:block; padding:15px 5px; text-align:left; cursor:pointer; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; border-bottom:#eeeeee 1px solid; } #contents_wrap .left_wrap .left_mypage_evtR li:last-child { border-bottom:#eeeeee 0px solid; } #contents_wrap .left_wrap .left_mypage_evtR dl { display:block; padding-left:15px; color:#413d3d;} #contents_wrap .left_wrap .left_mypage_evtR dl dt { font-size:1rem;display:block;font-family: 'NotoSansB','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;letter-spacing:-.4px; } #contents_wrap .left_wrap .left_mypage_evtR dl dd { font-size:.8rem;display:block;} #contents_wrap .left_wrap .left_mypage_evtR .ft_bb{color:#413d3d} #contents_wrap .left_wrap .left_mypage_evtR .ft_gre{color:#999999} #contents_wrap .left_wrap .left_mypage_evtR .ft_b{color:#2a6bc0} #contents_wrap .left_wrap .left_mypage_evtR .ft_p{color:#e10f87} #contents_wrap .left_wrap .left_mypage_evtR .ft_gr{color:#08872f} #contents_wrap .left_wrap .left_mypage_evtR .bold{ font-weight:bold; } #contents_wrap .left_wrap .left_mypage .my_menu_toon { text-align:left; line-height:20px; height:20px; font-weight:bold; font-size:13px ; border-bottom:#999 1px dotted; margin-bottom:15px;margin-top:10px; background:url(//ximage.sharebox.co.kr/images/icon/icon_list.gif) no-repeat 0px 3px; padding-left:15px;} #contents_wrap .left_wrap .left_mypage .my_menu_list_toon { width:100%; text-align:left; line-height:20px; height:85px; font-size:11px; margin-left:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer} #contents_wrap .left_wrap .left_mypage .my_menu_list_toon .toon_img { float:left; width:60px; height:80px; text-align:left; } #contents_wrap .left_wrap .left_mypage .my_menu_list_toon .toon_txt1 { float:left; width:130px; text-align:left;line-height:18px; letter-spacing:-.5px; font-size:13px; margin-left:5px; word-wrap:break-all; margin-top:5px; white-space: normal;} #contents_wrap .left_wrap .left_mypage .my_menu_list_toon .toon_txt2 { float:left; width:130px;text-align:left; line-height:20px; height:20px; color:#666; letter-spacing:-.5px; font-size:11px; margin-left:5px; margin-top:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #contents_wrap .leftbanner_toon {clear:both; width:100%; height:auto; background:#fff; border:#ddd 1px solid; margin-top:5px; cursor:pointer; } /*본문시작*/ /* 리뉴2023 메인배너*/ .banner_main { clear:both; width:1045px; height:200px; margin:0 auto; margin-bottom:5px; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; position:relative} .banner_main .banner_main_img { width:100%; height:200px; background-color:#ffffff; position:relative; z-index:100} .banner_main .banner_main_img img {width:100%;height:200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .banner_main .main_btn_left {width:35px; height:60px; text-align:left; padding-left: 0px;position:absolute; top:70px; left:10px;z-index:150; box-sizing: border-box; cursor:pointer} .banner_main .main_btn_right { width:35px; height:60px; text-align:right; padding-right: 0px; position:absolute; top:70px; right:10px;z-index:150; box-sizing: border-box;cursor:pointer} .banner_main .main_btn_left span { height:60px; background:url(//ximage.sharebox.co.kr/images/btn/bnt_arrowsL.png) no-repeat ; background-size:25px;background-position:left center ;display:block;} .banner_main .main_btn_right span { height:60px; background:url(//ximage.sharebox.co.kr/images/btn/bnt_arrowsR.png) no-repeat ; background-size:25px;background-position:right center ;display:block;} .banner_main .main_over_menu { width:190px; height:200px; background-color: rgba(0, 0, 0, 0.4); position:absolute; right:47px; top:0px; z-index:150} .banner_main .main_over_menu li { list-style:none;display:block; height:20px; cursor:pointer; letter-spacing:-.5px;} .banner_main .main_over_menu .title { width:90%; margin:0 auto; height:30px; line-height:30px; margin-top:12px; vertical-align:middle;text-align:left;color:#FFF; font-size:15px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:500; } .banner_main .main_over_menu .line3 { width:100%; height:7px; display:block;background:url(//ximage.sharebox.co.kr/images/icon/line3.png) repeat-x; background-position:top; } .banner_main .main_over_menu .event_list { background:url(//ximage.sharebox.co.kr/images/icon/icon_jum.png) no-repeat 0px 10px; width:160px; padding-left:15px; margin:0 auto; height:23px; line-height:23px; vertical-align:middle; text-align:left; color:#f9f9f9; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;font-size:13px; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .banner_main .main_over_menu .event_list:hover { color:#FF0; font-weight:400;} .banner_main .main_over_menu .event_list.on{ color:#FF0; font-weight:400;} /* 2023 리뉴 mid nav*/ .mid_nav{ width: 1045px; margin-top: 10px; display: block; margin: 0 auto; box-sizing: border-box; margin-top: 10px; text-align: center; background-color: #fff; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .mid_nav ul{ padding:10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-justify-content: space-around; -ms-flex-pack: center; justify-content: space-around; } .mid_nav li { text-align: center; box-sizing: border-box; cursor: pointer;} .mid_nav li p{ text-align: center; display: block; margin: 0 auto;} .mid_nav li .ic_pt { width: 6px; height: 6px; display: block; opacity:.8; position: absolute; top:-1px; right: 0px; background-color: #ff0015; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px; } .mid_nav li .mid_txt{ display: block; position: relative; font-size:0.882rem; letter-spacing: -0px; padding:0 6px; font-family:'NotoSansR', sans-serif;font-weight: 400;} .mid_nav li:hover > .mid_txt span { width: 100%; padding:4px 0px; background-color: rgba(255, 68, 68, 0.4); position: absolute; bottom:0px; right: 0px; z-index: 100; border-radius:1px;} .mid_nav li:hover > p{ text-align: center; display: block; margin: 0 auto; } .mid_nav li:hover > .mid_txt{ color: #000; font-weight: 500; } .mid_nav li:hover > .sh_icon {opacity:1;} .sh_icon { width:27px; height: 22px; padding:5px 10px;} .sh_icon.ic01 {background: url(//ximage.sharebox.co.kr/images/icon/mid_ic01.svg) no-repeat ;background-position: center center; border-radius:100px;background-size:1.4rem} .sh_icon.ic02 {background: url(//ximage.sharebox.co.kr/images/icon/mid_ic02.svg) no-repeat ; background-position: center center; border-radius:100px;background-size:1.5rem} .sh_icon.ic03 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic03.svg) no-repeat ; background-position: center center;border-radius:100px;background-size:1.5rem} .sh_icon.ic04 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic04.svg) no-repeat ;background-position: center center; border-radius:100px;background-size:1.6rem} .sh_icon.ic05 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic05.svg) no-repeat ; background-position: center center;border-radius:100px;background-size:1.6rem} .sh_icon.ic06 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic06.svg) no-repeat ; background-position: center center;border-radius:100px;background-size:1.5rem} .sh_icon.ic07 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic07.svg) no-repeat ; background-position: center center;border-radius:100px;background-size:1.5rem} .sh_icon.ic08 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic08.svg) no-repeat ;background-position: center center; border-radius:100px;background-size:1.5rem} .sh_icon.ic09 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic09.svg) no-repeat ; background-position: center center;border-radius:100px;background-size:1.5rem} .sh_icon.ic10 { background: url(//ximage.sharebox.co.kr/images/icon/mid_ic10.svg) no-repeat; background-position: center center;border-radius:100px;background-size:1.5rem} .mid_nav li:hover > .rotate-center{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both} @-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} /* 2023 리뉴 mid nav 2024 */ .mid_nav2{ width: 1045px; margin-top: 10px; display: block; margin: 0 auto; box-sizing: border-box; margin-top: 10px; text-align: center; background-color: #fff; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .mid_nav2 ul{ padding:10px 0; display: flex; justify-content: space-evenly; } .mid_nav2 li { text-align: center; box-sizing: border-box; cursor: pointer; list-style:none} .mid_nav2 li p{ text-align: center; display: block; margin: 0 auto;} .mid_nav2 li .ic_pt { width: 6px; height: 6px; display: block; opacity:.8; position: absolute; top:-1px; right: 0px; background-color: #ff0015; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px; } .mid_nav2 li .mid_txt{ display: block; position: relative; font-size:0.882rem; letter-spacing: -0px; padding:0 6px; font-family:'NotoSansR', sans-serif;font-weight: 400;} .mid_nav2 li:hover > .mid_txt span { width: 100%; padding:4px 0px; background-color: rgba(255, 68, 68, 0.4); position: absolute; bottom:0px; right: 0px; z-index: 100; border-radius:1px;} .mid_nav2 li:hover > p{ text-align: center; display: block; margin: 0 auto; } .mid_nav2 li:hover > .mid_txt{ color: #000; font-weight: 500; } .mid_nav2 li:hover > .sh_icon {opacity:1;} .sh_icon2 { width:27px; height: 22px; padding:5px 10px;} .sh_icon2.ic01 img {width: 1.5rem } .sh_icon2.ic02 img {width: 1.6rem } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } #contents_wrap .center_wrap .center_left .banner_coupon { width:100%; height:44px; margin:0 auto;background:url(../images/main/banner_main_coupon.jpg) no-repeat; } /*컨텐츠타이틀 박스 공통 .center_left .ctn_box {width:100%; margin:0 auto;border:1px solid #dddddd;background:#ffffff; margin-top:5px; } .center_left .ctn_box .ctn_tit {width:100%; height:35px; border-bottom:1px solid #dddddd; background-color:#f8f8f8;} .center_left .ctn_box .ctn_tit .ctn_tit_le1{ float:left; width:190px; height:35px; background:url(../images/main/tit_hotmov.jpg) no-repeat 5px 10px } .center_left .ctn_box .ctn_tit .ctn_tit_le2{ float:left; width:190px; height:35px; background:url(../images/main/tit_tv.jpg) no-repeat 5px 10px } .center_left .ctn_box .ctn_tit .ctn_tit_le3{ float:left; width:190px; height:35px; background:url(../images/main/tit_downbest_0927.jpg) no-repeat 5px 10px } .center_left .ctn_box .ctn_tit .ctn_tit_rig { float:right;margin-right:10px; cursor:pointer; } .center_left .ctn_box .ctn_tit .ctn_tit_rig li {float:left;list-style:none;margin-top:10px; font-size:13px } .center_left .ctn_box .ctn_tit .ctn_tit_rig li:hover { color:#093} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m1 { padding:0px 8px;} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m2 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat; padding:0px 8px;background-position:left center} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m3 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat; padding:0px 8px;background-position:left center} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m4 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat; padding:0px 8px;background-position:left center} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m5 { background:url(//ximage.sharebox.co.kr/images/icon/line.gif) no-repeat; padding:0px 8px;background-position:left center} .center_left .ctn_box .ctn_txt { width:420px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left} */ /*최신자료 포스터 .center_left .ctn_box .ctn_hit { width:100%; margin:0 auto; height:171px; } .center_left .ctn_box .ctn_hit ul .ctn_hit_ul {width:100%; margin:0 auto;} .center_left .ctn_box .ctn_hit li { list-style:none; width:80px; text-align:center; height:114px; float:left; margin-left:15px; margin-top:10px; position: relative; } .center_left .ctn_box .ctn_hit .ct_evt {width:80px; height: 20px; line-height:20px; background:url(/images/bg_red80.png) repeat; position:absolute; bottom:0px; text-align: center;color:#ffffff; font-size:13px; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .center_left .ctn_box .ctn_hit p { width:80px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:13px; color:#666; font-weight:400; letter-spacing:-.1px; !important } .center_left .ctn_box .ctn_hit a{text-decoration:none;} .center_left .ctn_box .ctn_hit a:hover{text-decoration:none;} .center_left .ctn_box .ctn_hit a:active{text-decoration:none;} */ /*다운로드 베스트 .center_left .ctn_box .ctn_best { width:100%; margin:0 auto; height:174px; } .center_left .ctn_box .ctn_best ul { list-style:none; } .center_left .ctn_box .ctn_best table { width:98%; margin:0 auto;background:#fff; margin-top:10px; } .center_left .ctn_box .ctn_best table td { height:30px; line-height:30px; vertical-align:middle;font-size:13px} .center_left .ctn_box .ctn_best table .ctn_best_txt { width:400px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left} */ /*다운로드 뮤직 .center_left .ctn_box .ctn_music { width:98%; margin:0 auto; height:140px; margin-top:11px; background:#ffffff; } .center_left .ctn_box .ctn_music .music_img { float:left; width:120px; height:124px; background:url(../images/main/img_music_bg.jpg) no-repeat; background-position:top; padding-top:24px; margin-left:10px;} .center_left .ctn_box .ctn_music .music_tb { float:right;} .center_left .ctn_box .ctn_music table { width:425px; margin:0 auto; } .center_left .ctn_box .ctn_music table td { height:25px; line-height:25px; vertical-align:middle; font-size:11px} .center_left .ctn_box .ctn_music table .music_txt { width:275px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left} */ /*###중앙 우측 ### #contents_wrap .center_wrap .center_right .tv_table { width:200px; height:44px; background:url(../images/main/main_btn_onair.jpg) no-repeat; margin-bottom:5px; cursor:pointer} */ /*메인방송편성 안내 #contents_wrap .center_wrap .center_right .main_noti_tot { width:200px; height: 44px; background:url(../images/main/main_btn_onair_bg.gif) no-repeat; margin-bottom:5px; position:relative; } .main_noti{ width:95%; height: 20px; margin:0 auto; color: #000; margin:0 auto; transform:translate(0%,-50%); background-color:#FFF; overflow: hidden; position:relative; top:30px; border:#94ff00 0px solid ; } .main_noti .noti_line{ width:100%; text-transform: uppercase;} .main_noti .noti_line:first-child{ animation: anim 30s infinite;} .main_noti .noti_line li { list-style:none;height:20px; line-height:20px;text-align:left; font-size:13px; cursor:pointer; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; float:left } .main_noti .noti_line li span { padding-right:5px; border-right:#e2e2e2 1px solid} .main_noti .noti_line .noti_titL { text-align:left; padding:0px 5px; } .main_noti .noti_line .noti_titR {width:125px; padding-left:0px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } @keyframes anim { 0%{ margin-top:0; } 10%{ margin-top:-20px; } 20%{ margin-top:-40px;} 30%{ margin-top:-60px;} 40%{ margin-top:-80px; } 50%{ margin-top:-100px;} 60%{ margin-top:-120px;} 70%{ margin-top:-140px;} 80%{ margin-top:-160px;} 90%{ margin-top:-180px;} } #contents_wrap .center_wrap .center_right .hom_rig_tit1 {width:100%; height:35px; background:url(../images/main/tit_main_rig_01.jpg) no-repeat 5px 10px; text-align:right; border-bottom:#eeeeee 1px solid; padding-top:10px;padding-right:5px;} #contents_wrap .center_wrap .center_right .hom_rig_tit2 {width:100%; height:35px; background:url(../images/main/tit_main_rig_02.jpg) no-repeat 5px 10px; text-align:right; border-bottom:#eeeeee 1px solid; padding-top:10px;padding-right:5px} #contents_wrap .center_wrap .center_right .center_right_s {width:100%; height:auto; border:1px solid #dddddd; background:#ffffff; } .center_right_s li { list-style:none} .center_right_s li:hover { background-position:1px 1px } */ /*###우측배너_죄측 공용사용 ### .hom_rig_banner85 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh85.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .center_right_s .req_list { margin-top:5px;height:162px;} .center_right_s .req_list ul { width:100%; height:170px; margin:0 auto;} .center_right_s .req_list li { width:180px;list-style:none; height:23px; line-height:23px; display:block; margin-left:10px; position:relative; } .center_right_s .req_list .req_txt {width:125px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-size:13px; color:#666666; letter-spacing:-.5px; float:left; cursor:pointer;} .center_right_s .req_list .req_icon {width:44px;float:right; margin-right:5px;} .center_right_s .hom_rig_bot_banner {width:100%; height:60px; background:url(../images/main/banner_main_rig_bot.jpg) no-repeat;border-top:#eeeeee 1px solid;} .center_right_s .hom_rig_bot_banner_msg {width:100%; height:60px; background:url(../images/main/banner_main_rig_bot_msg.jpg) no-repeat;border-top:#eeeeee 1px solid;} .center_right_s .right_menu_bot2 { width:100%; height:57px; background:url(../images/main/banner_main_left_bot2.jpg) no-repeat; background-position:center;display:block;border-top:#eeeeee 1px solid;cursor:pointer; } */ /*### 마이페이지 ###*/ #contents_wrap .center_wrap .cs_mypage { width:795px; height:auto;vertical-align:top; } /* .cs_mypage .mypinfo_box { clear:both; width:100%; height:auto; text-align:center; margin:0 auto; background-color:#f0eee7; border:#ccc8b9 1px solid; background:url(../images/cs_center/cs_img_tit_01.gif) #f0eee7 no-repeat 20px 20px ;} .cs_mypage .mypinfo_box .info_tit_le { display:inline-block; width:120px; height:100%; } .cs_mypage .mypinfo_box .info_tit_le li { width:75px; height:auto; margin-top:40px; margin-left:20px; list-style:none;text-align:center} .cs_mypage .mypinfo_box .info_box { display:inline-block; width:660px; height:auto; margin-bottom:10px; background:#fff; border:#cdc9ba 1px solid} .cs_mypage .mypinfo_box .info_box table { width:98%; margin:0 auto;margin-top:10px; } .cs_mypage .mypinfo_box .info_box table td { height:40px;vertical-align:middle; letter-spacing:0px; color:#666666; padding-left:5px;word-break:break-all } .cs_mypage .mypinfo_box .info_box .td_bot_line { border-bottom:#e0ddd4 1px solid;} .cs_mypage .mypinfo_box .info_tit { clear:both; width:auto; height:50px; text-align:left; padding-left:150px;position:relative; } .cs_mypage .mypinfo_box .info_tit li { list-style:none;color:#5f5b4d; letter-spacing:-.5px; line-height:50px; } .cs_mypage .mypinfo_box .info_tit .seller_mypage {width:150px; height:35px; line-height:35px;position:absolute; top:16px; right:5px; background-color:#d0cab5; border:#a5a08f 1px solid; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; color:#68581e;text-align:center;font-weight:500;cursor:pointer } .cs_mypage .mypinfo_box .info_tit .seller_mypage:hover { background-color:#ffffff; color:#000; border-top:#a5a08f 1px solid; border-left:#a5a08f 1px solid; border-right:#a5a08f 1px solid; border-bottom:#ffffff 1px solid; } .cs_mypage .mypinfo_box .info_tit .seller_mypage.on { background-color:#ffffff; color:#000; border-top:#a5a08f 1px solid; border-left:#a5a08f 1px solid; border-right:#a5a08f 1px solid; border-bottom:#ffffff 1px solid; } .cs_mypage .mypinfo_box .info_tit .mem_mypage {width:150px; height:35px; line-height:35px;position:absolute; top:16px; right:155px; background-color:#d0cab5; border:#a5a08f 1px solid; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; color:#68581e;text-align:center;font-weight:500; cursor:pointer } .cs_mypage .mypinfo_box .info_tit .mem_mypage:hover{ background-color:#ffffff; color:#000; border-top:#a5a08f 1px solid; border-left:#a5a08f 1px solid; border-right:#a5a08f 1px solid; border-bottom:#ffffff 1px solid; } .cs_mypage .mypinfo_box .info_tit .mem_mypage.on{ background-color:#ffffff; color:#000; border-top:#a5a08f 1px solid; border-left:#a5a08f 1px solid; border-right:#a5a08f 1px solid; border-bottom:#ffffff 1px solid; } */ /*###내정보 박스 리뉴 2308 ###*/ .csmain_wp { width: 795px; margin: 0 auto; position: relative; display: block; padding: 15px; background-color: #f9f9f9; border: 1px #dbdbdb solid;} .csmain_wp .csmain_tit { width: 100%; height: 60px; position: relative; text-align:left;} .csmain_wp .csmain_tit .tit { box-sizing: border-box; display: inline-block; font-size: .8rem; color:#555555 ; font-weight: 200; letter-spacing: 0px; font-family:'Noto Sans CJK KR' ; } .csmain_wp .csmain_tit .tit .tit_name { padding:0; font-size:1.8rem; color:#181818 ; letter-spacing: -2px; font-weight: bold; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; display: inline-block; padding-right: 10px; } .csmain_wp .csmain_tit .tit span{ font-weight: 400; color: rgb(26, 26, 26); font-size: 1rem; padding-right: 5px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .csmain_wp .csmain_tit .menu_teb{ height:50px; position: absolute; top:11px; right: 0px; } .csmain_wp .csmain_tit .menu_teb li { background-color: #f1f0f0; height: 50px; line-height:50px;display: inline-block; font-size:.8rem; padding: 0 20px;letter-spacing: 0px; font-weight:500; border-top:1px #dbdbdb solid;border-left:1px #dbdbdb solid;border-right:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; cursor: pointer; } .csmain_wp .csmain_tit .menu_teb li:hover { background-color: #fff; border-top:1px #dbdbdb solid;border-left:1px #dbdbdb solid;border-right:1px #dbdbdb solid; border-bottom:1px #fff solid; } .csmain_wp .csmain_tit .menu_teb li.on { background-color: #fff; border-top:1px #dbdbdb solid;border-left:1px #dbdbdb solid;border-right:1px #dbdbdb solid; border-bottom:1px #fff solid; } .csmain_wp .csmain_inner{ min-height:50px;background-color: #fff; padding:10px; display:block; border: 1px #dbdbdb solid;} .csmain_wp .csmain_inner .cbox{ padding-top:5px;} .csmain_wp .csmain_inner .cbox h1 { font-weight: 500; text-align: center; color:#3d5e0e; background-color: #eff4e9; letter-spacing:0px; font-size:13px; padding:3px 0px; border:1px #dfe6d5 solid; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .csmain_wp .csmain_inner .cbox .csmbox { width: 100%; color:#3d5e0e;box-sizing: border-box; display: inline-block; margin-right: 10px;position: relative; } .csmain_wp .csmain_inner .cbox .csmbox.w20 {width: 18%; } .csmain_wp .csmain_inner .cbox .csmbox.w25 {width: 25%; } .csmain_wp .csmain_inner .cbox .csmbox.w30 {width: 30%; } .csmain_wp .csmain_inner .cbox .csmbox.w28 {width: 28%; } .csmain_wp .csmain_inner .cbox .csmbox.w38 {width: 38%; } .csmain_wp .csmain_inner .cbox .csmbox.w32 {width: 32%; } .csmain_wp .csmain_inner .cbox .csmbox.w40 {width: 40%; } .csmain_wp .csmain_inner .cbox .csmbox.w45 {width: 45%; } .csmain_wp .csmain_inner .cbox .csmbox.w47 {width: 47%; } .csmain_wp .csmain_inner .cbox .csmbox.w50 {width: 50%; } .csmain_wp .csmain_inner .cbox .csmbox dd.full{ width:100%; min-width:auto ; text-align:right; } .csmain_wp .csmain_inner .cbox .csmbox dt { min-width:60px ; display: table-cell; text-align: left; letter-spacing:-1px; font-size:13px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight: 400; } .csmain_wp .csmain_inner .cbox .csmbox dd{ min-width:65px ; display: table-cell; padding-right:5px; font-size:13px; text-align:right; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .csmain_wp .csmain_inner .csmbox { width: 100%; box-sizing: border-box; display: inline-block; margin-right: 10px;position: relative; } .csmain_wp .csmain_inner .csmbox:last-child {margin-right: 0px;} .csmain_wp .csmain_inner .csmbox.w25 {width: 25%; } .csmain_wp .csmain_inner .csmbox.w26 {width: 26%; } .csmain_wp .csmain_inner .csmbox.w28 {width: 28%; } .csmain_wp .csmain_inner .csmbox.w30 {width: 30%; } .csmain_wp .csmain_inner .csmbox.w32 {width: 32%; } .csmain_wp .csmain_inner .csmbox.w35 {width: 35%; } .csmain_wp .csmain_inner .csmbox.w38 {width: 38%; } .csmain_wp .csmain_inner .csmbox.w40 {width: 40%; } .csmain_wp .csmain_inner .csmbox.w42 {width: 42%; } .csmain_wp .csmain_inner .csmbox.w48 {width: 48%; } .csmain_wp .csmain_inner .csmbox.full {clear: both; width: 90%; } .csmain_wp .csmain_inner .csmbox dl{ display: block; position: relative; border-bottom: 1px #dbdbdb solid; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; padding: 10px 0px; } .csmain_wp .csmain_inner .csmbox dl:last-child{ border-bottom: 0px #dbdbdb solid;} .csmain_wp .csmain_inner .csmbox dt { min-width:70px ; display: table-cell; text-align: left; letter-spacing:-1px; font-size:13px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight: 400; } .csmain_wp .csmain_inner .csmbox dt.full {width:90px ;} .csmain_wp .csmain_inner .csmbox dd{ min-width:70px ; display: table-cell; padding-right:5px; font-size:13px; text-align:right; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .csmain_wp .csmain_inner .csmbox dd .ddbtn {display: inline-block;} .csmain_wp .csmain_inner .csmbox dd.full{ width:100%; min-width:auto ; text-align:right; } .csmain_wp .csmain_inner .csmbox dd.fullL{ width:100%; min-width:auto ; text-align: left; } .csmain_wp .csmain_inner .csmbox .ic_tip { padding:2px 8px; text-align: center; font-size:.7rem; font-weight: bold; border-radius: 50px; letter-spacing: 0px; cursor: pointer; white-space:normal; margin:0px 0px;border: 1px #dbdbdb solid; background-color: #f9f9f9; color: #666; position: absolute; right: 0; top: 3px;} .csmain_wp .csmain_inner .csmbox .ic_tip:hover { background-color: #000; color: #fff; border: 1px #333 solid;position: absolute; right: 0; top: 3px;} .csmain_wp .csmain_inner .csmbox button{ max-width:90px ; padding:1px 5px; text-align: center; font-size:.68rem; border-radius: 3px; letter-spacing: 0px; cursor: pointer; white-space:normal; margin:0px 0px; font-size:.8rem; letter-spacing: -1px; } .csmain_wp .csmain_inner .csmbox button.type1{ position: absolute; right: 0; top: 8px;} .csmain_wp .csmain_inner .csmbox button.type2{ position: absolute; right: 80px; top: 8px;} .csmain_wp .csmain_inner .csmbox button.colR { background-color: #ea4335; border: 1px #e63a2b solid; color: #fff; } .csmain_wp .csmain_inner .csmbox button.colR:hover { background-color: #e13d2f; border: 1px #e13d2f solid; color:#fff ; } .csmain_wp .csmain_inner .csmbox button.colB { background-color: #fff; border: 1px #dbdbdb solid; color: #666; } .csmain_wp .csmain_inner .csmbox button.colB:hover { background-color: #383838; border: 1px #000 solid; color:#fff ; } .csmain_wp .csmain_inner .csmbox button.colG { background-color: #6eb115; border: 1px #6eb115 solid; color: #fff; } .csmain_wp .csmain_inner .csmbox button.colG:hover { background-color: #5e9c0c; border: 1px #5e9c0c solid; color:#fff ; } .csmain_wp .csmain_inner .csmbox button.colBB { background-color: #383838; border: 1px #383838 solid; color: #fff; } .csmain_wp .csmain_inner .csmbox button.colBB:hover { background-color: #000; border: 1px #000 solid; color:#fff ; } /*### 받은파일 평가하기 ###*/ .cs_tb_wrap .ctn_star_form { clear:both; width:100%;margin:0 auto; border:0px} .ctn_star { width:100%; height:150px; line-height:22px; vertical-align:middle; text-align:left; margin-top:15px; } .ctn_star .ctn_icon_L { float:left; width:145px; height:132px; text-align:right; } .ctn_star .ctn_ridio { float:left; width:20px; height:17px; vertical-align:middle; margin-left:15px;margin-right:5px; } .ctn_star .ctn_icon_L li { list-style:none; } .ctn_star .ctn_icon_L .icon_star { float:left; width:140px; height:22px; vertical-align:middle; text-align:left;} .ctn_star .ctn_icon_L .star_txt {float:right; width:50px; line-height:20px; text-align:right;vertical-align:middle; font-size:12px; color:#444444;padding-top:3px;} .ctn_star .ctn_icon_R { float:left; width:630px; height:132px; } .ctn_star .ctn_icon_R .ctn_textarea { float:left; width:500px; height:132px; background:#FFFFFF; border:#CCCCCC 1px solid; padding-top:15px; padding-left:15px; font-size:13px; line-height:22px; } .ctn_star .ctn_icon_R .ctn_starbtn {width:110px; float:left; text-align:right; } /*### 고객센터 리뉴 202308 ###*/ .csmid_nav_wp { width: 795px; margin: 0 auto; position: relative; display: block; padding-top:20px;} .csmid_nav_wp .csmid_tit {width: 100%; display:block;text-align: left; } .csmid_nav_wp .csmid_tit .title {display: inline-block;} .csmid_nav_wp .csmid_tit .title h1 {display: inline-block; font-size: .7rem; color:#555555 ; font-weight: 200; letter-spacing: 0px; font-family:'Noto Sans KR'; } .csmid_nav_wp .csmid_tit .title h1 span{ font-size: 2rem; color:#181818 ; letter-spacing: -2px; font-weight: bold; font-family:'Noto Sans KR'; padding-right: 20px; } .csmid_nav_wp .csmid_tit .btn{ position: absolute; top: 5px; right: 5px; height: 30px; line-height: 30px; padding:0px 20px; background-color:#515151; color:#fff; text-align: center; margin-top: 20px; font-weight: bold; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius:50px; display: inline-block; cursor: pointer; } .csmid_nav_wp .csmid_tit .btn:hover{ background-color:#6ba121; color:#fff; } .csmid_nav_wp .csmid_tit .btn2{ position: absolute; top: 5px; right: 115px; height: 30px; line-height: 30px; padding:0px 20px; background-color:#e2e2e2; color:#666; text-align: center; margin-top: 20px; font-weight: bold; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius:50px; display: inline-block; cursor: pointer; } .csmid_nav_wp .csmid_tit .btn2:hover{ background-color:#6ba121; color:#fff; } .csmid_nav_wp .csmid_nav{ clear:both; width: 100%; display: block; margin: 0 auto; padding-top:30px; padding-bottom:90px; box-sizing: border-box; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; background-color: #fff; } .csmid_nav ul{ padding: 0; display: flex; justify-content: space-evenly; } .csmid_nav li { width: 60px; height: 60px; list-style: none; cursor: pointer;} .csmid_nav li .csmid_bx { padding:15px 0; margin: 0 auto; text-align: center; background-color:#f1f0f0; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius:50px;} .csmid_nav li .csmid_txt { font-size: 0.825rem; font-family:'Noto Sans KR'; letter-spacing: -1px; color: #59624c;} .csmid_icon { background-image: url(//ximage.sharebox.co.kr/images/icon/shcs_iconn.png) ; margin: 0 auto; } .csmid_icon.ic01 { width:34px; height: 26px; background-position: 0px 0;} .csmid_icon.ic02 { width:34px; height: 26px; background-position: 0px -26px;} .csmid_icon.ic03 { width:34px; height: 26px; background-position: 0px -52px;} .csmid_icon.ic04 { width:34px; height: 26px; background-position: 0px -78px;} .csmid_icon.ic05 { width:34px; height: 26px; background-position: 0px -104px;} .csmid_icon.ic06 { width:34px; height: 26px; background-position: 0px -130px;} .csmid_icon.ic07 { width:34px; height: 26px; background-position: 0px -156px;} .csmid_icon.ic08 { width:34px; height: 26px; background-position: 0px -182px;} .csmid_icon.ic09 { width:34px; height: 26px; background-position: 0px -208px;} .csmid_icon.ic10 { width:34px; height: 26px; background-position: 0px -234px;} .csmid_icon.ic11 { width:34px; height: 26px; background-position: 0px -260px;} .csmid_nav li:hover { width: 60px; height: 60px; list-style: none; cursor: pointer;} .csmid_nav li:hover .csmid_bx { background-color:#8cc341;} .csmid_nav li:hover .ic01 { width:34px; height: 26px; background-position: -34px 0;} .csmid_nav li:hover .ic02 { width:34px; height: 26px; background-position: -34px -26px;} .csmid_nav li:hover .ic03 { width:34px; height: 26px; background-position: -34px -52px;} .csmid_nav li:hover .ic04 { width:34px; height: 26px; background-position: -34px -78px;} .csmid_nav li:hover .ic05 { width:34px; height: 26px; background-position: -34px -104px;} .csmid_nav li:hover .ic06 { width:34px; height: 26px; background-position: -34px -130px;} .csmid_nav li:hover .ic07 { width:34px; height: 26px; background-position: -34px -156px;} .csmid_nav li:hover .ic08 { width:34px; height: 26px; background-position: -34px -182px;} .csmid_nav li:hover .ic09 { width:34px; height: 26px; background-position: -34px -208px;} .csmid_nav li:hover .ic10 { width:34px; height: 26px; background-position: -34px -234px;} .csmid_nav li:hover .ic11 { width:34px; height: 26px; background-position: -34px -260px;} .csmid_nav li:hover .csmid_txt { font-weight: bold; color: #6ba121;} .csmid_sh_wp { width: 100%; margin: 0 auto; position: absolute; bottom:-20px;} .csmid_sh_wp .csmid_sh { width: 70%; padding: 5px 0; vertical-align: middle; margin: 0 auto; box-sizing: border-box; border: 2px solid #8cc341; text-align: center; background-color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius:50px; } .csmid_sh_wp .csmid_sh span{ font-size: 1rem; line-height: 35px; display: inline-block; font-family:'Noto Sans KR'; letter-spacing: -1px; } .csmid_sh_wp .csmid_sh .bold{ font-weight: bold} .csmid_sh_wp .csmid_sh input{ width:70%; line-height: 35px; display: inline-block; margin-left:10px; letter-spacing: 0px; font-family:'Noto Sans KR'; padding-left: 15px; border-left: 1px #cfdfce solid; font-size: .8rem;} .csmid_sh_wp .csmid_sh .btn_sh{ width:26px; height: 26px; background: url(//ximage.sharebox.co.kr/images/icon/icon_sh.png) no-repeat ; display: inline-block; margin-top: 5px; cursor: pointer; } .csmid_tag{ width: 100%;height: 20px; line-height: 20px;margin: 0 auto; margin-top:30px; text-align: center; } .csmid_tag span { display: inline-block;color: #525252; font-family:'Noto Sans KR'; font-size:0.785rem; cursor: pointer; } .csmid_tag span:hover{ color: #62a306;} .csmid_tag span::after { color:#666; content:'I'; padding: 0 5px;} .csmid_tag span:last-child::after{ content:''; padding: 0 5px;} /*### 고객센터 ###*/ .cs_mypage .cs_info_box {clear:both; width:100%; height:236px; margin:0 auto;background-color:#f0eee7; border:#ccc8b9 1px solid } .cs_mypage .cs_info_box .info_tit_le { float:left; width:120px; height:200px; background:url(../images/cs_center/cs_img_tit_02.gif) no-repeat 20px 17px;} .cs_mypage .cs_info_box .info_tit_le li { width:75px; height:79px; margin-top:80px; margin-left:20px; list-style:none;text-align:center} .cs_mypage .cs_info_box .info_tit { float:right; width:650px; height:50px;text-align:left; } .cs_mypage .cs_info_box .info_tit li { list-style:none;color:#5f5b4d; letter-spacing:-.5px; margin-top:20px; } .cs_mypage .cs_info_box .cs_box { float:right;width:660px; height:184px; background:#ffffff; border-left:#cdc9ba 1px solid; border-top:#cdc9ba 1px solid} .cs_mypage .cs_info_box .cs_box table { width:100%; margin:0 auto;} .cs_mypage .cs_info_box .cs_box table td { width:130px; height:90px; text-align:center; color:#858278; font-weight:bold; cursor:pointer;} .cs_mypage .cs_info_box .cs_box table td:hover { width:130px; height:90px;text-align:center;color:#000000; font-weight:bold; cursor:pointer} .cs_mypage .cs_info_box .cs_box table .td_bot { border-bottom:#d1cdc0 1px solid} .cs_mypage .cs_info_box .cs_box table .td_rig { border-right:#d1cdc0 1px solid} .cs_mypage .cs_info_box .cs_box p {padding-top:50px;} /* 고객센터메뉴*/ .cs_mypage .cs_info_box .cs_box .csm_01 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_01.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_02 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_02.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_03 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_03.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_04 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_04.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_05 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_05.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_06 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_06.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_07 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_07.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_08 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_08.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_09 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_09.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_10 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_10.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_11 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_11.gif) no-repeat 34px 20px;} .cs_mypage .cs_info_box .cs_box .csm_12 { width:130px; height:90px; margin:0 auto; text-align:center; background:url(../images/cs_center/icon_mp_12.gif) no-repeat 34px 20px; } /*마이페이지 탭 메뉴*/ .cs_tab {clear:both; width:100%; margin:0 auto; height:31px; border-bottom:#84a715 2px solid; font-size:13px; margin-top:15px;} .cs_tab li {list-style:none; float:left; text-align:center; cursor:pointer; font-size:13px; letter-spacing:-.5px;} .cs_tab .tab_01{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#84a715 1px solid} .cs_tab .tab_02{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#84a715 1px solid} .cs_tab .tab_03{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#84a715 1px solid} .cs_tab .tab_04{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#84a715 1px solid} .cs_tab .tab_01:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .cs_tab .tab_02:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .cs_tab .tab_03:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .cs_tab .tab_04:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .cs_tab .on { background-color:#84a715; color:#FFF; font-weight:bold} /*마이페이지 서치 #contents_wrap .center_wrap .mypage_sch { width:100%; height:54px; background:url(../images/cs_center/mypage_var.gif) repeat-x; border:#000000 1px solid; margin-top:10px;position:relative;} #contents_wrap .center_wrap .mypage_sch .help_tit { width:100%; height:52px; background:url(../images/cs_center/mypage_help.gif) no-repeat 20px 0px; padding-left:130px;} #contents_wrap .center_wrap .mypage_sch li { list-style:none;} #contents_wrap .center_wrap .mypage_sch .tit_txt { float:left; width:130px; height:50px; line-height:52px; text-align:center; font-weight:bold; color:#FF6; font-size:13px; letter-spacing:-1px; } #contents_wrap .center_wrap .mypage_sch .input_help{ float:left;width:500px; height:30px; line-height:30px; background:#FFFFFF; border:#000000 1px solid; margin-top:10px; } #contents_wrap .center_wrap .mypage_sch .btn_help { width:131px;height:30px; position:absolute;top:10px; right:15px;background:url(//ximage.sharebox.co.kr/images/btn/btn_cs_sh.gif) no-repeat;cursor:pointer } #contents_wrap .center_wrap .mypage_sch .btn_find { width:131px;height:30px; position:absolute;top:10px; right:15px; background:url(//ximage.sharebox.co.kr/images/btn/btn_cs_find.gif) no-repeat;cursor:pointer } */ /*### 판매자 신청###*/ .seller_join { width:795px; margin:0 auto; background:#f6f6f6; position:relative; padding-bottom:46px;} .seller_join .seller_top { width:100%; height:368px; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/sub/seller_join_re_01_1.png) no-repeat} .seller_join .seller_icon { width:100%; position:absolute; top:330px; text-align:center } .seller_join .seller_bx { width:90%; margin:0 auto;background:#FFF; border: #fff 1px solid; margin-top:65px; text-align:center;padding-bottom: 41px;border-radius: 10px;} .seller_join .seller_bx li { list-style:none; margin-top:30px;} .seller_join .seller_bx .tit1{ width:90%; height:56px; margin:0 auto; margin-top:40px; margin-bottom:40px;} .seller_join .seller_bx .tit2 { width:90%; border-bottom:#CCCCCC 1px dotted; border-top:#CCCCCC 1px dotted; background-color:#fff; margin:0 auto; margin-top:20px;padding-top:30px; padding-bottom:30px; font-size:16px; font-weight:bold} .seller_join .seller_bx .tit3 { width:85%; height:40px; margin:0 auto; text-align:right; padding-top:15px; color:#666} .seller_join .seller_bx .tit4 { width:85%; height:25px; line-height:25px; margin:0 auto; text-align:left; font-size:14px; font-weight:bold; color:#000;letter-spacing:-.5px;margin-top:20px;} .seller_join .seller_bx .tit1 h2{font-size: 31px;} .seller_join .seller_bx .tit1 span{font-size: 17px;} .seller_join .seller_bx .tit2 span { margin-right:10px} .seller_join .seller_bx .seller_use {width:85%;height:150px; margin:0 auto; background-color:#fff; border:#CCCCCC 1px dotted; margin-top:30px; color:#666} .seller_join .se_input { height:32px; line-height:32px; background:#FFFFFF; border:#CCCCCC 1px solid ; padding-left:10px;font-size:12px;} .seller_join .se_input:focus { height:32px; line-height:32px; background:#dae7f4; border:#CCCCCC 1px solid ; padding-left:10px;font-size:12px;} .seller_join .btn_sjoin { width:90%; height:100px;margin:0 auto;text-align:center; margin-top:52px; } .seller_join .seller_name_ck {border: 1px solid #4e5aff;background: url(//ximage.sharebox.co.kr/images/sub/seller_join_re_ck_off.png) no-repeat center 0;border-radius: 50px;background-position: center;cursor: pointer;padding: 16px;width: 97px;display: inline-block;} .seller_join .seller_name_ck:hover{border: 1px solid #4e5aff;background: url(//ximage.sharebox.co.kr/images/sub/seller_join_re_ck_on.png) no-repeat center 0;border-radius: 50px;background-position: center;background-color: #0e41e6;cursor: pointer;padding: 16px;width: 97px;display: inline-block;transition: .5s;} .seller_join .seller_policy {width: 80%;height: 100px; margin: 0 auto;text-align: center;margin-top: 52px;display: flex;justify-content: space-around;} .seller_join .seller_bx table {width:85%;margin:0 auto; border-top:#e2e2e2 1px solid; margin-top:5px; border-left:#e2e2e2 1px solid;border-right:#e2e2e2 1px solid;} .seller_join .seller_bx table .tit {background-color:#f9f9f9; border-right:#e2e2e2 1px solid; line-height:30px;} .seller_join .seller_bx table td{ color:#333;height:40px;font-size:12px; padding-left:10px; padding-top:10px; border-bottom:#e2e2e2 1px solid;} .seller_join .seller_radio {width:15px; height:15px; line-height:15px;} /*### 모든테이블 타이틀 영역###*/ /*아이콘 없는* 리뉴용 2308*/ .cs_tb_titlen { clear:both; width:100%; height:30px; margin:0 auto; line-height:30px; vertical-align:bottom;margin-bottom:5px;margin-top:20px; position:relative;} .cs_tb_titlen li { list-style:none;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .cs_tb_titlen .cs_tb_titlen_le { float:left;text-align:left; font-weight:500; font-size:18px; color:#000000; } .cs_tb_titlen .cs_tb_titlen_le span {color:#6ba121; padding-left:5px; font-weight:500; } .cs_tb_titlen .cs_tb_titlen_ri { float:right; text-align:right;} /*아이콘 있는*/ .cs_tb_title { clear:both; width:100%; height:30px; margin:0 auto; line-height:30px; vertical-align:bottom;margin-bottom:5px;margin-top:20px; position:relative;} .cs_tb_title li { list-style:none;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .cs_tb_title .cs_tb_title_le { float:left; font-weight:400; font-size:14px; color:#000000; background:url(//ximage.sharebox.co.kr/images/icon/icon_tit.gif) no-repeat 0px 7px; padding-left:25px;} .cs_tb_title .cs_tb_title_le span { color:#000000;} .cs_tb_title .cs_tb_title_ri { float:right; text-align:right } /*아이콘 없는*/ .cs_tb_sub_title { clear:both; width:100%; height:30px; margin:0 auto; line-height:100%; vertical-align:bottom; margin-top:10px;margin-bottom:5px; position:relative; } .cs_tb_sub_title li { list-style:none;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .cs_tb_sub_title .cs_tb_title_le { float:left; font-weight:bold; font-size:14px; color:#000000;} .cs_tb_sub_title .cs_tb_title_ri { float:right; text-align:right } /*아이콘 없는 가운데*/ .cs_tb_sub_titleC { width:290px; height:25px; margin:0 auto; text-align:center ;line-height:25px; vertical-align:bottom; position:relative;} .cs_tb_sub_titleC table { list-style:none; text-align:center;} /*서브 서치*/ .sub_shbx { clear:both; width:100%; margin:0 auto; text-align:center ;position:relative; padding:30px 0px} .sub_shbx .input_select { width:100px; height:30px; line-height:30px;background:#FFFFFF; border:#CCCCCC 1px solid; font-size:12px; display:inline-block; } .sub_shbx .input_select :focus {outline:none;} .sub_shbx input[type="text"] { width:200px; height:30px; line-height:30px; display:inline-block; } .sub_shbx input[type="submit"] {width:80px; height:30px; line-height:30px; display:inline-block; background:#666; border:#666 1px solid; color:#fff;cursor:pointer} /*### 리스트형 가로 tb ###*/ .cs_tb_wrap { clear:both; width:100%; margin:0 auto; } .cs_tb_wrap table { width:100%; border-top:#CCC 1px solid;} .cs_tb_wrap table td { height:35px; line-height:35px; vertical-align:middle; border-bottom:#ccc 1px dotted;font-size:13px;} /*### 고객센터 메인 질문과 답###*/ .cs_faq_t {clear:both; width:100%; height:130px;margin:0 auto; margin-bottom:20px; margin-top:10px; } .cs_faq_t .cs_faq_t_s {width:60%; margin:0 auto; background-color:#faf9f7; border:#e2e2e2 1px solid; float:left; } .cs_faq_t .cs_faq_t_s li {width:95%;margin:0 auto; list-style:none;height:25px; line-height:25px; vertical-align:middle; border-bottom:#ccc 1px dotted } .cs_faq_t .cs_faq_t_s li :after {width:95%;margin:0 auto; list-style:none;height:25px; line-height:25px; vertical-align:middle; border-bottom:#ccc 0px dotted } .cs_faq_t .cs_faq_t_s .stit {width:95%;margin:0 auto; list-style:none;height:40px; line-height:40px; vertical-align:middle; border-bottom:#ccc 1px dotted; position:relative; } .cs_faq_t .cs_faq_t_s .faq_more { position:absolute; top:0px; right:0px; font-size:12px; color:#666;font-weight:100; cursor:pointer} .cs_faq_t .cs_faq_t_s2 {width:38%; margin:0 auto; background-color:#ffffff; border:#e2e2e2 1px solid; float:right; } .cs_faq_t .cs_faq_t_s2 li {width:95%;margin:0 auto; list-style:none;height:25px; line-height:25px; vertical-align:middle; border-bottom:#ccc 1px dotted } .cs_faq_t .cs_faq_t_s2 .s2tit {width:95%;margin:0 auto; list-style:none;height:40px; line-height:40px; vertical-align:middle; border-bottom:#ccc 1px dotted; position:relative; } .cs_faq_t .cs_faq_t_s2 .noti_more { position:absolute; top:0px; right:0px;font-size:12px; color:#666;font-weight:100; cursor:pointer} .tvtable_info {clear:both;margin:0 auto; padding-top:30px;padding-bottom:15px; } .tvtable_info li { list-style:none;height:30px; line-height:30px; vertical-align:middle;} .tvtable_info .sub_btn_tvtable { width:35%; line-height:35px; height:35px; margin-bottom:20px; margin:0 auto; text-align:center; font-weight:bold; font-size:1.2em; color:#fff; background-color:#666;-webkit-border-radius:50px ; -moz-border-radius:50px ; border-radius:50px; cursor:pointer } .tvtable_info .sub_btn_tvtable:hover { width:35%; line-height:35px; height:35px; margin-bottom:20px; margin:0 auto; text-align:center; font-weight:bold; font-size:1.2em; color:#fff; background-color:#e31232;-webkit-border-radius:50px ; -moz-border-radius:50px ; border-radius:50px; cursor:pointer } /*### 공통 텍스트줄임 ###*/ .txt_end500 { width:500px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end550 { width:550px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end400 { width:400px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end450 { width:450px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end450_toon { width:450px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .txt_end390 { width:390px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; cursor:pointer} .txt_end300 { width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end350 { width:350px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end200 { width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end250 { width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .txt_end80 { width:80px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer} .tb_A_tit { height:30px; line-height:30px; text-align:center; margin:0 auto;background-color:#f9f9f9; border-bottom:#CCC 1px solid; } .td_rig_sun { border-right:#ccc 1px dotted;} .tb_A_tit_bt { height:50px; line-height:50px; margin:0 auto;text-align:left;} /*### 리스트형 세로 tb ###*/ .tb_B { width:100%; margin:0 auto; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid;} .tb_B_tit { text-align:left; margin:0 auto;background-color:#f9f9f9; border-right:#CCC 1px solid;} .tb_B td { height:40px;/* line-height:40px; */padding-left:10px; vertical-align:middle;white-space:normal; } .tb_B input { /* height:40px; */line-height:40px; } .tb_B input[type=checkbox] { margin-top: 2px; } .tb_B .bot_line { border-bottom:#bcbcbc 1px dotted; text-align: left;} .tb_B .chk {line-height:20px; vertical-align:middle; } .tb_B img {max-width:660px;} /*### 일대일 뷰 tb ###*/ .tb_vB { width:100%; margin:0 auto; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid;} .tb_vB .tb_vB_tit { text-align:left; margin:0 auto;background-color:#f9f9f9; border-right:#CCC 1px solid;} .tb_vB td {line-height:20px; padding:10px; vertical-align:middle;white-space:normal; } .tb_vB .bot_line { border-bottom:#bcbcbc 1px dotted; text-align: left;} .tb_vB img { max-width:700px; } /*### 회원탈퇴 ###*/ .cs_libox { display:inline-block; width:100%; height:auto; margin:0 auto; padding:5px 12px; border:#CCC 1px solid; } .cs_libox li { list-style:none; float:left; display:inline-block; width:100%; line-height:15px; padding:10px 0 8px; border-bottom:#bcbcbc 1px dotted; text-align:left; } .cs_libox li:last-child { border-bottom:none; } .cs_libox textarea { display: block; margin: 10px 0px 5px; padding: 10px; width: 75%; height: 100px; border:#CCC 1px solid; font-size:13px; } .cs_li { display:inline-block; width:100%; height:auto; margin:0 auto; margin-bottom:10px; } .cs_li li { list-style:none; float:left; display:inline-block; width:100%; line-height:20px; text-align:left; } /*### 회원탈퇴 레이어 ###*/ .pop_leave { z-index:100; width:100%; height:600px; margin:0 auto; text-align:center; position:absolute; top:100px; } .pop_leave .pop_leave_img { width:600px; height:600px; margin:0 auto; background:url('//ximage.sharebox.co.kr/images/popup/popup_leave_3000.jpg') no-repeat center 0; z-index:10; position:relative; } .pop_leave .pop_leave_img .btn_x { width:75px; height:75px; position:absolute; top:0; right:0; cursor:pointer; } .pop_leave .pop_leave_img .btn { width:100%; height:98px; margin:0 auto; position:absolute; bottom:0px; } .pop_leave .pop_leave_img .btn li { float:left; display:inline-block; width:300px; height:98px; cursor:pointer; } .pop_leave .pop_leave_img .btn li span { display:none; } .pop_leave .pop_leave_img .btn li.btn1 { background:url('//ximage.sharebox.co.kr/images/popup/popup_leave_btn1_3000.gif') no-repeat; } .pop_leave .pop_leave_img .btn li.btn2 { background:url('//ximage.sharebox.co.kr/images/popup/popup_leave_btn2.gif') no-repeat; } /*### 마이페이지 공통 설명박스 ###*/ .cs_tbinfo_box { display:inline-block; width:100%; height:auto; margin:0 auto; border:#ccc 1px solid; margin-bottom:10px; background-color:#f9f9f9; padding-top:10px; padding-bottom:10px;} .cs_tbinfo_box .cs_tbinfo_box_s { width:95%; margin:0 auto; } .cs_tbinfo_box .cs_tbinfo_box_s li { list-style:none;margin-bottom:3px;} .cs_tbinfo_box .cs_tbinfo_box_s .txt {height:22px;line-height:22px;text-align:left;} .cs_tbinfo_box .cs_tbinfo_box_s .txt2{height:40px;vertical-align:middle; text-align:left;padding-left:10px;padding-top:7px;background-color:#ffffff; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;} .cs_tbinfo_box .cs_tbinfo_box_s .txt2 .input_friend {height:26px; line-height:26px; margin-left:10px; background:#FFFFFF; border:#CCCCCC 1px solid;font-size:12px; float:left;} .cs_tbinfo_box .cs_tbinfo_box_s .txt3{ height:40px;background-color: #ffffff; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; display: flex; align-items: center; justify-content: flex-start;} .cs_tbinfo_box .cs_tbinfo_box_s .txt3 select {height:25px;line-height:25px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .cs_tbinfo_box .cs_tbinfo_box_s .txt3 .btn_tog {height:25px;line-height:25px; background-color: #f9f9f9; color:#666; padding:0 10px; cursor:pointer; font-size:12px; text-align:center; border:#e2e2e2 1px solid; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .cs_tbinfo_box .cs_tbinfo_box_s .txt3 .btn_tog input { margin-right:3px;color:#fff;} .cs_tbinfo_box .cs_tbinfo_box_s .txt3 .btn_tog input , .btn_tog progress { accent-color: #e51708 ;} .cs_tbinfo_box .cs_tbinfo_box_s .txt3 .btn01 {height:25px;line-height:25px;background-color: #80a313 ; color:#fff; padding:0 10px; cursor:pointer; font-size:11px; text-align:center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .cs_tbinfo_box .cs_tbinfo_box_s .txt3 .btn02 {height:25px;line-height:25px;background-color: #666 ; color:#fff; padding:0 10px; cursor:pointer; font-size:11px; text-align:center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .cs_tbinfo_box .cs_tbinfo_box_s .txt3 .btn02:hover {background-color: #000 ; } .cs_tbinfo_box .cs_tbinfo_box_s .btn { float:left; height:36px; line-height:36px; margin-right:18px; padding:0 24px; background:#ea4335; border:#790000 1px solid; border-radius:4px; font-size:12px; font-weight:bold; color:#ffffff; cursor:pointer; } .cs_tbinfo_box .cs_tbinfo_box_s .btn:hover { background:#fff; border:#a5a08f 1px solid; color:#000; } .cs_tbinfo_box .cs_tbinfo_box_s .itembx {width: 265px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #ffffff; margin: 5px 0; border: 1px solid #d1ded3; text-align: center; padding: 0 10px;} .cs_tbinfo_box .cs_tbinfo_box_s .itembx img {margin-right:5px;} .cs_tbinfo_box .alarm { width:95%; margin:0 auto; text-align:left;} .cs_tbinfo_box .alarm_L { text-align:left; line-height:20px;display:inline-block; font-size:12px; color:#666; cursor:pointer; } .cs_tbinfo_box .alarm_R { float:right; height:36px; line-height:36px; margin-top:20px;padding:0 24px; background:#72b417; border:#5f9712 1px solid; border-radius:4px; font-size:12px; font-weight:bold; color:#ffffff; cursor:pointer; } .cs_tbinfo_box .alarm_R:hover { background:#fff; border:#a5a08f 1px solid; color:#000; } .btn_tbinfo_01 { padding:4px 7px; background:#666; font-size:12px; color:#ffffff; text-align:center; cursor:pointer; letter-spacing:-0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .cs_tb_input { padding:4px 7px; background:#ffffff; border:#cccccc 1px solid; font-size:12px; color:#000000; text-align:center; cursor:pointer; letter-spacing:-0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .cs_tbinfo_box_s .req_wrap { height:40px; background:#ffffff} .cs_tbinfo_box_s .req_wrap .req_list { float:left; height:25px; line-height:25px; margin:7px; font-weight:bold; cursor:pointer} .cs_tbinfo_box_s .req_wrap .req_list:hover { border-bottom:#009900 2px solid} .cs_tbinfo_box_s.req_wrap .req_list.on { border-bottom:#009900 2px solid} .cs_tbinfo_box_s .req_wrap .req_list_r { float:right; margin:7px; } /*### 마이페이지 요청자료 타이틀 ###*/ .cs_req_box { width:100%; height:60px; margin:0 auto; border:#ccc 1px solid; margin-bottom:10px; background-color:#f9f9f9; padding-top:15px; padding-bottom:10px;} .cs_req_box ul{ margin-left:20px; } .cs_req_box li { float:left; height:27px;line-height:27px; margin-right:5px; padding:0px 10px; font-size:11px; font-weight:bold; cursor:pointer; color:#333;background:#fff; border:#ccc 1px solid; } .cs_req_box li:hover { height:27px;line-height:27px; margin-right:5px; padding:0px 10px; font-size:11px; font-weight:bold; cursor:pointer; color:#fff;background:#6d695a; border:#ccc 1px solid;} .cs_req_box .btn_req { float:right; height:27px; margin:0 auto;margin-right:20px;} /*### 무료충전소 ###*/ .cat_event .free_charge { width:100%; height:200px; background:url(/images/banner/free_charge_top.jpg) no-repeat; margin-bottom:20px; position:relative; } .cat_event .free_charge_img table .img_txt_ev { width:360px; margin:0 auto;line-height:15px; text-align:left;background-color:#ffffff; margin-left:10px; cursor:pointer } .cat_event .free_charge_img table .img_txt_ev span { display:block;line-height:18px; font-size:11px; color:#666666;letter-spacing:-.5px; } .cat_event .free_charge_img table .img_txt_ev .title{ width:350px;line-height:25px;height:25px;font-size:12px; font-weight:bold; color:#000; letter-spacing:-.7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-top:0px } .cat_event .free_charge_img table .img_txt_ev .title2{ width:350px;line-height:18px;height:18px;font-size:11px; color:#666666; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-top:0px } .cat_event .free_charge_img table .img_txt_ev .title3{letter-spacing:1px; } .cat_event .free_charge_img .btn_freech { width:90%; height:30px; line-height:30px; margin:0 auto; text-align:center;text-align:center; font-size:12px; color:#ffffff; font-weight:bold; cursor:pointer; background:#82a513; margin-top:30px; } .cat_event .free_charge_img img { cursor:pointer} /*### 이벤트 카테고리 ###*/ .cat_event { width:795px; margin:0 auto; padding:0px; } /*이벤트 추천2종배너*/ .cat_event .tit_banner { width:100%; height:100px; background:url(../images/sub/event_main_bg.jpg) no-repeat; position:relative} .cat_event .tit_banner .evt_banner { width:450px; float:right; margin-top:27px; margin-right:20px;} .evt_banner li{ float:left; width:194px; height:80px; display:inline-block; line-height:20px; margin-left:18px;color:#FFF; } .evt_banner .evt_imgtxt { width:190px; line-height:15px; height:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } /*이벤트 진행중 종료탭*/ .cat_event .sh_evt_menu { width:471px; height:38px; position:absolute; bottom:0px; right:0px; } .cat_event .sh_evt_menu li { float:left; list-style:none; width:157px; height:42px; line-height:42px; text-align:center; cursor:pointer} .cat_event .sh_evt_menu .evt_tab01 {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:0px -42px;} .cat_event .sh_evt_menu .evt_tab01:hover {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:0px 0px;} .cat_event .sh_evt_menu .evt_tab01.on{width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:0px 0px;} .cat_event .sh_evt_menu .evt_tab02 {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:-157px -42px;} .cat_event .sh_evt_menu .evt_tab02:hover {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:-157px 0px;} .cat_event .sh_evt_menu .evt_tab02 .on {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:-157px 0px;} .cat_event .sh_evt_menu .evt_tab03 {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:-314px -42px;} .cat_event .sh_evt_menu .evt_tab03:hover {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:-314px 0px;} .cat_event .sh_evt_menu .evt_tab03 .on {width:157px; height:38px; background:url(../images/sub/sh_event_tab.png) no-repeat; background-position:-314px 0px;} /*미사용*/ .sh_tab { width:100%; margin:0 auto; height:37px; border-bottom:#84a715 2px solid; font-size:12px; margin-top:15px; } .sh_tab li { list-style:none; float:left; text-align:center; cursor:pointer; font-size:13px;letter-spacing:-.5px;} .sh_tab .tab_01,.tab_02,.tab_03 { width:33.3%; height:35px; line-height:35px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#84a715 1px solid} .sh_tab .tab_01:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .sh_tab .tab_02:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .sh_tab .tab_03:hover { border-top:#84a715 1px solid; border-left:#84a715 1px solid; border-right:#84a715 1px solid; color:#000000;font-weight:bold} .sh_tab .on { background-color:#84a715; color:#FFF; font-weight:bold} /*### 이벤트 카테고리 상단부분 ###*/ .cat_event .event_tab { width:100%; height:35px; margin-top:15px;margin-bottom:35px;} .cat_event .event_tab li{ list-style:none;margin-top:5px; background:#ffffff; border:#d9d9d9 1px solid; height:35px; line-height:35px; text-align:center;letter-spacing:-.5px; font-weight:bold} .cat_event .event_tab .tit1 { float:left; background:#F9F9F9;width:265px; height:35px; color:#7a7a7a; } .cat_event .event_tab .tit1:hover { float:left;background:#e0e4d4; width:265px; height:35px; color:#355305; } .cat_event .event_tab .tit1.on { float:left;background:#e0e4d4; width:265px; height:35px; color:#355305; } .cat_event .event_tab .tit2 { float:left; background:#F9F9F9;width:265px; height:35px; color:#7a7a7a;} .cat_event .event_tab .tit2:hover { float:left;background:#e0e4d4; width:265px; height:35px; color:#355305; } .cat_event .event_tab .tit2.on { float:left;background:#e0e4d4; width:265px; height:35px; color:#355305; } .cat_event .event_tab .tit3 { float:left; background:#F9F9F9; width:265px;height:35px;color:#7a7a7a; } .cat_event .event_tab .tit3:hover { float:left;background:#e0e4d4; width:265px; height:35px; color:#355305; } .cat_event .event_tab .tit3.on { float:left;background:#e0e4d4; width:265px; height:35px; color:#355305; } .cat_event .event_img { clear:both; width:100%;height:auto;} .cat_event .event_img table { clear:both; width:100%; margin:0 auto; margin-bottom:10px;} .cat_event .event_img table .evt_list {width:220px; margin:0 auto; margin-top:20px;margin-bottom:20px;} .cat_event .event_img table .img_box { width:220px; height:100px; line-height:100px; margin:0 auto;background-color:#FFFFFF; cursor:pointer;border:#ccc 1px solid; text-align:center; padding-top:10px;} .cat_event .event_img table .img_txt { width:210px; min-height:80px; margin:0 auto;line-height:15px; text-align:left;background-color:#fff; margin-left:10px; } .cat_event .event_img table .img_txt span { display:block;line-height:18px; font-size:11px; color:#666666;letter-spacing:-.5px; } .cat_event .event_img table .img_txt .title{ width:210px;line-height:25px;height:25px;font-size:12px; font-weight:bold; color:#000; letter-spacing:-.7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-top:5px } .cat_event .event_img table .img_txt .title2{ width:210px;line-height:18px;height:18px;font-size:11px; color:#666666; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-top:0px } .cat_event .event_img table .img_txt .title3{letter-spacing:1px; } .cat_event .event_img .ev_hig20 { height:10px; line-height:10px; border-top:#ccc 1px solid; margin-top:10px;} .cat_event .event_img table .img_box_ev { width:220px; height:80px; line-height:80px; margin:0 auto;background-color:#FFFFFF; cursor:pointer;border:#ccc 1px solid; text-align:center; padding-top:10px;} .cat_event .event_img table .img_txt_ev { width:360px; margin:0 auto;line-height:15px; text-align:left;background-color:#ffffff; margin-left:10px; } .cat_event .event_img table .img_txt_ev span { display:block;line-height:18px; font-size:11px; color:#666666;letter-spacing:-.5px; } .cat_event .event_img table .img_txt_ev .title{ width:350px;line-height:25px;height:25px;font-size:12px; font-weight:bold; color:#000; letter-spacing:-.7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-top:0px } .cat_event .event_img table .img_txt_ev .title2{ width:350px;line-height:18px;height:18px;font-size:11px; color:#666666; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-top:0px } .cat_event .event_img table .img_txt_ev .title3{letter-spacing:1px; } .cat_event .event_img table .btn_eventlist_ok {width:108px; height:30px; line-height:80px; margin-bottom:10px; } /*이벤트 하단용 댓글*/ .event_re_list { clear:both; width:795px; height:auto; margin:0 auto; position:relative; margin-top:20px;padding-bottom:80px;} .event_re_list .er_tit { width:100%;margin:0 auto; height:40px; margin-bottom:10px; } .event_re_list .er_tit li { list-style:none; height:40px;line-height:40px; } .event_re_list .er_tit .er_titL { width:295px; height:40px; float:left; text-align:left; background:url(//ximage.sharebox.co.kr/images/sub/event_re_titimg.gif) no-repeat; background-position:left} .event_re_list .er_tit .er_titR {float:right; height:40px; line-height:40px; text-align:right; font-size:14px;} .event_re_list .er_bx {width:100%; height:70px; margin:0 auto; } .event_re_list .er_bx li { list-style:none; float:left} .event_re_list .er_bx .er_bxL { float:left; width:650px; height:60px; line-height:18px; color:#666; font-size:11px; text-align:left} .event_re_list .er_bx .er_bxR { float:right; width:130px; height:60px; line-height:60px; color:#666; font-size:12px; font-weight:bold; text-align:center; background-color:#e1e1e1; border:#CCCCCC 1px solid; cursor:pointer; display:block; } .event_re_list .er_bx .er_bxR:hover { float:right; width:130px; height:60px; line-height:60px; color:#fff; font-size:12px; font-weight:bold; text-align:center; background-color:#759614; border:#5a7213 1px solid; cursor:pointer; display:block; } .event_re_list .er_bx .er_tarea { width:100%; height:50px; background:#FFF; border:#CCCCCC 1px solid; padding:5px} .event_re_list .er_list { clear:both; width:100%; margin:0 auto; position:relative } .event_re_list .er_list table { width:98%; margin:0 auto;} .event_re_list .er_list td { padding-top:10px;padding-bottom:5px; line-height:20px; border-bottom:#CCC 1px dotted; font-size:12px; text-align:left; word-break:break-all; color:#666666;position:relative} .event_re_list .er_list .er_name { width:130px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:12px;text-align:left; color:#3366CC; font-weight:bold } .event_re_list .er_list td .icon_sum {position:absolute; top:3px; right:-10px;} /*인기100 하단 페이지버튼*/ .ctn_top100_pg {clear:both; width:100%; height:80px;margin:0 auto; text-align:center; padding-top:20px;} .ctn_top100_pg_s {width:290px; height:40px;margin:0 auto; text-align:center; } .ctn_top100_pg_s li {width:44%; height:22px;line-height:22px; list-style:none; display:block; border:#CCC 1px solid; float:left;text-align:center; font-size:11px; margin:5px; cursor:pointer } .ctn_top100_pg_s li:hover { font-weight:bold} .ctn_top100_pg_s li.ctn_pon { font-weight:bold; color:#42590e;background-color:#e7f0d3; border:#779c1e 1px solid; } /*서브 포스터 없을때*/ .sh_top100 { width:100%; padding:15px 10px ; border-top:1px #d4d4d4 solid;display:inline-block;background-color:#f9f9f9; } .sh_top100 .top100_ctn1 .ctn_tit1 { padding:0px 30px 00px 20px; text-align:left; font-weight:bold; border-right:1px #e2e2e2 solid;display:inline-block;} .sh_top100 .top100_ctn1 { width:100%; margin:0 auto; text-align:left; } .sh_top100 .top100_ctn1 li { list-style:none; display:inline-block; padding-left:3px; } .sh_top100 .top100_ctn1 span{ padding: 2px 25px; cursor:pointer;font-weight:bold; background-color:#e2e2e2;color:#666; margin:0px 3px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; } .sh_top100 .top100_ctn1 span:hover{ background-color:#FF0000; color:#FFFFFF; font-weight:bold} .sh_top100 .top100_ctn1 .on{ background-color:#FF0000; color:#FFFFFF;line-height:15px; font-weight:bold} .sh_top100 .top100_ctn2 { width:100%; margin:0 auto; min-height:90px; height:90px; overflow:hidden;padding-bottom:15px; text-align:left; background-color:#f3f3f3; padding-top:10px; } .sh_top100 .top100_ctn2 li { list-style:none; float:left; height:25px; line-height:25px; word-break:normal} .sh_top100 .top100_ctn2 span{ padding: 5px 10px; cursor:pointer;font-weight:bold; color:#666; margin:0px 2px;} .sh_top100 .top100_ctn2 span:hover{ color:#F00; font-weight:bold} .sh_top100 .top100_ctn2 .on{ color:#F00; font-weight:bold} .sh_top100 .top100_ctn2 .ctn_tit2 { width:90px; height:auto; float:left;height:auto; line-height:30px; margin-top:10px;margin-left:20px; padding-bottom:30px; text-align:left; font-weight:bold; } /*top*/ .sh_top100_list { width:100%; height:auto; padding-bottom:20px; margin:0 auto; position:relative;} .sh_top100_list .sh_top100_tit { clear:both; width:100%; height:25px; text-align:left; margin-top:30px; margin-bottom:5px; padding-left:14px; letter-spacing:-1px; } .sh_top100_list .sh_top100_tit2 { clear:both; width:100%; height:50px; text-align:left;margin-bottom:10px; padding-left:14px; padding-top:25px; letter-spacing:-1px; } /*top100아이콘시*/ .sh_top100_list .shtop_img .icon_top100 { width:35px; height:45px; margin:0 auto; text-align:center; padding-top:17px; background:url(../images/sub/sh_top100_icon.png) no-repeat; position:absolute; top:0px; left:5px; z-index:300} .sh_top100_list .shtop_img .icon_top100 span { color:#FFF; font-size:11px; font-weight:bold} /*top100 기본*/ .sh_top100_list li { list-style:none;} .sh_top100_list .shtop_img { width:144px; height:209px;list-style:none; float:left; display:block; background-color:#FFF;margin-left:13px; margin-bottom:20px; position:relative; z-index:100} /*top100 오버시*/ .sh_top100_list .shtop_img_over{width:146px; height:211px; display:block; background:url(//ximage.sharebox.co.kr/images/icon/bg_black70.png) repeat;position:absolute; top:0px; left:0px; z-index:200;} .sh_top100_list .shtop_img_over .img_over_s { width:130px; margin:0 auto; padding-top:55px;z-index:200; } .sh_top100_list .shtop_img_over .img_over_s li { width:130px; height:24px; line-height:24px; list-style:none;display:block; text-align:left; letter-spacing:1px; color:#d9d9d9; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sh_top100_list .top100_sale { background-color:#F00; color:#FFFFFF; font-size:11px; letter-spacing:0px; font-weight:bold; padding:3px 7px; margin-left:3px;} /* ###공통 ###*/ .center_wrap .sub_banner {width:100%;margin:0 auto;background-color:#fff; position:relative; } .center_wrap .sub_banner img {cursor: pointer;} .center_wrap .sub_banner .charge_event_nom { width:37px;height:45px; position:absolute; top:135px; left:40px; } .center_wrap .sub_banner .event_new { position:absolute; width:100%; height:336px; top:0px; cursor:pointer; } .center_wrap .sub_banner .event_xmas2020_charge1 { position:absolute; width:50%; height:370px; bottom:42px; cursor:pointer; } .center_wrap .sub_banner .event_xmas2020_charge2 { position:absolute; width:50%; height:370px; bottom:42px; left:50%; cursor:pointer; } .center_wrap .sub_banner .event_new2021_charge1 { position:absolute; width:50%; height:200px; bottom:0px; cursor:pointer; } .center_wrap .sub_banner .event_new2021_charge2 { position:absolute; width:50%; height:200px; bottom:0px; left:50%; cursor:pointer; } .center_wrap .sub_banner .event_charge2104_charge1 { position:absolute; width:50%; height:134px; bottom:32px; margin:0; cursor:pointer; } .center_wrap .sub_banner .event_charge2104_charge2 { position:absolute; width:50%; height:134px; bottom:32px; left:50%; margin:0; cursor:pointer; } .center_wrap .sub_banner .event_charge2105_charge1 { position:absolute; width:50%; height:164px; bottom:32px; margin:0; cursor:pointer; } .center_wrap .sub_banner .event_charge2105_charge2 { position:absolute; width:50%; height:164px; bottom:32px; left:50%; margin:0; cursor:pointer; } .center_wrap .sub_banner .event_sum2021_charge1 { position:absolute; width:50%; height:202px; bottom:0px; cursor:pointer; } .center_wrap .sub_banner .event_sum2021_charge2 { position:absolute; width:50%; height:202px; bottom:0px; left:50%; cursor:pointer; } .center_wrap .sub_banner_samsungpay {width:100%;margin:0 auto; position:relative; cursor: pointer;} .center_wrap .sub_banner_samsungpay img { max-width: 100%; } .center_wrap .sub_banner_evt {width:100%; margin:0 auto;background-color:#fff; position:relative; } .center_wrap .sub_banner_evt li {width:50%; float:left; margin:0 auto; text-align:center; } /*### 방송편성표 ###*/ .tvtable { width:100%; margin:0 auto;height:auto;background-color:#f7f7f7; padding-bottom:20px;} .tvtable .tit { width:95%; height:35px; margin:0 auto; padding-top:20px; font-size:10px;} .tvtable .tit li { list-style:none;} .tvtable .tit_le { float:left} .tvtable .tit_rig { float:right} .tvtable table {width:96%; margin:0 auto;margin-top:15px;border-bottom:#c6cfd3 1px solid;background-color:#FFFFFF;} .tvtable table td { height:25px; line-height:25px; border-top:#CCC 1px solid; padding-left:3px; } .tvtable table .td_rig {border-right:#ccc 1px solid} .tvtable table td li { width:90px; height:20px; list-style:none;display:block; float:left; line-height:20px; font-size:11px; color:#666; cursor:pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .tvtable table td li:hover { width:90px; height:20px; list-style:none;display:block; float:left; line-height:20px; font-size:11px; color:#F60; cursor:pointer;} .tvtable table .tit { background:#d9dfe2; height:30px; line-height:30px; text-align:center; font-size:10px; font-weight:bold; border-bottom:#c6cfd3 2px solid; border-top:#c6cfd3 2px solid;} /*### 충전소이벤트 상품 ### .ch_evbanner {width:100%; height:auto; margin:0 auto; cursor:pointer; } .ch_evbanner li {list-style:none ;cursor:pointer;} .ch_evbanner .img01 {width:100%; height:201px; margin:0 auto; background:url(/images/banner/banner_charge_new2022.gif) no-repeat; position:relative; } */ /*### 방송편성표 리뉴 202003 ###*/ .tv_table2 { width:1050px; margin:0 auto; background-color:#000} .tv_table2 .top_img { width:100%; height:313px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/tb_table2_top_01_s.png) no-repeat; background-position:center left ; position:relative;text-align:right;} /* 상단 롤링 이미지 */ .tv_table2 .top_img .img01 { width:100%; height:313px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/tb_table2_top_01.png) no-repeat; background-position:top right;} .tv_table2 .top_img .img02 { width:100%; height:313px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/tb_table2_top_02.png) no-repeat; background-position:top right;} .tv_table2 .top_img .img03 { width:100%; height:313px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/tb_table2_top_03.png) no-repeat; background-position:top right;} .tv_table2 .top_img .btn_play { width:100px; height:50px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/btn_play.png) no-repeat; background-size:50px 50px; background-position:top center; position:absolute; top:45%; right:28%; cursor:pointer; text-align:center;border:0px #ccc solid;} .tv_table2 .top_img .btn_play span { line-height:120px; color:#FFF;font-weight:bold ; text-shadow: 0px 0px 0px #000; } .tv_table2 .top_img .btn_info { width:auto; height:30px; background:url('//ximage.sharebox.co.kr/images/popup/bg_black50.png') repeat; position:absolute; top:20px; right:20px; padding:0px 20px;cursor:pointer; text-align:center; border:1px #ccc solid;} .tv_table2 .top_img .btn_info span { line-height:30px;color:#FFF;font-weight:bold ; } .tv_table2 .top_img .tv_time {width:216px; height:50px; border:0px #0CF solid; text-align:center; position:absolute; top:200px; left:65px; color:#FFF; } .tv_table2 .top_img .tv_time li { list-style:none;line-height:50px; display:inline-block;} .tv_table2 .top_img .tv_time .tv_line { width:10px;line-height:50px; display:inline-block; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/icon_tline.png) no-repeat; background-position:center} .tv_table2 .top_img .tv_time .tv_day { font-size:1.6em; color:#FFF; font-weight:bold; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; letter-spacing:-1px} .tv_table2 .top_img .tv_time .tv_txt { font-size:1.6em; color:#FFF; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; letter-spacing:-1px } .tv_table2 .nav { width:100%;height:58px; margin:auto; padding:0px; background-color:#000;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .tv_table2 .nav li { list-style:none; } .tv_table2 .nav .nav_L { width:auto; height:58px;padding-left:15px; padding-right:5px; float:left; margin:0 auto; text-align:center; background-color:#e31232; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .tv_table2 .nav .nav_bgimg {float:left; width:30px; height:58px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/tb_table2_bg.jpg) no-repeat;background-size:100% 100%;} .tv_table2 .nav .ic_book_on {float:left; width:60px; height:58px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_book.png) no-repeat; background-position:center center;cursor:pointer; } .tv_table2 .nav .ic_book_off {float:left; width:60px; height:58px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_book_off.png) no-repeat;background-position:center center;cursor:pointer; } .tv_table2 .nav .ic_book_off:hover {float:left; width:60px; height:58px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_book.png) no-repeat;background-position:center center;cursor:pointer; } .tv_table2 .nav .nav_C { float:left; width:50%; line-height:58px; display:table; } .tv_table2 .nav .nav_C li { width:10%; display:table-cell; text-align:center; color:#FFF; font-size:1.2em; letter-spacing:-1px ; cursor:pointer; font-weight:bold;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .tv_table2 .nav .nav_C li:hover { background-color:#e31232; } .tv_table2 .nav .nav_C li.on {background-color:#e31232; } .tv_table2 .nav .nav_R { width:160px;height:58px; float:right; } .tv_table2 .nav .nav_R .select_bx {width:85%; margin-top:10px; margin-left:5px; position:relative} .tv_table2 .nav .nav_R .select_bx select { width:100%; padding:10px 6px; color:#fff; border:2px solid #e31232; font-family:inherit; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/icon_bottomw.png) no-repeat 90% 50%; background-size:12px;position:absolute; right:0px; z-index:100; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;appearance: none;} .tv_table2 .nav .nav_R .select_bx select::-ms-expand {display: none;} .tv_table2 .nav .nav_R .select_bx select option { line-height:40px; background-color:#fff; color:#000 ;font-size:13px; letter-spacing:0px ; font-weight:500} .tv_table2 .tv_list { width:100%; margin:0 auto; height:auto; padding-top:30px; padding-bottom:20px} .tv_table2 .tv_list.bg1 {background-color:#e0e7f0;} .tv_table2 .tv_list.bg2 {background-color:#f9f9f9;} .tv_table2 .tv_list h1 { width:93%; height:40px;line-height:40px;padding-bottom:15px; margin:0 auto; font-size:2em; letter-spacing:-2px; text-align:left;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:300 } .tv_table2 .tv_list ul { display:table; margin-left:25px;} .tv_table2 .tv_list li { list-style:none; float:left; margin:7px 9px; height:220px;cursor:pointer;position:relative; } .tv_table2 .tv_list li img {width:116px; height:166px;margin-bottom:5px;} .tv_table2 .tv_list li .ic_bmk { width:25px; height:auto; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/popup/bg_black70.png) repeat; text-align:center;-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px; ; border-radius:0px 0px 30px 30px; position:absolute; top:0px; left:0px;z-index:100;} .tv_table2 .tv_list li .ic_bmk i { width:25px; height:25px; display:block; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_book.png) no-repeat;background-size:15px; background-position:center center; } .tv_table2 .tv_list li .tvL_txt1{ width:100%;display:block ; padding:3px 0px; text-align:left; font-size:13px;letter-spacing:0px; } .tv_table2 .tv_list li .tvL_txt2{ width:105px; display:block ; padding:4px 0px; text-align:left; font-size:13px;letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} /* 회차별*/ .tv_table2 .tv_episode_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:999; background:url('//ximage.sharebox.co.kr/images/popup/bg_black50.png') repeat;} .tv_table2 .tv_episode_layer .tv_episode { width:90%; margin:0 auto; text-align:center; background:#171717; padding-bottom:20px; position:relative; top:25%; border:#000 1px solid; } .tv_episode .tv_ep_left { width:30px; height:59px; background:url(//ximage.sharebox.co.kr/images/btn/sub_ptr_l.png) no-repeat; border:#000 0px solid; text-align:center; position:absolute; top:50%; left:0px; z-index:200; cursor:pointer;} .tv_episode .tv_ep_left:hover { width:30px; height:59px; background:url(//ximage.sharebox.co.kr/images/btn/sub_ptr_l.png) no-repeat; border:#000 0px solid; text-align:center; position:absolute; top:50%; left:0px; z-index:200; cursor:pointer;} .tv_episode .tv_ep_right { width:30px; height:59px; background:url(//ximage.sharebox.co.kr/images/btn/sub_ptr_r.png) no-repeat ;border:#000 0px solid; text-align:center; position:absolute; top:50%; right:0px;z-index:200; cursor:pointer} .tv_episode .tv_ep_right:hover { width:30px; height:59px; background:url(//ximage.sharebox.co.kr/images/btn/sub_ptr_r.png) no-repeat ;border:#000 0px solid; text-align:center; position:absolute; top:50%; right:0px;z-index:200; cursor:pointer} .tv_table2 .tv_episode .tb_eptit { width:100%; height:53px; line-height:53px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/bg_top.jpg) repeat-x; position:relative} .tv_table2 .tv_episode .tb_eptit li { list-style:none;line-height:53px; display:inline-block; } .tv_table2 .tv_episode .tb_eptit .icon_book { width:29px; height:29px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_tbook.png) no-repeat; background-position:bottom; position:absolute; top:10px; left:20px; cursor:pointer} .tv_table2 .tv_episode .tb_eptit .icon_book_off { width:29px; height:29px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_tbook.png) no-repeat; background-position:top; position:absolute; top:10px; left:20px;cursor:pointer} .tv_table2 .tv_episode .tb_eptit .icon_alarm { width:29px; height:29px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_alarm.png) no-repeat; background-position:bottom ;position:absolute;top:10px; left:55px;cursor:pointer} .tv_table2 .tv_episode .tb_eptit .icon_alarm_off { width:29px; height:29px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_alarm.png) no-repeat; background-position:top; position:absolute;top:10px; left:55px;cursor:pointer} .tv_table2 .tv_episode .tb_eptit .btn_close { width:29px; height:29px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/btn_close.png) no-repeat; background-position:center; position:absolute; top:10px; right:0px;cursor:pointer} .tv_table2 .tv_episode .tb_eptit .tv_name { clear:both; width:100%; margin:auto 0; text-align:center; font-size:1.5em; color:#FFF; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:500 } .tv_table2 .tv_episode .tb_title { width:90%; height:40px; line-height:40px; margin:0 auto; padding-top:20px;} .tv_table2 .tv_episode .tb_title li{ list-style:none; } .tv_table2 .tv_episode .tb_title .txt_titL { float:left; text-align:left; color:#FFF;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } .tv_table2 .tv_episode .tb_title .txt_titR { float:right; } .tv_table2 .tv_episode .tb_title .txt_titR .view_sel { width:100%;height:25px; line-height:25px; margin:0 auto; display:table; background-color:#555555; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .tv_table2 .tv_episode .tb_title .txt_titR .view_sel li { list-style:none; display:table-cell; padding:0px 10px; font-size:12px; text-align:center; cursor:pointer;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .tv_table2 .tv_episode .tb_title .txt_titR .view_sel .view_L { -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px;color:#fff; } .tv_table2 .tv_episode .tb_title .txt_titR .view_sel .view_L.on { background-color:#e31232; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;color:#fff;} .tv_table2 .tv_episode .tb_title .txt_titR .view_sel .view_R { -webkit-border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;color:#fff; } .tv_table2 .tv_episode .tb_title .txt_titR .view_sel .view_R.on { background-color:#e31232; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;color:#fff;} .tv_table2 .tv_episode .ep_lst { clear:both ;width:95%; margin:0 auto; padding-bottom:10px; } .tv_table2 .tv_episode .ep_lst ul { margin:0 auto; text-align:left; margin:0 auto; margin-left:18px;} .tv_table2 .tv_episode .ep_lst li {width:140px; height:100px; text-align:left; margin:0 auto; list-style:none; margin:10px 11px; cursor:pointer; display:none} .tv_table2 .tv_episode .ep_lst li.list_on { display:inline-block;} .tv_table2 .tv_episode .ep_lst li img {width:140px; height:80px;border:#646464 1px solid;} .tv_table2 .tv_episode .ep_lst li img:hover { border:#94ff01 1px solid} .tv_table2 .tv_episode .ep_lst li img.on { border:#94ff01 1px solid} .tv_table2 .tv_episode .ep_lst li .tvL_txt1{ width:100%; line-height:25px; display:block ; text-align:left; font-size:12px;letter-spacing:0px; color:#ccc;} .tv_table2 .tv_episode .btn_more { width:50%; height:40px; line-height:40px; margin:0 auto; margin-top:15px; text-align:center;border:#ccc 1px solid; color:#CCC; font-size:16px; cursor:pointer;font-weight:500; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .tv_table2 .tv_episode .btn_more:hover {background-color:#000; border:#e31232 1px solid; color:#e31232;} /* 놓친방송*/ .tv_table2 .tv_lis2 { width:100%; margin:0 auto; height:auto; padding-bottom:20px; background:#252a2f; } .tv_table2 .tv_lis2 .line_icon { width:100%; height:40px; border-top: 10px #e31232 solid;} .tv_table2 .tv_lis2 .line_icon li { list-style:none; width:100%; height:18px; background:url(//ximage.sharebox.co.kr/images/sub/tvtable/icon_bottom.png) no-repeat; background-position: top center} .tv_table2 .tv_lis2 h1 { width:93%;height:40px;line-height:40px;padding-bottom:15px; margin:0 auto; letter-spacing:-1px; text-align:left; } .tv_table2 .tv_lis2 h1 li { list-style:none; display:inline-block; color:#5f666d; cursor:pointer; margin-right:15px; padding-right:15px;color:#6c7075; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:500; font-size:2em;} .tv_table2 .tv_lis2 h1 li:first-child { border-right:1px #5f666d solid} .tv_table2 .tv_lis2 h1 li:hover { color:#ffffff} .tv_table2 .tv_lis2 h1 li.on { color:#ffffff} .tv_table2 .tv_lis2 ul { display:table; margin-top:30px;margin-left:25px;} .tv_table2 .tv_lis2 ul li { list-style:none; float:left; height:220px;margin:7px 9px; cursor:pointer; position:relative; } /*랭킹번호 */ .tv_table2 .tv_lis2 .ic_rank { width:25px; height:auto; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/icon/bg_black70.png) repeat; text-align:center;-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px; border-radius:0px 0px 30px 30px; position:absolute; top:0px; left:0px;z-index:100;} .tv_table2 .tv_lis2 .ic_rank span { width:25px; height:25px; display:block; color:#fff000;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:500; font-size:1.2em;} /*회차번호 */ .tv_table2 .tv_lis2 .ep_no { width:100%; height:25px; line-height:25px; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/icon/bg_black70.png) repeat; text-align:center; position:absolute; top:141px; z-index:100;} .tv_table2 .tv_lis2 .ep_no span {color:#fff;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size:1em;} .tv_table2 .tv_lis2 ul li img {width:116px; height:166px; display:block; margin-bottom:5px;} .tv_table2 .tv_lis2 ul li .tvL_txt1{ width:100%;display:block ; padding:3px 0px; text-align:left; font-size:12px;letter-spacing:0px; color:#ccc} .tv_table2 .tv_lis2 ul li .tvL_txt2{ width:105px; display:block ; padding:4px 0px; text-align:left; font-size:12px;letter-spacing:0px;font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#ccc} /*편성표 라디오 */ .tv_table2 .check-tvck { background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_off.png) no-repeat; background-size:19px; background-position-y:center; float:left; overflow:auto; margin-top:15px;:} .tv_table2 .check-tvck label { float:left; height:28px;cursor:pointer; scroll:none; } .tv_table2 .check-tvck label span { padding-top:3px; padding-left:30px; display:block;font-size:1.2em;color:#fff; letter-spacing:0px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .tv_table2 .check-tvck label input { display:none} .tv_table2 .check-tvck input:checked + span { background:url(//ximage.sharebox.co.kr/images/sub/tvtable/ic_on.png) no-repeat;background-size:19px; background-position-y:center; color:#fff;font-size:1.2em; letter-spacing:0px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} /*### 리뉴2023 서브리스트 _top ###*/ #contents_wrap .sub_list_top { width:100%; height:auto; background-color:#FFFFFF; margin-bottom:5px; border-left:#d4d4d4 1px solid; border-right:#d4d4d4 1px solid; border-top:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid;position:relative} /*### 리뉴2023 컨텐츠 리스트 포스터 탭 변경 ###*/ .sub_list_top .ctn_pteb { width:auto;margin:0 auto; height:50px; position:absolute; top:15px; right:18px; } .sub_list_top .ctn_pteb .ctn_pteb_s { height:50px; margin:0 auto; float:right ; } .sub_list_top .ctn_pteb .ctn_pteb_s li { min-width:120px; height:35px; line-height:35px; float:left; list-style:none; cursor:pointer; padding:0px 5px; } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb { background-color:#f9f9f9; color:#000; text-align:center ; font-size:12px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; margin-left:1px;border-top:#ccc 2px solid; border-left:#CCC 1px solid ;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid; } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb:hover {background-color:#FFF; color:#F00; text-align:center ; margin-left:1px;border-top:#F00 2px solid; border-left:#CCC 1px solid ;border-right:#CCC 1px solid;border-bottom:#fff 1px solid } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb.on { background-color:#FFF; color:#F00; text-align:center ; margin-left:1px;border-top:#F00 2px solid; border-left:#CCC 1px solid ;border-right:#CCC 1px solid;border-bottom:#fff 1px solid } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb .p_teb_ic { width:16px; height:16px; line-height:16px;background:url(https://ximage.sharebox.co.kr/images/icon/icon_adt19n.png) no-repeat; background-size:16px; margin-top:8px; margin-right:4px;display:inline-block;} .sub_list_top .sub_top_bg { width:100%; height:50px; background:#FFFFFF; position:relative} .sub_list_top .sub_top_bg_s {margin:0 auto; padding-top: 13px; } .sub_list_top .sub_top_bg_s li {margin:0 auto;list-style:none; float:left; } .sub_list_top .sub_top_bg.bot_line{ border-bottom:#d4d4d4 1px solid; } /*### 컨텐츠 리스트 서치후 ###*/ .sub_list_top .sub_top_bg_s .sub_cat_txt { display:inline-block ; width:auto; height:24px; line-height:24px; text-align:left;font-size:12px; color:#999;position:relative; padding-left:15px; } .sub_list_top .sub_top_bg_s .sub_cat_txtB{display:inline-block ; width:auto; height:24px; line-height:24px; text-align:left; font-size:1.5rem; color:#000; font-weight: bold; box-sizing: border-box; padding-left:15px;letter-spacing:-1px; font-family:'NotoSansB','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;position:relative;} .sub_list_top .sub_top_bg_s .sub_cat_txtB .mitxt { display:inline-block ; text-align:left; font-size:.8rem; color:#666; padding:0px 0px 0px 5px; letter-spacing:0px; font-weight: 100; } .sub_list_top .sub_cat_btn { width:500px; height:28px; line-height:28px; background-color:#fff; border:#CCC 1px solid; text-align:center; margin-right:0px; position:absolute; top:10px; right:15px; cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);} .sub_list_top .sub_cat_seller_btn{width:500px; height:28px; line-height:28px; background-color:#fff; border:#CCC 1px solid; text-align:center; margin-right:0px; position:absolute; top:10px; right:15px; cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sub_list_top .sub_cat_btn_img { width:320px; height:28px; line-height:28px; background-color:#fff; border:#CCC 1px solid; text-align:center; margin-right:0px; position:absolute; top:-5px; left:250px; cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} /*###롤링 포스터 썸넬용 ###*/ .sub_list_top .sub_cat_img {width:100%; height:149px; margin:0 auto; border-bottom:#d9d9d9 1px solid; position:relative; } .sub_list_top .sub_cat_img ul {width:100%; margin:0 auto; } .sub_list_top .sub_cat_img li {display:inline-block ; width:90px; height:128px; margin:0 auto; background-color:#ffffff; margin-top:10px; margin-left:2px; margin-right:2px; position:relative; } .sub_list_top .sub_cat_img li .cat_icon_hot { width:39px; height:46px; position:absolute; top:-3px; left:-1px;} /*###롤링 포스터 하이북 통 ###*/ .sub_list_top .sub_cat_img2 {width:100%; margin:0 auto; padding:10px 0px; position:relative; } .sub_list_top .sub_cat_img2 ul {width:100%; margin:0 auto; } .sub_list_top .sub_cat_img2 li {display:inline-block ; width:100%; height:120px; margin:0 auto; background-color:#ffffff; position:relative; } .sub_list_top .sub_cat_img2 li .cat_icon_hot { width:39px; height:46px; position:absolute; top:-3px; left:-1px;} .sub_list_top .sub_cat_img2 .open-event{ height:120px; overflow-y:hidden;overflow-x:hidden;} .sub_list_top .sub_cat_req_nav {float:right; width:500px; height:30px; margin:0 auto; background-color:#cccccc; position:absolute; top:0px; left:5px; } /*###롤링 포스터 ###*/ .ctnposter { width:1048px; height:230px; margin:0 auto;text-align: center;position: relative; } .ctnposter .poster_left { width:30px; height:59px; background:url(//ximage.sharebox.co.kr/images/btn/sub_ptr_l.png) no-repeat; border:#000 0px solid; text-align:center; position:absolute; top:70px; left:0px; z-index:200; cursor:pointer} .ctnposter .poster_right { width:30px; height:59px; background:url(//ximage.sharebox.co.kr/images/btn/sub_ptr_r.png) no-repeat ;border:#000 0px solid; text-align:center; position:absolute; top:70px; right:1px;z-index:200; cursor:pointer} .ctnposter .poster_left span { display:none} .ctnposter .poster_right span { display:none} .ctnposter ul.ctnposter_list { height:auto; list-style: none; margin:0 auto; } .ctnposter ul.ctnposter_list li { width:100%; text-align: center; margin:0 auto; box-sizing: border-box; } .ctnposter ul.ctnposter_list li ul li {width: 110px; height: 195px;box-sizing: border-box; float:left ; display:inline-block; margin:15px 12px;} .ctnposter ul.ctnposter_list li ul li .ct_imgbox { width: 110px; height: 160px; padding: 0px; position: relative; } .ctnposter ul.ctnposter_list li ul li .ct_imgbox .ct_evt {width: 100%; height: 20px; line-height:20px; background:url(//ximage.sharebox.co.kr/images/popup/bg_red60.png) repeat; position:absolute; bottom:0px; text-align: center;color:#ffffff; font-size:12px; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .ctnposter ul.ctnposter_list li ul li .ct_imgbox .pre_open{width: 100%; position: absolute; height: 160px; line-height: 178px; background: rgb(0 0 0 / 60%);font-size: 17px;color: #fff;} .ctnposter ul.ctnposter_list li ul li .ct_imgbox .pre_optxt{ height: 20px;position: absolute; line-height: 7px; background: #d80b0b; width: 50%; font-size: 12px; z-index: 5; color: #000; border-radius: 10px; padding: 7px; top: 50px; right: 24px; width: 64px; color: #fff;} .ctnposter ul.ctnposter_list .ct_title {width:110px; height:22px; line-height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666666; font-size:13px; letter-spacing:-.2px; text-align: center; font-weight:400 ;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .ctnposter ul.ctnposter_list .ct_imgbox .cat_icon_hot { width:39px; height:46px; position:absolute; top:-1px; left:-1px;} .ctnposter_thumb { width:943.19px; height: 195px; margin:0 auto; text-align: center; overflow: hidden; position: relative; } .ctnposter_thumb2 { width:943.19px; height: 195px; margin:0 auto; text-align: center; overflow: hidden; position: relative; } .ctnposter_btn_area {text-align: center; height: 20px; line-height: 20px; } .ctnposter_btn_area button { width: 100px; height: 20px; line-height: 20px; color:#cccccc; display: block;} .ctnposter_btn_area button.today_btn_prev {float: left;} .ctnposter_btn_area button.today_btn_next {float: right;} .ctnposter_btn_area .today_btn_page { background-color:#cccccc; margin: 0 2px; border: 0px currentColor; border-image: none; width: 8px; height: 8px; line-height: 0; text-indent: -9999px; font-size: 0px; display: inline-block;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .ctnposter_btn_area .on.today_btn_page {background-color:#82a513;} .tw_bold { font-weight: bold;} .ts_12 { font-size: 12px;} /*### 컨텐츠 리스트 포스터 탭 ### .sub_list_top .ctn_tnav { width:190px; height:28px; text-indent:-9999px;position:absolute; top:-5px; right:15px;} .sub_list_top .ctn_tnav li { width:93px; list-style:none; float:left; cursor:pointer} .sub_list_top .ctn_tnav .nav_le {width:93px; height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat 0px 0px;} .sub_list_top .ctn_tnav .nav_le.on1 {width:93px;height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat 0px -29px;} .sub_list_top .ctn_tnav .nav_rig {width:93px; height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat -92px 0px;} .sub_list_top .ctn_tnav .nav_rig.on2{width:93px; height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat -92px -29px;} /*### 컨텐츠 리스트 포스터 탭 변경 ### .sub_list_top .ctn_pteb { width:auto;margin:0 auto; height:50px; position:absolute; bottom:-1px; right:18px; } .sub_list_top .ctn_pteb .ctn_pteb_s { height:50px; margin:0 auto; float:right ; } .sub_list_top .ctn_pteb .ctn_pteb_s li { min-width:120px; height:35px; line-height:35px; float:left; list-style:none; cursor:pointer; padding:0px 5px; } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb { background-color:#f9f9f9; color:#000; text-align:center ; font-size:12px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; margin-left:1px;border-top:#ccc 2px solid; border-left:#CCC 1px solid ;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid; } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb:hover {background-color:#FFF; color:#F00; text-align:center ; margin-left:1px;border-top:#F00 2px solid; border-left:#CCC 1px solid ;border-right:#CCC 1px solid;border-bottom:#fff 1px solid } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb.on { background-color:#FFF; color:#F00; text-align:center ; margin-left:1px;border-top:#F00 2px solid; border-left:#CCC 1px solid ;border-right:#CCC 1px solid;border-bottom:#fff 1px solid } .sub_list_top .ctn_pteb .ctn_pteb_s .p_teb .p_teb_ic { width:16px; height:16px; line-height:16px;background:url(https://ximage.sharebox.co.kr/images/icon/icon_adt19n.png) no-repeat; background-size:16px; margin-top:8px; margin-right:4px;display:inline-block;} /*### 판매자 자료실 박스 ### .sub_list_top .sub_cat_sel {width:100%; min-height:60px;vertical-align:middle; margin:0 auto; border-bottom:#d9d9d9 1px solid; background:url(/images/sub/cat_seller_bg.jpg) repeat; } .sub_list_top .sub_cat_sel_s {width:96%; margin:0 auto; text-align:left; } .sub_list_top .sub_cat_sel_s li { float:left; display:block; width:100%; margin:0 auto; text-align:left; color:#ffffff;} .sub_list_top .sub_cat_sel_s table { width:100%; margin:0 auto; text-align:left; } .sub_list_top .sub_cat_sel_s table td { vertical-align:middle; color:#ffffff; font-size:13px;letter-spacing:-1px; height:60px; } .sub_list_top .sub_cat_sel_s .ctn_seller_book {font-size:11px;letter-spacing:-.5px; color:#e2e2e2;} .sub_list_top .sub_cat_sel_s .cat_seller_ipt { width:180px; height:25px; line-height:25px; vertical-align:middle; font-size:11px; padding-left:10px; letter-spacing:-1px; background-color:#FFFFFF; border:#000000 1px solid} .sub_list_top .sub_cat_sel_s .cat_seller_btn { width:90px; height:25px; line-height:25px; vertical-align:middle; } .sub_list_top .sub_cat_sel_s .seller_friend2 {line-height:20px;font-size:12px;letter-spacing:-0.1px;} .sub_list_top .sub_cat_sel_s .seller_friend {line-height:12px;font-size:11px;padding-left:23px;letter-spacing:-0.2px;} .sub_list_top .sub_cat_sel_s .seller_name { padding-top:10px;} */ /*### 리뉴2023 컨텐츠 리스트 포스터 탭 ### .sub_list_top .ctn_tnav { width:190px; height:28px; text-indent:-9999px;position:absolute; top:-5px; right:15px;} .sub_list_top .ctn_tnav li { width:93px; list-style:none; float:left; cursor:pointer} .sub_list_top .ctn_tnav .nav_le {width:93px; height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat 0px 0px;} .sub_list_top .ctn_tnav .nav_le.on1 {width:93px;height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat 0px -29px;} .sub_list_top .ctn_tnav .nav_rig {width:93px; height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat -92px 0px;} .sub_list_top .ctn_tnav .nav_rig.on2{width:93px; height:28px; background: transparent url(../images/sub/ctn_tnav.png) no-repeat -92px -29px;} */ /*### 리뉴2023 판매자 자료실 박스 ###*/ .sub_list_top .sub_cat_sel {width:100%; min-height:60px;vertical-align:middle; margin:0 auto; border-bottom:#d9d9d9 1px solid; background:url(//ximage.sharebox.co.kr/images/sub/cat_seller_bg.jpg) repeat; } .sub_list_top .sub_cat_sel_s {width:96%; margin:0 auto; text-align:left; } .sub_list_top .sub_cat_sel_s li { float:left; display:block; width:100%; margin:0 auto; text-align:left; color:#ffffff;} .sub_list_top .sub_cat_sel_s table { width:100%; margin:0 auto; text-align:left; } .sub_list_top .sub_cat_sel_s table td { vertical-align:middle; color:#ffffff; font-size:13px;letter-spacing:-1px; height:60px; } .sub_list_top .sub_cat_sel_s .ctn_seller_book {font-size:11px;letter-spacing:-.5px; color:#e2e2e2;} .sub_list_top .sub_cat_sel_s .cat_seller_ipt { width:180px; height:25px; line-height:25px; vertical-align:middle; font-size:11px; padding-left:10px; letter-spacing:-1px; background-color:#FFFFFF; border:#000000 1px solid} .sub_list_top .sub_cat_sel_s .cat_seller_btn { width:90px; height:25px; line-height:25px; vertical-align:middle; } .sub_list_top .sub_cat_sel_s .seller_friend2 {line-height:20px;font-size:12px;letter-spacing:-0.1px;} .sub_list_top .sub_cat_sel_s .seller_friend {line-height:12px;font-size:11px;padding-left:23px;letter-spacing:-0.2px;} .sub_list_top .sub_cat_sel_s .seller_name { padding-top:10px;} /*### 컨텐츠존 ###*/ .ctn_zone { width:100%; height:auto; margin:0 auto;position:relative; } .ctn_zone .cz_banner { width:100%; margin:0 auto; text-align:center; } /* 맞춤검색 서치바 */ .ctn_zone .cz_shbox { clear:both; width:100%; height:51px; line-height:49px; background:url(/images/sub/catzone_shbg.jpg) repeat-x; border-bottom: #d4d4d4 1px solid; border-bottom: #d4d4d4 1px solid;margin:0 auto; text-align:center; margin-top:0px;} .ctn_zone .cz_shbox li { list-style:none;float:left; display:inline-block; font-size:11px; font-family:"돋움" } .ctn_zone .cz_shbox .cz_check { margin-top:18px; } .ctn_zone .cz_shbox span { padding-left:5px; font-size:12px; font-family:"돋움"} .ctn_zone .cz_shbox .cz_select { height:30px; line-height:30px; margin-top:10px; background:#FFFFFF; border:#d4d4d4 1px solid;margin-left:3px;} .ctn_zone .cz_shbox .shbx { width:200px; height:30px; line-height:30px; margin-top:10px; background:#FFFFFF; border:#779712 2px solid;margin-left:5px;} .ctn_zone .cz_shbox .btn_shbx { width:70px; height:30px; line-height:30px; margin-top:10px; background:#779712;margin-left:5px; color:#FFFFFF; font-weight:bold; font-size:12px;} /* 상세리뷰 */ .ctn_zone .cz_spec {width:95%; height:auto; margin:0 auto; background:#d4d4d4; } .ctn_zone .cz_spec_tb { width:100%; min-height:260px; margin:0 auto; background:#FFFFFF; position:relative; padding-top:10px;} .ctn_zone .cz_spec_tb .td_line { border-bottom:#d4d4d4 1px dotted;} .ctn_zone .cz_spec_tb .td_tit { width:85%; height:40px; line-height:40px; text-align:left; float:left;position:relative; } .ctn_zone .cz_spec_tb .td_tit span { font-size:1.2rem; text-align:left; font-weight:500} .ctn_zone .cz_spec_tb .ctn_cont {width:13%; height:40px; line-height:40px; text-align:right; font-size:13px; color:#999; float:right} .ctn_zone .cz_spec_tb li { list-style:none; } .ctn_zone .cz_spec_tb .cz_txt1 { clear:both; width:95%; list-style:none;text-align:left; line-height:22px; height:22px; font-size:13px;} .ctn_zone .cz_spec_tb .cz_txt2 { clear:both; width:100%; max-height:65px; overflow:hidden;list-style:none;text-align:left; line-height:22px; font-size:13px; color:#666666; margin-bottom:5px;} .ctn_zone .cz_spec_tb .cz_txt3 { clear:both; width:100%; height:30px; text-align:left; line-height:30px; font-size:13px; } .ctn_zone .cz_spec_tb .cz_txt3 select {width:240px; height:30px; line-height:30px; border:1px #d0d0d0 solid; } /*### 서브리스트_탭 리뉴얼 2018.12 ###*/ #contents_wrap .center_wrap .sub_list_tab { clear:both; display:inline-block; width:100%; margin:4px 0 5px; } .sub_list_tab .sub_list_tab_l { float:left; } .sub_list_tab li { list-style:none; float:left; display:inline-block; box-sizing:border-box; cursor:pointer; } .sub_list_tab .sub_list_tab_l li { height:31px; line-height:31px; margin-right:3px; padding:0 10px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#888888; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .sub_list_tab .sub_list_tab_l li.sale { padding-left:20px; background:url(//ximage.sharebox.co.kr/images/sub/sub_list_tab_181218.png)no-repeat 0px 0px; background-color:#f9f9f9; } .sub_list_tab .sub_list_tab_l li.hot { padding-left:20px; background:url(//ximage.sharebox.co.kr/images/sub/sub_list_tab_181218.png)no-repeat 0px -30px; background-color:#f9f9f9; } .sub_list_tab .sub_list_tab_l li.free { padding-left:20px; background:url(//ximage.sharebox.co.kr/images/sub/sub_list_tab_181218.png)no-repeat 0px -60px; background-color:#f9f9f9; } .sub_list_tab .sub_list_tab_l li:hover { border:#ff0000 1px solid; border-bottom:none; background-color:#ffffff; color:#ff0000; } .sub_list_tab .sub_list_tab_l li.on { border:#ff0000 1px solid; border-bottom:none; background-color:#ffffff; color:#ff0000; } .sub_list_tab .sub_list_tab_r { float:right; } .sub_list_tab .sub_list_tab_r li { height:25px; line-height:25px; margin-top:3px; margin-right:5px; padding:0 6px; border-radius:3px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#656565; font-size:12px; letter-spacing:-0.5px; } .sub_list_tab .sub_list_tab_r li:hover { border:#cfdbe2 1px solid; background-color:#edf3fa; } .sub_list_tab .sub_list_tab_r li.on { border:#cfdbe2 1px solid; background-color:#edf3fa; } .sub_list_tab .sub_list_tab_r li.live_on span{display: inline-block;background: url(//ximage.sharebox.co.kr/images/icon/icon_list_on.png)no-repeat 0px 0px;width: 13px;height: 13px;vertical-align: text-bottom;} .sub_list_tab .sub_list_tab_r li.live_off span {display: inline-block;background: url(//ximage.sharebox.co.kr/images/icon/icon_list_off.png)no-repeat 0px 0px;width: 13px;height: 13px;vertical-align: text-bottom;} .sub_list_tab .sub_list_tab_r li input { width:11px; height:11px; margin-right:5px; } .sub_list_tab #viewcount { visibility:visible; width:100px; height:25px; margin-top:3px; } /*리뉴2023 리스트 탭*/ .sub_list_tabn { clear:both; width:795px; margin:0 auto; text-align: center; } .sub_list_tabn .sub_list_tabn_l { float:left; } .sub_list_tabn li { list-style:none;display:inline-block; box-sizing:border-box; cursor:pointer; } .sub_list_tabn .sub_list_tabn_l li {height:26px; line-height:24px; margin-right:3px; padding:0 15px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#888888; -webkit-border-radius:30px; -moz-border-radius: 30px; border-radius:30px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .sub_list_tabn .sub_list_tabn_l li:hover { border:#ff0000 1px solid; border-bottom:none; background-color:#ee2547; color:#fff; } .sub_list_tabn .sub_list_tabn_l li.on { border:#ff0000 1px solid; border-bottom:none; background-color:#ee2547; color:#fff; } .sub_list_tabn .check-buttoncl { margin:0 auto;display:block; text-align:left; background:url(//ximage.sharebox.co.kr/images/icon/icon_adt_off.png) 0px 2px no-repeat; background-size:20px; float:left; overflow:auto;} .sub_list_tabn .check-buttoncl label {height:26px; line-height:24px; cursor:pointer; scroll:none;} .sub_list_tabn .check-buttoncl label span { padding-left:26px; line-height:24px;display:block;font-size:12px; font-weight:400;color:#666 } .sub_list_tabn .check-buttoncl label input { display:none} .sub_list_tabn .check-buttoncl input:checked + span { background:url(//ximage.sharebox.co.kr/images/icon//icon_adt_on.png) 0px 2px no-repeat; background-size:20px; color:#666 } .sub_list_tabn .sub_list_tabn_r { float:right; } .sub_list_tabn .sub_list_tabn_r li {height:26px; line-height:26px; margin-right:5px; padding:0 10px; border:#cccccc 1px solid; background-color:#f9f9f9; cursor:pointer;color:#656565; font-size:12px; letter-spacing:-0.5px; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; } .sub_list_tabn .sub_list_tabn_r li:hover { border:#cfdbe2 1px solid; background-color:#edf3fa; } .sub_list_tabn .sub_list_tabn_r li.on { border:#cfdbe2 1px solid; background-color:#edf3fa; } .sub_list_tabn .sub_list_tabn_r li.live_on span{display: inline-block;background: url(//ximage.sharebox.co.kr/images/icon/icon_list_on.png)no-repeat 0px 0px;width: 13px;height: 13px;vertical-align: text-bottom;} .sub_list_tabn .sub_list_tabn_r li.live_off span {display: inline-block;background: url(//ximage.sharebox.co.kr/images/icon/icon_list_off.png)no-repeat 0px 0px;width: 13px;height: 13px;vertical-align: text-bottom;} .sub_list_tabn #viewcount { visibility:visible; width:100px; height:26px; line-height:26px; background-color:#ffffff;border:#cccccc 1px solid; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; } .sub_list_tabn .sub_list_tabn_r li input[type="checkbox"] { width: 15px; height: 15px; margin-top:8px ; margin-right:5px; accent-color: #296b02;} .main_list_tab { clear:both; width:795px; height: 40px; margin:0 auto; text-align: left; position:relative; } .main_list_tab .main_list_tab_L {display: inline-block; line-height: 40px; } .main_list_tab .main_list_tab_L h1 {color:#656565; font-size:1.2rem; letter-spacing:-2px; } .main_list_tab .main_list_tab_L h1 span {color:#ee2547; } .main_list_tab .main_list_tab_R {position:absolute; top:5px; right:0px; } .main_list_tab li { list-style:none;display:inline-block; box-sizing:border-box; cursor:pointer; } .main_list_tab .main_list_tab_R li {height:26px; line-height:24px; margin-right:3px; padding:0 15px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#888888; -webkit-border-radius:30px; -moz-border-radius: 30px; border-radius:30px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} .main_list_tab .main_list_tab_R li:hover { border:#333 1px solid; border-bottom:none; background-color:#333; color:#fff; } .main_list_tab .main_list_tab_R li.on { border:#ff0000 1px solid; border-bottom:none; background-color:#ee2547; color:#fff; } .main_list_tab .check-buttoncl { margin:0 auto;display:block; text-align:left; background:url(//ximage.sharebox.co.kr/images/icon/icon_adt_off.png) 0px 2px no-repeat; background-size:20px; float:left; overflow:auto;} .main_list_tab .check-buttoncl label {height:26px; line-height:24px; cursor:pointer; scroll:none;} .main_list_tab .check-buttoncl label span { padding-left:26px; line-height:24px;display:block;font-size:12px; font-weight:400;color:#666 } .main_list_tab .check-buttoncl label input { display:none} .main_list_tab .check-buttoncl input:checked + span { background://ximage.sharebox.co.kr/images/icon//icon_adt_on.png) 0px 2px no-repeat; background-size:20px; color:#666 } /*### 서브리스트 _탭 ###*/ #contents_wrap .center_wrap .sub_m_tab { clear:both; width:100%; height:31px; margin:0 auto; margin-bottom:10px;} .sub_m_tab li { list-style:none; margin-right:1px; display:block; } /* .sub_m_tab .sub_tab_01 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat; background-position:0px -31px; cursor:pointer;} .sub_m_tab .sub_tab_01:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab .sub_tab_01.ston1 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab .sub_tab_02 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat; background-position:-100px -31px; cursor:pointer;} .sub_m_tab .sub_tab_02:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tab_02.ston2 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tab_03 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat; background-position:-200px -31px; cursor:pointer;} .sub_m_tab .sub_tab_03:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_tab_03.ston3 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_tab_04 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat; background-position:-300px -31px; cursor:pointer;} .sub_m_tab .sub_tab_04:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab .sub_tab_04.ston4 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_toon_1021.jpg) no-repeat;background-position:-300px 1px;} */ /*### 서브리스트 _가격할인 ### .sub_m_tab .sub_tab_05 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-400px -31px; cursor:pointer;} .sub_m_tab .sub_tab_05:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-400px 1px;} .sub_m_tab .sub_tab_05.ston5 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-400px 1px;} */ /*### 서브리스트 _추천영화 ### .sub_m_tab .sub_tab_06 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-500px -31px; cursor:pointer;} .sub_m_tab .sub_tab_06:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-500px 1px;} .sub_m_tab .sub_tab_06.ston6 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-500px 1px;} */ /*### 서브리스트 _드라마할인 ### .sub_m_tab .sub_tab_07 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-600px -31px; cursor:pointer;} .sub_m_tab .sub_tab_07:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-600px 1px;} .sub_m_tab .sub_tab_07.ston7 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-600px 1px;} */ /*### 서브리스트 _경품할인 ### .sub_m_tab .sub_tab_08 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-700px -31px; cursor:pointer;} .sub_m_tab .sub_tab_08:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-700px 1px;} .sub_m_tab .sub_tab_08.ston8 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-700px 1px;} */ /*### 서브리스트 _일드할인 ### .sub_m_tab .sub_tab_09 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-800px -31px; cursor:pointer;} .sub_m_tab .sub_tab_09:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-800px 1px;} .sub_m_tab .sub_tab_09.ston9 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-800px 1px;} */ /*### 서브리스트 _명작영화 할인 ### .sub_m_tab .sub_tab_10 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-900px -31px; cursor:pointer;} .sub_m_tab .sub_tab_10:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-900px 1px;} .sub_m_tab .sub_tab_10.ston10 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-900px 1px;} */ /*### 서브리스트 _가족영화 할인 ### .sub_m_tab .sub_tab_11 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat; background-position:-1000px -31px; cursor:pointer;} .sub_m_tab .sub_tab_11:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-1000px 1px;} .sub_m_tab .sub_tab_11.ston11 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_170502.jpg) no-repeat;background-position:-1000px 1px;} .sub_m_tab .sub_tabTop_01 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat; background-position:0px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_01:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab .sub_tabTop_01.stop1 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat; background-position:0px 1px; } .sub_m_tab .sub_tabTop_02 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat; background-position:-100px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_02:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tabTop_02.stop2 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tabTop_03 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat; background-position:-200px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_03:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_tabTop_03.stop3 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_tabTop_04 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_top_170725.jpg) no-repeat; background-position:-300px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_04:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top_170725.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab .sub_tabTop_04.stop4 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_top_170725.jpg) no-repeat;background-position:-300px 1px;} */ .sub_m_tab .sub_rig_menu { float:right; width:380px; height:25px;line-height:25px; text-align:right; margin-top:5px;} .sub_m_tab .sub_left_menu { float:left; height:25px;line-height:25px; text-align:right; margin-top:5px;} .sub_list_top .sub_cat_req {width:100%; height:220px; margin:0 auto; } .sub_list_top .sub_cat_req_s {width:95%; margin:0 auto; text-align:left; padding-top:15px; } .sub_list_top .sub_cat_req_s li { float:left; display:block; width:100%; margin:0 auto; text-align:left;} .sub_list_top .sub_cat_req_s .req_txt { text-align:left; height:22px; line-height:22px; margin-top:3px;font-size:14px; color:#666666; letter-spacing:-.5px;} /*요청자료*/ .sub_req_tb {clear:both;width:100%; height:50px; text-align:left; } .sub_req_tb table { width:100%; margin:0 auto; height:25px; background-color:#eef1e6; border:#d9d9d9 1px solid; } .sub_req_tb td { width:12%; height:25px;line-height:25px; vertical-align:middle ; text-align:center; cursor:pointer;} .sub_req_tb td:hover { height:25px;line-height:25px; vertical-align:middle ; text-align:center;background-color:#ffffff; } .sub_req_tb .req_on { height:25px;line-height:25px; vertical-align:middle ; text-align:center;background-color:#ffffff; border-bottom:#819841 3px solid;font-weight:bold} .sub_req_tb .req_td_sun { border-right:#c6cfac 1px solid;} .my_req_button { height:33px; line-height:25px; margin-top:3px; margin-right:20px; padding:0 20px; border-radius:3px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#656565; font-size:11px; letter-spacing:-0.5px;cursor:pointer } /*### 연관겁색어 ###*/ .sub_list_top .sub_keyword {width:100%; min-height:50px; margin:0 auto; border-bottom:#d9d9d9 1px solid; } .sub_list_top .sub_keyword_s {width:95%; margin:0 auto; text-align:left; padding-top:5px; } .sub_list_top .sub_keyword_s table {width:100%; margin:0 auto; text-align:left; } .sub_list_top .sub_keyword_s table td { height:20px; line-height:20px; vertical-align:middle;text-align:left; } .sub_list_top .sub_keyword_s .keyword_tit { width:100px; height:40px; line-height:40px;vertical-align:middle; text-align:left; font-size:12px; color:#666666; letter-spacing:-.5px;font-weight:bold; } .sub_list_top .sub_keyword_s span { margin-right:10px;text-align:center; cursor:pointer;font-size:12px; color:#666666; letter-spacing:-.5px;} .sub_list_top .sub_keyword_s span:hover { margin-right:10px;text-align:center; cursor:pointer ;font-size:12px; color:#C33;letter-spacing:-.5px; text-decoration:underline;} /*### 요청자료 tab ### #contents_wrap .center_wrap .sub_m_tab_req { width:100%; height:31px; margin:0 auto; margin-bottom:10px;} .sub_m_tab_req li { list-style:none; cursor:pointer; margin-right:1px;} .sub_m_tab_req .sub_tab_req_01 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat; background-position:0px -31px;} .sub_m_tab_req .sub_tab_req_01:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab_req .sub_tab_req_01.reqon1 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab_req .sub_tab_req_02 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat; background-position:-100px -31px;} .sub_m_tab_req .sub_tab_req_02:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab_req .sub_tab_req_02.reqon2 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab_req .sub_tab_req_03 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat; background-position:-200px -31px;} .sub_m_tab_req .sub_tab_req_03:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab_req .sub_tab_req_03.reqon3 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab_req .sub_tab_req_04 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_req4.jpg) no-repeat; background-position:-300px -31px;} .sub_m_tab_req .sub_tab_req_04:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req4.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab_req .sub_tab_req_04.reqon4 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_req4.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab_req .sub_rig_menu { float:right; width:350px; height:25px;line-height:25px; text-align:right; margin-top:5px;} .sub_m_tab_req .sub_left_menu { float:left; height:25px;line-height:25px; text-align:right; margin-top:5px;} */ /*### 판매자 카테고리 탭###*/ #contents_wrap .center_wrap .sub_m_tab_sel{ width:100%; height:31px; margin:0 auto; margin-bottom:10px;} .sub_m_tab_sel li { list-style:none; cursor:pointer; margin-right:1px;} /* .sub_m_tab_sel .sub_tab_sel_01 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat; background-position:0px -31px;} .sub_m_tab_sel .sub_tab_sel_01:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab_sel .sub_tab_sel_01.selon1 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab_sel .sub_tab_sel_02 { float:left; width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat; background-position:-100px -31px;} .sub_m_tab_sel .sub_tab_sel_02:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab_sel .sub_tab_sel_02.selon2 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab_sel .sub_tab_sel_03 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat; background-position:-200px -31px;} .sub_m_tab_sel .sub_tab_sel_03:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab_sel .sub_tab_sel_03.selon3 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab_sel .sub_tab_sel_04 { float:left;width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat; background-position:-300px -31px;} .sub_m_tab_sel .sub_tab_sel_04:hover { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab_sel .sub_tab_sel_04.selon4 { width:98px; height:31px; background:url(../images/sub/sub_list_tab_seller.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab_sel .sub_rig_menu_sel { float:right; width:390px; height:25px;line-height:25px; text-align:right; margin-top:5px;} .sub_m_tab_sel .sub_left_menu_sel { float:left; height:25px;line-height:25px; text-align:right; margin-top:5px;} */ /*### 판매자 문의 등록폼 ###*/ .sel_board {clear:both; border-bottom:#d9d9d9 1px solid; border-top:#d9d9d9 1px solid; padding-top:10px;padding-bottom:10px; background-color:#f9f9f9; margin-bottom:10px;} .sel_board td { height:35px; line-height:35px;vertical-align:middle ; } .sel_btn { width:100%; height:70px; padding-top:20px; vertical-align:middle ; margin:0 auto; text-align:center;} .sel_board .sel_bod_1to1 { width:100%; height:30px;vertical-align:middle ; margin:0 auto; margin-top:5px;} .sel_board .sel_bod_1to1_ip { height:27px;line-height:27px;width:55px;vertical-align:middle ; text-align:center; background:#FFFFFF; border:#e2e2e2 1px solid; font-size:12px;} .sel_board .sel_bod_return {width:15px; height:15px; vertical-align:middle ; margin-right:5px; margin-top: 0px;} /*### 요청자료 등록폼 ###*/ .req_board {border-bottom:#d9d9d9 1px solid; border-top:#d9d9d9 1px solid; padding:10px; background-color:#f9f9f9; margin-bottom:10px;} .req_board td { padding: 5px 0; vertical-align:middle ; text-align:left;vertical-align: middle;} .req_board th { width:10%; padding: 5px 0; text-align:center; font-size:.8rem; vertical-align: middle; } .req_board .req_btn { width:100%; height:70px; padding-top:20px; vertical-align:middle ; margin:0 auto; text-align:center;} .req_board .input_nomal { width:60%; padding: 5px; height:40px;line-height:40px;background:#FFFFFF; border:#CCCCCC 1px solid; font-size:1rem; } .req_board .input_nomal:focus {outline:none;} .req_board .input_select { width:18%; line-height:180%; height:40px;line-height:40px; padding:0 10px; } .req_board .input_texta{ width:80%; line-height:180%; height:50px; padding:3px; resize:none; border:#CCCCCC 1px solid; display: inline-block;} .req_board .input_texta:focus {outline:none;} .req_board .btn_add{ width:15%;height:58px;line-height:58px;background:#819841; color:#fff; font-size:1rem; font-weight:400; display: inline-block;text-align:center;cursor:pointer} .req_board .btn_add:hover{ background:#000; color:#fff; } /*### 컨텐츠 리스트 ###*/ .ctn_list { clear:both; width:100%; height:auto; } .ctn_list table { width:100%; background:#FFFFFF; } .ctn_list td { height:40px; line-height:38px; vertical-align:middle ; border-bottom:#e2e2e2 1px dotted; letter-spacing:-.2px;position:relative; font-size:14px; position:relative; } .ctn_list th { height:27px; line-height:27px; text-align:center; background-color:#f9f9f9; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; font-size:14px; color:#666; font-weight:400;} .ctn_list .ctn_list_t { height:27px; line-height:27px; text-align:center; background-color:#f9f9f9; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; font-size:14px; color:#666;} .ctn_list .ctn_text {height:28px; line-height:28px; background-color:#f9f9f9;text-align:left; } /*### 리뉴2023 ###*/ .ctn_list .ctn_tile {width:560px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:14px; } .ctn_list input[type="checkbox"] { width:15px; height:15px; margin-top: 12px; accent-color: #296b02;} .ctn_list .bbs_list input[type="checkbox"] { width:15px; height:15px; margin-top: 12px; accent-color: #296b02;} .ctn_list .ctn_list_t input[type="checkbox"] { width:15px; height:15px; margin-top:5px; accent-color: #296b02;} /*### 컨텐츠 리스트 랭킹 버튼 ###*/ .ic_rank01 {color:#ef5f4b;font-weight:bold;} .ic_rank02 {color:#1387b7;font-weight:bold;} .ic_rank03 {color:#718f13;font-weight:bold;} .ic_rank04 {color:#666;font-weight:bold;} /*##### 컨텐츠 리스트 닉줄임 */ .txt_sl {word-wrap: break-word;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .ctn_list_ft {color:#666666;font-weight:bold; background-color:#fff77c} .ctn_list a{text-decoration:none;outline:none;cursor:pointer;color:#333333} .ctn_list a:hover{text-decoration:none;} .req_board_modify td{ height:35px; background-color:rgb(247, 248, 244);border-bottom:none} .ctn_list .se_bod { width:95%; height:auto; margin:0 auto; text-align:left; line-height:20px; padding-top:20px; padding-bottom:20px;} .ctn_list .se_re { width:95%;margin:0 auto; line-height:20px; vertical-align:middle ; text-align:left ;color:#333333;} .ctn_list .se_txt { clear:both; width:95%; height:auto; line-height:25px; margin:0 auto; text-align:left;padding-top:20px; padding-bottom:20px;} .ctn_list .se_bod_re { width:95%; height:auto; margin:0 auto; text-align:right; padding-top:10px; padding-bottom:10px; border-top:#CCCCCC 1px solid;} .ctn_list .se_bod_rebox {clear:both; width:95%; height:60px; vertical-align:middle;margin:0 auto; text-align:center; padding-bottom:40px; } .ctn_list .se_bod_rebox li { list-style:none; display:block; } .ctn_list .se_bod_rebox .sbb_l { width:650px; float:left; } .ctn_list .se_bod_rebox .sbb_R {width:91px; float:right; background-color:#cccccc;} .ctn_list .std td { background-color:#f7f7eb; } /*##### 컨텐츠 리스트 공지부분 */ .news {width:100%; margin:0 auto; height:40px; line-height:38px;text-align:left; border-bottom:#f5f6f8 1px solid;} .news .open-event {width:98%; margin:0 auto; text-align:left; height:40px; position:relative; overflow:hidden;} .news .open-event ul{ position:absolute; top:0px; left:0px;} .news .open-event li { width:100%; height:38px; line-height:38px; font-size:14px; letter-spacing:-.5px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif !important; } .news .open-event .news_tit {width:680px; height:38px; line-height:38px; font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif !important;;} /*### 판매자 미니레이어 ###*/ #ctn_selayer { position:relative;z-index:800 ;} .ctn_sebox { width:110px; margin:0 auto; text-align:left; background-color:#fff; border:#e2e2e2 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; box-shadow: 0px 0px 0px 0px #ccc; border-radius:5px; display:block; position:absolute; top:5px; right:0px; z-index:800} .ctn_sebox .ctn_sebox_tit {padding:0px 3px;height:30px;line-height:30px;text-align:center; background-color:#f9f9f9; border-bottom:#e2e2e2 1px solid; vertical-align:middle} .ctn_sebox .ctn_sebox_tit img { width:12px; padding-right:5px; line-height:30px;height:15px; vertical-align:middle;text-align:center; } .ctn_sebox .ctn_sebox_tit .se_name{padding: 0px 3px; font-size:11px; line-height:30px;height:30px;font-weight:bold; font-family:'Dotum','돋움','AppleSDGothicNeo',sans-serif; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .ctn_sebox li { list-style:none; padding:0px 5px; color:#666;font-size:11px; border-bottom:#e2e2e2 1px solid; cursor:pointer;font-family:'Dotum','돋움','AppleSDGothicNeo',sans-serif; } .ctn_sebox li img { width:11px; padding-right:5px; line-height:30px;height:13px; vertical-align:middle;text-align:center; } .ctn_sebox li:hover { background-color:#f9f9f9} .ctn_sebox li:last-child { border-bottom:#e2e2e2 0px solid; } .ctn_sebox li span.icon_L {padding:0px 10px 0px 5px; background:url(//ximage.sharebox.co.kr/images/icon/icon_list.gif) no-repeat; background-size:10px 11px;background-position:center; text-align:center left; } /*###리스트 아이콘 가격 ###*/ .ctn_Licon1{ background-color:#5db6d3; padding:4px 8px 2px 8px; font-size:12px; letter-spacing:-.1px; color:#FFF; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; white-space: nowrap;} /*###리스트 아이콘 무료이용 ###*/ .ctn_Licon2{ background-color:#e8492a; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-.7px; color:#FFF; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; white-space: nowrap;} /*###리스트 아이콘 할인중 ###*/ .ctn_Licon3{ background-color:#8e56c3; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-1px; color:#FFF; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; white-space: nowrap;} /*###리스트 아이콘 페이백 ###*/ .ctn_Licon4{ background-color:#8643c0; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-1px; color:#FFF; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; white-space: nowrap;} /*### 컨텐츠리스트 판매자 미니레이어 ###*/ .ctn_pseller { width:115px; position:absolute; top:0px; right:0px } .ctn_pseller .pseller_top {width:115px; height:30px; line-height:30px; background:url(//ximage.sharebox.co.kr/images/sub/ctn_popup_sellerm_01.png) no-repeat; text-align:center;position:relative; } .ctn_pseller .pseller_top .pseller_nick { width:90px; margin:0 auto; text-align:center; letter-spacing:-.5px;font-size:11px; color:#FFFFFF; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .ctn_pseller .pseller_top .pseller_close {width:14px; height:14px; background:url(//ximage.sharebox.co.kr/images/sub/ctn_popup_sellerm_close.png) no-repeat; cursor:pointer;position:absolute; top:7px; right:5px } .ctn_pseller .pseller_mid {width:115px; height:60px; background:url(//ximage.sharebox.co.kr/images/sub/ctn_popup_sellerm_02.png) repeat-y; text-align:left; } .ctn_pseller .pseller_mid li {width:100%; height:30px; line-height:30px; list-style:none; margin:0 auto; font-size:11px; color:#333; cursor:pointer; display:block; text-align:left; letter-spacing:-.5px; } .ctn_pseller .pseller_mid .pseller_sun { border-bottom:#999999 1px dotted } .ctn_pseller .pseller_bot {width:115px; height:5px; background:url(//ximage.sharebox.co.kr/images/sub/ctn_popup_sellerm_03.png) no-repeat;background-position:bottom} .ctn_pseller2 { width:115px; position:absolute; top:0px; right:0px;background-color:#FFF; border:#86aa16 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:9999;} .ctn_pseller2 .pseller_nick2 { width:90px; margin:0 auto; text-align:center; letter-spacing:-.5px;font-size:11px; color:#fff; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .ctn_pseller2 table {width:100%; height:60px; line-height:25px; padding:0; background-color:#FFF;} .ctn_pseller2 table td {height:25px; line-height:25px; font-size:11px; letter-spacing:-.5px;} /* 뮤직카테고리 .cat_music { width:795px; margin:0 auto; position:relative } .cat_music .banner_music { width:100%; height:200px; background:url(/images/banner/banner_music.gif) no-repeat; position:relative;} .cat_music .music_nav { width:100%; height:52px; margin-top:5px; background:url(/images/music_bg.gif) repeat-x ; border: #cccccc 1px solid; position:relative} .music_nav .music_menu {width:558px; height:52px;; float:left; position:relative ; } .music_nav .music_menu li{ width:93px; list-style:none; height:52px; line-height:40px; text-align:center; float:left; font-size:12px; font-weight:bold; border-top:#fff 5px solid;cursor:pointer ;} .music_nav .music_menu li:hover {background-color:#ffffff; border-top:#590ea4 5px solid;} .music_nav .music_menu li.on {background-color:#ffffff; border-top:#590ea4 5px solid;} .music_nav .music_menu .muline { border-right:#e2e2e2 1px solid;} .music_nav .music_sh { width:235px; height:35px; float:right; position:relative; margin-top:7px; } .music_nav .music_sh li{list-style:none; } .music_nav .music_input { width:160px; height:35px; line-height:35px; background-color:#FFF; border:#CCC 1px solid;float:left ; margin-left:10px; } .music_nav .music_input .minput { width:98%; height:30px; line-height:30px; background-color:#ffffff; border:#ffffff 0px solid;text-align:center;} .music_nav .music_sh .btn_sh { width:55px; height:35px; line-height:35px; text-align:center; background-color:#590ea4; border:#590ea4 1px solid; color:#FFF; font-weight:bold; font-size:11px; float:left ; border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;cursor:pointer } .music_info { clear:both; width:100%; height:auto; margin-top:20px; margin-bottom:10px; padding-bottom:10px;position:relative;border-bottom: #e2e2e2 1px solid; } .music_info li {list-style:none; margin:0 auto; line-height:18px; display:block; text-align:left; color:#666; font-size:11px;} .cat_music .music_subnav { clear:both; width:100%; height:35px; line-height:35px; font-size:11px; border-bottom: #cccccc 1px solid; text-align:right; position:relative} .cat_music .music_subnav li {list-style:none; margin:0 auto; padding:10px; display:inline; cursor:pointer ;color:#000; } .cat_music .music_subnav li:hover {font-weight:bold;} .cat_music .music_subnav li.on { font-weight:bold; } */ /*### 회원가입###*/ .banner_join {clear:both; width:100%; margin:0 auto; /* cursor:pointer; */} .sh_join {width:100%; margin:0 auto; text-align:center;border-left:#dbdbdb 1px solid;border-right:#dbdbdb 1px solid;border-bottom:#dbdbdb 1px solid;border-top:#dbdbdb 1px solid; padding-top:20px;} .sh_join_s {width:95%; margin:0 auto;} .sh_join_s .tit {width:auto; height:25px;margin:0 auto; line-height:25px; background:url(//ximage.sharebox.co.kr/images/sub/join_tit.gif) no-repeat 0px 0px; margin:0 auto; text-align:left; padding-left:105px; margin-bottom:10px; letter-spacing:-.5px; color:#666666; margin-left:20px;} .sh_join_s h1{height:20px; line-height:20px; font-size:20px;text-align:left; color:#333;font-weight:400;} .sh_join_s h1 span { color:#f4364e;font-weight:bold;} .sh_join_s .tit_pat {width:auto; height:25px;margin:0 auto; line-height:25px; background:url(//ximage.sharebox.co.kr/images/sub/join_tit_pat.gif) no-repeat 0px 0px; margin:0 auto; text-align:left; padding-left:105px; margin-bottom:10px; letter-spacing:-.5px; color:#666666; margin-left:20px;} .sh_join_s .radio_pat {width:15px; height:40px; line-height:40px; margin-right:10px;} .sh_join_s table {width:95%; margin:0 auto; background-color:#fff; border:#CCCCCC 1px solid; } .sh_join_s table td {padding-left:10px; height:40px; line-height:40px;vertical-align:middle; border-bottom:#ccc 1px dotted} .sh_join_s table .td_tit { line-height:25px; height:25px; background-color:#f8f8f8; border-right:#dbdbdb 1px solid; color:#666666} .sh_join_s table .mail_info { height:30px; text-align:left; line-height:18px;} .sh_join_s .btn_join {width:100%; margin:0 auto; text-align:center; margin-top:10px;} .sh_join .join_jum_bx {width:100%; height:220px; text-align:center; margin:0 auto; background:#f8f8f8; padding-top:20px;border-top:#ccc 2px dotted; margin-top:50px;} .sh_join .join_jum_bx li { list-style:none} .sh_join .join_jum_bx .sh_age{ width:95%; padding:5px 0px; margin:0 auto; text-align:left; } .sh_join .join_jum_bx .sh_age p{ height:25px;} .sh_join .join_jum_bx .sh_agreement{ width:95%;height:100px; margin:0 auto; } .sh_join .join_jum_bx .sh_agreement .agree_box { width:48%; float:left; list-style: none; text-align:left; background-color:#fff; margin-bottom:10px; border:1px #ccc solid; } .sh_join .join_jum_bx .sh_agreement .agrep { width:48%; float:left; list-style: none; text-align:left; margin-bottom:10px; height:40px;color:#666; } .btn_joinevt {padding:5px 20px; background-color:#333; color:#FFF; font-size:11px; text-align:center;-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; cursor:pointer } /*### 본문-sns 로그인 */ .sh_join_s .sns_log { width:95%; margin:0 auto; border-bottom:#e2e2e2 1px solid; padding-bottom:30px; margin-bottom:20px;} .sh_join_s .sns_log h1{height:20px; line-height:20px; font-size:20px;text-align:left; color:#333;font-weight:400;letter-spacing:-2px;} .sh_join_s .sns_log h1 span { color:#f4364e;font-weight:bold;letter-spacing:-1px;} .sh_join_s .sns_log ul { padding:0px; display:block; text-align:left; margin-top: 10px;} .sh_join_s .sns_log li { list-style:none; display:inline-block; padding:7px 30px;cursor:pointer ;box-sizing:border-box; margin: 0 5px 0 0;} .sh_join_s .sns_log li span{ height:25px; line-height:25px;font-size:14px; padding-left:23px;vertical-align: middle;font-weight:400;} .sh_join_s .sns_log .sns_kakao { background:url(//ximage.sharebox.co.kr/images/icon/sns_kaka.png) no-repeat 15px 10px #fae100; color:#333;display:inline-block; border:#d9c513 1px solid;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; } .sh_join_s .sns_log .sns_naver { background:url(//ximage.sharebox.co.kr/images/icon/sns_naver.png) no-repeat 15px 10px #03cf5c; color:#FFF ;display:inline-block; border:#10ba5a 1px solid;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;} .sh_join_s .sns_log .sns_google { background:url(//ximage.sharebox.co.kr/images/icon/sns_google.png) no-repeat 15px 10px #f9f9f9; color:#333;display:inline-block; border:#d2d2d2 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;} /*### 포인트충전###*/ .charge_tit { clear:both; width:95%; height:20px; margin:0 auto; text-align:left; margin-top:20px; margin-bottom:10px; position:relative; } .charge_tit .banner_xmas_ch {width:346px; height:21px; background:url(../images/banner/banner_xmas_ch.gif) no-repeat; position:absolute; top:0px; right:0px; cursor:pointer; } .charge { clear:both; width:100%; margin:0 auto; position:relative; z-index:100; } .charge table { width:100%; margin:0 auto; position:relative; } .charge table td { height:40px; line-height:40px;vertical-align:middle; border-bottom:#e0e0e0 1px solid;} .charge table td span {font-family:Verdana, Geneva, sans-serif; } .charge .ch_tit { height:30px; line-height:30px; font-size:11px; background-color:#f9f9f9; border-bottom:#CCC 1px solid;border-top:#CCC 1px solid; text-align:center; color:#666;} .charge .tit_tot { height:40px; line-height:40px; font-size:14px; background-color:#f9f9f9; border-bottom:#CCC 1px solid;border-top:#CCC 1px solid; text-align:center} .charge .td_rig { border-right:#e0e0e0 1px solid;} .charge .icon_hot1 { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:25px; left:20px; z-index:200} .charge .icon_hot2 { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:68px; left:20px; z-index:200} .charge .icon_hot2ev { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:71px; left:20px; z-index:200} .charge .icon_hot3 { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:113px; left:20px; z-index:200} .charge .icon_hot3ev { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:113px; left:20px; z-index:200} .charge .icon_hot4 { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:151px; left:20px; z-index:200} .charge .icon_hot4ev { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:160px; left:20px; z-index:200} .charge .icon_hot5 { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:193px; left:20px; z-index:200} .charge .icon_hot6 { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:234px; left:20px; z-index:200} .charge .icon_hot3_ev { width:41px; height:41px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hot.png) no-repeat; position:absolute; top:128px; left:20px; z-index:200} .charge_info { clear:both;width:100%; position:relative; text-align:left; margin-top:50px; margin-bottom:30px; } .charge_info li { list-style:none; display:block; height:20px; line-height:20px; text-align:left;color:#666; } .charge .btn_buy { width:100%; margin:0 auto; height:60px; text-align:center; margin:30px 0px; background:url(//ximage.sharebox.co.kr/images/btn/btn_buy.gif) no-repeat 0px 0px;background-position:center; cursor:pointer;} /*### 충전소 선택박스 ###*/ .shbox { width:29px; height:auto; text-align:center;margin:0 auto; } .shbox input[type="checkbox"] { display:none;} .shbox input[type="checkbox"] + label { color:#f2f2f2;font-family:Arial, sans-serif; font-size:14px;} .shbox input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(//ximage.sharebox.co.kr/images/icon/icon_check.png) no-repeat left top no-repeat; cursor:pointer;} .shbox input[type="checkbox"]:checked + label span { background:url(//ximage.sharebox.co.kr/images/icon/icon_check.png) -19px top no-repeat;} .shbox input[type="radio"] { display:none;} .shbox input[type="radio"] + label { color:#f2f2f2; font-family:Arial, sans-serif;font-size:14px;} .shbox input[type="radio"] + label span {display:inline-block; width:29px; height:29px; margin:-1px 4px 0 0;vertical-align:middle; background:url(//ximage.sharebox.co.kr/images/icon/icon_check.png) -64px top no-repeat; cursor:pointer;} .shbox input[type="radio"]:checked + label span { display:inline-block; width:29px; height:29px; margin:-1px 4px 0 0;vertical-align:middle; background:url(//ximage.sharebox.co.kr/images/icon/icon_check.png) -94px top no-repeat; cursor:pointer;} /*### 충전소 버튼 ###*/ .charge_btn_bg { width:100%; margin:0 auto; margin-top:20px;} .charge_btn_bg_s {overflow:hidden; margin:0 auto; text-align:center; } .charge_btn_bg_s ul { width:100%; clear:both;overflow:hidden;list-style:none;float:left;margin:0;padding:0; margin-bottom:5px;} .charge_btn_bg_s ul li {float:left; width:145px;height:70px; margin-right:7px; margin-bottom:5px;} .charge_btn_bg_s ul li a span {display:none;} .charge_btn_bg_s ul li a { background:url(//ximage.sharebox.co.kr/images/btn/btn_charge_round.png) no-repeat} .charge_btn_bg_s ul li a { height:70px;width:145px;display:block;} /*휴대폰*/ .charge_btn_bg_s .m1 a {width:145px; background-position: 0px 0px} .charge_btn_bg_s .m1 a:hover {width:145px; background-position: -161px 0px} /*ARS 전화결제*/ .charge_btn_bg_s .m2 a {width:145px; background-position: 0px -80px} .charge_btn_bg_s .m2 a:hover {width:145px; background-position: -161px -80px} /* 폰빌*/ .charge_btn_bg_s .m3 a {width:145px; background-position: 0px -160px} .charge_btn_bg_s .m3 a:hover {width:145px; background-position: -161px -160px} /*카드포인트 */ .charge_btn_bg_s .m4 a {width:145px; background-position: 0px -240px} .charge_btn_bg_s .m4 a:hover {width:145px; background-position: -161px -240px} /* 신용카드*/ .charge_btn_bg_s .m5 a {width:145px; background-position: 0px -320px} .charge_btn_bg_s .m5 a:hover {width:145px; background-position: -161px -320px} /* 신용카드 해외*/ .charge_btn_bg_s .m6 a {width:145px; background-position: 0px -400px} .charge_btn_bg_s .m6 a:hover {width:145px; background-position: -161px -400px} /* 실시간계좌이체*/ .charge_btn_bg_s .m7 a {width:145px; background-position: 0px -480px} .charge_btn_bg_s .m7 a:hover {width:145px; background-position: -161px -480px} /* 가상계좌*/ .charge_btn_bg_s .m8 a {width:145px; background-position: 0px -560px} .charge_btn_bg_s .m8 a:hover {width:145px; background-position: -161px -560px} /* 무통장입금*/ .charge_btn_bg_s .m9 a {width:145px; background-position: 0px -640px} .charge_btn_bg_s .m9 a:hover {width:145px; background-position: -161px -640px} /* 도서생활권*/ .charge_btn_bg_s .m10 a {width:145px; background-position: 0px -720px} .charge_btn_bg_s .m10 a:hover {width:145px; background-position: -161px -720px} /* 게임상품권*/ .charge_btn_bg_s .m11 a {width:145px; background-position: 0px -800px} .charge_btn_bg_s .m11 a:hover {width:145px; background-position: -161px -800px} /* 해피상품권*/ .charge_btn_bg_s .m12 a {width:145px; background-position: 0px -880px} .charge_btn_bg_s .m12 a:hover {width:145px; background-position: -161px -880px} /* 도토리*/ .charge_btn_bg_s .m13 a {width:145px; background-position: 0px -960px} .charge_btn_bg_s .m13 a:hover {width:145px; background-position: -161px -960px} /* 문화상품권*/ .charge_btn_bg_s .m14 a {width:145px; background-position: 0px -1040px} .charge_btn_bg_s .m14 a:hover {width:145px; background-position: -161px -1040px} /* 티머니*/ .charge_btn_bg_s .m15 a {width:145px; background-position: 0px -1120px} .charge_btn_bg_s .m15 a:hover {width:145px; background-position: -161px -1120px} /* 홈플러스기프트*/ .charge_btn_bg_s .m16 a {width:145px; background-position: 0px -1200px} .charge_btn_bg_s .m16 a:hover {width:145px; background-position: -161px -1200px} /* 쉐어박스망리지*/ .charge_btn_bg_s .m17 a {width:145px; background-position: 0px -1280px} .charge_btn_bg_s .m17 a:hover {width:145px; background-position: -161px -1280px} /* 쉐어박스201810 충전리뉴*/ .chargeN_info { clear:both;width:95%; margin:0 auto; height:40px; line-height:40px; margin-top:20px;margin-bottom:10px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; } .chargeN_info .chargeN_info_L {text-align:left; height:40px; line-height:40px; text-align:left; font-weight:bold; font-size:20px;letter-spacing: -1px; float:left; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif !important;} .chargeN_info .chargeN_info_L span {color:#e21317} .chargeN_info .chargeN_info_Ltxt { height:40px; line-height:40px; text-align:left; float:left; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif;letter-spacing:-1px;} .chargeN_info .chargeN_info_R { float:right; text-align:right; } .chargeN_info .chargeN_info_R .ic_p { background-color:#000; color:#FFF; font-size:11px; text-align:center; padding:2px 5px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; } .chargeN_info .chargeN_info_R .ic_b { background-color:#093; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; } .chargeN_info .chargeN_info_R .ic_sb {background-color:#F00; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; } .chargeN_info .chargeN_info_R .ic_m {background-color:#df792e; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; } .chargeN_info .chargeN_info_R .ic_normal {background-color:#666; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; } .chargeN_info .chargeN_info_R .ic_s { color:#000; font-size:12px; text-align:center; line-height:15px; padding:3px;padding-left:5px;letter-spacing:-1px; } .chargeN_info .chargeN_info_R .ic_ss { color:#666; font-size:11px; text-align:center; line-height:15px; padding:3px;padding-left:5px;letter-spacing:-1px; } .chargeN_notice {clear:both; width:95%; margin:0 auto; border-top: 1px #ccc dotted; padding-top:20px; padding-bottom:40px;position:relative} .chargeN_notice .chargeN_notice_s{width:100%; margin:0 auto;text-align:left; } .chargeN_notice .chargeN_notice_s p { line-height:20px; text-align:left;color:#666; } /* 충전소 시작 */ .chargN { clear:both; width:95%; margin:0 auto; position:relative; padding-bottom:50px;} .chargN .cha_box { width:100%; padding:0px; margin:0 auto; background:#ffffff; border:#CCC 1px solid; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom:20px; } .chargN .cha_box.on { width:100%; padding:0px; margin:0 auto; background:#ffffff; border:#ed152a 2px solid; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom:20px; } /* 추천레드*/ .chargN .icon_hitR1 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:-5px; z-index:100} .chargN .icon_hitR2 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:90px; z-index:100} .chargN .icon_hitR3 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:185px; z-index:100} .chargN .icon_hitR4 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:282px; z-index:100} .chargN .icon_hitR5 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:385px; z-index:100} /* 추천퍼플 */ .chargN .icon_hitP1 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:-5px; z-index:100} .chargN .icon_hitP2 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:90px; z-index:100} .chargN .icon_hitP3 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:185px; z-index:100} .chargN .icon_hitP4 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:282px; z-index:100} .chargN .icon_hitP5 {clear:both;width:34px; height:34px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP.png) no-repeat; background-position:center; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:-10px; top:385px; z-index:100} /* 추천레드 2109 */ .chargN .icon_hitR1 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:-5px; z-index:100} .chargN .icon_hitR2 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:90px; z-index:100} .chargN .icon_hitR3 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:185px; z-index:100} .chargN .icon_hitR4 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:282px; z-index:100} .chargN .icon_hitR5 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:380px; z-index:100} .chargN .icon_hitR6 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitR2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:477px; z-index:100} /* 추천퍼플 2109 */ .chargN .icon_hitP1 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:-5px; z-index:100} .chargN .icon_hitP2 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:90px; z-index:100} .chargN .icon_hitP3 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:185px; z-index:100} .chargN .icon_hitP4 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:285px; z-index:100} .chargN .icon_hitP5 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:380px; z-index:100} .chargN .icon_hitP6 {clear:both;width:34px; height:37px; line-height:34px; background:url(//ximage.sharebox.co.kr/images/icon/icon_hitP2109.png) no-repeat; background-position:center 100%; font-size:11px; font-weight:bold;color:#FFF ;text-align:center; position:absolute; left:14px; top:477px; z-index:100} /* 특가 혜택문구 */ .chargN .icon_msg1 { z-index:999; position:absolute; top:-11px; right:290px; width:114px; padding:0 8px; line-height:21px; text-align:center; font-size:11px; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; letter-spacing:-1px; } .chargN .icon_msg2 { z-index:999; position:absolute; top:86px; right:290px; width:114px; padding:0 8px; line-height:21px; text-align:center; font-size:11px; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; letter-spacing:-1px; } .chargN .icon_msg3 { z-index:999; position:absolute; top:182px; right:290px; width:114px; padding:0 8px; line-height:21px; text-align:center; font-size:11px; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; letter-spacing:-1px; } .chargN .icon_msg4 { z-index:999; position:absolute; top:281px; right:290px; width:114px; padding:0 8px; line-height:21px; text-align:center; font-size:11px; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; letter-spacing:-1px; } .chargN .icon_msg5 { z-index:999; position:absolute; top:379px; right:290px; width:114px; padding:0 8px; line-height:21px; text-align:center; font-size:11px; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; letter-spacing:-1px; } .chargN .icon_msg6 { z-index:999; position:absolute; top:476px; right:290px; width:114px; padding:0 8px; line-height:21px; text-align:center; font-size:11px; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; letter-spacing:-1px; } .chargN .cha_box table {width:100%; margin:0 auto; padding:0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .chargN .cha_box td { padding-top:10px; padding-bottom:10px; } .chargN .cha_box .txt1 { width:100%; line-height:30px; text-align:left; font-size:1em;letter-spacing:-.5px; position:relative; } .chargN .cha_box .txt2 { width:100%; line-height:20px; text-align:left;letter-spacing:-1px; } .chargN .cha_box .txt_deco { text-decoration:line-through} .chargN .cha_box .txt_rigbg { width:200px; background:#f9f9f9; text-align:right; padding-right:20px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius:0px 5px 5px 0px; position:relative} .chargN .cha_box .txt_rig { height:40px; line-height:40px; margin-top:15px; position:relative;letter-spacing: -3px; } .chargN .cha_box .txt_rig .txtspa {letter-spacing: -1px;} .chargN .cha_box .txt_rig_top { line-height:10px; margin-top:10px;font-size:12px;color:#666 ;letter-spacing:0px;position:absolute; right:20px; top:5px; } .chargN .cha_box .txt_rigbg .icon_blue {width:40px; height:50px; line-height:45px; background:url(//ximage.sharebox.co.kr/images/icon/icon_poblue.png) no-repeat; background-position:center; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px; letter-spacing:0;color:#FFF ; font-weight:bold;text-align:center; position:absolute; left:-20px; top:-1px; z-index:100} .chargN .cha_box .txt_rigbg .icon_red {width:40px; height:50px; line-height:50px; background:url(//ximage.sharebox.co.kr/images/icon/icon_pored.png) no-repeat; background-position:center; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px; letter-spacing:0;color:#FFF ; font-weight:bold;text-align:center; position:absolute; left:-20px; top:-1px; z-index:100} .chargN .cha_info { width:100%; padding:0px; margin:0 auto; background:#ffffff; border:#CCC 1px solid; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-bottom:20px; } .chargN .cha_info table {width:100%; margin:0 auto; padding:0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .chargN .cha_info td {min-width:50px;padding-top:5px; padding-bottom:5px;display:table-cell; line-height:30px; text-align:center;color:#393535 ; letter-spacing:-1px; } .chargN .cha_info .chatit { background:#ececec; border-bottom:#CCC 1px solid; font-size:12px;color:#666 ;letter-spacing:0px;} .chargN .cha_info .chatitB { background:#57575d; border-bottom:#CCC 1px solid; font-size:13px; } .chargN .cha_info .chatitR {background:#57575d; border-bottom:#CCC 1px solid; font-size:13px; } .chargN .cha_info .chlineR { border-right:#CCCCCC 1px solid; } .chargN .cha_info .chradiL { -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius:5px 0px 0px 0px;border-radius:5px 0px 0px 0px;} .chargN .cha_info .chradiR { -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius:0px 5px 0px 0px;border-radius:0px 5px 0px 0px;} .chargN .btn_buy { width:100%; margin:0 auto; height:60px; text-align:center; margin:30px 0px; background:url(//ximage.sharebox.co.kr/images/btn/btn_buy.gif) no-repeat 0px 0px;background-position:center; cursor:pointer;} .chfontP {color:#000 ;} .chfontB {color:#009933 ;} .chfontSB{color:#ff0000 ;} .chfontM{color:#ff5704 ;} /* 라디오 MID 박스 */ .radio-button { margin-left:15px; margin-top:15px; background:url(https://ximage.sharebox.co.kr/images/icon/icon_stoff.png) no-repeat; background-size:30px 30px; overflow:auto; float:left; margin-right:10px;} .radio-button label { float:left; width:30px; height:30px;vertical-align:middle;overflow:hidden;scroll:none;cursor:pointer; margin-right:3px; } .radio-button label span { text-align:center; height:30px; display:block;} .radio-button label input {position:absolute; top:-30px;display:none;} .radio-button input:checked + span {background:url(https://ximage.sharebox.co.kr/images/icon/icon_ston.png) no-repeat; background-size:30px 30px; color:#333; } /* 쉐어박스201810 충전리뉴 end*/ /* 정액제충전소*/ .flat_wrap { width:795px; margin:0 auto; background:#f0f0f0;} .flat { width:714px; margin:0 auto; text-align:center; padding-top:10px;} .flat li{ list-style:none; display:block; margin-top:30px; cursor:pointer} .flat_noti { clear:both; width:700px; margin:0 auto; text-align:left; margin-top:40px; padding-bottom:50px; position:relative; } .flat_noti li{ list-style:none; width:100%; height:20px; line-height:18px;display:block; font-size:12px; color:#666; } .flat_area {width: 795px; padding-top:50px; } .flat_area .flat_auo {width: 85%; margin:0 auto; padding-left: 15px; box-sizing:content-box; background-color: #e54b3f;border-radius: 0.5rem; box-shadow: 2px 4px 7px 0px #c0bebe; position: relative; margin-bottom: 30px;} .flat_area .flat_nor {width: 85%; margin:0 auto; padding-left: 15px; box-sizing:content-box; background-color: #31a2aa;border-radius: 0.5rem; box-shadow: 2px 4px 7px 0px #c0bebe; position: relative; margin-bottom: 30px;} .flat_area .flat_evt {width: 85%; margin:0 auto; padding-left: 15px; box-sizing:content-box; background-color: #6b26bb;border-radius: 0.5rem; box-shadow: 2px 4px 7px 0px #c0bebe; position: relative; margin-bottom: 30px;} .flat_area .bx01 { width: 60%; height:190px; padding: 0 1rem; background-color: #fff; position: relative;} .flat_area .bx01 dl { width: 100%; box-sizing: border-box; padding-left: 10px;} .flat_area .bx01 dt {font-size: 1.8rem; line-height:150%; padding: 25px 0 10px 0; letter-spacing: -1px; font-weight: bold;display: flex; align-items: center;} .flat_area .bx01 dd { font-size: .9rem;line-height:150%; text-align: left; margin-inline-start:0px; color: #2e2e2e; } .flat_area .bx01 dd span.pt01 { color: #e54b3f; font-weight: 400;} .flat_area .bx01 dd span.pt02 { color: #31a2aa; font-weight: 400;} .flat_area .bx01 dd span.pt03 { color: #6b26bb; font-weight: 400;} .flat_area .bx01 dt span { font-size:.8rem; line-height: 130%;letter-spacing:0px; font-weight: 400; border-radius: 50px; text-align: center; padding:.2rem .8rem; margin: 5px; } .flat_area .bx01 dt span.ic01{ background-color: #e54b3f; color: #ffffff;} .flat_area .bx01 dt span.ic02{ background-color: #31a2aa; color: #ffffff;} .flat_area .bx01 dt span.ic03{ background-color: #6b26bb; color: #ffffff;} .flat_area .bx01 dt span.ic_evt { background-color: #6624d4; color: #ffffff;} .flat_area .icon1{ position:absolute; width:30px; height: 50px; top: 50%; right: 0%; transform:translate(-0%,-50%); background-color: #e54b3f;border-radius: 100px 0 0 100px; box-shadow: inset 3px 0 4px 0px #0000005d; } .flat_area .icon2{ position:absolute; width:30px; height: 50px; top: 50%; right: 0%; transform:translate(-0%,-50%); background-color: #31a2aa;border-radius: 100px 0 0 100px; box-shadow: inset 3px 0 4px 0px #0000005d; } .flat_area .icon3{ position:absolute; width:30px; height: 50px; top: 50%; right: 0%; transform:translate(-0%,-50%); background-color: #6b26bb;border-radius: 100px 0 0 100px; box-shadow: inset 3px 0 4px 0px #0000005d; } .flat_area .bx02{ width: 31%; position: absolute; top: 10px; right:10px; padding:0 .5rem; box-sizing: content-box; } .flat_area .bx02 dl { display: flex; justify-content: space-between; align-items: center;padding:10px 0} .flat_area .bx02 dt { font-size:1rem;color:#fff; } .flat_area .bx02 dd { font-size:1.2rem;color:#fff; } .flat_area .bx02 dd.txtpt {text-decoration: line-through;color:#fff; opacity: 0.5; } .flat_area .bx02 dl.type dd { font-size:1.5rem; color:#ffffff; font-weight: bold;} .flat_area .bx02 .btn_area { width: 100%; padding-top: 10px; border-top: 1px solid #00000059;} .flat_area .bx02 .btn_area button{ width: 100%; padding:.7rem 0; background-color: #242424; color: #fff; font-size: 1.2rem; border: 0px; font-weight: 500; display: block; cursor: pointer;} .flat_area .bx02 .btn_area button:hover{ background-color: #383838; color: #fff;} /*쿠폰등록 페이지*/ .sh_coupon { width:795px; margin:0 auto;background:#f2f2f2; } .sh_coupon .sh_img01 { width:100%; height:441px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon25_01.jpg) no-repeat} .sh_coupon .sh_img02 { width:100%; height:157px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon_02.jpg) no-repeat; position:relative;} .sh_coupon .sh_img02 .sh_img02_s { width:620px; height:90px; margin:0 auto; padding-top:45px; position:relative;} .sh_coupon .sh_img02 .sh_img02_s li { list-style:none; margin-bottom:10px; } .sh_coupon .sh_img02 .sh_img02_s .c_tit {float:left;} .sh_coupon .sh_img02 .sh_img02_s .c_btn { width:102px; height:90px; line-height:90px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon_btn.gif) no-repeat;cursor:pointer; border:#000 1px solid; float:right; position:absolute; top:30px; right:0px; } .sh_coupon .sh_img02 .sh_img02_s .input_coupon {width:320px; height:40px; background-color:#FFFFFF; border:#FF0000 2px solid; color:#000000; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-align:left; text-indent:5px;} .sh_coupon .sh_img02 .sh_img02_s .c_tit_new {width:460px; float:left;} .sh_coupon .sh_img02 .sh_img02_s .c_btn_new { width:162px; height:45px; line-height:45px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon_btn2.gif) no-repeat;cursor:pointer; border:#000 1px solid; position:absolute; top:45px; left:460px; } .sh_coupon .sh_img02 .sh_img02_s .input_coupon2 {width:320px; height:45px; background-color:#FFFFFF; border:#FF0000 2px solid; color:#000000; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-align:left; text-indent:5px;} .sh_coupon .sh_img02 .c_tit_noti { clear:both; width:620px; height:30px; margin:0 auto; text-align:left;padding-left:130px;padding-top:10px; color:#d9d9d9;} /*쿠폰등록 수정 2025*/ .sh_coupon .sh_img02n .sh_img02n_inner { width:85%; margin:0 auto; padding:1.5rem 1rem ; background-color:#413f3f; border:1px solid #272727} .sh_coupon .sh_img02n .sh_img02n_inner h1{width:100%; height:70px; margin:0 auto; margin-bottom:10px; text-align:center; background:url(https://ximage.sharebox.co.kr/images/sub/coupon/sh_coupon25_02.png) no-repeat; background-size:557px 70px; background-position: center;} .sh_coupon .sh_img02n .sh_img02n_inner ul {width:90%;display:block; margin:0 auto; } .sh_coupon .sh_img02n .sh_img02n_inner ul .inner_tit { display:inline-block; width:105px; height:45px; line-height:45px; margin-right:5px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon25_tit.png) no-repeat;cursor:pointer;} .sh_coupon .sh_img02n .sh_img02n_inner ul .inner_input{ display:inline-block; width:50%;} .sh_coupon .sh_img02n .sh_img02n_inner ul .inner_input input{ width:100%; height:45px; line-height:45px; background-color:#FFFFFF; height:45px; line-height:45px; border:#FF0000 2px solid; color:#000000; font-size:1rem; font-family:Verdana, Geneva, sans-serif; font-weight:400; text-align:left; text-indent:5px; } .sh_coupon .sh_img02n .sh_img02n_inner ul .btn_wp { display:inline-block;height:45px; line-height:45px; background-color: #ea4444} .sh_coupon .sh_img02n .sh_img02n_inner ul .btn_wp:hover { background-color: #000} .sh_coupon .sh_img02n .sh_img02n_inner ul .btn_wp button {width:129px; height:45px; line-height:45px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon25_btn.png) no-repeat ;background-position: center; cursor:pointer;} .sh_coupon .sh_img03 { width:100%; height:auto; background:#f2f2f2; text-align:center; } .sh_coupon .sh_img03 .sh_img03_img{ width:100%; height:106px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/sh_coupon_03.jpg) no-repeat; background-position:center; margin-top:50px;} .sh_coupon .sh_img03 .sh_img03_s { margin:0 auto; width:90%; min-height:150px; margin-top:30px; } .sh_coupon .sh_img03 .sh_img03_s li { list-style:none; display:inline-block; margin-left:5%; margin-bottom:40px; } .sh_coupon .sh_img03 .sh_img03_s li:first-child { margin-left:0; } .sh_coupon .sh_img03 .couopn_box {width:200px; height:98px; background:url(//ximage.sharebox.co.kr/images/sub/coupon/ico_coupon.png) no-repeat; text-align:center; position:relative;} .sh_coupon .sh_img03 .couopn_box .txt_box { width:154px; height:98px; padding:25px 10px; letter-spacing:-1px; position:absolute; top:0px; left:0px; font-weight:bold; } .sh_coupon .sh_img03 .couopn_box .txt_box .c_logo img { width:100px; } .sh_coupon .sh_img03 .couopn_box .txt_box .txt_tit { color:#333333; font-size:16px; line-height:23px; } .sh_coupon .sh_img03 .couopn_box .txt_box .txt_pt { color:#f6513e; font-size:20px; line-height:30px; } .sh_coupon .sh_img03 .sh_noti { clear:both; width:700px; margin:0 auto; text-align:left; margin-top:20px; padding-bottom:50px; } .sh_coupon .sh_img03 .sh_noti_tit{ width:100%; height:50px; text-align:left; margin-bottom:10px; } .sh_coupon .sh_img03 .sh_noti li { list-style:none; height:20px; line-height:20px; text-align:left; font-size:12px; color:#666666} /* 설날 복주머니 레이어 201802 */ .blackbg_ch1802_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:999;background:url('https://ximage.sharebox.co.kr/images/popup/bg_black70.png') repeat;} .blackbg_ch1802 { width:450px; height:400px; margin:0 auto; text-align:center; margin-top:250px; position:relative; } .blackbg_ch1802 .ch1802_close { width:47px; height:47px; background:url(/images/event/charge_201802/pop1802_btn.png) no-repeat; position:absolute; top:100px; right:50px;cursor:pointer; z-index:1000; cursor:pointer} .blackbg_ch1802 .ch1802_img_open { width:450px; height:400px; margin:0 auto; background:url(/images/event/charge_201802/pop1802_on.png) no-repeat; position:relative; } .blackbg_ch1802 .ch1802_img_open li { list-style:none} .blackbg_ch1802 .ch1802_img_off { width:450px; height:400px; margin:0 auto; background:url(/images/event/charge_201802/pop1802_offm.png) no-repeat; position:relative; cursor:pointer} .blackbg_ch1802 .ch1802_img_off li { list-style:none} .blackbg_ch1802 .ch1802_info_open {width:100%; margin:0 auto; text-align:center;position:absolute; top:210px; color:#ffea00; font-size:1.5em; font-weight:bold; letter-spacing:-1px;font-family:Verdana, Geneva, sans-serif; } .blackbg_ch1802 .ch1802_info_off {width:100%; margin:0 auto; text-align:center;position:absolute; top:190px; color:#ffea00; font-size:1.2em; font-weight:bold; letter-spacing:-1px;font-family:Verdana, Geneva, sans-serif; } .blackbg_ch1802 .ch1802_txt { margin:0 auto; text-align:center;position:absolute; top:260px; right:70px; color:#f11714; font-size:2em; font-weight:bold; letter-spacing:-1px;font-family:Verdana, Geneva, sans-serif; } /* 빼빼로데이 레이어 201811 */ .blackbg_ch181111_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url(https://ximage.sharebox.co.kr/images/popup/bg_black70.png) repeat; } .blackbg_ch181111_wrap { position:relative; width:520px; height:100%; margin:0 auto; } .ch181111_close { z-index:1000; position:absolute; top:50px; right:50px; width:47px; height:47px; background:url(/images/event/charge_ppr2018/pop_close_btn.png) no-repeat; cursor:pointer; } .blackbg_ch181111 { position:relative; width:520px; height:520px; margin:150px auto 0; background:url(/images/event/charge_ppr2018/charge_ppr2018.png) no-repeat; cursor:pointer; } /* 수험생 정액권 레이어 20181115 */ .blackbg_su181115_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url(https://ximage.sharebox.co.kr/images/popup/bg_black70.png) repeat; } .blackbg_su181115_wrap { position:relative; width:684px; height:486px; margin:0 auto; } .blackbg_su181115_wrap .blackbg_su181115 { position:relative; width:684px; height:486px; background:url(/images/event/su181115/popup_181115su.png) no-repeat; cursor:pointer; } .blackbg_su181115_wrap .su181115_close { z-index:1000; position:absolute; top:160px; right:70px; width:54px; height:54px; background:url(/images/popup/popup_layerx.png) no-repeat; cursor:pointer; } /* 판매자 출금 공지 레이어 추석 2024 */ .seller_layer_2024sul_wrap { clear:both; z-index:9999; position:absolute; top:0; left:0px; width:100%; height:100%; margin:0 auto;} .seller_layer_2024sul { width:520px; height:440px; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/popup/popup_seller_noti202409.png) no-repeat; position:relative; top:80px;left:0px;} .seller_layer_2024sul .btn_layer_close { position:absolute; top:40px; right:60px; width:33px; height:33px; background:url(//ximage.sharebox.co.kr/images/popup/popup_seller_notix.png) no-repeat; cursor:pointer; } .seller_layer_2024sul .btn_close_txt { position:absolute; bottom:96px; left:37%; width:150px; height:30px; line-height:30px;background-color:#204583;color:#fff; cursor:pointer; } /* 판매자 출금 공지 레이어 2025 설 */ .seller_layer_2025sul_wrap { clear:both; z-index:9999; position:absolute; top:0; right:0px; width:520px; height:400px; margin:0 auto;} .seller_layer_2025sul { width:520px; height:400px; margin:0 auto; background:url(//ximage.sharebox.co.kr/images/popup/popup_seller_noti202501n.png) no-repeat; position:relative; top:80px;left:-216px;} .seller_layer_2025sul .btn_layer_close { position:absolute; top:40px; right:60px; width:33px; height:33px; background:url(//ximage.sharebox.co.kr/images/popup/popup_seller_notix.png) no-repeat; cursor:pointer; } .seller_layer_2025sul .btn_close_txt { position:absolute; bottom:96px; left:37%; width:150px; height:30px; line-height:30px;background-color:#204583;color:#fff; cursor:pointer; } .seller_layer_2025sul .btn_fclose { position:absolute; bottom:32px;width:520px; height:60px; cursor:pointer; } /* 3월 특가 충전소 200330 */ .banner_charge_2003 { clear:both; width:100%; height:525px; background:url(/images/banner/banner_charge_2003.gif) no-repeat center 0; } .banner_charge_2003 li { list-style:none; float:left; display:inline-block; } .banner_charge_2003 li.charge_2003 { width:100%; height:210px; } .banner_charge_2003 li.charge_2003_01 { width:50%; height:315px; cursor:pointer; } .banner_charge_2003 li.charge_2003_02 { width:50%; height:315px; cursor:pointer; } /* 뮤직 충전소 .charge_music_wrap { width:795px; margin:0 auto; background:#f0f0f0;} .charge_music_img01 { width:795px; height:451px; margin:0 auto; background:url(/images/event/music/charge_music_01.jpg) no-repeat } .charge_music_img02 { width:795px;height:90px;margin:0 auto; background:url(/images/event/music/charge_music_02.jpg) no-repeat } .charge_music_img03{ width:795px;height:474px;margin:0 auto; background:url(/images/event/music/charge_music_bg1.jpg) repeat-x; background-position:top; padding-top:10px;} .charge_music_img03 li { list-style:none; width:100%; margin:0 auto; text-align:center; margin-bottom:20px; cursor:pointer} .charge_music_img04 { width:795px; text-align:left; height:220px;margin:0 auto; background:url(/images/event/music/charge_music_bg2.jpg) repeat-x; padding-top:30px;} .charge_music_img04 li{width:90%; margin:0 auto; list-style:none;height:20px; line-height:18px;display:block; font-size:12px; color:#fff; } .charge_music_img04 .mtit {font-weight:bold; height:30px; font-size:16px; color:#fff; line-height:30px; margin-bottom:10px;} */ /*### 성인인증###*/ .auth_tot { width:1000px; height:700px; margin:0 auto; text-align:center; border:#CCCCCC 1px solid; margin-top:5px; } .auth_tot .auth_tot_s { width:100%; height:496px; background:url(//ximage.sharebox.co.kr/images/sub/sh_auth.jpg) no-repeat; background-position:center; position:relative} .auth_tot .auth_tot_s .btn_auth { width:100%; height:100px; margin:0 auto; text-align:center; position:relative; top:460px;cursor:pointer;} .auth_tot .auth_tot_s .btn_auth li { list-style:none; } .auth_tot .auth_tot_s .btn_auth .btn_au1 { list-style:none; height:60px; line-height:60px; display:inline-block; text-align:center; font-weight:bold;background:#36383c; border:#36383c 1px solid; font-size:1.3em; color:#ffffff; padding:0px 20px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;cursor:pointer; margin:5px;font-family:Verdana, Geneva, sans-serif ;} .auth_tot .auth_tot_s .btn_auth .btn_au1:hover {background:#f6552a; border:#f6552a 1px solid;color:#ffffff;} .auth_tot .auth_tot_s .btn_auth .btn_au2 { list-style:none; height:60px; line-height:60px; display:inline-block; text-align:center; font-weight:bold;background:#ccc; border:#ccc 1px solid; font-size:1.3em; color:#333; padding:0px 20px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;cursor:pointer; margin:5px;font-family:Verdana, Geneva, sans-serif ;} .auth_tot .auth_tot_s .btn_auth .btn_au2:hover {background:#333; border:#000 1px solid;color:#ffffff;} /*### 이클라우드 이벤트용 인증 ###*/ .auth_tot .auth_tot_s2 { width:100%; height:496px; background:url(//ximage.sharebox.co.kr/images/sub/sh_auth_evt.jpg) no-repeat; background-position:center; position:relative} .auth_tot .auth_tot_s2 .btn_auth { width:100%; height:100px; margin:0 auto; text-align:center; position:relative; top:460px;cursor:pointer;} .auth_tot .auth_tot_s2 .btn_auth li { list-style:none; } .auth_tot .auth_tot_s2 .btn_auth .btn_au1 { list-style:none; height:60px; line-height:60px; display:inline-block; text-align:center; font-weight:bold;background:#36383c; border:#36383c 1px solid; font-size:1.4em; color:#ffffff; padding:0px 100px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;cursor:pointer; margin:5px;font-family:Verdana, Geneva, sans-serif ;} .auth_tot .auth_tot_s2 .btn_auth .btn_au1:hover {background:#f6552a; border:#f6552a 1px solid;color:#ffffff;} .auth_tot .auth_tot_s2 .btn_auth .btn_au2 { list-style:none; height:60px; line-height:60px; display:inline-block; text-align:center; font-weight:bold;background:#ccc; border:#ccc 1px solid; font-size:1.3em; color:#333; padding:0px 20px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;cursor:pointer; margin:5px;font-family:Verdana, Geneva, sans-serif ;} .auth_tot .auth_tot_s2 .btn_auth .btn_au2:hover {background:#333; border:#000 1px solid;color:#ffffff;} /*### 휴면 로그인시 인증###*/ .comeback_tot { clear:both; width:1000px; height:auto; margin:0 auto; text-align:center; border:#CCCCCC 0px solid; margin-top:5px; position:relative; } .comeback_tot .comeback { clear:both; background:#96dbf2; } .comeback_tot .comeback .comeback_img1 { width:100%; height:850px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_img01new.jpg) no-repeat; background-position:top; position:relative} .comeback_tot .comeback .comeback_img1 .btn_comeback {width:100%; height:100px; margin:0 auto; text-align:center; position:relative; top:570px; cursor:pointer;} .comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid { width:600px; height:70px;margin:0 auto;text-align:right; position:relative;padding-top:5px; padding-right:30px; } .comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .input_login { width:260px; height:50px; line-height:50px; background:#ffffff; border:#CCCCCC 1px solid; font-size:14px;font-weight:bold;text-align:center; margin-right:10px; } .comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .input_login:focus {background:#ffffff; } .comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .login_select{ width:160px; height:50px; line-height:50px; background:#ffffff; border:#CCCCCC 1px solid;font-size:14px;font-weight:bold; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback {width:100%; height:100px; margin:0 auto; text-align:center; margin-bottom:20px;} .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback li { list-style:none;display:inline-block;margin-top:20px;cursor:pointer} .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1 {width:197px; height:75px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_btn1n.png) no-repeat; background-position:center; margin-right:7px;} .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1:hover {width:197px; height:75px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_btn1n_on.png) no-repeat; background-position:center; margin-right:7px; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2 {width:197px; height:75px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_btn2n.png) no-repeat; background-position:center; margin-right:7px; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2:hover {width:197px; height:75px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_btn2n_on.png) no-repeat; background-position:center; margin-right:7px;} .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m3 {width:197px; height:75px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_btn3n.png) no-repeat; background-position:center; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m3:hover {width:197px; height:75px; background:url(//ximage.sharebox.co.kr/images/sub/evt_wcb_btn3n_on.png) no-repeat; background-position:center; } /*### 휴면 로그인시 그림문자 인증###*/ .comeback_tot .btn_pic_layerbg {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('//ximage.sharebox.co.kr/images/popup/bg_gra.png') repeat;} .comeback_tot .btn_pic_layer {width:400px; height:260px; background:#ffffff; margin:0 auto; margin-top:30%;} .comeback_tot .btn_pic_layer .btnpic_title { width:100%; height:40px; line-height:40px; margin:0 auto; text-align:left; background:#3062b6;color:#fff;font-weight:bold; font-size:16px; margin-bottom:20px; position:relative; } .comeback_tot .btn_pic_layer .btnpic_title .btnpic_titlex { width:23px; height:22px; background:url('//ximage.sharebox.co.kr/images/popup/popup_btn_close.png') no-repeat; cursor:pointer; float:right; margin-right:20px;margin-top:7px;} .comeback_tot .btn_pic_layer .btnpic_info { clear:both; width:310px; height:30px; line-height:30px; margin:0 auto; text-align:left;font-weight:bold; } .comeback_tot .btn_pic_layer .btn_pic { clear:both; width:310px; height:90px; margin:0 auto; text-align:center; margin-bottom:5px;position:relative; } .comeback_tot .btn_pic_layer .btn_pic ul {clear:both; width:100%;position:relative; } .comeback_tot .btn_pic_layer .btn_pic .naverCaptChaImg { width:202px; height:92px; display:block; background:#fff; border:#ccc 1px solid; position:absolute; top:0; left:0; } .comeback_tot .btn_pic_layer .btn_pic .naverCaptChaImg img {width:100%; height:92px;} .comeback_tot .btn_pic_layer .btn_pic .btn_repic { width:100px; height:90px; line-height:90px;display:block; float:right; background:#ffffff; color:#666; border:#ccc 1px solid; font-weight:bold;cursor:pointer;letter-spacing:-1px; } .comeback_tot .btn_pic_layer .btn_pic .captcha_img { width:202px; height:40px; display:block;background:#e5f9ff;border:#3062b6 1px solid; position:absolute; top:0; left:0; } .comeback_tot .btn_pic_layer .btn_pic .captcha_intxt {clear:both;width:98%; height:38px; line-height:38px; margin:0 auto; text-align:left; font-size:16px;background:#e5f9ff; } .comeback_tot .btn_pic_layer .btn_pic .captcha_btn { width:100px; height:40px; line-height:40px; display:block; float:right; background:#3062b6; color:#fff; border:#3062b6 1px solid; font-weight:bold;cursor:pointer} .comeback_tot .comeback .comeback_img2 { width:100%; height:100px; background-color:#134599; padding-top:20px; position:relative; } .comeback_tot .comeback .comeback_img2 p { width:90%; line-height:25px; margin:0 auto ; color:#ffffff;text-align:left; font-size:12px;letter-spacing:-1px; font-weight:bold;} /*### 간편인증 ###*/ .certif_wrap { display:inline-block; width:100%; height:auto; margin:0 auto; padding-bottom:50px; background:#e8ecf0; } .certif_wrap .certif_box { width:90%; height:auto; margin:50px auto 0; padding:30px 0 40px; background:#ffffff; border:#cdd6df 1px solid; } .certif_box .certif_logo { width:150px; height:31px; margin:0 auto; background:url('//ximage.sharebox.co.kr/images/popup/logo_popup.png') no-repeat; background-size:100%; } .certif_box .certif_tit { display:block; font-family:dotum; font-size:16px; color:#222222; font-weight:bold; margin:25px auto 15px; } .certif_box .certif_txt { display:block; font-family:dotum; font-size:12px; color:#7d7d7d; line-height:12px; margin-top:10px; } .certif_wrap .certif_box .certif_box_line { width:80%; height:1px; margin:20px auto 30px; border-top:#9cabba 1px dotted; } .certif_wrap .certif_box .btn_certif { width:260px; margin:0 auto; background-color:#82a614; border:#6e8d12 1px solid; text-align:center; color:#FFFFFF; padding:10px; font-size:14px; font-weight:bold; border-radius:5px; cursor:pointer; } .certif_wrap .certif_box .btn_certif_g { width:140px; margin:0 auto; background-color:#a1a1a1; border:#959595 1px solid; text-align:center; color:#FFFFFF; padding:6px; font-size:12px; font-weight:bold; border-radius:5px; cursor:pointer; } .certif_wrap .certif_box .btn_certif_r { width:260px; margin:0 auto; background-color:#da1617; border:#9a1c2a 1px solid; text-align:center; color:#FFFFFF; padding:10px; font-size:14px; font-weight:bold; border-radius:5px; cursor:pointer; } .certif_wrap .certif_box .certif_inner .certif_end_box { width:80%; padding:50px 0; margin:0 auto; border:#9cabba 1px dotted; border-radius:10px; } .certif_inner .certif_end_box .certif_end { display:block; font-family:dotum; font-size:18px; color:#222222; font-weight:bold; } .certif_box table { width:80%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; padding:5px; } .certif_box table td { height:40px; line-height:40px; vertical-align:middle; padding-left:10px; } .certif_box table .td_line { border-bottom:#CCC 1px solid; } .certif_box table .td_lineR { border-right:#CCC 1px solid; } .certif_box span { letter-spacing:-.1px; line-height:40px; } .certif_box p { letter-spacing:-.1px; line-height:40px; } .certif_box table .tit { width:42%; border-right:#CCCCCC 1px solid; background-color:#f5f5f5; color:#333333; font-weight:bold; padding-left:0; } .certif_box .find_input{ width:18px; height:18px; vertical-align:middle; } .certif_box .find_txt{ height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; padding-left:5px; float:left; } .certif_box .find_select {width:29%; height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; margin-right:8px; float:left; } .certif_box .certif_ex { display:inline-block; width:80%; margin:40px auto 20px; } .certif_ex .certif_ex_box { width:48%; padding:15px; border:#CCC 1px solid; border-radius:5px; cursor:pointer; } .certif_ex .certif_ex_box:hover { background:#f5f5f5; } .certif_ex .certif_ex_box .certif_ex_box_tit { display:inline-block; font-family:dotum; font-size:14px; color:#222222; font-weight:bold; } .certif_ex .certif_ex_box span { display:block; font-size:12px; line-height:12px; margin:10px auto; } .certif_wrap .certif_noti { clear:both; display:inline-block; width:90%; margin:25px auto 50px; padding-left:10px; text-align:left; } .certif_wrap .certif_noti li { font-size:11px; color:#666666; } /*### 매거진 202211 ###*/ .ev_magazine { width:795px; margin:0 auto;} .ev_magazine .magazine_top { width:795px; height:290px; background:url('//ximage.sharebox.co.kr/images/event/magazine/ev_magazine_top_2306.jpg') no-repeat ; background-position: top center; position:relative} .ev_magazine .magazine_top .magazine_nav { width:100%; height:40px; margin:0 auto; position:absolute; top:210px; } .ev_magazine .magazine_top .magazine_nav ul{ width:95%; margin:0 auto; border:#dddbd6 1px solid;background-color:#fff; box-sizing: border-box;text-align:left; padding:10px 10px; -webkit-border-radius:5px; -moz-border-radius::5px;border-radius: 5px;} .ev_magazine .magazine_top .magazine_nav ul li{ list-style:none; display:inline-block; cursor:pointer; padding:7px 25px; font-size:13px; color:#000; font-weight:400; border:#dddbd6 1px solid; margin-right: 5px; box-sizing: border-box; -webkit-border-radius:5px; -moz-border-radius::5px;border-radius: 5px;} .ev_magazine .magazine_top .magazine_nav ul li:hover { background-color:#285049; border:#285049 1px solid; color:#fff; font-weight:400;} .ev_magazine .magazine_top .magazine_nav ul li.maon { background-color:#285049; color:#fff; font-weight:400;} .ev_magazine .magazine_list { width:795px; } .ev_magazine .magazine_list ul { margin:0 auto; height:250px; margin-bottom:30px; background:url('//ximage.sharebox.co.kr/images/event/magazine/ev_magazine_bg.png') no-repeat; background-position:bottom center} .ev_magazine .magazine_list li { width:141px; height:163px; list-style:none; display:inline-block; background:url('//ximage.sharebox.co.kr/images/event/magazine/ev_magazine_imgbg.png') no-repeat; background-position:top left; text-align:left; cursor:pointer;position:relative; z-index:100 ;-webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;} .ev_magazine .magazine_list li:first-child {margin-left:8px;} .ev_magazine .magazine_list li img { width:110px; height:160px; text-align:left ; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;} .ev_magazine .magazine_list li .imgover.hid{ display:none;} .ev_magazine .magazine_list li .imgover{ width:110px; height:160px; background-color: rgba(0,0,0,0.6); position:absolute; top:0px;left:0px; z-index:200;-webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;} .ev_magazine .magazine_list li .imgover .ic_sh{ width:100%; height:37px; margin-top:50px;background:url('//ximage.sharebox.co.kr/images/event/magazine/ic_sh.png') no-repeat; background-size:37px; background-position: center center } .ev_magazine .magazine_list li .imgover p { width:100%; font-size:13px; text-align:center ;color:#a0fa23; } .ev_magazine .magazine_list li:hover .imgover.hid{ display:block;} .ev_magazine .magazine_list dl { width:110px;margin-top:30px; margin-left:0 ; display:block; text-align:center; } .ev_magazine .magazine_list dl dt { margin:0 auto; padding:3px 0px; font-size:13px; color:#000; letter-spacing:-1px; font-family:Verdana, Geneva, sans-serif ;} .ev_magazine .magazine_list dl dd { margin:0 auto; font-size:12px; color:#808080} /*### 페이지 공통###*/ .page_nom { clear:both; display:inline-block; width:100%; height:40px; line-height:40px; margin-top:15px; margin-bottom:25px; vertical-align:middle; text-align:center; font-size:13px; letter-spacing:-.2px;} .page_nom span { padding:5px 8px 6px 8px; width:25px; height:26px; line-height:26px; margin:0px; background-color:#fff; border:#ccc 1px solid; text-align:center;color:#666; cursor:pointer} .page_nom span:hover { padding:5px 8px 6px 8px; width:25px; height:26px; line-height:26px;margin:0px; background-color:#fff; border:#80a313 1px solid; text-align:center;color:#000;cursor:pointer} .page_nom span.on { padding:5px 8px 6px 8px; width:25px; height:26px; line-height:26px; margin:0px; background-color:#80a313; border:#80a313 1px solid; text-align:center;color:#fff; font-weight:bold;cursor:pointer} /*### 페이지 공통2###*/ .page_nom2 { clear:both; width:100%; height:30px; line-height:30px; margin-top:15px; margin-bottom:25px; vertical-align:middle; text-align:center; font-size:13px; letter-spacing:-.2px;} .page_nom2_s { height:27px; margin:0 auto;vertical-align:middle; text-align:center; font-size:13px; letter-spacing:-.2px;} .page_nom2_s td {height:27px; line-height:27px;vertical-align:middle} .page_nom2_s .page_nomL {width:40px; height:27px; line-height:27px;float:left; text-align: center;} .page_nom2_s .page_nomC {width:auto; height:27px; line-height:27px; float:center;} .page_nom2_s .page_nomC li { list-style:none;float:left; margin:0 auto; width:25px; height:27px; line-height:27px; margin-left:3px; margin-right:3px;background-color:#fff; border:#ccc 1px solid; text-align:center;color:#666; cursor:pointer } .page_nom2_s .page_nomC li:hover { width:25px; margin:3px; background-color:#fff; border:#80a313 1px solid; text-align:center;color:#000;cursor:pointer} .page_nom2_s .page_nomC li.on { width:25px; margin:3px; background-color:#80a313; border:#80a313 1px solid; text-align:center;color:#fff; font-weight:bold;cursor:pointer} .page_nom2_s .page_nomR {width:40px; height:27px; line-height:27px; float:right; text-align: center;} /*### 좌메뉴 페이지 공통###*/ .left_page_nom { clear:both; width:auto; height:25px; margin:0 auto; margin-top:15px;margin-bottom:25px; text-align:center; font-size:11px; letter-spacing:-.2px; cursor:pointer} .left_page_nom table{ margin:0 auto;text-align:center; } .left_page_nom td { height:25px; vertical-align:middle; } .left_page_nom span { padding:2px 5px; background-color:#fff; border:#ccc 1px solid; text-align:center; color:#666; margin:0px 3px ; display:inline-block; cursor:pointer} .left_page_nom span:hover { padding:2px 5px; background-color:#fff;border:#80a313 1px solid; text-align:center;color:#666; margin:0px 3px ;display:inline-block; cursor:pointer} .left_page_nom span.lpon { padding:2px 5px; background-color:#80a313; border:#80a313 1px solid; text-align:center;color:#fff;margin:0px 3px ; display:inline-block; cursor:pointer} .left_page_nom img {vertical-align:middle;vertical-align:middle; margin:0px 3px} /*### 2023 리뉴용 우메뉴 쉐어픽 ###*/ .rigmpick {width: 240px;margin:0 auto; cursor: pointer;} .rigmpick h1{font-size:1.2rem; color:#000 ; line-height:30px; font-weight: bold; letter-spacing: -1px;text-align:left;} .rigmpick h1 span{color:#419423 ; letter-spacing: 0px; padding-left:5px;font-size:1.2rem; vertical-align: middle;} .today_pickwp {width: 240px;height:300px;position: relative;} .today_pickwp .today_thumb { width: 100%;height:300px;overflow: hidden; position: relative;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;} .today_pickwp .today_thumb li { list-style: none; margin: 0px; padding: 0px;} .today_pickwp .today_thumb .today_pick {width:240px; height:300px; overflow: hidden; background-color:#000 ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;} .today_pickwp .today_thumb .today_pick .video {width:100%; margin:0 auto; height:100%; position: relative; } .today_pickwp .today_thumb .today_pick .video .txbx{ width:100%; padding:10px 0 30px 0; box-sizing: border-box; background-color: rgb(0,0,0,.5); position: absolute; bottom:0px; z-index:3; } .today_pickwp .today_thumb .today_pick .video .txbx dt{height:25px; line-height:25px; padding-left:10px;font-size:1.1rem; color:#fff ; font-weight: bold;display: block;text-align: left;} .today_pickwp .today_thumb .today_pick .video .txbx .ic_hot { display: inline;background-color: #e71123; color: #fff;font-size:.7rem;text-align: center;font-weight: 100; padding: 0px 6px 2px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;} .today_pickwp .today_thumb .today_pick .video .txbx dd{ height:20px; line-height:20px;text-align: left;font-size:.8rem; color:#f9f9f9 ; letter-spacing:0px;display: block; padding-left:10px; margin-inline-start: 0px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .today_pickwp .today_thumb .today_pick .video .thumbbg{ width:100%; height:100%; position: absolute; top:0px; z-index:1; overflow: hidden; opacity: 0.5;} .today_pickwp .today_thumb .today_pick .video .thumbbg img{width:100%; height:100%;} .today_pickwp .today_thumb .today_pick .video .thumb{ width:140px; height:190px; margin:0 auto; position: absolute; top:20px; left:45px;z-index:2; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.10); -moz-box-shadow: 0 3px 20px rgba(0,0,0,0.10); box-shadow: 0 3px 20px rgba(0,0,0,0.10); } .today_pickwp .today_btn_area {margin:0 auto; text-align: center; overflow: hidden; position: absolute; bottom:10px; left:10px; z-index:3 } .today_pickwp .today_btn_area button { background: rgb(0, 0, 0); width: 100%; height: 36px; color: rgb(255, 255, 255); font-size: 16px; display: block;} .today_pickwp .today_btn_area button.today_btn_prev { float: left;} .today_pickwp .today_btn_area button.today_btn_next { float: right;} .today_pickwp .today_btn_area .today_btn_page { background: rgb(135, 135, 135); margin: 0px 2px; border-radius: 5px; border: 0px ; border-image: none; width: 8px; height: 8px; line-height: 0; text-indent: -9999px; font-size: 0px; display: inline-block;} .today_pickwp .today_btn_area .on.today_btn_page { background: rgb(131, 227, 28);} /*### 2023 리뉴용 우메뉴 쿠폰 ###*/ .main_coupon{ width:240px; margin:0 auto; padding:15px 15px; margin-top:0px;background-color:#fbfbfb; box-sizing:border-box; border:#e2e2e2 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;cursor: pointer;} .main_coupon .ttile { width:100%; line-height:30px;font-size:15px; font-weight:bold;color:#666 ; letter-spacing: -1px; text-align:left} .main_coupon .ttile span { color:#fd576a} .main_coupon ul{ clear:both; width:100%; padding:0; display:table;} .main_coupon li{ margin:0 auto ;display: table-cell; } .main_coupon .counom input[type="text"] { width:155px; height: 30px; line-height: 30px; text-align:left;border: #CCC 1px solid; text-indent: 5px;display: inline-block;cursor: pointer; float:left} .main_coupon .btn { width:50px; height: 30px; line-height: 30px; background-color:#434343; color:#fff ; text-align:center;float:right; cursor: pointer;} /*### 2023 리뉴용 우메뉴 고객센터 ###*/ .main_cs{ width:100%; margin:0 auto; padding:15px; margin-top:10px; box-sizing:border-box; border:#e2e2e2 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} .main_cs dl { padding:0px;} .main_cs dt{ font-size:2rem; font-weight:bold;color:#ff551a ; letter-spacing: -1px; text-align:left} .main_cs dd{ padding:0px; font-weight:400;letter-spacing: -1px; text-align:left;} .main_cs .tit01{ font-size:.9rem;color:#666 ; font-style: italic; text-align:left; line-height:18px } .main_cs .tit01 span { color:#ff551a; } .main_cs .tit02{ font-size:.8rem;color:#666 ; letter-spacing: 0px; } .main_cs .btn{ width: 100%; margin:0 auto; margin-top:5px; text-align: left; display: block; box-sizing: border-box; } .main_cs .btn li{ width: 45%; list-style:none; cursor: pointer; display: inline-block; margin-right:10px; padding:4px 15px; text-align: center; font-size: .8rem; border: 1px #ccc solid; } .main_cs .btn li:last-child{margin-right:0px; } .main_cs .btn li:hover{ background-color: #eeeeee;} .main_cs .btn li.on{ background-color: #eeeeee;} .mainRbanner{ width:240px; height: auto; background-color: #fff; border:#e2e2e2 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} .mainRbanner li{ width: 100%; height: 55px; list-style: none; background-position: left center; border-bottom: 1px #e3e3e3 solid; display: block;cursor: pointer;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} .mainRbanner li:last-child{ border-bottom: 0px #e3e3e3 solid; display: block;} .mainRbanner li.m01 { width: 100%; height: 50px; background: url('//ximage.sharebox.co.kr/images/banner/banner_ne01.jpg') no-repeat; background-size: 228px 50px; } .mainRbanner li.m02 { width: 100%; height: 50px; background: url('//ximage.sharebox.co.kr/images/banner/banner_ne02.jpg') no-repeat; background-size: 228px 50px} .mainRbanner li.m03 { width: 100%; height: 50px; background: url('//ximage.sharebox.co.kr/images/banner/banner_ne03.jpg') no-repeat; background-size: 228px 50px} .mainRbanner li.m04 { width: 100%; height: 50px; background: url('//ximage.sharebox.co.kr/images/banner/banner_ne04.jpg') no-repeat; background-size: 228px 50px} /*### 2023 리뉴6용 요청자료 ###*/ .req_list2 { margin-top:5px; height:auto; border:#e2e2e2 1px solid; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; padding:15px 15px;box-sizing:border-box;} .req_list2 h1{font-size:1.1rem; color:#000 ;border-bottom:#e2e2e2 1px solid; font-weight: bold; letter-spacing: -1px;text-align:left;padding:5px 0px;box-sizing:border-box; position:relative;background:url(//ximage.sharebox.co.kr/images/icon/btn_more.jpg) no-repeat ; background-position:right center; cursor:pointer; } .req_list2 h1 span{color:#419423 ; } .req_list2 ul { width:100%; margin:0 auto;box-sizing:border-box;} .req_list2 .req_list2_list { padding:0px; height:25px; line-height:25px; } .req_list2 .req_list2_list li { width:180px;list-style:none; height:23px; line-height:23px; display:block; position:relative; } .req_list2 .req_list2_list .req_txt {width:140px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-size:13px; color:#666666; letter-spacing:-.5px; float:left; cursor:pointer;} .req_list2 .req_list2_list .req_icon {width:44px;float:right; margin-right:5px;} /*######## 개인폴더용 3탭 ########*/ .sfolder .el_tab{width: 100%;border-collapse: collapse;} .sfolder .el_tab .sfolder01 {width: 100%; height:75px; text-align: left;background: url('//ximage.sharebox.co.kr/images/sub/indfolder/sfolder_teb_01.png') no-repeat center 0; background-size:795px 75px; margin: 0 auto; position: relative;} .sfolder .el_tab .sfolder01 li { width:33%; height: 75px;cursor: pointer;display: inline-block; } .sfolder .el_tab .sfolder02 {width: 100%; height:75px; text-align: left;background: url('//ximage.sharebox.co.kr/images/sub/indfolder/sfolder_teb_02.png') no-repeat center 0; background-size:795px 75px; margin: 0 auto; position: relative;} .sfolder .el_tab .sfolder02 li { width: 33%; height: 75px;cursor: pointer;display: inline-block;} .sfolder .el_tab .sfolder03 {width: 100%; height:66px; text-align: left;background: url('//ximage.sharebox.co.kr/images/sub/indfolder/sfolder_teb_03.png') no-repeat center 0; background-size:795px 75px ;margin: 0 auto; position: relative;} .sfolder .el_tab .sfolder03 li { width: 30%; height: 66px;cursor: pointer;display: inline-block; } /*######## 개인폴더 결제 ########*/ .cat_polder{ background-color: #40464e; padding-bottom: 20px;} .cat_polder .event_img01{width: 100%;margin: 0 auto; position: relative;} .cat_polder .event_img01 .info_title{position: static;} .cat_polder .event_img01 .info_title span{margin-left: 28px;margin-top: 7px;} .cat_polder .event_img01 .bossWrapp .stepDetails {width: 100%;height: 100%;display: flex;align-items: stretch; will-change: opacity;flex-direction: row;} /* 이용권 */ .cat_polder .voucher-anflo-item .date {padding-top: 6px;font-size: 12px; color: #181818} .cat_polder .voucher-anflo-item .date em {padding-left: 10px} .cat_polder .voucher-anflo-item .photo {position: absolute;top: 0;right: 0;bottom: 0;width: 460px} .cat_polder .voucher-anflo-item .photo img { width: 100%;height: 200px; vertical-align: top} .cat_polder .voucher-anflo-item .voucher-link-arrow {position: absolute;bottom: 50px;left: 62px} .cat_polder .voucher-anflo-item .voucher-link-arrow:active,.voucher-anflo-item .voucher-link-arrow:hover,.voucher-anflo-item .voucher-link-arrow:visited {color: #181818} .cat_polder .anflo_empty {padding: 77px 0;margin-bottom: 40px;text-align: center;border: 1px solid #ededed;border-radius: 8px} .cat_polder .anflo_empty p {font-size: 18px;line-height: 25px;color: #181818} .cat_polder .viewsWrap .voucher-card {width: 88%;margin: 0 auto} .cat_polder .voucher-guide {width: 100%; height:225px; text-align: left;background: url('//ximage.sharebox.co.kr/images/sub/indfolder/sfolder_pay.jpg') no-repeat center 0; background-size:795px 65px margin: 0 auto; position: relative;} .cat_polder .voucher-guide .guide_01{position: absolute;top: 55px;font-size: 35px;right: 70px;font-weight: bold;text-align: initial;color: #2934e3;cursor: default;} .cat_polder .voucher-guide .guide_02 a{position: absolute;top: 149px;cursor: pointer;font-size: 15px;display: flex;align-items: center;right: 211px;} .cat_polder .voucher-card-item {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;min-height: 200px;padding: 30px 30px 30px 23px;margin-bottom: 20px;background-color: #fff; border-radius: 11px; max-width: 747px;margin: 20px auto 20px;} .cat_polder .voucher-card-item .card-left {/* flex-shrink: 0; */flex: .36; border-right: 1px solid rgb(0 0 0 / 9%); padding: 14px;} .cat_polder .voucher-card-item .card-right {-ms-flex: 1;flex: 1;align-self: center;padding-left: 49px;/* border-left: 1px solid rgba(0,0,0,.03); */-webkit-box-flex: 1;-ms-flex-item-align: center} .cat_polder .voucher-list-sub .item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 0;} .cat_polder .voucher-card-item .card-right .voucher-info-list {margin-top: 7px} .cat_polder .voucher-card-item .card-row {width: 100%} .cat_polder .voucher-card-item .name {font-size: 30px;font-weight: 600;line-height: 1.2;color: #000;text-align: left;margin: 0;} .cat_polder .voucher-card-item .desc { margin-top: 5px;font-size: 13px;line-height: 20px;color: #555;text-align: left;} .cat_polder .voucher-card-item .item {position: relative;margin-bottom: 25px;text-align: right} .cat_polder .voucher-card-item .item .price-box {display: inline-block;line-height: 1.2;word-break: break-all} .cat_polder .voucher-card-item .item .price-box .first-cost {display: inline-block;margin-right: 10px;font-size: 13px;color: #bdbdbd;vertical-align: middle} .cat_polder .voucher-card-item .item .price-box .subject {margin-right: 20px;font-size: 16px;color: #181818;vertical-align: middle} .cat_polder .voucher-card-item .item .price-box .price {display: inline-block;font-size: 16px; color: #3f3fff;vertical-align: middle} .cat_polder .voucher-card-item .item .price-box .price em {font-size: 20px; vertical-align: middle;font-weight: bold;} .cat_polder .voucher-card-item .item .price-box .price span {position: relative;top: 2px} .cat_polder .voucher-card-item .item .name {margin-top: 0;font-size: 16px;font-weight: 500} .cat_polder .voucher-card-item .item .desc {margin-top: 10px;color: #929292} .cat_polder .voucher-card-item .item+.item {margin-top: 10px} .cat_polder .voucher-card-item .item+.item:last-child {padding-bottom: 9px} .cat_polder .voucher-card-item .item .btn-buy {outline: none; border: none;-webkit-box-sizing: border-box; box-sizing: border-box;display: inline-block;min-width: 60px; height: 32px; padding: 0 17px; margin-left: 20px;font-size: 14px;line-height: 33px;color: #fff;text-align: center;background-color: #3f3fff; border-radius: 22px; cursor: pointer;} .cat_polder .voucher-list-sub .item .item-left {display: block;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto; text-align: left;font-weight: bold;} .cat_polder .voucher-list-sub .item .item-left .subject { font-size: 16px; color: #181818;} .cat_polder .voucher-list-sub .item .item-right {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto; margin-left: 10px;display: flex;justify-content: end; align-items: center;} .cat_polder .voucher-card-item .item .btn-buy:disabled { cursor: default} .cat_polder .voucher-card-item .item .btn-buy.move-to-voucher { width: 80px} .cat_polder .voucher-card-item .item .btn-buy-light {color: #3f33ff; background-color: #fff} .cat_polder .voucher-card-item .item .btn-buy.btn_buy-recommend {color: #000; background-color: #fff} .cat_polder .type1{background-color: #e2e2e2;padding: 16px;border-radius: 10px;margin-bottom: 5px;cursor: pointer;} .cat_polder .voucher-card-item .type1 .item {margin-bottom: 0;} .cat_polder .voucher-list-sub .type1 .item .item-left .subject { font-size: 16px;color: #7b7b7b;} .cat_polder .voucher-card-item .type1 .item .price-box .price em {color: #7b7b7b;font-style: italic;} .cat_polder .voucher-card-item .type1 .item .price-box .price span {color: #7b7b7b;} .cat_polder .type1:hover{background-color: #fee167;} .cat_polder .type1:hover > .item > .item-left > .subject { color: #000;} .cat_polder .type1:hover > .item > .item-right > .price-box > span.price em{color: #000;} /* 개인폴더 결제 안내사항 */ .cat_polder .event_img03{width: 100%; overflow: hidden;} .cat_polder .event_img03 .info_title{float: left; margin-left: 28px; margin-top: 7px;} .cat_polder .event_img03 .info_title::before { content: "";background-color: #656dd987;width: 134px;height: 3px;margin-top: 2px;display: block;position: absolute;top: -13px;right: 14px;} .cat_polder .rnwbtn {display: inline-block;line-height: 20px; padding: 0 9px; margin:0 3px;background-color: #fff;border: 1px solid #000;border-radius: 4px;font-size: 12px;color: #555;text-align: center;vertical-align: middle;overflow: hidden;cursor: pointer;} .cat_polder .notice_info {text-align: initial; padding:2rem } .cat_polder .notice_info h3 {font-size: 22px;font-weight: 600;color: #fff; padding:1rem 0} .cat_polder .notice_info ul {text-align: left;} .cat_polder .notice_info ul li {position: relative;padding-bottom: 4px;padding-left: 10px;margin-top: 5px;font-size: 13px;line-height: 1.3;color: #fff; word-break: keep-all;} .cat_polder .notice_info ul li:before {position: absolute; top: 6px;left: 0;width: 3px;border-radius: 50px;height: 3px;content: "";background-color: #d8d8d8;;color: #fff;} /*######## 개인폴더 이용안내 ########*/ .cat_polder_info{width: 795px;margin: 0 auto;padding: 0px;background-color: #251e7c;padding-bottom: 26px;} .cat_polder_info .event_img01{width: 100%; height: 717px; background: url('//ximage.sharebox.co.kr/images/sub/indfolder/evt_sfolder_01.jpg') no-repeat center 0;margin: 0 auto; position: relative;} .cat_polder_info .event_img01 .btn_sfolder {width: 100%;position: absolute; top: 325px;} .cat_polder_info .btn_sfolder button { width: 60%; position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; font-size: inherit; font-family: inherit; } .cat_polder_info .btn_sfolder button.learn-more { font-weight: 600; color: #fff; text-transform: uppercase; padding: 1.2rem 3rem; background: #f2075d; border: 1px solid #000; border-radius: 2em; font-size: 1.32rem; transform-style: preserve-3d; transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1); } .cat_polder_info .btn_sfolder button.learn-more::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #464272; border-radius: inherit; box-shadow: 0 0 0 2px #44444452, 0 0.325em 0 0 #2c2c2c21; transform: translate3d(0, 0.75em, -1em); transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1); } .cat_polder_info .btn_sfolder button.learn-more:hover { background: #de135d; transform: translate(0, 0.25em); } .btn_sfolder button.learn-more:hover::before { box-shadow: 0 0 0 2px #44444452, 0 0.325em 0 0 #2c2c2c21; transform: translate3d(0, 0.5em, -1em); } .cat_polder_info .btn_sfolder button.learn-more:active { background: #b4114c; transform: translate(0em, 0.75em); } .cat_polder_info .btn_sfolder button.learn-more:active::before { box-shadow: 0 0 0 2px #44444452, 0 0.325em 0 0 #2c2c2c21; transform: translate3d(0, 0, -1em); } /* IE 10+ */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cat_polder_info .btn_sfolder button { width: 60%; position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; font-size: inherit; font-family: inherit; z-index:500; } .cat_polder_info .btn_sfolder button.learn-more { font-weight: 600; color: #fff; padding: 1.2rem 3rem; background: #f2075d; border: 1px solid #000; border-radius: 2em; font-size: 1.32rem; } .cat_polder_info .btn_sfolder button.learn-more::before { display:none; } .cat_polder_info .btn_sfolder button.learn-more:hover { background: #de135d; } .btn_sfolder button.learn-more:hover::before { background: #de135d; } .cat_polder_info .btn_sfolder button.learn-more:active { background: #de135d; } .cat_polder_info .btn_sfolder button.learn-more:active::before { background: #de135d; } } .cat_polder_info .event_img02{width: 100%; height: 580px;background: url('//ximage.sharebox.co.kr/images/sub/indfolder/evt_sfolder_02.jpg') no-repeat center 0; margin: 0 auto; position: relative;} .cat_polder_info .event_img03{width: 100%; overflow: hidden;} .cat_polder_info .event_img03 .info_title{float: left; margin-left: 28px; margin-top: 7px;} .cat_polder_info .event_img03 .info_title::before { content: "";background-color: #656dd987;width: 134px;height: 3px;margin-top: 2px;display: block;position: absolute;top: -13px;right: 14px;} .cat_polder_info .btn_gfd_down {display: inline-block; line-height: 60px;margin: 15px;padding: 0 30px 0 75px;background: url(//ximage.sharebox.co.kr/images/sub/indfolder/guide/gfd_icon_down.png) no-repeat 20px center #fff;border: 1px solid #cfdbe2;border-radius: 5px;font-weight: bold;cursor: pointer;} .cat_polder_info .tb_B td{padding-left: 0;text-align: center;} .cat_polder_info .cs_tbinfo_box .cs_tbinfo_box_s .txt{height: auto;} .cat_polder_info .rnwbtn {display: inline-block;line-height: 19px;padding: 0 9px;background-color: #fff;border: 1px solid #CCC;border-radius: 4px;font-size: 12px;color: #c5c2e9;text-align: center;vertical-align: middle;overflow: hidden;cursor: pointer;} .cat_polder_info .notice_info {/* border: 1px solid #f2f2f2; *//* border-radius: 14px; */text-align: initial} .cat_polder_info .notice_info ul h3 {font-size:1.3rem;font-weight: 600;color: #c5c2e9;text-align: left;} .cat_polder_info .notice_info ul {padding: 1rem 2rem} .cat_polder_info .notice_info ul li {position: relative;padding-bottom: 4px;margin-top: 5px;font-size: 13px;line-height: 1.3;color: #c5c2e9;word-break: keep-all;text-align: left;} /*######## 개인폴더 관리 ########*/ .cat_polder_my{width: 795px;margin: 0 auto;padding: 0px;background-color: #fff;padding-bottom: 26px;} .cat_polder_my .event_img01{width: 100%; height: 717px; background: url('//ximage.sharebox.co.kr/images/sub/indfolder/evt_sfolder_01.jpg') no-repeat center 0;margin: 0 auto; position: relative;} .cat_polder_my .event_img01 .btn_sfolder {width: 100%;position: absolute; top: 325px;} .cat_polder_my .event_img01{width: 100%; height: 1095px; background: url('/images/indfolder/info_indfolder_04_1.jpg') no-repeat center 0;margin: 0 auto; position: relative;} .cat_polder_my .event_img02{width: 100%; height: 342px; background: url('/images/indfolder/info_indfolder_02_1.gif') no-repeat center 0;margin: 0 auto; position: relative;} .cat_polder_my .event_img03{width: 100%; height: 435px; background: url('/images/indfolder/info_indfolder_03.jpg') no-repeat center 0;margin: 0 auto; position: relative;} .cat_polder_my .event_img04{width: 100%;height: 353px;margin: 0 auto;margin-bottom: 20px;background: url(//ximage.sharebox.co.kr/images/sub/indfolder/guide/gfd_02_img.jpg) no-repeat;border: 1px solid #cfdbe2; } .cat_polder_my .event_img01 ul{display: flex;justify-content: center;position: absolute;margin: auto;width: 100%;bottom: 4%;} .cat_polder_my .event_img01 ul li{cursor: pointer;} .cat_polder_my .event_img01 ul li img{} .cat_polder_my .cs_tb_title {clear: both;width: 100%;height: 30px;margin: 0 auto;line-height: 30px;vertical-align: bottom;margin-bottom: 5px;margin-top: 20px;position: relative;} .cat_polder_my .btn_gfd_down {display: inline-block; line-height: 60px;margin: 15px;padding: 0 30px 0 75px;background: url(//ximage.sharebox.co.kr/images/sub/indfolder/guide/gfd_icon_down.png) no-repeat 20px center #fff;border: 1px solid #cfdbe2;border-radius: 5px;font-weight: bold;cursor: pointer;} .cat_polder_my .tb_B td{padding-left: 0;text-align: center; } .cat_polder_my .cs_tbinfo_box {background-color: #fff; border-radius: 10px; padding:10px 0} .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .txt{height: auto;} /* 개인폴더 관리 이용안내 */ .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .mytitle{ padding:10px 0; font-size: 16px;line-height: 100%; color: #000;border-bottom: 1px solid #e2e2e2;} .cat_polder_my .gfd_ctn .gfd_02{width: 100%; height: 271px;margin: 0 auto;margin-bottom: 20px;background: url(//ximage.sharebox.co.kr/images/sub/indfolder/guide/gfd_02_img.jpg no-repeat;background-size: 795px;border: 1px solid #cfdbe2;} .cat_polder_my .ctn_pg {clear: both;width: 100%;line-height: 100px; margin: 0 auto;text-align: center;} .cat_polder_my .ctn_pg span {padding: 7px 15px;border: #CCC 1px solid;margin: 5px;text-align: center;cursor: pointer;} .cat_polder_my .ctn_pg .pic_left {width: 5px;height: 5px;background: url(//ximage.sharebox.co.kr/images/sub/indfolder/guide/btn_mleftG.png) no-repeat;background-position: center center;background-size: 5px;} .cat_polder_my .ctn_pg .pic_rig {width: 5px;height: 5px;background: url(//ximage.sharebox.co.kr/images/sub/indfolder/guide/btn_mrigG.png) no-repeat; background-position: center center;background-size: 5px;} .cat_polder_my .rnwbtn {display: inline-block;line-height: 19px;padding: 3px 20px;background-color: #fff;border: 1px solid #CCC;border-radius: 4px;font-size: 12px;color: #555;text-align: center;vertical-align: middle;overflow: hidden;cursor: pointer;} .cat_polder_my .notice_info {text-align: initial;margin-top: 30px;} .cat_polder_my .notice_info h3 {font-size: 18px;font-weight: 600;color: #222; padding:15px 0;text-align: left;} .cat_polder_my .notice_info ul {padding: 8px 27px 21px 30px;} .cat_polder_my .notice_info ul li {position: relative;padding-left: 10px;margin-top: 5px;font-size: 14px;line-height: 1.5;color: #666;word-break: keep-all;text-align: left;} .cat_polder_my .notice_info ul li.info_tit{ color: #2829a4;} .cat_polder_my .notice_info ul li.info_tit:before {height: 0;} .cat_polder_my .notice_info ul li:before {position: absolute;top: 10px;left: 0;width: 3px;border-radius: 50px;height: 3px;content: ""; background-color: #4c4c4c;} .cat_polder_my .align{vertical-align: inherit;} .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner{width:100%; margin:0 auto; padding:0; display: flex; align-items: center;} .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner dl{ margin-right:8px; display: flex; align-items: center;position: relative; box-sizing: border-box;} .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner dl::after {width: 1px;height: 20px;content: ""; background-color: #ccc;} .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner dl:last-child::after {display:none} .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner dt{display: inline-block; padding:5px; font-weight:500; font-size: 14px; } .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner dd{ min-width:70px; display: inline-block; padding:10px;text-align: right;font-size: 14px;vertical-align: middle; } .cat_polder_my .cs_tbinfo_box .cs_tbinfo_box_s .cs_tbinfo_box_inner dd .btn_pay{ display: inline-block; padding: 2px 5px; font-size: 14px; cursor:pointer;background-color: #343434; border-radius: 3px; color: #ffffff; border: 1px #000000 solid;} /*### 약관 공통###*/ .company { width:100%; margin:0 auto; background-color:#f9f9f9; float:left;} .company .use_tb { width:95%; height:auto; margin:0 auto;background-color:#f9f9f9; line-height:20px;text-align:left;} .company .use_tb p { line-height:20px;font-size:11px;letter-spacing:-.4px; } .company_seller .use_tb { width:95%; height:auto; margin:0 auto;background-color:#ffffff; line-height:20px;text-align:left;} .company_seller .use_tb p { line-height:20px;font-size:10px;letter-spacing:-.4px; } .new_pol {width:100%; margin:0 auto; text-align:left;} .new_pol a{text-decoration:none;outline:none;cursor:pointer;color:#333333} .new_pol a:hover{text-decoration:underline;} .new_pol a:active{text-decoration:none;} .new_pol table { width:90%; margin:0 auto;font-size:12px; color:#333333; margin-left:30px; } .new_pol td { line-height:150%; vertical-align:middle} .new_pol .bold { font-weight:bold;font-size:14px;} .new_pol .ft_blue{ color:#0066CC ;line-height:150%; font-weight:bold;vertical-align:middle} .new_pol .tb2 { width:100%; margin:0 auto; font-size:12px; color:#333333;border:#CCCCCC 1px solid; background-color:#f9f9f9; } .new_pol .tb2 td { line-height:150%; vertical-align:middle;border-bottom:#CCCCCC 1px solid;} .new_pol .tb2 .td_R {border-right:#CCCCCC 1px solid;} .com_table_p { width:95%; margin:0 auto; text-align:left; line-height:150%; } .com_table_p .title { font-size: 16px; } .com_table_p .sub_title {font-size: 14px;color: #000000; } .com_table_p .notice{font-size: 13px;color: #434343;} .com_table_p p { line-height:150%; font-size:12px; letter-spacing: 0;color:#666666} .com_table_p ol{} .com_table_p ol li { color: #666666; line-height:150%; font-size:12px;margin-bottom: 8px; } .com_table_p ul li {margin-bottom: 8px; } .com_table_p ol> li {list-style: decimal; margin-left: 20px;} .com_table_p ol>li>ul{margin-top: 5px;} .com_table_p ol>li>ul>li{} .com_table_p ol>li>ul>li>ul{ margin-top: 10px; margin-left: 10px;} .com_table_p ol>li>ul>li>ul>li{} .com_table_p ol>li>ul>li>ul>li>ul{ margin-top: 10px;margin-left: 10px;} .com_table_p ol>li>ul>li>ul>li>ul>li{} .adol_tb { width:95%; height:auto; margin:0 auto;background-color:#ffffff; line-height:25px;text-align:left; padding:20px; border:#e2e2e2 1px solid;} .adol_tb p { line-height:20px; } .companybg {width:795px;height:883px;background:url(//ximage.sharebox.co.kr/images/sub/company_imgbg_webplay.jpg) no-repeat;background-color:#ffffff; position:relative; } .companybg .com_tb {position:absolute; bottom:50px; left:75px;} .companybg table {width:520px;background-color:#ffffff; margin:0 auto;border:#CCCCCC 1px solid;} .companybg table td {height:25px; line-height:25px; border-bottom:#CCCCCC 1px solid; padding-left:20px; text-align:left;} .companybg .td_sun {height:25px; border-right:#CCCCCC 1px solid; background-color:#ebedef} /*##### 로그인 보안 */ .login_safe { width:998px; height:800px; background:url(//ximage.sharebox.co.kr/images/sub/login_safebg.jpg) no-repeat; margin:0 auto; position:relative ; text-align:center; border:#FFF 1px solid;} .log_bx { width:393px;height:500px; margin:0 auto; margin-top:227px; } .log_bx li { list-style:none; width:100%; margin:0 auto; text-align:left; } .log_bx .log_safe_txt1 {width:393px; text-align:left; font-family: "돋움"; font-size:12px; color:#333; line-height:20px; letter-spacing:-.7px; } .log_bx .log_safe_txt2 {width:393px; text-align:left; font-family: "돋움"; font-size:12px; color:#666666; line-height:20px; height:20px; letter-spacing:-.5px; margin-top:20px;} .log_bx .log_safe_txt3 {width:393px; color:#333; letter-spacing:-.8px; position:relative} .log_bx .log_safe_txt3 .safe2 { text-align:left; height:30px; line-height:30px; float:left;} .log_bx .log_safe_txt3 .safe2 li { list-style:none; } .log_bx .log_safe_txt3 .safe3{ text-align:right; height:30px; line-height:30px; cursor:pointer; position:absolute; right:0px; top:0px;} .log_bx .log_safe_txt3 .safe3 span:hover { font-weight:bold} .log_bx .safe_img{ clear:both; width:393px; height:82px;margin:0 auto; position:relative; } .log_bx .safe_img .naverCaptChaImg {width:285px; height:82px; background:#cccccc; border:#cccccc 1px solid; float:left} .log_bx .safe_img .naverCaptChaImg img {width:100%; height:82px;} .log_bx .safe_img .btn_img {width:93px; height:82px; background:url(//ximage.sharebox.co.kr/images/sub/login_safe_f5.gif) no-repeat; border:#cccccc 1px solid; cursor:pointer; position:absolute; right:0px; top:0px;} .log_bx .btn_safe_login { width:100%; background-color:#f64149; color:#ffffff; height:56px; line-height:56px; font-size:1.5em; margin-top:10px; margin-bottom:15px; letter-spacing:-.7px; cursor:pointer} .log_bx .inputB { width:100%; height:35px; line-height:35px; margin-top:10px;} .log_bx .input_G{width:100%; height:40px; line-height:40px;background-color:#FFF; border:#86aa16 1px solid; text-indent:5px; } .log_bx .input_G:focus {background-color:#fcfff8; border:#86aa16 1px solid; font-size:12px} .log_bx .input_R { width:100%; height:40px; line-height:40px; background-color:#fffafa; border:#f64149 1px solid;text-indent:5px;} .log_bx .input_R:focus { background-color:#fffafa; border:#f64149 1px solid} /*체크박스 미니이미지 변경*/ .check-button_safe { background:url(//ximage.sharebox.co.kr/images/sub/icon_logsafe_off.png) no-repeat; background-size:25px;float:left; overflow:auto; width:130px;position:absolute; left:0px; top:0px;} .check-button_safe label { float:left; height:30px;cursor:pointer; scroll:none; text-align:right} .check-button_safe label span { padding-left:30px; height:auto;display:block; font-size:12px;color:#333;} .check-button_safe label input { display:none} .check-button_safe input:checked + span { background:url(//ximage.sharebox.co.kr/images/sub/icon_logsafe_on.png) no-repeat; background-size:25px; color:#333;} /*체크박스 미니이미지 변경*/ .radio-button2 { height:30px; background:url(//ximage.sharebox.co.kr/images/icon/icon_ck_off.png) 0px 0px no-repeat; background-size:25px; overflow:auto; display:inline-block} .radio-button2 label {height:22px;cursor:pointer; scroll:none;} .radio-button2 label span {padding-top:3px; padding-left:28px; line-height:22px;display:block;font-size:12px; color:#666 } .radio-button2 label input { display:none} .radio-button2 input:checked + span { height:22px; background:url(//ximage.sharebox.co.kr/images/icon/icon_ck_on.png) 0px 0px no-repeat;background-size:25px; color:#666 } /*##### footer */ #footer_wrap {clear:both;width:100%; height:auto; padding-top:10px; position: relative;} #footer_wrap .footer_var { width:100%; min-width:1000px; text-align:left;height:33px; line-height:33px;border-top: 1px #e2e2e2 solid; position: relative;} #footer_wrap .footer_var ul {width:1000px;min-width:1000px; margin:0 auto; text-align:left} #footer_wrap .footer_var a{ margin:2px 5px;} #footer_wrap .footer_s {width:100%; margin:0 auto; text-align:center; } #footer_wrap .footer_s ul {width:1000px; margin:0 auto; text-align:center} #footer_wrap .footer_s li {list-style:none;height:100px; } #footer_wrap .footer_s .footer_ce {float:left; width:830px; text-align:left; line-height:19px; color:#999999; letter-spacing:-.8px; font-size:12px;font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif;} #footer_wrap .footer_s .footer_ri {float:left; width:370px; text-align:right;} #footer_wrap .footer_var .btn_asptop{ width: 60px; height: 55px; background-color: #000000a3; display: block; border-radius: 50% 50% 0 0 ; box-sizing: border-box; box-shadow: -1px -2px 6px 1px #00000036; position: fixed; bottom: 0px; left: calc(50% + 286px); z-index: 10; display: block;cursor: pointer;} #footer_wrap .footer_var .btn_asptop .icasptop { width: 100%; height: 34px; background: url('//ximage.sharebox.co.kr/images/icon/arrow-topw.svg') no-repeat 18px 11px; box-sizing: border-box; background-size: 22px 22px; display: block;} #footer_wrap .footer_var .btn_asptop span {font-size: 12px; line-height: 120%; letter-spacing:1px; color: #fff; display:block; text-decoration: none; text-align: center; font-weight: 100; padding-top:0px;} #footer_wrap .footer_var .btn_asptop:hover{ background-color: #91c335; box-shadow: -1px -2px 6px 1px #00000036; box-shadow: 0 0 0 1px #80ba37, 0 4px 1px 0 rgba(0, 0, 0, .15); } /*##### 챗봇 right: calc(50% - 606px); */ #footer_wrap .chat_bot { width: 60px; height:90px; position: fixed; bottom: 33px; right: 33px; cursor: pointer; z-index:100} #footer_wrap .chat_bot .Chatbot_ov{opacity: 0; width: 60px; height: 60px; transform: translateY(0); background-color:#e24c06; border-radius: 50%;border:1px dotted #ccc } #footer_wrap .chat_bot .Chatbot_ov p.p1{width: 60px; height: 60px; line-height: 60px; font-size:16px; letter-spacing:1px; color: #fff; display:block; text-decoration: none; text-align: center; font-weight: bold; padding: 0; margin: 0; } #footer_wrap .chat_bot .imgBox { width: 60px; height: 60px; overflow: hidden; background: url(//ximage.sharebox.co.kr/images/icon/ic_chatbot.svg) no-repeat #3c5cf9; background-size:70%;background-position:center; border-radius: 50%; box-sizing: border-box; position: relative; z-index: 100; animation: bounce 1s infinite;} #footer_wrap .chat_bot:hover>.imgBox .Chatbot_ov{ opacity:1; transform: translateY(0); animation: up .5s 1; background-color:#3c5cf9; transition: 0.5s; } #footer_wrap .chat_bot .shadow { position: absolute; width: 40px; height: 5px; left: calc(50% - 20px); bottom: 00px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); animation: shadow 1s infinite;} @keyframes bounce { 0% { top: 0px;} 50% {top: 20px;} 100% {top: 0px;} } @keyframes shadow { 0% { transform: scale(0.1); background-color: rgba(0, 0, 0, 0.1); } 50% { transform: scale(1); background-color: rgba(0, 0, 0, 0.2); } 60% { transform: scale(0.5); background-color: rgba(0, 0, 0, 0.10); } 100% { transform: scale(0.1); background-color: rgba(0, 0, 0, 0.1); } } @keyframes up { 0% { top: 0%; } 50% {top: 50%; } 100% {top: 100%; } } /*##### 리뉴2023 footer */ .footern_wp { width: 100%; height:160px; margin:0 auto; background-color: #fff;border-top: 1px #e2e2e2 solid; } .footern_wp .inner { width: 1045px; margin:0 auto; padding: 20px 0px; text-align: center; vertical-align: top; box-sizing: border-box;} .footern_wp .inner .footrbx01 { width: 340px; display: inline-block; border-right: 1px #e2e2e2 solid; box-sizing: border-box; } .footern_wp .inner .footrbx01 ul.bx1{ width: 100%;text-align:left;} .footern_wp .inner .footrbx01 ul.bx1 li{ list-style:none; display: inline-block;} .footern_wp .inner .footrbx01 ul.bx1 li .txt1{ display: block; font-size: .9rem; line-height: 20px; font-style: italic; text-align:left; } .footern_wp .inner .footrbx01 ul.bx1 li .txt2{display: block; font-size:2rem; color: #ff5745; font-weight: bold;} .footern_wp .inner .footrbx01 ul.bx1 .txt3{ padding-top: 30px; padding-left: 10px; line-height: 17px; } .footern_wp .inner .footrbx01 ul.bx1 .txt3 span{ font-size: .7rem; color: #6c6c6c;} .footern_wp .inner .footrbx01 ul.bx1 li span{ font-size: .8rem; display: block;} .footern_wp .inner .footrbx01 ul.bx2{ clear: both; width: 100%; text-align: left; display: table; margin-top: 10px; box-sizing: border-box; } .footern_wp .inner .footrbx01 ul.bx2 li{ list-style:none; cursor: pointer; display: inline-block; margin-right:10px; padding:7px 15px; text-align: center; font-size: .8rem; border: 1px #ccc solid; } .footern_wp .inner .footrbx01 ul.bx2 li:last-child{margin-right:0px; } .footern_wp .inner .footrbx01 ul.bx2 li:hover{ background-color: #eeeeee;} .footern_wp .inner .footrbx01 ul.bx2 li.on{ background-color: #eeeeee;} .footern_wp .inner .footrbx02 {width: 340px; display: inline-block; padding:0 10px; border-right: 1px #e2e2e2 solid;box-sizing: border-box; } .footern_wp .inner .footrbx02 h1 { font-size: 1.2rem; line-height: 100%; font-weight: 600; letter-spacing: -1px; color: #6c6c6c; height: 25px; line-height: 25px; margin-bottom: 20px; font-family: 'Noto Sans KR' , 'Geneva', Tahoma, sans-serif; margin: 0 auto; text-align: left;} .footern_wp .inner .footrbx02 h1 span{ float: right; font-size: 1.6rem; color: #6c6c6c; cursor: pointer;} .footern_wp .inner .footrbx02 h1 span:hover{ color: #ff5745;} .footern_wp .inner .footrbx02 ul{ padding-top: 20px;} .footern_wp .inner .footrbx02 li { border-bottom: 1px #ccc dotted; text-align: left; font-size: .8rem; line-height:25px; cursor: pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family: 'Noto Sans KR' , 'Geneva', Tahoma, sans-serif;} .footern_wp .inner .footrbx03 {width: 340px; display: inline-block;box-sizing: border-box; padding: 0; } .footern_wp .inner .footrbx03 ul { padding-top:10px; padding-left: 10px; text-align: right; } .footern_wp .inner .footrbx03 ul li { text-align: left; font-size: .75rem; line-height:20px; letter-spacing: -1px; font-family: 'Noto Sans KR' , 'Geneva', Tahoma, sans-serif; margin-bottom: 15px; } .footern_wp .inner .footrbx03 ul li span{ color:#bf6d6d}; /*### 정렬 ###*/ .input_ck {width:15px; height:15px; border:#ccc 1px solid; background:#ffffff; margin:5px;} /*### 정렬 ###*/ .alignC {text-align:center;} .alignR {text-align:right;} .alignL {text-align:left;} .chargok_ridio { width:16px; height:16px;line-height:16px; vertical-align:middle;} .img_martop10 { margin-top:10px;} /*### 폼 ###*/ .input_1to1 {width:98%;height:25px;margin-top:5px; background:#FFFFFF; border:#CCCCCC 1px solid;font-size:12px;} .select_1to1 { width:30%; height:25px;margin-top:5px; background:#FFFFFF; border:#CCCCCC 1px solid;font-size:12px;} .textarea_1to1 {width:98%;height:400px;margin-top:5px;margin-bottom:5px;background:#FFFFFF; border:#CCCCCC 1px solid;font-size:12px;} .input_nomal { background:#FFFFFF; border:#CCCCCC 1px solid; font-size:12px; } .input_nomal :focus {outline:none;} .input_select { background:#FFFFFF; border:#CCCCCC 1px solid; font-size:12px; } .input_select :focus {outline:none;} .input_join { height:25px; line-height:25px; font-size:12px; color:#000; background:#FFFFFF; border:#CCCCCC 1px solid; margin-top:7px;} .input_join:focus { background-color:#f0f4e3; border:#81a412 1px solid } /*### 텍스트 깜빡임 ###*/ .blink { animation: blink-animation 2s steps(5, start) infinite; -webkit-animation: blink-animation 2s steps(5, start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } /*### 폰트 ###*/ .font_through { text-decoration:line-through;} .font_super {vertical-align:super} .font_spg1 { letter-spacing:-1px;font-size:11px ;} .bold {font-weight:bold;} .font8 {font-size:8px;} .font9 {font-size:9px;} .font10 {font-size:10px;} .font11 {font-size:11px } .font12 {font-size:12px;} .font13 {font-size:13px; } .font14 {font-size:14px;} .font16 {font-size:16px;} .font20 {font-size:20px;} .font22 {font-size:22px;} .font24 {font-size:24px;} .fontva10 {font-family:Verdana;font-size:10px;} .fontva11 {font-family:Verdana;font-size:11px;} .fontva12 {font-family:Verdana;font-size:12px;} .fontva13 {font-family:Verdana;font-size:13px;} .fontva14 {font-family:Verdana;font-size:14px;} .fontva15 {font-family:Verdana;font-size:15px;} .fontva16 {font-family:Verdana;font-size:16px;} .fontva18 {font-family:Verdana;font-size:18px;} .fontva20 {font-family:Verdana;font-size:20px;} .fontSpacing {letter-spacing:-1px;} .fontWhite { color:#ffffff;} .fontRed { color:#e21317;} .fontRedr { color:#ff0000;} .fontBlue{ color:#0e61ae;} .fontBlueR{ color:#2e7de4;} .fontBlack{ color:#000;} .fontGreen{ color:#378b33;} .fontGreen2{ color:#6d8c0e;} .fontGreen3 { color:#10761f;} .fontyellow{ color:#fcff00;} .fontOrange{ color:#F30;} .fontGray { color:#757575} .fontPink { color:#e4377f;} /*### 여백 ###*/ .mar_left3 { margin-left:3px} .mar_left5 { margin-left:5px} .mar_left10 { margin-left:10px} .mar_left20 { margin-left:20px} .mar_top5 { margin-top:5px} .mar_top10{ margin-top:10px} .mar_top13{ margin-top:13px} .mar_top15{ margin-top:15px} .mar_top20{ margin-top:20px} .mar_top30{ margin-top:30px} .mar_rig3 { margin-right:3px} .mar_rig5 { margin-right:5px} .mar_rig10 { margin-right:10px} .mar_rig20 { margin-right:20px} .mar_rig30 { margin-right:30px} .mar_bot10 { margin-bottom:10px} .mar_bot20 { margin-bottom:20px} .mar_bot30 { margin-bottom:30px} .pad_top5 { padding-top:5px} .pad_top10 { padding-top:10px} .pad_right5 { padding-right:5px} .pad_right10 { padding-right:10px} .pad_right20 { padding-right:20px} .pad_left5 {padding-left:5px} .pad_left20 {padding-left:20px} /*#####on off */ .switch {position: relative; display: inline-block; vertical-align: middle; width:70px;height: 25px; cursor:pointer; background-color:#FFF; border-radius: 25px; -webkit-border-radius: 25px ; -moz-border-radius:25px;} .switch-input { position: absolute; top: 0; left: 0; opacity: 0;} .switch-label { position: relative; display: block; height: inherit; font-size:1em; text-transform: uppercase; border-radius: inherit; -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; border:1px solid #ccc; box-sizing:border-box;} .switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 120%; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;} .switch-label:before { content: attr(data-off); right:10px;font-size:1em; color: #000; opacity:.6; font-weight:bold; letter-spacing:0;} .switch-label:after { content: attr(data-on); left:10px; opacity: 0; font-weight:bold; letter-spacing:0;color:#ff4f4f;} .switch-input:checked ~ .switch-label { background: #fff;} .switch-input:checked ~ .switch-label:before { opacity: 0;} .switch-input:checked ~ .switch-label:after { opacity: 1; }.switch-handle { position: absolute; top: 0; left: 0; width:25px; height: 25px; background: #666; border-radius: 25px; -webkit-border-radius: 25px ; -moz-border-radius:25px; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; color:#fff; text-align:center; font-size:1em; font-weight:bold; line-height:120%; font-family:'Tahoma'; letter-spacing:0;} .switch-input:checked ~ .switch-handle { color:#ff4f4f;left:45px;background-color:#ff4f4f ;} /* 판매자 모바일 on off */ .swdark {position: relative; display: inline-block; vertical-align: middle; width:40px; height: 20px; cursor:pointer; border-radius: 20px; } .swdark-input { position: absolute; top: 0; left: 0; opacity: 0; } .swdark-label { position: relative; display: block; height: 10px;margin-top:5px; font-size: 11px; text-transform: uppercase; border-radius: inherit; -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; border:1px solid ; border-color:#CCC; box-sizing:border-box; background: #FFF; } .swdark-label:before, .swdark-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .swdark-label:before { content: attr(data-off); right:10px; font-size:11px; color: #000; opacity:.6; font-weight:200; letter-spacing:0; } .swdark-label:after { content: attr(data-on); left:10px; opacity: 0; font-weight:200; letter-spacing:0; } .swdark-input:checked ~ .swdark-label { background:#FFF; } .swdark-input:checked ~ .swdark-label:before { opacity: 0; } .swdark-input:checked ~ .swdark-label:after { opacity: 1; } .swdark-handle { position: absolute; top: 0; left: 0; width:20px; height: 20px; background: #666; border-radius:25px; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; color:#fff; text-align:center; font-size:11px; font-weight:200; line-height:10px; font-family:'Tahoma'; letter-spacing:0; } .swdark-input:checked ~ .swdark-handle { left:20px;background-color:#ea4335 ;} /* 지정 - 스위치 버튼 */ .l-switch { position: relative; display: inline-block; width: 30px; height:14px; /* Rounded sliders */ } .l-switch.typeB { margin:0 2px; } .l-switch.typeB .slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; } .l-switch.typeB input:checked + .slider:before { transform: translateX(16px); } .l-switch.typeB .slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; } .l-switch.typeB input:checked + .slider:before { transform: translateX(12px); } .l-switch.typeB input { opacity: 0; width: 0; height: 0; } .l-switch.typeB .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; } .l-switch.typeB .slider:before { position: absolute; content: ""; height: 10px; width: 10px; right: 2px; bottom: 2px; background-color: white; transition: 0.4s; } .l-switch.typeB input:checked + .slider { background-color: #82a90e; } .l-switch.typeB input:checked + .slider:before { transform: translateX(12px); } .l-switch.typeB .slider.round { border-radius: 1.5rem; } .l-switch.typeB .slider.round::before { border-radius: 50%; }