@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:dotum,Verdana, sans-serif; font-size:12px;font-weight:normal;color:#333333; vertical-align:top; } body,h1,h2,h3,h4,th,td,input,select{color:black;font-size:12px;} 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;} /*##### 레이아웃 */ /*#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;} #wrap #contents_wrap .left_wrap {float:left; width:240px; margin-right:10px; position:relative; } #wrap #contents_wrap .center_wrap {float:left; width:795px;margin:0 auto; position:relative; top:0px; right: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 } /*##### 컨텐츠 리스트 우측 페이지 버튼 */ .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(../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(../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(../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(../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(../images/btn/ctn_btn-page.png) no-repeat; background-position:-48px -35px;} .ctn_btn_page .ctn_btn_R.pon2 {background:url(../images/btn/ctn_btn-page.png) no-repeat; background-position:-48px -35px;} /*##### 헤더 */ .gnb_menu {width:100%; margin:0 auto;text-align:center; height:30px;background:#fbfbfb;border-bottom:1px solid #e2e2e2;} .gnb_menu .gnb_menu_s {width:1050px;height:30px;margin:0 auto;padding-top:6px; color:#666666;} .gnb_menu .gnb_menu_s span { font-size:11px; 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(../images/main/icon_gnb_home.jpg) no-repeat; padding:1px 18px; background-position:center left} .gnb_menu .gnb_menu_s .gnb_L .gnb_L2 { height:18px;background:url(../images/main/icon_gnb_star.jpg) no-repeat; padding:1px 18px;background-position:center left} .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(../images/main/line.gif) 0px 2px no-repeat; padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R3 { background:url(../images/main/line.gif) 0px 2px no-repeat; padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R4 { background:url(../images/main/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(../images/main/line.gif) 0px 2px no-repeat; padding:0px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R6 {background:url(../images/main/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:220px; height:74px; margin-top:10px;z-index:2; position:absolute; right:0px; bottom:0px; } #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; } /*날개배너 우측2*/ #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; } /*날개배너 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.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.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_mosh_n.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(../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(../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(../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(../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(../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(../images/popup/popmov_tbg2.png) no-repeat; background-position:center; } .open_mov_layer .open_mov_tot .tbg1 {width:100%; height:16px; background:url(../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:400px; margin:0 auto; position:relative;margin-top:15px;} #header_wrap .top .search .cMenu { line-height:19px; display:table; padding-left:8px; } #header_wrap .top .search .cMenu li { display:table-cell ;line-height:19px; cursor:pointer;letter-spacing:-0em;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(../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(../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 { background:url(../images/main/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m3 { background:url(../images/main/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m4 { background:url(../images/main/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m5 { background:url(../images/main/line.gif) no-repeat 0px 5px;padding:0px 10px;} #header_wrap .top .search .cMenu .m6 { background:url(../images/main/line.gif) no-repeat 0px 5px;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; -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(../images/main/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:220px;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(../images/icon/btn_topsh.png) no-repeat; background-size:20px 20px;background-position:center center} /*메뉴 - 탑 #header_wrap .menu {width:100%; min-width:1000px; margin:0 auto; height:67px; background:url(../images/main/top_bg.jpg) repeat-x ;overflow:hidden;} #header_wrap .menu .menuBox {width:1000px;min-width:1000px; height:70px;margin:0 auto;padding-left:0px;text-align:center;} #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;} */ /*메뉴 - 탑 2020 */ #header_wrap .menu {width:100%; height:83px; margin:0 auto; background:url(../images/main/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; } /*#header_wrap .menu .menuBox .topMenuBox {float:left;width:1000px;height:40px; }*/ /*#header_wrap .menu .menuBox .topMenuBox {float:left;width:1100px;height:40px; } #header_wrap .menu .menuBox .topMenuBox li {float:left;height:40px; list-style:none; cursor:pointer} #header_wrap .menu .menuBox .topMenuBox li span { display:none}*/ /*TOP100할인전 mainMenu_170830 반값 mainMenu_190909.jpg .topMenuBox .menuTop_TOP {width:90px; background:url(../images/main/mainMenu_170830.jpg) no-repeat 0 -40px; } .topMenuBox .menuTop_TOP:hover{width:90px; background-position:0px 0px} .topMenuBox .menuTop_TOP.TOP_on {width:90px; background-position:0px 0px} .topMenuBox .menuTop_MOB {width:57px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -86px -40px} .topMenuBox .menuTop_MOB:hover {width:57px; background-position:-86px 0px} .topMenuBox .menuTop_MOB.MOB_on {width:57px;background-position: -86px 0px} .topMenuBox .menuTop_ALL {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -143px -40px} .topMenuBox .menuTop_ALL:hover {width:47px; background-position: -143px 0px} .topMenuBox .menuTop_ALL.ALL_on {width:47px; background-position: -143px 0px} .topMenuBox .menuTop_MVO {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -230px -40px} .topMenuBox .menuTop_MVO:hover {width:47px; background-position: -230px 0px} .topMenuBox .menuTop_MVO.MVO_on{width:47px; background-position: -230px 0px} .topMenuBox .menuTop_DRA {width:57px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -277px -40px } .topMenuBox .menuTop_DRA:hover {width:57px; background-position: -277px 0px} .topMenuBox .menuTop_DRA.DRA_on {width:57px; background-position: -277px 0px} .topMenuBox .menuTop_MED {width:57px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -334px -40px } .topMenuBox .menuTop_MED:hover {width:57px; background-position: -334px 0px} .topMenuBox .menuTop_MED.MED_on{width:57px; background-position: -334px 0px} .topMenuBox .menuTop_GME {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -391px -40px } .topMenuBox .menuTop_GME:hover {width:47px; background-position: -391px 0px} .topMenuBox .menuTop_GME.GME_on{width:47px; background-position: -391px 0px} .topMenuBox .menuTop_ANI {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -438px -40px } .topMenuBox .menuTop_ANI:hover {width:47px; background-position: -438px 0px} .topMenuBox .menuTop_ANI.ANI_on{width:47px; background-position: -438px 0px} .topMenuBox .menuTop_UTL {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -485px -40px} .topMenuBox .menuTop_UTL:hover {width:47px; background-position: -485px 0px} .topMenuBox .menuTop_UTL.UTL_on{width:47px; background-position: -485px 0px} .topMenuBox .menuTop_CTN {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -532px -40px} .topMenuBox .menuTop_CTN:hover {width:47px; background-position: -532px 0px} .topMenuBox .menuTop_CTN.CTN_on {width:47px; background-position: -532px 0px} .topMenuBox .menuTop_PTB {width:69px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -777px -40px} .topMenuBox .menuTop_PTB:hover {width:69px; background-position: -777px 0px} .topMenuBox .menuTop_PTB.PTB_on{width:69px; background-position: -777px 0px} .topMenuBox .menuTop_MUS {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -730px -40px} .topMenuBox .menuTop_MUS:hover {width:47px; background-position: -730px 0px} .topMenuBox .menuTop_MUS.MUS_on {width:47px; background-position: -730px 0px} .topMenuBox .menuTop_DOC {width:47px; background:url(../images/main/mainMenu_170830.jpg) no-repeat -579px -40px} .topMenuBox .menuTop_DOC:hover {width:47px; background-position: -579px 0px} .topMenuBox .menuTop_DOC.DOC_on{width:47px; background-position: -579px 0px} .topMenuBox .menuTop_IMG {width:57px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -673px -40px} .topMenuBox .menuTop_IMG:hover {width:57px; background-position:-673px 0px} .topMenuBox .menuTop_IMG.IMG_on {width:57px;background-position: -673px 0px} .topMenuBox .menuTop_EDU {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -626px -40px} .topMenuBox .menuTop_EDU:hover {width:47px; background-position: -626px 0px} .topMenuBox .menuTop_EDU.EDU_on {width:47px; background-position: -626px 0px} .topMenuBox .menuTop_ETC {width:47px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -846px -40px} .topMenuBox .menuTop_ETC:hover {width:47px; background-position: -846px 0px} .topMenuBox .menuTop_ETC.ETC_on {width:47px; background-position: -846px 0px} .topMenuBox .menuTop_REQ {width:69px; background:url(../images/main/mainMenu_170830.jpg) no-repeat -893px -40px} .topMenuBox .menuTop_REQ:hover {width:69px; background-position: -893px 0px} .topMenuBox .menuTop_REQ.REQ_on{width:69px; background-position: -893px 0px} .topMenuBox .menuTop_ADT {width:64px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -962px -40px} .topMenuBox .menuTop_ADT:hover {width:64px; background-position: -962px 0px} .topMenuBox .menuTop_ADT.ADT_on{width:64px; background-position: -962px 0px} .topMenuBox .menuTop_CTV {width:43px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -1026px -40px} .topMenuBox .menuTop_CTV:hover {width:43px; background-position: -1026px 0px} .topMenuBox .menuTop_CTV.CTV_on{width:43px; background-position: -1026px 0px} .topMenuBox .menuTop_PTV {width:43px;background:url(../images/main/mainMenu_170830.jpg) no-repeat -1026px -40px} .topMenuBox .menuTop_PTV:hover {width:43px; background-position: -1026px 0px} .topMenuBox .menuTop_PTV.PTV_on{width:43px; background-position: -1026px 0px} .topMenuBox .menuTop_TON {width:47px;background:url(../images/main/mainMenu_190909.jpg) no-repeat -1069px -40px} .topMenuBox .menuTop_TON:hover {width:47px; background-position: -1069px 0px} .topMenuBox .menuTop_TON.TON_on{width:47px; background-position: -1069px 0px} .topMenuBox .menuTop_BOK {width:52px;background:url(../images/main/mainMenu_190909.jpg) no-repeat -1116px -40px} .topMenuBox .menuTop_BOK:hover {width:52px; background-position: -1116px 0px} .topMenuBox .menuTop_BOK.BOK_on {width:52px; background-position: -1116px 0px} .topMenuBox .menuTop_WGE {width:43px;background:url(../images/main/mainMenu_190909.jpg) no-repeat -1168px -40px} .topMenuBox .menuTop_WGE:hover {width:43px; background-position: -1168px 0px} .topMenuBox .menuTop_WGE.WGE_on {width:43px; background-position: -1168px 0px} */ #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:85px;} .subMenuBox #menu_DRA {padding-left:130px;} .subMenuBox #menu_MED {padding-left:180px;} .subMenuBox #menu_GME {padding-left:250px;} .subMenuBox #menu_ANI {padding-left:289px;} .subMenuBox #menu_UTL {padding-left:250px;} .subMenuBox #menu_CTN {padding-left:380px;} .subMenuBox #menu_MUS {padding-left:430px;} .subMenuBox #menu_DOC {padding-left:450px;} .subMenuBox #menu_EDU {padding-left:460px;} .subMenuBox #menu_IMG {padding-left:510px;} .subMenuBox #menu_ADT {padding-left:620px;} .subMenuBox #menu_TON {padding-left:850px;} .subMenuBox #menu_PTB {padding-left:540px;} .subMenuBox #menu_REQ {padding-left:670px;} .subMenuBox #menu_ETC {padding-left:600px;} .subMenuBox #menu_BOK {padding-left:700px;} .subMenuBox #menu_CTV {padding-left:816px;} /* 포인트 말풍선 2020 */ /* 2글자용 */ #header_wrap .menu .menuBox .topMenuBox li .icon_tip2 { 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:3px; z-index:200 } #header_wrap .menu .menuBox .topMenuBox li .icon_tip2 span {display: block; bottom:0px; left: 50%; padding:0px 5px;} #header_wrap .menu .menuBox .topMenuBox li .icon_tip2 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;} /* 3글자용 */ #header_wrap .menu .menuBox .topMenuBox li .icon_tip3 { 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:10px; z-index:200 } #header_wrap .menu .menuBox .topMenuBox li .icon_tip3 span {display: block; bottom:0px; left: 50%; padding:0px 5px;} #header_wrap .menu .menuBox .topMenuBox li .icon_tip3 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 li .icon_tip4 { height: 18px;line-height:18px;margin:0 auto; color: #FFFFFF; background:#9267ff; text-align:center; font-size:11px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;position:absolute; top:-12px; left:2px; z-index:200 } #header_wrap .menu .menuBox .topMenuBox li .icon_tip4 span {display: block; bottom:0px; left: 50%; padding:0px 5px;} #header_wrap .menu .menuBox .topMenuBox li .icon_tip4 span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #9267ff; border-right: 6px solid transparent; border-left: 6px solid transparent;} /* 포인트 말풍선 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:-9px; left:8px; z-index:200;} #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;} */ /* 포인트 말풍선 웹껨 */ #header_wrap .menu .menuBox .topMenuBox .icon_tipwg { height: 18px;line-height:18px; color: #FFFFFF;background: #5b5ba6; 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:-9px; left:3px; z-index:200;} #header_wrap .menu .menuBox .topMenuBox .icon_tipwg span {display: block; bottom:0px; left: 50%; padding:0px 10px;} /* #header_wrap .menu .menuBox .topMenuBox .icon_tipwg span:after { content: '';position: absolute; top: 100%; left: 40%; margin-left:-0px; width: 0;height: 0; border-top: 6px solid #5b5ba6; 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:-12px; left:19px; 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;} /* 포인트 말풍선 인기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:200;} #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;} /*메뉴 - 서브*/ #header_wrap .menu .menuBox .subMenuBox {clear:both;float:left;width:1000px;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:12px; background:url(../images/main/line2.gif) no-repeat 5px 10px;} .subMenuBox div a.first {padding-left:11px;;background:url('');} /* 2020 #header_wrap .menu .menuBox .subMenuBox {clear:both;width:100%;height:30px; line-height:30px; display:block; } #header_wrap .menu .menuBox .subMenuBox div {display:inline-block} #header_wrap .menu .menuBox .subMenuBox div a {display:inline-block; background:url(../images/main/line2.gif) no-repeat 5px 13px;color:#FFF; font-size:12px; letter-spacing:1px ; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; padding-left:11px;} #header_wrap .menu .menuBox .subMenuBox div a:first-child {padding-left:11px;background:url('');} */ /*### 본문-왼쪽 */ /*로그인*/ #contents_wrap .left_wrap .login_wrap {width:240px; height:200px;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;} .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 {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-weight:bold;} .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:11px;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:11px } .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:11px } .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:11px; border-right:#d9d9d9 1px solid } .login_wrap_info .login_menu .btn_logout {text-align:center; height:29px;color:#727987; font-weight:bold } /*왼쪽메뉴 시작*/ #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 .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_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_normal2020.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_first2020.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_flat2020.jpg) 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_charge2020.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_sleep2020.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #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_evt2012 { width:100%; height:101px; background:url(../images/main/main_left_m_charge_xmas2020.gif) 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:57px; 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:12px; 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:12px; } #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:12px;} #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;} /* 좌측 친구관리 탭 메뉴*/ .left_friend_tab { width:100%; height:30px; line-height:30px; position:relative; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-top:#ddd 1px solid; display:table;} .left_friend_tab li { list-style:none; cursor:pointer; vertical-align:middle; font-size:12px; display:table-cell;} .left_friend_tab .left_friend_left { height:28px; background-color:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:#ddd 1px solid; } .left_friend_tab .left_friend_left:hover {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid; border-right:#ddd 1px solid; } .left_friend_tab .left_friend_left.on {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid; border-right:#ddd 1px solid; } .left_friend_tab .left_friend_right { height:28px; background-color:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:#ddd 1px solid; } .left_friend_tab .left_friend_right:hover {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid;border-left:#ddd 1px solid; } .left_friend_tab .left_friend_right.on {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid; border-left:#ddd 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:12px ; 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; 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:12px ; border-bottom:#ccc 1px dotted; margin-bottom:10px; margin-top:1px; background:url(../images/main/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:21px; height:21px; font-size:12px; 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:22px; height:22px; 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; } #contents_wrap .rank_nom1 {width:15px;line-height:20px; height:20px; background:url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../images/icon/icon_mno10.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} /*좌 메뉴 친구관리 */ #contents_wrap .left_wrap .left_myfriend {clear:both; width:100%; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-right:#ddd 1px solid; padding-top:10px; padding-bottom:10px; } #contents_wrap .left_wrap .left_myfriend ul { width:170px;margin-left:10px; } #contents_wrap .left_wrap .left_myfriend li { display:block;vertical-align:middle; } #contents_wrap .left_wrap .left_myfriend .my_friend { text-align:left; line-height:25px; height:25px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-top:10px; background:url(../images/main/icon_list.gif) no-repeat 0px 5px;padding-left:15px;} #contents_wrap .left_wrap .left_myfriend .my_friend .btn_radd {float:right; text-align:center; line-height:10px; height:10px; vertical-align: middle; font-size:11px; font-weight:100; background:#fff; color:#666;border:1px #cccccc solid; margin-top:3px;padding:3px 4px; cursor:pointer ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #contents_wrap .left_wrap .my_friend_no { clear:both; width:100%; line-height:30px; height:30px; font-weight:bold; font-size:12px ; text-align:left; background:url(../images/main/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(../images/main/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:25px; height:25px;font-size:12px; } #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} /*좌 메뉴 판매자 TOP10 */ #contents_wrap .left_wrap .left_myseller {clear:both; width:100%; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-right:#ddd 1px solid; padding-top:10px;} #contents_wrap .left_wrap .left_myseller ul { width:170px;margin-left:10px; margin-bottom:10px;} #contents_wrap .left_wrap .left_myseller li { display:block;vertical-align:middle; } #contents_wrap .left_wrap .left_myseller .my_myseller { text-align:left; line-height:25px; height:25px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-top:10px;margin-bottom:10px; background:url(../images/main/icon_list.gif) no-repeat 0px 5px;padding-left:15px;} #contents_wrap .left_wrap .left_myseller .myseller_list { width:160px; text-align:left; line-height:28px; height:28px; vertical-align: middle; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer } #contents_wrap .left_wrap .left_myseller .btn_mfseller {min-width:40px; text-align:left; font-size:11px;color:#000; line-height:28px; height:28px; padding:0px 3px; vertical-align: middle; letter-spacing:-.5px; float:right } #contents_wrap .left_wrap .left_myseller .mf_name { max-width:90px;text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; display:inline-block; float:left ;cursor:pointer} #contents_wrap .left_wrap .left_myseller .mf_no { margin-top:5px; } /*좌 메뉴 배너타입 레이아웃 */ #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 .my_menu_toon { text-align:left; line-height:20px; height:20px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-bottom:15px;margin-top:10px; background:url(../images/main/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:20px; height:20px; letter-spacing:-.5px; font-size:11px; margin-left:5px; margin-top:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #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; 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; } /*본문시작*/ /*메인배너*/ #contents_wrap .center_wrap .banner_main .banner_main_img { width:795px; height:200px; background-color:#ffffff; position:relative; z-index:100} #contents_wrap .center_wrap .banner_main .main_btn_left { width:20px; height:60px; background:url(../images/main/btn_main_leftm.png) no-repeat; border:#000 0px solid; text-align:center; position:absolute; top:75px; left:0px;z-index:200; cursor:pointer} #contents_wrap .center_wrap .banner_main .main_btn_right { width:20px; height:60px; background:url(../images/main/btn_main_rightm.png) no-repeat ;border:#000 0px solid; text-align:center; position:absolute; top:75px; right:0px;z-index:200; cursor:pointer} #contents_wrap .center_wrap .banner_main .main_over_menu { width:170px; height:200px; background:url(../images/main/bg_black50.png) repeat; position:absolute; right:30px; top:0px; border:#666 1px solid;z-index:200} #contents_wrap .center_wrap .banner_main .main_over_menu li { list-style:none;display:block; height:20px; cursor:pointer; letter-spacing:-.5px;} #contents_wrap .center_wrap .banner_main .main_over_menu .title { width:80%; margin:0 auto; height:30px; line-height:30px; margin-top:12px; vertical-align:middle;text-align:left;color:#FFF; font-size:13px; font-weight:bold; } #contents_wrap .center_wrap .banner_main .main_over_menu .line3 { width:100%; height:7px; display:block;background:url(../images/main/line3.png) repeat-x; background-position:top; } #contents_wrap .center_wrap .banner_main .main_over_menu .event_list { background:url(../images/main/icon_jum.png) no-repeat 0px 7px; width:138px; padding-left:10px; margin:0 auto; height:20px; line-height:20px; vertical-align:middle; text-align:left; color:#f9f9f9; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #contents_wrap .center_wrap .banner_main .main_over_menu .event_list:hover { color:#FF0;} #contents_wrap .center_wrap .banner_main .main_over_menu .event_list.on{ color:#FF0; font-weight:200;} #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:11px } .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(../images/main/line.gif) no-repeat; padding:0px 8px;} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m3 { background:url(../images/main/line.gif) no-repeat; padding:0px 8px;} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m4 { background:url(../images/main/line.gif) no-repeat; padding:0px 8px;} .center_left .ctn_box .ctn_tit .ctn_tit_rig .ctn_m5 { background:url(../images/main/line.gif) no-repeat; padding:0px 8px;} .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:12px; 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:11px; color:#84020c; font-weight:bold; letter-spacing:-.9px; !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:11px} .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:12px; 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_banner1 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh01.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner2 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh02.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner3 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh03.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner4 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh04.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner5 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh05.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner6 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh06.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner7 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh07.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner8 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh08n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner9 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh09.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner10 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh10.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner11 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh11.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner12 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh12.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner13 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh13.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner14 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh14.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner15 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh15.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner16 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh16.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner17 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh17.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner18 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh18n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner19 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh19.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner20 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh20.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner21 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh21.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner22 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh22.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner23 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh23.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner24 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh24.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner25 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh25.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner26 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh26.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner27 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh27.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner28 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh28.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner29 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh29.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner30 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh30.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner31 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh31.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner32 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh32.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner33 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh33.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner34 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh34.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner35 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh35.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner36 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh36.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner37 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh37.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner38 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh38.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner39 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh39.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner39n { width:198px; height:70px; background:url(../images/main/banner_main_rig_h39n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner40 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh40.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner41 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh41.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner42 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh42.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner43 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh43.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner44 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh44.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner45 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh45.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner46 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh46.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner47 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh47.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner48 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh48.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner49 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh49.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner50 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh50.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner51 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh51.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner52 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh52.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner53 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh53.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner54 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh54.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner55 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh55.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner56 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh56.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner57 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh57.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner58 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh58.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner62 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh62.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner63 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh63n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner64 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh64.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner65 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh65.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner66 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh66.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner67 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh67.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner68 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh68.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner69 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh69.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner70 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh70.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner71 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh71.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner72 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh72.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; background-position:center} .hom_rig_banner73 { width:198px; height:70px; background:url(../images/main/banner_main_rig_sh73.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:11px; 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; } .cs_mypage .mypinfo_box { clear:both; width:100%; height:236px; margin:0 auto;background-color:#f0eee7; border:#ccc8b9 1px solid } .cs_mypage .mypinfo_box .info_tit_le { float:left; width:120px; height:200px; background:url(../images/cs_center/cs_img_tit_01.gif) no-repeat 20px 17px;} .cs_mypage .mypinfo_box .info_tit_le li { width:75px; height:79px; margin-top:80px; margin-left:20px; list-style:none;text-align:center} .cs_mypage .mypinfo_box .info_tit { float:right; width:650px; height:50px; text-align:left;position:relative;} .cs_mypage .mypinfo_box .info_tit li { list-style:none;color:#5f5b4d; letter-spacing:-.5px; margin-top:18px;} .cs_mypage .mypinfo_box .info_tit .seller_mypage {width:150px; height:35px; line-height:35px;position:absolute; top:16px; right:10px; background-color:#d0cab5; border:#a5a08f 1px solid; color:#68581e;text-align:center;font-weight:bold; 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:164px; background-color:#d0cab5; border:#a5a08f 1px solid; color:#68581e;text-align:center;font-weight:bold; 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; } .cs_mypage .mypinfo_box .info_box { float:right;width:660px; height:184px; background:#fff; border-left:#cdc9ba 1px solid; border-top:#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_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:11px; 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:12px; line-height:22px; } .ctn_star .ctn_icon_R .ctn_starbtn {width:110px; float:left; text-align:right; } /*### 고객센터 ###*/ .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:12px; 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(../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(../images/btn/btn_cs_find.gif) no-repeat;cursor:pointer } /*### 판매자 신청###*/ .seller_join { width:795px; margin:0 auto; background:#f6f6f6; position:relative; padding-bottom:100px;} .seller_join .seller_top { width:100%; height:323px; margin:0 auto; background:url(../images/sub/seller_join_01.jpg) 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:#CCC 1px solid; margin-top:20px; text-align:center; padding-bottom:50px;} .seller_join .seller_bx li { list-style:none; margin-top:30px;} .seller_join .seller_bx .tit1{ width:90%; height:72px; margin:0 auto; margin-top:50px; 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 .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:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid ; padding-left:10px;font-size:12px;} .seller_join .se_input:focus { height:25px; line-height:25px; 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:40px; } .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;} /*### 모든테이블 타이틀 영역###*/ /*아이콘 있는*/ .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;} .cs_tb_title .cs_tb_title_le { float:left; font-weight:bold; font-size:12px; color:#000000; background:url(../images/icon/icon_tit.gif) no-repeat 0px 7px; padding-left:25px;} .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:30px; vertical-align:bottom; margin-top:10px;margin-bottom:5px; position:relative;} .cs_tb_sub_title li { list-style:none;} .cs_tb_sub_title .cs_tb_title_le { float:left; font-weight:bold; font-size:12px; 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;} /*### 리스트형 가로 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} /*### 고객센터 메인 질문과 답###*/ .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:11px; 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:11px; 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;} /*### 회원탈퇴 ###*/ .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:12px; } .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('../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('/images/popup/popup_leave_btn1_3000.gif') no-repeat; } .pop_leave .pop_leave_img .btn li.btn2 { background:url('/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 .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 .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(/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%; background-color:#FFFFFF; border-bottom:#d4d4d4 1px solid} .sh_top100 .top100_ctn1 { width:100%; margin:0 auto; height:60px; line-height:20px; text-align:left; background-color:#fff; } .sh_top100 .top100_ctn1 li { list-style:none; float:left; height:20px;line-height:15px; height:15px; margin-top:20px; } .sh_top100 .top100_ctn1 span{ padding: 5px 15px; cursor:pointer;font-weight:bold; color:#666; margin:0px 2px;} .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_ctn1 .ctn_tit1 { width:90px;height:20px; float:left; line-height:20px; margin-top:20px;margin-left:20px; text-align:left; 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(../images/main/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 .charge_event_nom { width:37px;height:45px; position:absolute; top:135px; left:40px; } .center_wrap .sub_banner .event_xmas2020 { 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_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;} /*### 방송편성표 리뉴 202003 ###*/ .tv_table2 { width:1050px; margin:0 auto; background-color:#000} .tv_table2 .top_img { width:100%; height:313px; background:url(/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(/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(/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(/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(/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('/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(/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(/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(/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(/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(/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(/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(/images/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(/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:12px;letter-spacing:0px; } .tv_table2 .tv_list li .tvL_txt2{ width:105px; display:block ; padding:4px 0px; text-align:left; font-size:12px;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('/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(../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(../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(../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(../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(/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(/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(/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(/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(/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(/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(/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(/images/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(/images/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:11px;letter-spacing:-1px; 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:-1px;font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#ccc} /*편성표 라디오 */ .tv_table2 .check-tvck { background:url(/images/sub/tvtable/ic_off.png) no-repeat; background-size:19px; float:left; overflow:auto; margin-top:15px;:} .tv_table2 .check-tvck label { float:left; height:25px;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(/images/sub/tvtable/ic_on.png) no-repeat;background-size:19px; color:#fff;font-size:1.2em; letter-spacing:0px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;} /*### 서브리스트_top ###*/ #contents_wrap .center_wrap .sub_list_top { width:100%; height:auto; background-color:#FFFFFF; margin-bottom:5px; border-top:#d4d4d4 1px solid;border-left:#d4d4d4 1px solid;border-right:#d4d4d4 1px solid; position:relative} .sub_list_top .sub_top_bg { width:100%; height:50px; background:#f9f9f9; background:url(../images/sub/sh_top100_bg.gif) repeat-x; border-bottom:#d9d9d9 1px solid;position:relative} .sub_list_top .sub_top_bg_s {width:95%; margin:0 auto; text-align:center; cursor:pointer; } .sub_list_top .sub_top_bg li { list-style:none; margin-top:15px; margin-left:0px; float:left;} .sub_list_top .cat_MOB{ float:left; width:80px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px 0px;} .sub_list_top .cat_ALL{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -40px;} .sub_list_top .cat_MVO{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -80px;} .sub_list_top .cat_DRA{ float:left; width:80px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -120px;} .sub_list_top .cat_MED{ float:left; width:80px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -160px;} .sub_list_top .cat_GME{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -200px;} .sub_list_top .cat_ANI{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -240px;} .sub_list_top .cat_UTL{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -280px;} .sub_list_top .cat_CTN{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -320px;} .sub_list_top .cat_DOC{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -360px;} .sub_list_top .cat_IMG{ float:left; width:80px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -400px;} .sub_list_top .cat_EDU{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -440px;} .sub_list_top .cat_ADT{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -480px;} .sub_list_top .cat_PTB{ float:left; width:100px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -520px;} .sub_list_top .cat_MUS{ float:left; width:55px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -560px;} .sub_list_top .cat_REQ{ float:left; width:100px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -600px;} .sub_list_top .cat_TOP { float:left; width:100px;height:24px; background:url(../images/sub/sub_tit_img.png) no-repeat; background-position:0px -641px;} .sub_list_top .cat_SEL { float:left; width:150px;height:24px; background:url(../images/sub/sub_tit_img_0630.png) no-repeat; background-position:0px -681px;} .sub_list_top .cat_TOP100 { float:left; width:100px;height:24px; background:url(../images/sub/sub_tit_img_0630.png) no-repeat; background-position:0px -641px;} .sub_list_top .cat_ETC { float:left; width:100px;height:24px; background:url(../images/sub/sub_tit_img_0927.png) no-repeat; background-position:0px -723px;} .sub_list_top .cat_FED { float:left; width:150px;height:24px; background:url(../images/sub/sub_tit_img_0617.png) no-repeat; background-position:0px -764px;} .sub_list_top .cat_MYD { float:left; width:150px;height:24px; background:url(../images/sub/sub_tit_img_0617.png) no-repeat; background-position:0px -804px;} /*### 컨텐츠 리스트 서치후 ###*/ .sub_list_top .sub_cat_txt { float:left; width:auto; height:24px; line-height:24px; text-align:left; margin-top:15px;font-size:12px; color:#999;position:relative;} .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:-5px; 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%; height:149px; margin:0 auto; border-bottom:#d9d9d9 1px solid; 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:776px; height:130px; margin:0 auto; background-color:#ffffff; margin-top:10px; margin-left:2px; margin-right:2px; 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_req_nav {float:right; width:500px; height:30px; margin:0 auto; background-color:#cccccc; position:absolute; top:0px; left:5px; } /*###롤링 포스터 ###*/ .ctnposter { width:795px; height:200px; margin:0 auto;text-align: center;position: relative; border-bottom:#d4d4d4 1px solid; } .ctnposter .poster_left { width:30px; height:59px; background:url(../images/btn/sub_ptr_l.png) no-repeat; border:#000 0px solid; text-align:center; position:absolute; top:50px; left:0px; z-index:200; cursor:pointer} .ctnposter .poster_right { width:30px; height:59px; background:url(../images/btn/sub_ptr_r.png) no-repeat ;border:#000 0px solid; text-align:center; position:absolute; top:50px; right:1px;z-index:200; cursor:pointer} .ctnposter .poster_left span { display:none} .ctnposter .poster_right span { display:none} .ctnposter ul.ctnposter_list { width:100%; list-style: none; padding: 0px; margin:0 auto; } .ctnposter ul.ctnposter_list a {font-size: 11px; float:left ;display:inline-block;text-decoration:none;} .ctnposter ul.ctnposter_list a li { text-align: center; margin-left:13px;margin-top:15px; text-decoration:none; } .ctnposter ul.ctnposter_list a li .ct_imgbox {padding: 0px; width: 90px; height: 130px; position: relative; } .ctnposter ul.ctnposter_list a li .ct_imgbox .ct_evt {width: 90px; height: 20px; line-height:20px; background:url(/images/bg_red80.png) repeat; position:absolute; top:110px; text-align: center;color:#ffffff; font-size:12px; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .ctnposter ul.ctnposter_list .ct_title {width:90px; height:20px; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666666; font-size:11px;letter-spacing:-.2px; text-align: center; font-weight:200 } .ctnposter ul.ctnposter_list a li .ct_imgbox .cat_icon_hot { width:39px; height:46px; position:absolute; top:-1px; left:-1px;} .ctnposter_thumb { width:735px; height: 170px; margin:0 auto; text-align: center; overflow: hidden; position: relative; margin:11px auto 0 auto; } .ctnposter_thumb2 { width:735px; height: 170px; margin:0 auto; text-align: center; overflow: hidden; position: relative; margin:0 auto; } .ctnposter_btn_area {text-align: center; overflow: hidden;} .ctnposter_btn_area button { width: 100px; height: 30px; background-color:#ffffff; color:#cccccc; font-size: 16px; 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; font-size:11px;font-family:dotum,Verdana, sans-serif; text-align:center ; font-weight:bold; 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; font-size:11px;font-family:dotum,Verdana, sans-serif; text-align:center ; font-weight:bold; 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; font-size:11px;font-family:dotum,Verdana, sans-serif; text-align:center ; font-weight:bold; 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(/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;} /*### 컨텐츠존 ###*/ .center_wrap .ctn_zone { width:100%; height:auto;position:relative; } .center_wrap .ctn_zone .cz_banner { width:100%; margin:0 auto; text-align:center; } /* 맞춤검색 서치바 */ .center_wrap .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:#CCC 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:100%; height:auto; background:#FFFFFF; border-bottom:#CCC 1px solid;} .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:#CCC 1px solid;} .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:16px; text-align:left; font-family:Verdana, Geneva, sans-serif} .ctn_zone .cz_spec_tb .ctn_cont {width:13%; height:40px; line-height:40px; text-align:right; font-size:12px; color:#999; float:right; font-family:Verdana, Geneva, sans-serif} .ctn_zone .cz_spec_tb li { list-style:none; font-family:"돋움"} .ctn_zone .cz_spec_tb .cz_txt1 { clear:both; width:95%; list-style:none;text-align:left; line-height:20px;height:20px; font-size:12px;font-family: Dotum,Verdana, sans-serif;} .ctn_zone .cz_spec_tb .cz_txt2 { clear:both; width:100%; height:65px; overflow:hidden;list-style:none;text-align:left; line-height:20px; font-size:12px; color:#666666;font-family: Dotum,Verdana, sans-serif;} .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:25px; line-height:25px; 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-weight:bold; } .sub_list_tab .sub_list_tab_l li.sale { padding-left:20px; background:url(/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(/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(/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:11px; 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 input { width:11px; height:11px; margin-right:5px; } .sub_list_tab #viewcount { visibility:visible; width:100px; height:25px; margin-top:3px; } /*### 서브리스트 _탭 ###*/ #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:150px; margin:0 auto; border-bottom:#d9d9d9 1px solid; } .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:18px; line-height:18px; margin-top:3px;font-size:12px; 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 { 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;} /*### 요청자료 등록폼 ###*/ .req_board {border-bottom:#d9d9d9 1px solid; border-top:#d9d9d9 1px solid; padding-top:10px;padding-bottom:10px; background-color:#f9f9f9; margin-bottom:10px;} .req_board td { height:35px; line-height:35px;vertical-align:middle ; } .req_btn { width:100%; height:70px; padding-top:20px; vertical-align:middle ; margin:0 auto; text-align:center;} /*### 컨텐츠 리스트 ###*/ .ctn_list { clear:both; width:100%; height:auto; height:auto;} .ctn_list table { width:100%; background:#FFFFFF; } .ctn_list td { height:30px; line-height:28px; vertical-align:middle ; border-bottom:#ccc 1px dotted; letter-spacing:-.2px;position:relative; font-family:dotum,sans-serif; font-size:12px; position:relative; } .ctn_list .ctn_list_t { height:27px; line-height:27px; text-align:center; background-color:#f9f9f9; border-top:#ccc 1px solid; border-bottom:#ccc 2px solid; font-size:11px; color:#666; font-weight:bold} .ctn_list .ctn_text {height:28px; line-height:28px; background-color:#f9f9f9;text-align:left; } .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; background-color:#84020c; } .ctn_list .se_bod_rebox .sbb_R {width:91px; float:right; background-color:#cccccc;} .ctn_list .std td { background-color:#f7f7eb; } /*###리스트 아이콘 가격 ###*/ .ctn_Licon1{ background-color:#5db6d3; padding:4px 8px 2px 8px; font-size:12px; letter-spacing:-.1px; color:#FFF; font-family:dotum,sans-serif;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; } /*###리스트 아이콘 무료이용 ###*/ .ctn_Licon2{ background-color:#e8492a; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-.7px; color:#FFF; font-family:dotum,sans-serif;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; } /*###리스트 아이콘 할인중 ###*/ .ctn_Licon3{ background-color:#8e56c3; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-1px; color:#FFF; font-family:dotum,sans-serif;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; } /*### 컨텐츠리스트 판매자 미니레이어 ###*/ .ctn_pseller { width:115px; position:absolute; top:0px; right:0px } .ctn_pseller .pseller_top {width:115px; height:30px; line-height:30px; background:url(../images/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(../images/icon/ctn_popup_sellerm_close.gif) no-repeat; cursor:pointer;position:absolute; top:7px; right:5px } .ctn_pseller .pseller_mid {width:115px; height:60px; background:url(../images/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(../images/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:50px;} .sh_join_s {width:95%; margin:0 auto;} .sh_join_s .tit {width:auto; height:25px;margin:0 auto; line-height:25px; background:url(../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 .tit_pat {width:auto; height:25px;margin:0 auto; line-height:25px; background:url(../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:190px; text-align:center; margin:0 auto; background:#f8f8f8; padding-top:20px;border-top:#ccc 2px dotted; margin-top:85px;} .sh_join .join_jum_bx li { list-style:none} .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 } /*### 포인트충전###*/ .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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../images/icon/icon_check.png) no-repeat left top no-repeat; cursor:pointer;} .shbox input[type="checkbox"]:checked + label span { background:url(../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(../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(../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(../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 { width:124px; height:40px; line-height:40px; text-align:left; background:url(/images/charge_ntit.jpg) no-repeat; background-size:124px 30px; background-position:left; float:left; } .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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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} .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; } .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; } .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(/images/icon/icon_poblue.png) no-repeat; background-position:center; font-size:10px; letter-spacing:-.08em;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(/images/icon/icon_pored.png) no-repeat; background-position:center; font-size:10px; letter-spacing:-.08em;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(/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(/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(/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:11px; color:#666; } /*쿠폰등록 페이지*/ .sh_coupon { width:795px; margin:0 auto;background:#f2f2f2; } .sh_coupon .sh_img01 { width:100%; height:415px; background:url(../images/coupon/sh_coupon_01new.jpg) no-repeat} .sh_coupon .sh_img02 { width:100%; height:157px; background:url(../images/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(../images/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(../images/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;} .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(../images/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(../images/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('/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(/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(/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; } /* 판매자 출금 공지 레이어 20200420 */ .seller_layer_pay_wrap { clear:both; z-index:999; position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; } .seller_layer_pay { position:relative; width:450px; height:500px; margin:0 auto; margin-top:200px; background:url(/images/popup/popup_seller_200420.jpg) no-repeat; } .seller_layer_pay .btn_layer_close { position:absolute; top:17px; right:10px; width:40px; height:40px; cursor:pointer; } /* 판매자 출금 공지 레이어 추석 20200922 */ .seller_layer_20200922_wrap { clear:both; z-index:999; position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; } .seller_layer_20200922 { position:relative; width:450px; height:500px; margin:0 auto; margin-top:80px; background:url(/images/popup/popup_seller_20200922.jpg) no-repeat; } .seller_layer_20200922 .btn_layer_close { position:absolute; top:17px; right:10px; width:40px; height:40px; 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(../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(../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(/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(/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(/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(/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(/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(/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(/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('../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('../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('../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; } /*### 페이지 공통###*/ .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;} .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;} /*### 좌메뉴 페이지 공통###*/ .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} /*### 약관 공통###*/ .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:11px; color:#333333; margin-left:30px; } .new_pol td { line-height:20px; vertical-align:middle} .new_pol .bold { font-weight:bold} .new_pol .ft_blue{ color:#0066CC} .new_pol .tb2 { width:100%; margin:0 auto; font-size:11px; color:#333333;border:#CCCCCC 1px solid; background-color:#f9f9f9; } .new_pol .tb2 td { line-height:20px; 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:16px; } .com_table_p p { line-height:16px; font-size:11px;letter-spacing:-.4px; color:#666666} .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(../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(../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(../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(../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(../images/sub/icon_logsafe_on.png) no-repeat; background-size:25px; color:#333;} /*체크박스 미니이미지 변경*/ .radio-button2 { height:30px; background:url(../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(../images/icon/icon_ck_on.png) 0px 0px no-repeat;background-size:25px; color:#666 } /*##### footer */ #footer_wrap {clear:both;width:100%; min-height:140px; height:auto; padding-top:10px; } #footer_wrap .footer_var { width:100%; min-width:1000px; text-align:center;height:30px; line-height:30px; background:#f8f8f8; border-bottom:#CCCCCC 1px solid;border-top:#CCCCCC 1px solid} #footer_wrap .footer_var ul {width:1000px;min-width:1000px; margin:0 auto; text-align:center} #footer_wrap .footer_var a{ margin:2px 5px;} #footer_wrap .footer_s {width:100%; margin:0 auto; text-align:center; margin-top:20px;} #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_le {float:left; width:170px;height:100px; background:url(../images/main/footer_logo.jpg) no-repeat; background-position:top;} #footer_wrap .footer_s .footer_ce {float:left; width:830px; text-align:left; line-height:18px; color:#999999; letter-spacing:-.9px; font-size:11px;} #footer_wrap .footer_s .footer_ri {float:left; width:370px; text-align:right;} /*### 정렬 ###*/ .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;} .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} /*##### 컨텐츠 리스트 공지부분 */ .news {width:100%; margin:0 auto; height:30px; line-height:30px; text-align:left; border-bottom:#f5f6f8 1px solid;} .news .open-event {width:98%; margin:0 auto; text-align:left; height:25px; position:relative; overflow:hidden;} .news .open-event ul{ position:absolute; top:0px; left:0px;} .news .open-event li { width:100%; height:30px; line-height:30px; font-size:13px; letter-spacing:-.5px; } .news .open-event .news_tit {width:680px; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; } /*#####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 ;}