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:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif ; font-size:12px;font-weight:normal;color:#333333; vertical-align:top;} body,h1,h2,h3,h4,th,td,input,select{color:black;} body{margin:0;padding:0; border:0px;} table {border-collapse:collapse;border-spacing:0;padding:0;border:0;box-sizing:border-box;} th, td {padding:0;} 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;} /*##### 뭔지몰라 그냥 넣어놈 */ .SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; background-color: #FFF} .SLB_close { cursor: pointer; display:none; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; } .SLB_caption { cursor: pointer; display:none; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; } #SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; } #divpop{position:absolute;width:550px; height:330px ;z-index:10;background-color:#ffffff; border:1px solid #ffffff; font-size: 12pt; z-index: 999999; } #divpop2{position:absolute;width:608px; height:345px ;z-index:10;background-color:#ffffff; border:1px solid #000000; font-size: 10pt; z-index: 999999; top:220; left:35%} .blackbg_gra {clear:both; width:100%; height:1700px; margin:0 auto; text-align:center;background:url('http://wimg.fileham.com/main_new2/bg_gra.png') repeat; position:absolute; top:0; left:0; z-index:9000;} .login_popup {width:100%;margin:0 auto; text-align:center; z-index:1000;} .login_popup .login_popup_s {width:500px; height:500px; margin:0 auto; margin-top:150px; z-index:1000;} /*##### 레이아웃 */ #wrap_tot {width:100%;height:auto;margin:0 auto; background-color:#ffffff;} #header_wrap {clear:both; width:100%;min-width:1000px;height:auto;margin:0 auto; text-align:center;} #wrap {width:100%; height:auto; margin:0 auto; text-align:center; } #wrap #contents_wrap { clear:both; width:1000px; height:auto;margin:0 auto; text-align:center;margin-top:5px;position:relative;} #wrap #contents_wrap .left_wrap {float:left; width:200px; margin-right:5px; position:relative;} #wrap #contents_wrap .center_wrap {float:left; width:795px;margin:0 auto; position:relative; top:0px; right:0px;padding:0 ;} #wrap #contents_wrap .center_wrap .cat_banner {float:left; width:795px;margin:0 auto; position:relative; top:0px; right:0px; } #wrap #contents_wrap .center_wrap .cat_banner2 { clear:both; width:795px; height:60px; margin-bottom:5px; position:relative;} #wrap #contents_wrap .center_wrap .sub_banner {clear:both;; width:795px;margin:0 auto; position:relative; } #wrap #contents_wrap .center_wrap .sub_banner_evt {width:100%; margin:0 auto; background-color:#fff; position:relative; } #wrap #contents_wrap .center_wrap .sub_banner_evt li {width:50%; float:left; margin:0 auto; text-align:center; } #wrap #contents_wrap .center_wrap .center_left { clear:both; float:left; width:590px; position:relative;background-color:#ffffff;} #wrap #contents_wrap .center_wrap .center_left .banner_main { width:590px; height:150px; margin-bottom:5px; background-color:#ffffff; position:relative;} #wrap #contents_wrap .center_wrap .center_right { width:200px; height:550px; float:right; position:relative;} #wrap #contents_wrap .center_wrap .center_right .banner_coupon { width:200px;height:150px; background:url(http://wimg.fileham.com/main_new2/bg_couponregi_new.gif) no-repeat; position:relative;cursor:pointer; margin-bottom:5px; } /*##### 헤더 */ #header_wrap .gnb_menu {width:100%;height:25px;background:#fbfbfb;border-bottom:1px solid #dcdcdc;} #header_wrap .gnb_menu .gnb_menu_s {width:1000px;height:25px;margin:0 auto;padding-top:2px; color:#666666} #header_wrap .gnb_menu .gnb_menu_s span { font-size:11px; color:#666; letter-spacing:-.3px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif;} .gnb_menu .gnb_menu_s .gnb_L {float:left;} .gnb_menu .gnb_menu_s .gnb_L li {float:left;} .gnb_menu .gnb_menu_s .gnb_L .gnb_L1 { background:url(http://wimg.fileham.com/main_new2/icon_gnb_home.jpg) no-repeat 0 3px; padding:2px 15px; } .gnb_menu .gnb_menu_s .gnb_L .gnb_L2 { background:url(http://wimg.fileham.com/main_new2/icon_gnb_star.jpg) no-repeat 0 3px; padding:2px 15px;} .gnb_menu .gnb_menu_s .gnb_R {float:right;} .gnb_menu .gnb_menu_s .gnb_R li {float:left;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R1 { padding:2px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R2 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0 5px; padding:2px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R3 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0 5px; padding:2px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R4 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0 5px; padding:2px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R5 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0 5px; padding:2px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R6 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0 5px; padding:2px 8px;} .gnb_menu .gnb_menu_s .gnb_R .gnb_R6 span { background:#4e6377; padding:1px 6px 4px; border-radius:15px; color:#fff; letter-spacing:-0.6px; } /*로고*/ #header_wrap .top {clear:both; width:1000px; min-width:1000px; height:84px;margin:0 auto; position:relative; } /*#header_wrap .top .quick_mR { width:70px; margin:0 auto; position:absolute; top:167px; right:-85px ; z-index:900} #header_wrap .top .quick_mR .quick_bx { width:100%; background-color:#ffffff; border:#cccccc 1px solid} #header_wrap .top .quick_mR .quick_bx li { list-style:none;cursor:pointer; } #header_wrap .top .quick_mR .quick_bx .quick_tit { width:100%; height:24px; background:url(http://wimg.fileham.com/banner/quick_tit.gif) no-repeat; background-position:top;border-bottom:#cccccc 1px solid;} #header_wrap .top .quick_mR .quick_bx .quick_m1 { width:68px; height:59px; background:url(http://wimg.fileham.com/banner/quick_m1.gif) no-repeat;background-position:top; border-bottom:#666666 1px dotted;} #header_wrap .top .quick_mR .quick_bx .quick_m2 { width:68px; height:59px; background:url(http://wimg.fileham.com/banner/quick_m2.gif) no-repeat;background-position:top; border-bottom:#666666 1px dotted;} #header_wrap .top .quick_mR .quick_bx .quick_m3 { width:68px; height:59px; background:url(http://wimg.fileham.com/banner/quick_m3.gif) no-repeat;background-position:top; border-bottom:#666666 1px dotted; } #header_wrap .top .quick_mR .quick_bx .quick_m4 { width:68px; height:59px; background:url(http://wimg.fileham.com/banner/quick_m4.gif) no-repeat;background-position:top; border-bottom:#666666 1px dotted; } #header_wrap .top .quick_mR .quick_bx .quick_m5 {width:68px; height:59px; background:url(http://wimg.fileham.com/banner/quick_m5.gif) no-repeat;background-position:top; border-bottom:#666666 1px dotted; } #header_wrap .top .quick_mR .quick_bx .quick_m6 { width:68px; height:59px; background:url(http://wimg.fileham.com/banner/quick_m6.gif) no-repeat;background-position:top; border-bottom:#666666 1px dotted;} #header_wrap .top .quick_mR .quick_bx .quick_m7 { width:68px; height:82px; background:url(http://wimg.fileham.com/banner/quick_m7.gif) no-repeat;background-position:top;} #header_wrap .top .quick_mR .quick_bx .quick_m8 { width:68px; height:70px; background:url(http://wimg.fileham.com/banner/quick_m8.gif) no-repeat;background-position:top} */ #header_wrap .top .quick_mL2 { width:75px; height:auto; margin:0 auto; position:absolute; top:167px; left:-90px ; z-index:900; } #header_wrap .top .quick_mL2 .quick_mL_app { width:75px; height:193px; margin:0 auto; background:url(http://wimg.fileham.com/main_new2/banner_quick_app170407.png) no-repeat;cursor:pointer; } #header_wrap .top .quick_mL2 .quick_mL_down { width:75px; height:200px; margin:0 auto; background:url(http://wimg.fileham.com/main_new2/banner_quick_appdown2019.png) no-repeat;cursor:pointer; margin-top:0px; } #header_wrap .top .quick_mL2 .quick_mL_mobile { width:75px; height:192px; margin:0 auto; background:url(http://wimg.fileham.com/main_new2/banner_quick_moham_n.png) no-repeat;cursor:pointer; margin-top:0px; } #header_wrap .top .quick_mL2 .quick_mL_ad181130 {width:75px; height:100px; margin:0 auto; background:url(http://wimg.fileham.com/banner/banner_quick_ad181130n.png) no-repeat; cursor:pointer; } /*날개배너 좌측 n번*/ #header_wrap .top .quick_mL2 .banner_quickL_n200402 {width:75px; height:100px; margin:0 auto; background:url(http://wimg.fileham.com/popup/icon_ntnoH.png) no-repeat; background-position:center top; cursor:pointer; } /*날개배너 우측*/ #header_wrap .top .quick_menu2 { height:260px; width:80px; position:absolute; top:0%; right:-90px; text-align: left; padding: 0px; } #header_wrap .top .quick_menu2 .quick_mR{width:80px; height:auto; position:absolute; right:0px; top:194px; } .quick_mR .quick_bx {width:80px; height:auto;position:relative; } .quick_mR .quick_bx .banner_quick_top {width:80px; height:54px; background:url(http://wimg.fileham.com/banner/quick1_top.png) no-repeat; background-position:0px 0px ;position:absolute; top:-54px} .quick_mR .quick_bx .banner_quick_q1 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_01.png) no-repeat; background-position:0px 0px ;border-bottom:0px #dddddd solid; cursor:pointer;} .quick_mR .quick_bx .banner_quick_q1:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_01.png) no-repeat; background-position:-85px 0px ;border-bottom:0px #dddddd solid; } .quick_mR .quick_bx .banner_quick_q1.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_01.png) no-repeat; background-position:-85px 0px ;border-bottom:0px #dddddd solid; } .quick_mR .quick_bx .banner_quick_q2 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_02.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;} .quick_mR .quick_bx .banner_quick_q2:hover{width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_02.png) no-repeat; background-position:-85px 0px ;border-bottom:0px #dddddd solid; } .quick_mR .quick_bx .banner_quick_q2.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_02.png) no-repeat; background-position:-85px 0px ;border-bottom:0px #dddddd solid; } .quick_mR .quick_bx .banner_quick_q3 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_03.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;} .quick_mR .quick_bx .banner_quick_q3:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_03.png) no-repeat; background-position:-85px 0px ; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q3.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_03.png) no-repeat; background-position:-85px 0px ; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q4 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_04.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;} .quick_mR .quick_bx .banner_quick_q4:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_04.png) no-repeat; background-position:-85px 0px; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q4.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_04.png) no-repeat; background-position:-85px 0px; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q5 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_05.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;} .quick_mR .quick_bx .banner_quick_q5:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_05.png) no-repeat; background-position:-85px 0px; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q5.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_05.png) no-repeat; background-position:-85px 0px; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q6 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_06.png) no-repeat; background-position:0px 0px; border-bottom:0px #c6c6c6 solid;cursor:pointer; } .quick_mR .quick_bx .banner_quick_q6:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_06.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q6.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_06.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q7 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_07_new.png) no-repeat; background-position:0px 0px; border-bottom:0px #c6c6c6 solid;cursor:pointer; } .quick_mR .quick_bx .banner_quick_q7:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_07_new.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q7.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_07_new.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q8 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_08new.png) no-repeat; background-position:0px 0px; border-bottom:0px #c6c6c6 solid;cursor:pointer; } .quick_mR .quick_bx .banner_quick_q8:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_08new.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q8.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_08new.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q9 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_09.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;} .quick_mR .quick_bx .banner_quick_q9:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_09.png) no-repeat; background-position:-85px 0px; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q9.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_09.png) no-repeat; background-position:-85px 0px; border-bottom:0px #dddddd solid;} .quick_mR .quick_bx .banner_quick_q10 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_10new2.png) no-repeat; background-position:0px 0px; border-bottom:0px #c6c6c6 solid;cursor:pointer; } .quick_mR .quick_bx .banner_quick_q10:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_10new2.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q10.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_10new2.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q11 {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_11_new.png) no-repeat; background-position:0px 0px; border-bottom:0px #c6c6c6 solid;cursor:pointer; } .quick_mR .quick_bx .banner_quick_q11:hover {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_11_new.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_q11.on {width:80px; height:62px; background:url(http://wimg.fileham.com/banner/quick1_11_new.png) no-repeat; background-position:-85px 0px; border-bottom:0px #c6c6c6 solid;} .quick_mR .quick_bx .banner_quick_sun {width:80px; height:1px; background:url(http://wimg.fileham.com/banner/quick1_top_sun.png) no-repeat; } /*날개배너 우측 투데이몰*/ #header_wrap .top .quick_menu2 .banner_quick_2daymall {width:80px; height:155px; background:url(http://wimg.fileham.com/banner/banner_quick_2dm_ham.jpg) no-repeat center; position:absolute; right:0px; top:746px; cursor:pointer; } #header_wrap .top .logo {float:left; width:310px;height:90px;text-align:left;} #header_wrap .top .logo .top_logo{width:240px;height:80px;display:inline-block; cursor:pointer;margin-left:10px;margin-top:5px; } /*날개배너 플로팅 핫영화*/ #header_wrap .top .quick_evt { height:100%; width:151px; position:absolute; top:0px; left:700px; text-align: left; padding-top:0px; z-index:500} #header_wrap .top .quick_evt .quick_evt_banenr {width:151px; height:100%; position:fixed; top:55%; } #header_wrap .top .quick_evt_banenr .banner_evtimg {width:151px; height:122px; background:url(http://wimg.fileham.com/banner/banner_quick_evt_170202.png) no-repeat; cursor:pointer; position:relative ;} #header_wrap .top .quick_evt_banenr .banner_evtx {width:22px; height:22px; background:url(http://wimg.fileham.com/popup/banner_quick_evtx.png) no-repeat; cursor:pointer; position:absolute; right:5px; top:0px; z-index:100} /*날개배너 플로팅 이벤트 */ #header_wrap .top .quick_evt2 { height:100%; width:124px; position:absolute; top:0px; left:700px; text-align: left; padding-top:0px; z-index:500} #header_wrap .top .quick_evt2 .quick_evt_banenr2 {width:124px; height:100%; position:fixed; top:55%; } #header_wrap .top .quick_evt_banenr2 .banner_evtimg {width:124px; height:104px; background:url(http://wimg.fileham.com/banner/banner_float_01.png) no-repeat; cursor:pointer; position:relative ;} #header_wrap .top .quick_evt_banenr2 .banner_evtx {width:22px; height:22px; background:url(http://wimg.fileham.com/popup/banner_quick_evtx.png) no-repeat; cursor:pointer; position:absolute; right:5px; top:0px; z-index:100} /*미리보기영상 */ #header_wrap .top .open_mov_layer { width:330px;height:280px; margin:0 auto; padding: 0px; text-align: center; position:absolute; top:320px; left:207px; z-index:500; } #header_wrap .top .open_mov_layer .open_mov_tot{ width:330px;height:280px; margin:0 auto; position:relative ;} #header_wrap .top .open_mov_layer .open_mov_tot .tbg_close { width:38px; height:38px; background:url(http://wimg.fileham.com/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(http://wimg.fileham.com/popup/popmov_tbg2.png) no-repeat; background-position:center; } .open_mov_layer .open_mov_tot .tbg1 {width:100%; height:16px; background:url(http://wimg.fileham.com/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 .popup_b1127 { width:247px; height:246px; margin:0 auto; position:absolute; top:290px; right:0px;z-index:9900; } #header_wrap .top .popup_b1127 li { list-style:none; } #header_wrap .top .popup_b1127 .btn_b1127 { width:247px; height:246px; background:url('http://wimg.fileham.com/popup/popup_1127.png') no-repeat; position:absolute; top:50px; z-index:100; cursor:pointer} #header_wrap .top .popup_b1127 .btn_close_1127 { width:39px; height:39px; background:url('http://wimg.fileham.com/popup/btn_close_1127.png') no-repeat; position:absolute; top:70px; left:190px; z-index:200; cursor:pointer} #header_wrap .top .popup_b1127 .btn_b1127_txt { width:247px; height:20px; line-height:20px; text-align:center; color:#ffffff; cursor:pointer;position:absolute; top:250px; z-index:200; } #header_wrap .top .popup_b1127 .btn_b1127_txt span { padding-left:5px;} /* 판매자 출금 공지 레이어 20200420 */ .seller_layer_pay_wrap { clear:both; float:right; z-index:999; position:absolute; top:0; right:0; width:805px; height:100%; margin:0 auto; } .seller_layer_pay { position:relative; width:450px; height:500px; margin:0 auto; margin-top:200px; background:url(http://wimg.fileham.com/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; } /* 빼빼로데이 레이어 2018 */ .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('http://wimg.fileham.com/event/bg_gra.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(http://wimg.fileham.com/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(http://wimg.fileham.com/event/charge_ppr2018/charge_ppr2018.png) no-repeat; cursor:pointer; } /* 제주도1903 */ .blackbg_jeju1903_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('http://wimg.fileham.com/event/bg_gra.png') repeat; } .blackbg_jeju1903_wrap { position:relative; width:554px; height:100%; margin:0 auto; } .blackbg_jeju1903_wrap .jeju1903_close { width:47px; height:47px; background:url(http://wimg.fileham.com/event/jeju1903/popup_jeju1903_close.png) no-repeat; background-size:100%; cursor:pointer; z-index:1000; position:absolute; top:30px; right:50px; } .blackbg_jeju1903_wrap .blackbg_jeju1903 { position:relative; width:554px; height:503px; margin:150px auto 0; background:url(http://wimg.fileham.com/event/jeju1903/popup_charge_jeju1903.png) no-repeat; cursor:pointer; } /* 럭키데이 1905 */ .blackbg_1905_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('http://wimg.fileham.com/event/bg_gra.png') repeat; } .blackbg_1905_wrap { position:relative; width:573px; height:100%; margin:0 auto; } .blackbg_1905_wrap .evt1905_close { width:52px; height:52px; background:url(http://wimg.fileham.com/event/evt1905/popup_close.png) no-repeat; background-size:100%; cursor:pointer; z-index:1000; position:absolute; top:30px; right:50px; } .blackbg_1905_wrap .blackbg_evt1905 { position:relative; width:573px; height:531px; margin:150px auto 0; background:url(http://wimg.fileham.com/event/evt1905/popup_evt1905.png) no-repeat; cursor:pointer; } /* 여름방학 1907 */ .blackbg_1907_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('http://wimg.fileham.com/event/bg_gra.png') repeat; } .blackbg_1907_wrap { position:relative; width:560px; height:100%; margin:0 auto; } .blackbg_1907_wrap .evt1907_close { width:52px; height:52px; background:url(http://wimg.fileham.com/popup/popup_close_n.png) no-repeat; background-size:100%; cursor:pointer; z-index:1000; position:absolute; top:90px; right:60px; } .blackbg_1907_wrap .blackbg_evt1907 { position:relative; width:560px; height:560px; margin:150px auto 0; background:url(http://wimg.fileham.com/popup/popup_charge_1907_ham.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('http://wimg.fileham.com/event/bg_gra.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(http://wimg.fileham.com/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(http://wimg.fileham.com/event/su181115/popup_layerx.png) no-repeat; cursor:pointer; } /* 설날 복주머니 레이어 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('http://wimg.fileham.com/event/bg_gra.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(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/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; } /*제주도 이벤트 레이어 */ .popup_jeju1804_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('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_jeju1804 { width:554px; height:485px; margin:0 auto; margin-top:250px; position:relative;cursor:pointer} .popup_jeju1804 .btn_jeju1804x { width:70px; height:70px; background:url('http://wimg.fileham.com/event/jeju1804/popup_charge_jeju1804x.png') no-repeat; position:absolute; top:50px; right:60px; z-index:1000; cursor:pointer} .popup_jeju1804 .jeju1804_img { width:100%; height:485px;background:url('http://wimg.fileham.com/event/jeju1804/popup_charge_jeju1804.png') no-repeat; position:absolute; top:00px; right:00px; z-index:500; cursor:pointer; } /* 월드컵 이벤트 레이어 */ .popup_180622_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_180622 { width:554px; height:485px; margin:0 auto; margin-top:250px; position:relative;cursor:pointer} .popup_180622 .btn_180622x { width:70px; height:70px; background:url('http://wimg.fileham.com/popup/popup_layerx.png') no-repeat; position:absolute; top:50px; right:60px; z-index:1000; cursor:pointer} .popup_180622 .world180622_img { width:100%; height:485px;background:url('http://wimg.fileham.com/popup/popup_charge_180622n.png') no-repeat; position:absolute; top:00px; right:00px; z-index:500; cursor:pointer; } /* 추석2018 */ .popup_1809_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_1809 { width:574px; height:519px; margin:0 auto; margin-top:250px; position:relative;cursor:pointer} .popup_1809 .btn_1809x { width:59px; height:59px; background:url('http://wimg.fileham.com/popup/popup_btnx.png') no-repeat; position:absolute; top:60px; right:60px; z-index:1000; cursor:pointer} .popup_1809 .chu1809_img { width:100%; height:519px;background:url('http://wimg.fileham.com/popup/popup_chu2018.png') no-repeat; position:absolute; top:00px; right:00px; z-index:500; cursor:pointer; } .popup_1809 .chuit { width:100%; height:40px; line-height:40px; position:absolute; top:80px; right:00px; z-index:600; cursor:pointer; text-align:center;color:#fffc00; font-size:1.4em; font-weight:bold ; } /*### 추석2019 이벤트 레이어 ###*/ .popup_chu2019_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_chu2019 { width:100%; height:504px; margin:0 auto; text-align:center; position:relative; } .popup_chu2019 .btn_chux { width:100%; height:47px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px;background-position:center; position:absolute; bottom:-60px; z-index:100; cursor:pointer; } .popup_chu2019 .btn_go { width:882px; height:490px; text-align:center; margin:0 auto; cursor:pointer; } .popup_chu2019 .popup_chu_img { width:100%; height:504px; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu.png') no-repeat; background-position:center; position:absolute; top:0px; right:0px; z-index:10; cursor:pointer; animation-name: chu2019; animation-duration:3s; animation-delay:0s; animation-ineration-count:infinite; } @keyframes chu2019 { from {transform:translate(0,-1000px) } to { transform:translate(500,0) } } /*### 202003 3월특가 레이어 ###*/ .popup_charge2003_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('http://wimg.fileham.com/popup/bg_gra.png') repeat;} .popup_charge2003 { width:100%; height:560px; margin:0 auto; text-align:center; position:relative; } .popup_charge2003 .popup_2003_img { width:560px; height:560px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/popup/popup_charge_2003.png') no-repeat; background-position:center; position:relative; top:70px; right:0px; z-index:10; } .popup_charge2003 .popup_2003_img .btn_go { width:100%; height:80px; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:110px; } .popup_charge2003 .popup_2003_img .btn_x { width:50px; height:50px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:20px; z-index:100; cursor:pointer; } /*### 202003 화이트데이 반값 레이어 ###*/ .popup_whday2020_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:9999; background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_whday2020 { width:100%; height:600px; margin:0 auto; text-align:center; position:relative; } .popup_whday2020 .popup_2003_img { width:600px; height:550px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/popup/popup_evt_whday2020.png') no-repeat; background-position:center; position:relative; top:70px; right:0px; z-index:10; } .popup_whday2020 .popup_2003_img .btn_ctg { width:100%; height:160px; text-align:center; margin:0 auto; position:absolute; bottom:20px; padding:0 60px; box-sizing:border-box; } .popup_whday2020 .popup_2003_img .btn_ctg li { float:left; display:inline-block; width:160px; height:160px; cursor:pointer; } .popup_whday2020 .popup_2003_img .btn_x { width:50px; height:50px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:60px; z-index:100; cursor:pointer; } /*### 202001 판매자 미션 이벤트 레이어 ###*/ .popup_mission2020_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:9999; background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_mission2020 { width:100%; height:700px; margin:0 auto; text-align:center; position:relative; } .popup_mission2020 .popup_2001_img { width:700px; height:520px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/popup/popup_evt_mission2020n.png') no-repeat; background-position:center; position:relative; top:100px; right:0px; z-index:10; } .popup_mission2020 .popup_2001_img .btn_go { width:100%; height:100px; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:50px; } .popup_mission2020 .popup_2001_img .btn_2001x { width:50px; height:50px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:90px; right:100px; z-index:100; cursor:pointer; } /*### 201912 크리스마스특가 레이어 ###*/ .popup_xmas2019_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:9999; background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_xmas2019 { width:100%; height:620px; margin:0 auto; text-align:center; position:relative; } .popup_xmas2019 .popup_1912_img { width:620px; height:620px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/popup/popup_charge_xmas2019n.png') no-repeat; background-position:center; position:relative; top:70px; right:0px; z-index:10; } .popup_xmas2019 .popup_1912_img .btn_go { width:100%; height:100px; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:0px; } .popup_xmas2019 .popup_1912_img .btn_1912x { width:50px; height:50px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:60px; z-index:100; cursor:pointer; } /*### 20111 특가 레이어 ###*/ .popup_chu1911_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('http://wimg.fileham.com/event/bg_gra.png') repeat;} .popup_chu1911 { width:100%; height:419px; margin:0 auto; text-align:center; position:relative; } .popup_chu1911 .popup_1911_img { width:621px; height:419px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/popup/popup_charge_1114.png') no-repeat; background-position:center; position:relative; top:150px; right:0px; z-index:10; } .popup_chu1911 .popup_1911_img .btn_go { width:100%; height:100px; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:0px; } .popup_chu1911 .popup_1911_img .btn_1911x { width:50px; height:50px; margin:0 auto; text-align:center; background:url('http://wimg.fileham.com/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:60px; z-index:100; cursor:pointer; } /*서치박스 */ #header_wrap .top .search {float:left; width:400px; height:80px; margin:0 auto; padding-top:20px; } #header_wrap .top .search .cMenu { width:400px; text-align:center; margin:0 auto; height:19px; margin-bottom:5px; } #header_wrap .top .search .cMenu img { text-align:center; margin:0 auto; } #header_wrap .top .search .cMenu li { list-style:none;float:left; cursor:pointer; } #header_wrap .top .search .cMenu .m1 { padding-right:9px;padding-left:20px} #header_wrap .top .search .cMenu .m_adt { padding-right:9px;padding-left:20px} #header_wrap .top .search .cMenu .m2 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0px 5px;padding:0px 9px;} #header_wrap .top .search .cMenu .m3 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0px 5px;padding:0px 9px;} #header_wrap .top .search .cMenu .m4 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0px 5px;padding:0px 9px;} #header_wrap .top .search .cMenu .m5 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0px 5px;padding:0px 9px;} #header_wrap .top .search .cMenu .m6 { background:url(http://wimg.fileham.com/main_new2/line.gif) no-repeat 0px 5px;padding:0px 9px;} #header_wrap .top .search .searchBox { width:400px; height:40px; background-color:#365d9e; margin-top:10px; margin:0 auto; text-align:center; position:relative;margin-bottom:10px;} #header_wrap .top .search .searchBox li {float:left; height:30px; margin:0 auto; margin-top:5px;margin-left:0px; background-color:#9F0} #header_wrap .top .search .searchBox li.sh_le {width:170px;height:30px; background:#ffffff; margin-left:5px; } #header_wrap .top .search .searchBox li.sh_le .inupt_select { width:90px;height:27px; color:#666; border:#FFFFFF 1px solid; font-size:11px;margin-top:3px;} #header_wrap .top .search .searchBox li.sh_le .inupt_select1 { float:left; width:70px;height:20px; line-height:20px; color:#666; border:#FFFFFF 1px solid; font-size:11px;margin-top:3px;margin-left:3px;margin-right:3px;} #header_wrap .top .search .searchBox li.sh_le .inupt_select2 { float:left; width:70px;height:20px; line-height:20px; color:#666; border:#FFFFFF 1px solid; font-size:11px;margin-top:3px;} #header_wrap .top .search .searchBox li.sh_ce {width:170px; height:30px; background:#ffffff;text-align:left;} #header_wrap .top .search .searchBox li.sh_ce .inupt_sh_new{ width:150px; height:23px; line-height:23px; margin-top:3px; background-color:#ffffff; color:#666; border:#FFFFFF 1px solid} #header_wrap .top .search .searchBox li.sh_ri {width:50px; height:30px; background:url(http://wimg.fileham.com/main_new2/btn_top_sh.jpg) no-repeat; padding:0px 0px; } #header_wrap .top .search .searchBox li.sh_le .select_ham{position:relative; top:3px; width:70px; height:25px; line-height:25px; text-align:center; background:url(http://wimg.fileham.com/main_new2/btn_tsh_bg.jpg) no-repeat; background-position:right; text-transform:uppercase; float:left ;text-align:left; margin-left:5px;} #header_wrap .top .search .searchBox li.sh_le .select_ham label{position:absolute; width:70px;font-size:11px; color:#606976; top:0; left:0; letter-spacing:-1px ; cursor:pointer;} #header_wrap .top .search .searchBox li.sh_le .select_ham label:after{ width:20px; height:20px; position:absolute; top:0; right:0; color:#365d9e; font-size:9px; text-align:center; background:#ffffff;border-right:1px #e2e2e2 solid;} #header_wrap .top .search .searchBox li.sh_le .select_ham select{width:70px; height:25px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0)/* IE 8 */;} #header_wrap .top .banner_top_rig { float:right; width:290px; height:80px; margin-top:8px; text-align:right; } /*메뉴 - 탑*/ #header_wrap .menu {width:100%; min-width:1000px; height:67px; background:url(http://wimg.fileham.com/main_new2/top_bg.jpg) repeat-x ;overflow:hidden;} #header_wrap .menu .menuBox {width:1000px;min-width:1000px; height:70px;margin:0 auto;} #header_wrap .menu .menuBox .topMenuBox {float:left;width:1000px;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_170831 탑 반값 mainMenu_190909_01 */ .topMenuBox .menuTop_TOP {width:88px; background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat 0 -40px; } .topMenuBox .menuTop_TOP:hover{width:88px;background-position:0px 0px} .topMenuBox .menuTop_TOP.TOP_on {width:88px;background-position:0px 0px} .topMenuBox .menuTop_ALL {width:47px; background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -175px -40px} .topMenuBox .menuTop_ALL:hover {width:47px; background-position: -175px 0px} .topMenuBox .menuTop_ALL.ALL_on {width:47px; background-position: -175px 0px} .topMenuBox .menuTop_MOV {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -267px -40px} .topMenuBox .menuTop_MOV:hover {width:47px; background-position: -267px 0px} .topMenuBox .menuTop_MOV.MOV_on{width:47px; background-position: -267px 0px} .topMenuBox .menuTop_DRA {width:57px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -314px -40px } .topMenuBox .menuTop_DRA:hover {width:57px; background-position: -314px 0px} .topMenuBox .menuTop_DRA.DRA_on {width:57px; background-position: -314px 0px} .topMenuBox .menuTop_MED {width:57px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -371px -40px } .topMenuBox .menuTop_MED:hover {width:57px; background-position: -371px 0px} .topMenuBox .menuTop_MED.MED_on{width:57px; background-position: -371px 0px} .topMenuBox .menuTop_GME {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -428px -40px } .topMenuBox .menuTop_GME:hover {width:47px; background-position: -428px 0px} .topMenuBox .menuTop_GME.GME_on{width:47px; background-position: -428px 0px} .topMenuBox .menuTop_ANI {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -475px -40px } .topMenuBox .menuTop_ANI:hover {width:47px; background-position: -475px 0px} .topMenuBox .menuTop_ANI.ANI_on{width:47px; background-position: -475px 0px} .topMenuBox .menuTop_UTL {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -522px -40px} .topMenuBox .menuTop_UTL:hover {width:47px; background-position: -522px 0px} .topMenuBox .menuTop_UTL.UTL_on{width:47px; background-position: -522px 0px} .topMenuBox .menuTop_COM {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -569px -40px} .topMenuBox .menuTop_COM:hover {width:47px; background-position: -569px 0px} .topMenuBox .menuTop_COM.COM_on {width:47px; background-position: -569px 0px} .topMenuBox .menuTop_DOC {width:47px; background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -616px -40px} .topMenuBox .menuTop_DOC:hover {width:47px; background-position: -616px 0px} .topMenuBox .menuTop_DOC.DOC_on{width:47px; background-position: -616px 0px} .topMenuBox .menuTop_EDU {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -663px -40px} .topMenuBox .menuTop_EDU:hover {width:47px; background-position: -663px 0px} .topMenuBox .menuTop_EDU.EDU_on {width:47px; background-position: -663px 0px} .topMenuBox .menuTop_IMG {width:57px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -710px -40px} .topMenuBox .menuTop_IMG:hover {width:57px; background-position:-710px 0px} .topMenuBox .menuTop_IMG.IMG_on {width:57px; background-position: -710px 0px} .topMenuBox .menuTop_PTB {width:69px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -767px -40px} .topMenuBox .menuTop_PTB:hover {width:69px; background-position: -767px 0px} .topMenuBox .menuTop_PTB.PTB_on{width:69px; background-position: -767px 0px} .topMenuBox .menuTop_MUS {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -952px -40px} .topMenuBox .menuTop_MUS:hover {width:47px; background-position: -952px 0px} .topMenuBox .menuTop_MUS.MUS_on {width:47px; background-position: -952px 0px} .topMenuBox .menuTop_ETC {width:47px; background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -836px -40px} .topMenuBox .menuTop_ETC:hover {width:47px; background-position: -836px 0px} .topMenuBox .menuTop_ETC.ETC_on{width:47px; background-position: -836px 0px} .topMenuBox .menuTop_req {width:69px; background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -883px -40px} .topMenuBox .menuTop_req:hover {width:69px; background-position: -883px 0px} .topMenuBox .menuTop_req.req_on{width:69px; background-position: -883px 0px} .topMenuBox .menuTop_ADT {width:64px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -999px -40px} .topMenuBox .menuTop_ADT:hover {width:64px; background-position: -999px 0px} .topMenuBox .menuTop_ADT.ADT_on{width:64px; background-position: -999px 0px} .topMenuBox .menuTop_CTV {width:43px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -1205px -40px} .topMenuBox .menuTop_CTV:hover {width:43px; background-position: -1205px 0px} .topMenuBox .menuTop_CTV.CTV_on{width:43px; background-position: -1205px 0px} .topMenuBox .menuTop_PTV {width:43px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -1205px -40px} .topMenuBox .menuTop_PTV:hover {width:43px; background-position: -1205px 0px} .topMenuBox .menuTop_PTV.PTV_on{width:43px; background-position: -1205px 0px} .topMenuBox .menuTop_TON {width:47px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -1063px -40px} .topMenuBox .menuTop_TON:hover {width:47px; background-position: -1063px 0px} .topMenuBox .menuTop_TON.TON_on{width:47px; background-position: -1063px 0px} .topMenuBox .menuTop_BOK {width:52px;background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -1110px -40px} .topMenuBox .menuTop_BOK:hover {width:52px; background-position: -1110px 0px} .topMenuBox .menuTop_BOK.BOK_on{width:52px; background-position: -1110px 0px} .topMenuBox .menuTop_WGE {width:43px; background:url(http://wimg.fileham.com/main_new2/mainMenu_170831.jpg) no-repeat -1162px -40px} .topMenuBox .menuTop_WGE:hover {width:43px; background-position: -1162px 0px} .topMenuBox .menuTop_WGE.WGE_on{width:43px; background-position: -1162px 0px} #header_wrap .menu .menuBox .subMenuBox { width:100%;text-align:left} .subMenuBox #menu_TOP {padding-left:10px;} .subMenuBox #menu_ALL {padding-left:145px;} .subMenuBox #menu_MOV {padding-left:100px;} .subMenuBox #menu_DRA {padding-left:150px;} .subMenuBox #menu_MED {padding-left:210px;} .subMenuBox #menu_GME {padding-left:270px;} .subMenuBox #menu_ANI {padding-left:200px;} .subMenuBox #menu_UTL {padding-left:300px;} .subMenuBox #menu_COM {padding-left:360px;} .subMenuBox #menu_MUS {padding-left:410px;} .subMenuBox #menu_DOC {padding-left:550px;} .subMenuBox #menu_EDU {padding-left:444px;} .subMenuBox #menu_IMG {padding-left:600px;} .subMenuBox #menu_ADT {padding-left:610px;} .subMenuBox #menu_TON {padding-left:850px;} .subMenuBox #menu_CTV {padding-left:810px;} .subMenuBox #menu_PTB {padding-left:740px;} .subMenuBox #menu_ETC {padding-left:650px;} .subMenuBox #menu_req {padding-left:650px;} .subMenuBox #menu_BOK {padding-left:730px;} /*메뉴 - 서브*/ #header_wrap .menu .menuBox .subMenuBox {clear:both;float:left;width:1000px;height:30px; line-height:30px; vertical-align:middle} .subMenuBox div {display:block;} .subMenuBox div a {display:inline-block;padding-left:17px;color:#fff;font-size:11px; background:url(http://wimg.fileham.com/main_new2/line2.gif) no-repeat 5px 10px;} .subMenuBox div a.first {padding-left:15px; } /*로그인*/ #contents_wrap .left_wrap .login_wrap {width:200px;position:relative; } #contents_wrap .left_wrap .login_wrap_s {width:198px; height:220px;border:1px solid #dddddd;} .login_wrap_s table {width:180px; margin:0 auto;} .login_wrap_s table span { font-size:11px; letter-spacing:-1px;color:#666;} .login_wrap_s table span:hover { color:#000} .login_wrap_s .login_m {width:180px; height:20px; margin:0 auto; margin-top:10px;margin-bottom:10px;} .login_wrap_s .login_m li {list-style:none;float:left; font-size:11px; letter-spacing:-1px;color:#666;} .login_wrap_s .login_m .login_idsave {height:15px; line-height:15px; text-align:left; } .login_wrap_s .login_m .login_find {float:right; height:15px; line-height:15px; text-align:right;letter-spacing:-.5px;} .login_wrap_s .login_m .login_ck {width:13px; height:13px;margin:0 auto;} .login_wrap_s .login_bx {width:180px; height:55px; position:relative; margin:0 auto;} .login_wrap_s .login_bx li { list-style:none; } .login_wrap_s .login_bx .input_login { float:left;width:105px; height:25px; line-height:25px; margin-bottom:3px; background-color:#FFF; border:#CCC 1px solid; text-indent:5px} .login_wrap_s .login_bx .input_login:focus { background-color:#f0f4e3; border:#81a412 1px solid } .login_wrap_s .login_bx .input_pass { float:left; width:105px;height:25px; line-height:25px; background-color:#FFF; border:#CCC 1px solid; text-indent:5px} .login_wrap_s .login_bx .input_pass:focus { background-color:#f0f4e3; border:#81a412 1px solid } .login_wrap_s .login_bx .btn_login { width:68px; height:53px; line-height:53px; position:absolute; top:0px; right:0px; background:url(http://wimg.fileham.com/main_new2/btn_main_login.jpg) repeat-x; color:#000000; font-weight:bold; border:#cccccc 1px solid; text-align:center; cursor:pointer } .login_bx .login_select { float:right; width:80px; height:27px; line-height:26px; background-color:#FFF; border:#CCC 1px solid; } .login_wrap_s .login_bx2 { width:100%; height:15px; line-height:15px; position:relative; margin:0 auto; margin-top:7px; text-align:center; } .login_wrap_s .login_bx3 { width:100%; height:37px; line-height:37px; position:relative; margin:0 auto;margin-top:10px;} .login_tit_img { width:100%; height:45px; line-height:45px; border-bottom:#ccc 1px dotted; margin-bottom:7px; } .login_tit_img2 { width:100%; height:20px; line-height:20px; margin-bottom:5px; } .login_tit_img2 label { font-size:11px ; letter-spacing:-1px; } .login_btn_join { width:180px; height:37px; margin:0 auto; background:url(http://wimg.fileham.com/main_new2/btn_main_hjoin.jpg) no-repeat; background-position:center; cursor:pointer;border:#1a4080 1px solid} .login_btn_join:hover{ width:180px; height:37px; margin:0 auto; background:url(http://wimg.fileham.com/main_new2/btn_main_hjoin_over.jpg) no-repeat; background-position:center; cursor:pointer; border:#e1223b 1px solid} /*로그인후*/ .login_wrap_info { clear:both; width:100%; margin:0 auto; background:#ffffff; } .login_wrap_info .login_info_tit { width:100%; height:30px; margin:0 auto; text-align:left; border-bottom:#ccc 1px solid; position:relative; background:#f9f9f9; position:relative;} .login_wrap_info .login_info_tit li { list-style:none; } .login_wrap_info .login_info_tit .name { width:100%; margin:0 auto; height:30px; line-height:25px; padding-top:5px; text-align:left; } .login_wrap_info .login_info_tit .mame_txt { width:120px; float:left; text-align:left; padding-left:10px; height:25px; line-height:25px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold;} .login_wrap_info .login_info_tit .memo { width:70px; text-align:right; list-style:none; float:left; height:25px; line-height:25px; font-size:11px;position:absolute; top:5px; right:5px;} /*로그인후 일반*/ .login_wrap_info .info_tb { clear:both; width:100%; margin:0 auto; background-color:#fff;border-bottom:#ccc 1px solid; padding-top:5px; } .login_wrap_info .info_tb table {width:180px;margin:0 auto;} .login_wrap_info .info_tb table td {line-height:21px;height:21px; font-size:11px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; } .login_wrap_info .info_tb table .td_le { font-weight:bold; text-align:left;letter-spacing:-.2px; } .login_wrap_info .info_tb table .td_ri { font-weight:bold; text-align:right;letter-spacing:2px; } .login_wrap_info .info_tb table .td_ri span {letter-spacing:0px;} /*로그인후 판매자*/ .login_wrap_info .info_tb_seller { width:100%; height:115px;margin:0 auto; background-color:#fff;border-bottom:#ccc 1px solid; padding-top:3px; } .login_wrap_info .info_tb_seller table {width:170px; margin:0 auto; } .login_wrap_info .info_tb_seller table td {line-height:18px; font-size:11px ; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; } .login_wrap_info .info_tb_seller table .td_le { font-weight:bold; text-align:left;letter-spacing:-.2px; } .login_wrap_info .info_tb_seller table .td_ri { font-weight:bold; text-align:right;} .login_wrap_info .info_tb_seller table .td_ri span {letter-spacing:0px;} .login_wrap_info .login_menu {clear:both; width:100%; height:30px;margin:0 auto; text-align:center; } .login_wrap_info .login_menu img {margin-top:10px;} .login_wrap_info .login_menu li{ list-style:none; color:#727987; line-height:29px; cursor:pointer;} .login_wrap_info .login_menu .mymenu {float:left; width:55px; text-align:center; height:29px; font-size:11px; } .login_wrap_info .login_menu .btn_logout {float:right;width:86px; text-align:center; height:29px;color:#727987; font-weight:bold } /*왼쪽메뉴 시작*/ #contents_wrap .left_wrap .left_banner {width:198px; height:auto; border-top:#ddd 0px solid; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; border-right:#ddd 1px solid; background:#ffffff; } #contents_wrap .left_wrap .left_banner li { list-style:none; cursor:pointer } #contents_wrap .left_wrap .left_banner li:hover { background-position:1px 1px } #contents_wrap .left_wrap .left_banner .botline{border-bottom:#dddddd 0px solid; } #contents_wrap .left_wrap .btn_down { width:198px; height:35px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_down.jpg) no-repeat; display:block;border:#dddddd 1px solid; margin-top:5px; cursor:pointer } #contents_wrap .left_wrap .left_banner .left_menu_cardpt { width:100%; height:50px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_cardpt2.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid;} #contents_wrap .left_wrap .left_banner .left_menu_okcashbag { width:100%; height:50px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_okcashbag2_1901.gif) no-repeat; display:block;border-bottom:#dddddd 0px solid; } #contents_wrap .left_wrap .left_banner .left_menu_flatn { width:100%; height:50px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_flatn.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_bo3000p { width:100%; height:50px; background:url(http://wimg.fileham.com/main_new2/left_menu_bo3000b.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_bo6000p { width:100%; height:50px; background:url(http://wimg.fileham.com/main_new2/left_menu_bo6000b.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_bo9000p { width:100%; height:50px; background:url(http://wimg.fileham.com/main_new2/left_menu_bo9000b.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; } /*회원별 충전배너 */ #contents_wrap .left_wrap .left_banner .left_m_normal { width:100%; height:101px; background:url(http://wimg.fileham.com/main_new2/main_left_m_normal.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_first { width:100%; height:101px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_first_1907.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_flat { width:100%; height:101px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_flat.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_charge { width:100%; height:101px; background:url(http://wimg.fileham.com/main_new2/main_left_menu_charge.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_sleep { width:100%; height:101px; background:url(http://wimg.fileham.com/main_new2/main_left_m_sleep.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_m_evt1802 { width:100%; height:101px; background:url(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/main_left_m_chu2019_ham.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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/main_left_m_gift2005.gif) no-repeat -2px 0; display:block;border-bottom:#dddddd 1px solid; } #contents_wrap .left_wrap .left_bxbanner {width:100%; height:auto; background:#ffffff; border-bottom:#ddd 1px solid; } #contents_wrap .left_wrap .left_banner .left_menu_adt { clear:both; width:100%; height:45px; background:url(http://wimg.fileham.com/main_new2/banner_main_left_adt.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid;border-top:#dddddd 1px solid; } #contents_wrap .left_wrap .left_menu_bot { width:100%; height:57px; background:url(http://wimg.fileham.com/main_new2/banner_main_left_bot.jpg) no-repeat; background-position:center;display:block; } #contents_wrap .left_wrap .leftbanner_toon {width:198px; height:auto; border:1px solid #dddddd;background:#ffffff; margin-top:5px; } #contents_wrap .left_wrap .leftbanner_toon img {cursor:pointer;} #contents_wrap .left_wrap .noti { clear:both; width:100%; height:130px; background:#fff; } #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;cursor:pointer;} #contents_wrap .left_wrap .noti .noti_list { clear:both; width:100%; height:65px; padding-top:10px; } #contents_wrap .left_wrap .noti .noti_list_txt {width:175px; text-align:left;height:25px; line-height:25px; font-size:11px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-left:5px; } /*고객센터 /*/ #contents_wrap .left_wrap .cs_center {width:196px; height:192px; background:url(http://wimg.fileham.com/main_new2/main_cs_img_24time_1608.gif) no-repeat 0px 20px; position:relative; } #contents_wrap .left_wrap .cs_center .cs_mini {width:198px; height:30px; line-height:30px; border-top:#dddddd 1px solid; display:block; color:#999; position:absolute; bottom:0px; left:0px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif;} #contents_wrap .left_wrap .cs_center .cs_mini span { font-size: 11px; margin:3px; } /*쿠폰등록 페이지*/ .ham_coupon { width:795px; margin:0 auto; background-color:#efefef; } .ham_coupon .ham_img01 { width:100%; height:544px; background:url(http://wimg.fileham.com/coupon/ham_coupon_01.jpg) no-repeat; position:relative;} .ham_coupon .ham_img01 li { list-style:none; } .ham_coupon .ham_img01 .ham_coupt {width:457px; height:45px; position:absolute; top:445px; left:146px;} .ham_coupon .ham_img01 .hc_input {width:100%; height:45px; line-height:45px; background-color:#ffffff; font-size:1.6em; text-align:center; font-family:Verdana, Geneva, sans-serif;color:#000000;font-weight: bold; letter-spacing:-.5px; } .ham_coupon .ham_img01 .btn_coupon { width:135px; height:63px; background:url(http://wimg.fileham.com/coupon/btn_hamcoupon.png) no-repeat; position:absolute; top:435px; right:45px;cursor:pointer;} .ham_coupon .ham_img02 { width:100%; height:395px; background:url(http://wimg.fileham.com/coupon/ham_coupon_02n.jpg) no-repeat; position:relative;} .ham_coupon .ham_img02_bz { width:100%; height:395px; background:url(http://wimg.fileham.com/coupon/ham_coupon_02_bz.jpg) no-repeat; position:relative;} .ham_coupon .ham_img03 { width:100%; height:34px; background:url(http://wimg.fileham.com/coupon/ham_coupon_03.jpg) no-repeat; position:relative;} .ham_coupon .ham_img04 { width:90%; min-height:150px; margin:0 auto; padding-top:30px; display:inline-block; box-sizing:border-box; } .ham_coupon .ham_img04 li { list-style:none; display:inline-block; margin:0 2%; margin-bottom:50px; } .ham_coupon .ham_img04 .couopn_box { width:200px; height:98px; background:url(http://wimg.fileham.com/coupon/ico_coupon_2.png) no-repeat; text-align:center; position:relative; } .ham_coupon .ham_img04 .couopn_box .txt_box { box-sizing:border-box; width:154px; height:98px; padding:25px 10px; letter-spacing:-1px; position:absolute; top:0px; left:0px; font-weight:bold; } .ham_coupon .ham_img04 .couopn_box .txt_box .c_logo img { width:100px; } .ham_coupon .ham_img04 .couopn_box .txt_box .txt_tit { color:#333333; font-size:16px; line-height:30px; } .ham_coupon .ham_img04 .couopn_box .txt_box .txt_pt { color:#f6513e; font-size:20px; line-height:30px; } .ham_coupon .ham_img05 { width:100%; height:auto; background-color:#e6e6e6; margin:0 auto; padding-top:30px; padding-bottom:30px; } .ham_coupon .ham_img05 li { list-style:none; margin:0 auto; line-height:20px; text-align:left; font-size:11px; color:#666666; display:block; padding-left:90px;} /*###중앙 우측 ###*/ #contents_wrap .center_wrap .center_right .hom_rig_tit1 {width:100%; height:35px; background:url(http://wimg.fileham.com/main_new2/main_rtit_01.gif) no-repeat 0px 0px; text-align:right; border-bottom:#eeeeee 1px solid; } #contents_wrap .center_wrap .center_right .hom_rig_tit2 {width:100%; height:35px; background:url(http://wimg.fileham.com/main_new2/main_rtit_02.gif) no-repeat 0px 0px; text-align:right; border-bottom:#eeeeee 1px solid;border-top:#eeeeee 1px solid; margin-bottom: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 } .center_right_s .req_list { width:100%;margin-top:5px; height:177px; background:#fff;vertical-align:top} .center_right_s .req_list ul { width:100%; margin:0 auto;} .center_right_s .req_list li { width:180px;list-style:none;height:24px; line-height:24px; display:block; margin-left:7px; position:relative; } .center_right_s .req_list .req_txt {width:130px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-size:11px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; color:#666666; letter-spacing:-.5px; float:left; cursor:pointer;} .center_right_s .req_list .req_icon {width:44px;height:24px; line-height:24px; margin-right:5px;float:right; background:url( http://wimg.fileham.com/icon/icon_finish3.gif) no-repeat; background-position:center center; } .center_right_s .hom_rig_bot_banner {width:100%; height:61px; background:url(http://wimg.fileham.com/main_new2/banner_main_left_botn.jpg) no-repeat; background-position:center; border-top:#eeeeee 1px solid;} .center_right_s .hom_rig_bot_banner2 {width:100%; height:61px; background:url(http://wimg.fileham.com/main_new2/banner_main_left_bot2.jpg) no-repeat; background-position:center; border-top:#eeeeee 1px solid;} /*###우측배너_죄측공용사용 ###*/ .hom_rig_banner1 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h01.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner2 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h02.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner3 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h03.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner4 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h04.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner5 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h05.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner6 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h06.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner7 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h07.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner8 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h08.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner9 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h09n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner10 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h10.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner11 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h11.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner12 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h12.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner13 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h13.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner14 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h14.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner15 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h15.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner16 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h16.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner17 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h17.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner18 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h18n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner19 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h19.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner20 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h20.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner21 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h21.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner22 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h22.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner23 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h23.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner24 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h24.gif) no-repeat; border-bottom:#eeeeee 0px solid; cursor:pointer} .hom_rig_banner25 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h25.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner26 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h26.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner27 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h27.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner28 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h28.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner29 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h29.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner30 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h30.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner31 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h31.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner32 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h32.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner33 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h33.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner34 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h34.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner35 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h35.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner36 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h36.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner37 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h37.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner38 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h38.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner39 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h39.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner39n { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h39n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner40 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h40.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner41 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h41.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner42 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h42.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner43 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h43.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner44 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h44.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner45 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h45.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner46 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h46.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner47 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h47.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner48 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h48.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner49 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h49.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner50 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h50.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner51 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h51.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner52 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h52.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner53 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h53.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner54 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h54.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner55 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h55.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner56 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h56.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner57 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h57.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner58 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h58.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner59 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h59.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner60 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h60.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner61 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h61.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner62 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h62.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner63 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h63n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner64 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h64.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner65 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h65.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner66 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h66.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner67 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h67.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner68 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h68.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} .hom_rig_banner69 { width:198px; height:70px; background:url(http://wimg.fileham.com/main_new2/banner_main_rig_h69N.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer} #list_sort {clear:both; width:100%; margin:0 auto;background:#ffffff; } #list_sort td{ height:35px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px; } /*### 컨텐츠리스트 css ###*/ .ellipsis { width:510px; display:inline-block;vertical-align:middle;} .bbsTitle_1{ font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px;} .bbsTitle_1:hover{text-decoration:underline} .bbsTitle_2{ font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px;} .bbsTitleAll { max-width:350px;cursor:pointer; vertical-align:middle; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;} .bbsTitleAll td { height:30px; line-height:30px;} .bbsTitleAll_img { cursor:pointer; vertical-align:middle; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px;letter-spacing:-.3px; float:left} .bbsTitleAll_img td { height:30px; line-height:30px;} .ctn_img_td40 {height:40px; line-height:40px; } .listimg { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px;} /*##### 컨텐츠 리스트 공지부분 */ .news {width:100%; margin:0 auto;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;margin-top:5px;} .news .open-event ul{ position:absolute; top:0px; left:0px;} .news .open-event li { list-style: none;height:25px;} .news .open-event .news_tit {width:760px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:12px;letter-spacing:-.3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .ctn_sumimg {width:96px; height:60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;border:#cccccc 1px solid; } /*컨텐츠타이틀 박스 공통*/ .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_hit.jpg) no-repeat 5px 10px } .center_left .ctn_box .ctn_tit .ctn_tit_le2{ float:left; width:190px; height:35px; line-height:35px; text-align:left;font-size:12px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-weight: bold; padding-left:10px;} .center_left .ctn_box .ctn_tit .ctn_tit_le3{ float:left; width:190px; height:35px; background:url(../images/main/tit_music.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; } .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_m_line {padding-left: 5px; border-right:1px #ccc solid} .center_left .ctn_box .ctn_txt { width:420px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left} .center_left .ctn_box .ctn_tit .ctn_tit_rig .m_tema { padding:3px 7px; background-color:#365d9e;text-align:center; color:#ffffff; letter-spacing:-1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;} .center_left .ctn_box .ctn_tit .ctn_tit_rig .m_tema:hover {background-color:#de1730;} /*메인 뉴 컨텐츠*/ .main_newctn { width:100%;margin:0px;padding:0px;border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; } .maintopTabMenuHead { width:100%; height:32px; line-height:32px;margin:0px; padding:0px; } .main_newctn .menutop {background:#f8f8f8; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;font-weight:normal;font-weight: bold;} .main_newctn .menu { cursor:pointer; font-size:12px;} .main_newctn .on { color:#3460bf;} .main_newctn .off { color:#000000;} .main_newctn .list {width:100%; text-align:left; line-height:32px;height:32px; } .main_newctn .list td { border-bottom:1px solid #f3f3f3; } .main_newctn .reqlist th { background-color:#f8f8f8; height:35px; border:1px solid #d5d5d5; border-width:1px 0px; } .maintopTab { width:100%; cursor: pointer;} .ellipsis {width: 460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; } /*메인 실시간 인기자료 */ .maintopTab { width:100%; cursor: pointer;} .maintopContents { width:100%;margin:0px; padding:0px;border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:0px solid #e3e3e3; } .maintopTabMenuHead { width:100%; height:32px; line-height:32px;margin:0px; padding:0px; } .maintopContentsList { width:100%; margin:0px; padding:0px; } .maintopTabMenu { text-align:center; color:#000000;} .maintopTabContent { width:590px; color:#111111; height: 350px; z-index:100; display:none; margin:0 auto; vertical-align:top;} .maintopselectedMenu { color:#3460bf; font-size: 12px;} .maintopnonSelectedMenu { font-size: 12px; border-bottom:1px solid #e3e3e3;} .menutop {background:#f8f8f8; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;font-weight:normal; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif;} .ellipsis_top100 {width: 420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif;} .main_hitT {width: 90px; text-align:center;float:right;font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size: 12px;} .hit_list {width:100%; background:#ffffff; text-align:left;height:30px; line-height:30px; border-bottom:1px solid #f3f3f3;} /*top100 */ .top100_top { position:relative; display:inline-block; width:100%; padding:15px 0; border-bottom:3px solid #404653; } .top100_top .top100_top_l { float:left; } .top100_top .top100_top_r { float:right; } .top100_tab { width:100%; margin:10px auto; } .top100_tab li { list-style:none; float:left; display:inline-block; width:33.3%; height:35px; line-height:35px; font-size:12px; font-weight:bold; text-align:center; cursor:pointer; } .top100_tab_off { border:1px solid #cfdbe2; background-color:#ffffff; } .top100_tab_off .tab_p { color:#e6207d; } .top100_tab_on { border:1px solid #0f457b; background-color:#225896; color:#ffffff; } .top100_tab_on .tab_p { color:#b7ff00; } .top100_tb {width:100%; margin:0 auto;} .top100_tb .top100_tit {height:32px; line-height:32px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size: 13px; } .top100_tb .catm {width:100%; margin:0 auto; height:40px; line-height:40px; padding:0px; background:#cccccc; border-bottom:1px solid #e3e3e3; letter-spacing:-1px; text-align:left; font-size:12px;} /*최신자료 포스터*/ .center_left .ctn_box .ctn_hit { width:100%; margin:0 auto; height:170px; } .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:15px; position:relative;} .center_left .ctn_box .ctn_hit p { width:80px; height:15px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; } .center_left .ctn_box .ctn_hit span { color:#666666} .center_left .ctn_box .ctn_hit .ctn_hit_ul li .ct_evt {width:80px; height: 20px; line-height:20px; background:url(http://wimg.fileham.com/event/bg_red80.png) repeat; position:absolute; top:94px; text-align: center;color:#ffffff; font-size:12px; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } /*다운로드 베스트*/ .center_left .ctn_box .ctn_best { width:100%; margin:0 auto; height:140px; } .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:25px; line-height:25px; vertical-align:middle;font-size:11px} .banner_sub { clear:both; width:795px; height:100px; margin-bottom:5px; background-color:#ffffff; position:relative;cursor:pointer} .banner_sub2{ clear:both; width:795px; height:60px; margin-bottom:5px; background-color:#ffffff; position:relative;} /*### 서브 리스트_top ###*/ #wrap #contents_wrap .center_wrap .sub_list_top { width:100%; height:auto;background-color:#ffffff; margin-bottom:10px; border-top:#d4d4d4 1px solid;border-left:#d4d4d4 1px solid;border-right:#d4d4d4 1px solid;border-bottom:#d4d4d4 1px solid; position:relative; padding-bottom:10px;} .sub_list_top .sub_top_bg { width:100%; height:50px;background:#f9f9f9; background-color:#f9f9f9; 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; float:left;} .sub_list_top .sub_cat_name1 { float:left; height:30px; line-height:30px; text-align:left; padding-right:10px; font-family:Verdana, Geneva, sans-serif; font-size:1.6em; color:#000000;position:relative; font-weight: bold;margin-top:10px;} .sub_list_top .sub_cat_name2 { float:left; height:20px; line-height:20px; width:auto; text-align:left; font-size:12px; color:#999;position:relative;margin-top:20px;} .sub_list_top .sub_cat_txt { float:left; width:auto; height:20px; line-height:20px; text-align:left; font-size:12px; color:#999;position:relative; margin-top:20px;} /*### 컨텐츠 리스트 포스터 탭 변경 ###*/ .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; margin-top:15px; 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 } .ctnposter { width:795px; height:auto; margin:0 auto;text-align: center;position: relative;} .ctnposter .poster_left { width:30px; height:59px; background:url(http://wimg.fileham.com/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(http://wimg.fileham.com/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_thumb { width:735px; height: 165px; margin:0 auto; text-align: center; overflow: hidden; position: relative; margin:0 auto; } .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} .ctnposter ul.ctnposter_list a li { text-align: center; margin-left:13px;margin-top:10px; } .ctnposter ul.ctnposter_list a li .ct_imgbox {padding: 0px; width: 90px; height: 135px; position: relative; } .ctnposter ul.ctnposter_list a li .ct_imgbox .cat_icon_hot { width:39px; height:46px; position:absolute; top:-1px; left:-1px;} .ctnposter ul.ctnposter_list .cat_tit_name { width:85px; height:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight: 500;font-size: 11px; text-align: center; } .ctnposter ul.ctnposter_list a li .ct_imgbox .ct_evt {width:100%; height: 20px; line-height:20px; background:url(http://wimg.fileham.com/event/bg_red80.png) repeat; position:absolute; top:108px; text-align: center;color:#ffffff; font-size:12px; letter-spacing:-.2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } /*### 서브리스트 _하이북 통 ###*/ .ctnposter_thumb_hig { width:776px; height:145px;text-align: center; overflow: hidden; position: relative; margin:0 auto; } .ctnposter ul.ctnposter_list_hig { width:776px ;margin:0 auto; } .ctnposter ul.ctnposter_list_hig img { margin-top:10px;} .ctnposter ul.ctnposter_list_hig li { list-style: none; } .ctnposter ul.ctnposter_list_hig .ct_imgbox2 {width:100%; text-align: center; } .ctnposter .ctnposter_btn_area {text-align: center; overflow: hidden;} .ctnposter .ctnposter_btn_area button { width: 100px; height: 36px; background-color:#ffffff; color:#cccccc; font-size: 16px; display: block;} .ctnposter .ctnposter_btn_area button.today_btn_prev {float: left;} .ctnposter .ctnposter_btn_area button.today_btn_next {float: right;} .ctnposter .ctnposter_btn_area .today_btn_page { background-color:#cccccc; margin: 0px 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 .ctnposter_btn_area .on.today_btn_page {background-color:#82a513;} /*### 서브리스트_탭 리뉴얼 2018.12 ###*/ #contents_wrap .center_wrap .sub_list_tab { clear:both; display:inline-block; width:100%; margin:0 0 10px; } .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(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/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 5px; 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:4px; vertical-align:middle; } .sub_list_tab #list_count { visibility:visible; width:90px; height:25px; margin-top:3px; font-size:11px; } /*### 서브리스트 _탭 ###*/ #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(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat; background-position:0px -31px; cursor:pointer;} .sub_m_tab .sub_tab_01:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab .sub_tab_01.ston1 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab .sub_tab_02 { float:left; width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat; background-position:-100px -31px; cursor:pointer;} .sub_m_tab .sub_tab_02:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tab_02.ston2 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tab_03 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat; background-position:-200px -31px; cursor:pointer;} .sub_m_tab .sub_tab_03:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_tab_03.ston3 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat;background-position:-200px 1px;} /*### 서브리스트 _웹툰 ###*/ .sub_m_tab .sub_tab_04 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat; background-position:-300px -31px; cursor:pointer;} .sub_m_tab .sub_tab_04:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat;background-position:-300px 1px;} .sub_m_tab .sub_tab_04.ston4 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab3_0901.jpg) no-repeat;background-position:-300px 1px;} /*### 서브리스트 _가격할인 ###*/ .sub_m_tab .sub_tab_05 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-400px -31px; cursor:pointer;} .sub_m_tab .sub_tab_05:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-400px 1px;} .sub_m_tab .sub_tab_05.ston5 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-400px 1px;} /*### 서브리스트 _추천영화 ###*/ .sub_m_tab .sub_tab_06 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-500px -31px; cursor:pointer;} .sub_m_tab .sub_tab_06:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-500px 1px;} .sub_m_tab .sub_tab_06.ston6 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-500px 1px;} /*### 서브리스트 _드라마할인 ###*/ .sub_m_tab .sub_tab_07 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-600px -31px; cursor:pointer;} .sub_m_tab .sub_tab_07:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-600px 1px;} .sub_m_tab .sub_tab_07.ston7 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-600px 1px;} /*### 서브리스트 _경품 지급 ###*/ .sub_m_tab .sub_tab_08 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-700px -31px; cursor:pointer;} .sub_m_tab .sub_tab_08:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-700px 1px;} .sub_m_tab .sub_tab_08.ston8 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-700px 1px;} /*### 서브리스트 _일드할인 ###*/ .sub_m_tab .sub_tab_09 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-800px -31px; cursor:pointer;} .sub_m_tab .sub_tab_09:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-800px 1px;} .sub_m_tab .sub_tab_09.ston9 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-800px 1px;} /*### 서브리스트 _명작할인 ###*/ .sub_m_tab .sub_tab_10 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-900px -31px; cursor:pointer;} .sub_m_tab .sub_tab_10:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-900px 1px;} .sub_m_tab .sub_tab_10.ston10 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-900px 1px;} /*### 서브리스트 _가족영화할인 ###*/ .sub_m_tab .sub_tab_11 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat; background-position:-1000px -31px; cursor:pointer;} .sub_m_tab .sub_tab_11:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-1000px 1px;} .sub_m_tab .sub_tab_11.ston11 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tabtot_170502.jpg) no-repeat;background-position:-1000px 1px;} .sub_m_tab .sub_tabTop_01 { float:left; width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat; background-position:0px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_01:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab .sub_tabTop_01.stop1 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat; background-position:0px 1px; } .sub_m_tab .sub_tabTop_02 { float:left; width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat; background-position:-100px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_02:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tabTop_02.stop2 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab .sub_tabTop_03 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat; background-position:-200px -31px; cursor:pointer;} .sub_m_tab .sub_tabTop_03:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_tabTop_03.stop3 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_0712.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab .sub_rig_menu { float:right;height:30px;line-height:30px; 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;} /*##### 검색결과 - 금칙어 */ .search_forbid { width:504px; margin:0 auto; text-align:center; } .search_top { width:504px; height:15px; margin:0 auto; padding 0; background:url(http://wimg.fileham.com/btn/search_forbid_top.gif) no-repeat; } .search_middle { display:inline-block; margin:0 auto; width:504px; background:url(http://wimg.fileham.com/btn/search_forbid_middle.gif) repeat-y ; } .forbid { width:100%; margin:0 auto; text-align:center; } .forbid_text { font-size:22px; font-weight:bold; color:red; line-height:30px; padding-top:20px; } .forbid_img { width:474px; height:115px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/btn/search_forbid.gif) no-repeat; } .search_account { width:90%; height:100px; margin:0 auto; text-align:center; background-color:#e1e1e1; border-radius:10px; } .search_account li { list-style:none; } .search_account_s { width:90%; margin:0 auto; font-size:12px; line-height:18px; text-align:left; padding-top:20px; } .search_bottom { width:504px; height:15px; margin:0 auto; padding:0; background:url(http://wimg.fileham.com/btn/search_forbid_bottom.gif) no-repeat; } /*### 요청자료 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(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat; background-position:0px -31px;} .sub_m_tab_req .sub_tab_req_01:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab_req .sub_tab_req_01.reqon1 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat; background-position:0px 1px;} .sub_m_tab_req .sub_tab_req_02 { float:left; width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat; background-position:-100px -31px;} .sub_m_tab_req .sub_tab_req_02:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab_req .sub_tab_req_02.reqon2 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat;background-position:-100px 1px;} .sub_m_tab_req .sub_tab_req_03 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat; background-position:-200px -31px;} .sub_m_tab_req .sub_tab_req_03:hover { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab_req .sub_tab_req_03.reqon3 { width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/sub_list_tab_req4.jpg) no-repeat;background-position:-200px 1px;} .sub_m_tab_req .sub_tab_req_04 { float:left;width:98px; height:31px; background:url(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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(http://wimg.fileham.com/main_new2/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;} /* 뮤직카테고리 */ .cat_music { width:795px; margin:0 auto; position:relative } .cat_music .banner_music { width:100%; height:200px; background:url(http://wimg.fileham.com/banner/banner_music.gif) no-repeat; position:relative;} .cat_music .music_nav { width:100%; height:52px; margin-top:5px; background:url(http://wimg.fileham.com/banner/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:#1d9f77 5px solid;} .music_nav .music_menu li.on {background-color:#ffffff; border-top:#1d9f77 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:#1d9f77; border:#1d9f77 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 } .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; } /* 뮤직 충전소*/ .charge_music_wrap { width:795px; margin:0 auto; background:#2b5849;} .charge_music_img01 { width:795px; height:370px; margin:0 auto; background:url(http://wimg.fileham.com/banner/charge/charge_music_01.jpg) no-repeat } .charge_music_img02 { width:795px;height:264px;margin:0 auto; background:url(http://wimg.fileham.com/banner/charge/charge_music_02.jpg) no-repeat } .charge_music_img03{ width:795px;height:474px;margin:0 auto; background:url(http://wimg.fileham.com/banner/charge/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(http://wimg.fileham.com/banner/charge/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;} /* 정액제 충전소*/ .charge_fixed { width:100%; height:auto; margin:0 auto; background-color:#ebebeb; margin-bottom:20px; } .fixed_top1 { display:inline-block; width:100%; height:auto; background:url(http://wimg.fileham.com/charge/banner_flat_top_ham2018.jpg) no-repeat; margin:0 auto; background-position:top; position:relative; } .fixed_top1 li { list-style:none;} .fixed_top1 .fixed_top_info { display:inline-block; width:100%; height:36px; line-height:39px; text-align:center; font-size:12px;color:#000000; margin:260px 0 54px; letter-spacing: 0px} .fixed_top1 .fixed_top1_s { width:100%; margin:0 auto; margin-top:50px; } .fixed_top1 .fixed_top1_s li { list-style:none;} .fixed_top1 .fixed_top1_s .fixed_top_btn1 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn1.png) no-repeat; cursor:pointer; margin-bottom:20px; } .fixed_top1 .fixed_top1_s .fixed_top_btn2 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn2_0823.png) no-repeat; cursor:pointer; margin-bottom:20px;} .fixed_top1 .fixed_top1_s .fixed_top_btn3 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn3.png) no-repeat; cursor:pointer;margin-bottom:20px; } .fixed_top1 .fixed_top1_s .fixed_top_btn4 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn4.png) no-repeat; cursor:pointer; margin-bottom:20px;} .fixed_top1 .fixed_top1_s .fixed_top_btn5 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn5.png) no-repeat; cursor:pointer; margin-bottom:20px;} .fixed_top1 .fixed_top1_s .fixed_top_btn6 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn6.png) no-repeat; cursor:pointer; margin-bottom:20px;} .fixed_top1 .fixed_top1_s .fixed_top_btn7 { width:682px; height:149px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/charge/charge_flat_btn7.png) no-repeat; cursor:pointer; margin-bottom:20px;} .fixed_top2 { display:inline-block; width:100%; margin:0 auto; position:relative; margin:30px 0 50px; } .fixed_top2 li { width:85%; list-style:none; line-height:22px; margin:0 auto; text-align:left; font-size:12px; color:#666666; } .btn_charge_by {width:331px; height:71px; margin:0 auto; text-align:center; background:url(http://wimg.fileham.com/btn/btn_charge_by.png) no-repeat; cursor:pointer; margin-bottom:20px; margin-top:20px;} /* 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:auto; height:40px; line-height:40px; text-align:left; float:left; letter-spacing:-1px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; } .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(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/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:290px; z-index:100} .chargN .icon_hitR5 {clear:both;width:34px; height:34px; line-height:34px; background:url(http://wimg.fileham.com/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:390px; z-index:100} /* 추천퍼플 */ .chargN .icon_hitP1 {clear:both;width:34px; height:34px; line-height:34px; background:url(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/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:290px; z-index:100} .chargN .icon_hitP5 {clear:both;width:34px; height:34px; line-height:34px; background:url(http://wimg.fileham.com/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:390px; 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(http://wimg.fileham.com/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(http://wimg.fileham.com/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(http://wimg.fileham.com/btn/btn_buy.png) 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(http://wimg.fileham.com/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(http://wimg.fileham.com/icon/icon_ston.png) no-repeat; background-size:30px 30px; color:#333; } /* 201810 충전리뉴 end*/ /* 2018 연말 충전소 */ .charge_1812 { display:inline-block; width:100%; height:530px; } .charge1812_img1 { float:left; display:inline-block; width:100%; height:180px; background:url(http://wimg.fileham.com/event/charge1812/charge_201812_01n.gif) no-repeat; } .charge1812_img2 { float:left; display:inline-block; width:398px; height:350px; background:url(http://wimg.fileham.com/event/charge1812/charge_201812_m15.gif) no-repeat; cursor:pointer; } .charge1812_img3 { float:left; display:inline-block; width:397px; height:350px; background:url(http://wimg.fileham.com/event/charge1812/charge_201812_m25.gif) no-repeat; cursor:pointer; } .charge1812_img2:hover { background:url(http://wimg.fileham.com/event/charge1812/charge_201812_m15_over.gif) no-repeat; } .charge1812_img3:hover { background:url(http://wimg.fileham.com/event/charge1812/charge_201812_m25_over.gif) no-repeat; } /* 3월 특가 충전소 200330 */ .banner_charge_2003 { clear:both; width:100%; height:525px; background:url(http://wimg.fileham.com/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; } /*마이페이지 탭 메뉴*/ .cs_tab {clear:both; width:100%; margin:0 auto; height:31px; border-bottom:#677fdd 1px 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:#677fdd 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:#677fdd 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:#677fdd 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:#677fdd 1px solid} .cs_tab .tab_01:hover { border-top:#677fdd 1px solid; border-left:#677fdd 1px solid; border-right:#677fdd 1px solid; color:#000000;font-weight:bold} .cs_tab .tab_02:hover { border-top:#677fdd 1px solid; border-left:#677fdd 1px solid; border-right:#677fdd 1px solid; color:#000000;font-weight:bold} .cs_tab .tab_03:hover { border-top:#677fdd 1px solid; border-left:#677fdd 1px solid; border-right:#677fdd 1px solid; color:#000000;font-weight:bold} .cs_tab .tab_04:hover { border-top:#677fdd 1px solid; border-left:#677fdd 1px solid; border-right:#677fdd 1px solid; color:#000000;font-weight:bold} .cs_tab .on { background-color:#677fdd; color:#FFF; font-weight:bold} /*편성표 알람 설정 마이페이지 */ .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:30%; 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:30%; 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 } .btn_malarm {width:150px;height:30px; line-height:30px; cursor:pointer; background:#333; border:#ffffff 1px solid; color:#ffffff;text-align:center; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px; cursor:pointer} .btn_malarm:hover {width:150px;height:30px; line-height:30px; cursor:pointer; background:#ea4335; border:#790000 1px solid; color:#ffffff;text-align:center; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px; cursor:pointer;} /*회원가입*/ .ham_join {width:100%; margin:0 auto; } .ham_join .ham_join_s {width:100%; margin-top:30px; } .ham_join .ham_join_s table { width:95%; margin:0 auto; border:#d9d9d9 1px solid; } .ham_join .ham_join_s table td { border-bottom:#d9d9d9 1px solid; padding:7px; height:35px; } .ham_join .ham_join_s .ham_join_tit {width:100%; height:25px; margin:0 auto; text-align:left; padding-left:20px;font-weight:bold; font-size:12px; color:#000000; margin-top:50px; } .ham_join .ham_join_s .ham_join_tdtit {text-align:left; background-color:#f9f9f9 ;padding-left:10px; font-weight:bold; font-size:12px; color:#000000; border-right:#d9d9d9 1px solid;} .ham_join .ham_join_s .ham_join_btn {width:100%; height:50px; margin:0 auto; text-align:center; margin-top:30px;} .ham_join .ham_join_s .ham_join_btn2 {width:100%; height:20px; margin:0 auto; text-align:center; } .ham_join .ham_join_s .ham_use { width:95%; height:200px; margin:0 auto; text-align:center; margin-top:70px;} .ham_join .ham_join_s .ham_use .ham_useL {width:48%; float:left; height:100px; margin:0 auto; text-align:left; } .ham_join .ham_join_s .ham_use .ham_useL li {width:100%; min-height:30px; list-style:none;display:block;} .ham_join .ham_join_s .ham_use .ham_useR {width:48%; float:right; height:100px; margin:0 auto; text-align:left; } .ham_join .ham_join_s .ham_use .ham_useR li {width:100%; list-style:none;display:block;} .ham_join .ham_join_s .ham_use iframe {border:#d9d9d9 1px solid; background-color:#ffffff ;} /*### 마이페이지 임시 스타일 ###*/ .myp_input { font-size:9px ; color:#000000 ; background-color:#f6f6f6 ; border:1px solid #cccccc ; height:20px; line-height:20px} .myinfo_btn { float:left; height:33px; line-height:33px; 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; } .myinfo_btn:hover { background:#fff; border:#a5a08f 1px solid; color:#000; } /*### 모든테이블 타이틀 영역###*/ /*아이콘 있는*/ .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:30px; line-height:30px; 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} /*### 공통 텍스트줄임 ###*/ .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 ###*/ .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; } .tb_B .bot_line { border-bottom:#bcbcbc 1px dotted;} .tb_B .chk {height:15px;line-height:15px; vertical-align:middle; margin-top:10px;} .tb_B img {max-width:660px;} /*### 회원탈퇴 ###*/ .cs_libox { display:inline-block; width:100%; margin-top:20px; padding:10px 20px; 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:none; } .cs_libox li textarea { display: block; width: 75%; height: 100px; margin: 10px 0px 5px; padding: 10px; border:#CCC 1px solid; font-size:12px; } /*### 회원탈퇴 레이어 ###*/ .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(http://wimg.fileham.com/popup/popup_leave_n.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(http://wimg.fileham.com/popup/popup_leave_btn1.gif) no-repeat; } .pop_leave .pop_leave_img .btn li.btn2 { background:url(http://wimg.fileham.com/popup/popup_leave_btn2.gif) no-repeat; } /*### 마이페이지 공통 설명박스 ###*/ .cs_tbinfo_box { 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_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;} /*내정보 좌측 탭 메뉴*/ #contents_wrap .left_wrap .left_tab { width:100%; height:30px; background:url(http://wimg.fileham.com/main_new2/left_tab.gif) no-repeat 0px 0px; } #contents_wrap .left_wrap .left_tab li { list-style:none; float:left} /*좌측 단독 타이틀 */ #contents_wrap .left_wrap .left_tab_no { width:198px; height:30px; line-height:30px; background:url(http://wimg.fileham.com/main_new2/left_tab_no.jpg) no-repeat 0px 0px; 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:100px; height:29px; display:block; border-right: 1px #CCC solid ; border-bottom:#ddd 1px solid; } #contents_wrap .left_wrap .left_tab .tab_mem:hover { background:url(http://wimg.fileham.com/main_new2/left_tab_left.gif) no-repeat; width:100px; height:29px; display:block; border-right: 1px #CCC solid; border-bottom:#fff 1px solid;} #contents_wrap .left_wrap .left_tab .tab_mem.on1 { background:url(http://wimg.fileham.com/main_new2/left_tab_left.gif) no-repeat; width:100px; height:29px; display:block; border-right: 1px #CCC solid;border-bottom:#fff 1px solid;} #contents_wrap .left_wrap .left_tab .tab_seller { width:96px; height:29px;display:block; border-bottom:#ddd 1px solid; } #contents_wrap .left_wrap .left_tab .tab_seller:hover { background:url(http://wimg.fileham.com/main_new2/left_tab_right.gif) no-repeat; width:96px; height:29px; display:block; border-bottom:#fff 1px solid;} #contents_wrap .left_wrap .left_tab .tab_seller.on2 {background:url(http://wimg.fileham.com/main_new2/left_tab_right.gif) no-repeat; width:96px; height:29px; display:block;border-bottom:#fff 1px solid;;border-right:#fff 1px solid;} #contents_wrap .left_wrap .left_mypage {clear:both; width:100%; background:#ffffff;padding-top:10px ; border-bottom:#dddddd 1px solid;} #contents_wrap .left_wrap .left_mypage ul { width:170px;margin-left:10px; 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:20px; height:20px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-bottom:10px;margin-top:10px; background:url(http://wimg.fileham.com/main_new2/icon_list.gif) no-repeat 0px 3px; padding-left:15px;} #contents_wrap .left_wrap .left_mypage .my_menu_list { width:160px; text-align:left; line-height:20px; height:20px; font-size:11px; margin-left:10px; 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:20px; height:20px; 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 .left_wrap .left_ctop10 {clear:both; width:198px; background:#ffffff; padding-top:10px ;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_ctop10 ul { width:170px;margin-left:10px; margin-bottom:10px;} #contents_wrap .left_wrap .left_ctop10 li { display:block; } #contents_wrap .left_wrap .left_ctop10 .my_menu { text-align:left; line-height:20px; height:20px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-bottom:10px;margin-top:10px; background:url(http://wimg.fileham.com/main_new2/icon_list.gif) no-repeat 0px 3px; padding-left:15px;} #contents_wrap .left_wrap .left_ctop10 .my_menu_list { width:160px; text-align:left; line-height:20px; height:20px; font-size:11px; margin-left:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer } #contents_wrap .left_wrap .left_ctop10 .my_menu_list .icon_new { text-align:center; line-height:20px; height:20px; font-size:.8em;background:#f40a0a; color:#ffffff; padding:1px 3px; font-weight:bold; letter-spacing:-.5px;} #contents_wrap .left_wrap .left_ctop10 .pton {font-weight:bold; background:#fff3f3; } #contents_wrap .rank_nom1 { width:15px; height:15px; background:url(http://wimg.fileham.com/icon/icon_mno1.png) 0px 2px no-repeat; display:block; float:left ; margin-right:5px;} #contents_wrap .rank_nom2 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno2.png) 0px 2px no-repeat;display:block; float:left ; margin-right:5px;} #contents_wrap .rank_nom3{ width:15px; height:15px; background:url(http://wimg.fileham.com/icon/icon_mno3.png) 0px 2px no-repeat;display:block; float:left; margin-right:5px;} #contents_wrap .rank_nom4 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno4.png) 0px 2px no-repeat;display:block; float:left ; margin-right:5px;} #contents_wrap .rank_nom5 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno5.png) 0px 2px no-repeat;display:block; float:left; margin-right:5px;} #contents_wrap .rank_nom6 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno6.png) 0px 2px no-repeat;display:block; float:left ; margin-right:5px;} #contents_wrap .rank_nom7 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno7.png) 0px 2px no-repeat;display:block; float:left ; margin-right:5px;} #contents_wrap .rank_nom8 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno8.png) 0px 2px no-repeat;display:block; float:left ; margin-right:5px;} #contents_wrap .rank_nom9 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno9.png) 0px 2px no-repeat;display:block; float:left; margin-right:5px;} #contents_wrap .rank_nom10 { width:15px; height:15px;background:url(http://wimg.fileham.com/icon/icon_mno10.png) 0px 2px no-repeat;display:block; float:left ; margin-right:5px;} /*이벤트 하단용 댓글*/ .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(http://wimg.fileham.com/main_new2/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:60px; 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;} /*### 휴면 로그인시 인증### .comeback_tot { clear:both; width:1000px; height:auto; margin:0 auto; text-align:center; border:#CCCCCC 0px solid; margin-top:5px; } .comeback_tot .comeback { clear:both; background:#96dbf2; } .comeback_tot .comeback .comeback_img1 { width:100%; height:850px; background:url(http://wimg.fileham.com/mail/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-top:0px;} .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback li { list-style:none; display:inline-block; margin:23px;cursor:pointer;} .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1 {width:283px; height:75px; background:url(http://wimg.fileham.com/mail/evt_wcb_btn1.png) no-repeat; background-position:center; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1:hover {width:283px; height:75px; background:url(http://wimg.fileham.com/mail/evt_wcb_btn1_on.png) no-repeat; background-position:center; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2 {width:283px; height:75px; background:url(http://wimg.fileham.com/mail/evt_wcb_btn2.png) no-repeat; background-position:center; } .comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2:hover {width:283px; height:75px; background:url(http://wimg.fileham.com/mail/evt_wcb_btn2_on.png) no-repeat; background-position:center; } .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;} */ /*### 휴면 로그인시 인증###*/ .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(http://wimg.fileham.com/mail/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(http://wimg.fileham.com/mail/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(http://wimg.fileham.com/mail/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(http://wimg.fileham.com/mail/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(http://wimg.fileham.com/mail/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(http://wimg.fileham.com/mail/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(http://wimg.fileham.com/mail/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('http://wimg.fileham.com/popup/bg_gra.png') repeat;} .comeback_tot .btn_pic_layer {width:400px; height:260px; background:#ffffff; margin:0 auto; margin-top:25%;} .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('http://wimg.fileham.com/btn/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:130px; height:13px; margin:0 auto; background:url(http://wimg.fileham.com/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:#365d9e; border:#1b3e78 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; text-align:center; } .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; } /*##### 컨텐츠 상세보기 미디어 ##### ##### ##### */ .media_wrap {width:795px; margin:0 auto;border-top:0px;} .media_wrap .media_box { width:98%; margin:0 auto; } .media_wrap .media_box .media_box_s {width:100%; margin:0 auto; } /*###상단 인포###*/ .media_wrap .media_box .media_box_s .media_imgbx {width:100%; margin:0 auto;height:270px; } .media_imgbx .media_img {float:left; width:154px; height:217px; margin-top:30px; background-image:url(http://wimg.fileham.com/main/01_pic_bg.gif); background-repeat:no-repeat;position:relative; margin-left:10px;} .media_imgbx .media_img .media_sum { width:144px; height:208px; position:absolute; top:3px; left:4px; } .media_imgbx .media_img_s {position:absolute; } .media_imgbx .media_info { float:right; width:590px;margin-top:30px; } .media_imgbx .media_info table{ width:100%; margin:0 auto; } .media_imgbx .media_info td {margin:0 auto; height:20px; line-height:20px; text-align:left; font-size:12px; } .media_imgbx .media_info .tit_name { width:490px; height:45px; line-height:40px; margin-bottom:10px; color:#000; font-weight:bold; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:1.8em; border-bottom:1px #e3e3e3 solid; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:-.8px; } .media_imgbx .media_info .tit_L { width:100px; height:18px; line-height:18px; text-align:left; float:left;font-weight:bold; } .media_imgbx .media_info .tit_R { height:18px; line-height:18px; text-align:left; float:left;} /*###줄거리 ###*/ .media_wrap .media_box .media_box_s .media_txtbx {clear:both; width:100%; margin:0 auto; } .media_txtbx .media_txt{ clear:both; width:100%; line-height:20px; margin:0 auto; text-align:left; color:#666666; font-size:1em; letter-spacing:-.8px; word-break:break-all;} /*### 스크린샷 ###*/ .media_wrap .media_box .media_photo {clear:both; width:100%; margin:0 auto; } /*### 댓글리스트 ###*/ .media_wrap .media_box .media_re {clear:both; width:100%; margin:0 auto; } /*### 다운리스트 ###*/ .media_wrap .media_box .media_box_s .media_list {clear:both; width:100%; margin:0 auto; border:1px #e3e3e3 solid; } .media_wrap .media_box .media_box_s .media_list table td { font-size:12px; color: #666666; height:35px; vertical-align:middle; } .media_wrap .media_box .media_box_s .media_list .do_list { border-bottom:2px #cccccc dotted;} .media_wrap .media_box .media_box_s .media_list .do_list_B { border-bottom:2px #cccccc dotted; background-color:#eef5f7} .media_wrap .media_box .media_box_s .media_list .tit_txt {letter-spacing:-1px; font-size:12px; } .media_wrap .media_box .media_box_s .media_list .btn_epidown { width:80%; height:25px; line-height:25px; cursor:pointer; margin:0 auto;letter-spacing:0px; background-color:#3755a1;font-size:11px; color: #ffffff; text-align:center; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; } .media_wrap .media_box .media_box_s .media_list .btn_epidown:hover { width:80%; height:25px; line-height:25px; cursor:pointer; margin:0 auto;letter-spacing:0px; background-color:#000;font-size:11px; color: #fff; text-align:center; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; } .media_wrap .media_box .media_box_s .media_list .btn_episale { width:80%; height:25px; line-height:25px; margin:0 auto; letter-spacing:0px; background-color:#e8492a;font-size:11px; color: #ffffff; text-align:center; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; } .media_wrap .media_box .media_box_s .media_list2 {clear:both; width:100%; margin:0 auto; border:1px #e3e3e3 solid; } .media_wrap .media_box .media_box_s .media_list2 .td_line { height:30px; line-height:16px; font-size:11px; color: #666666; padding:3px ; border-bottom:1px #e3e3e3 dotted; } .media_wrap .media_box .media_box_s .media_tt1{ clear:both; width:100%; height:30px; line-height:30px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; text-align:left; font-weight:bold; color:#000; font-size:1.6em; letter-spacing:-3px; margin-bottom:10px;} .media_wrap .media_box .media_box_s .media_tt1 .media_tr{ float:right;} /*### 성인인증###*/ .auth_tot { width:100%; height:700px; margin:0 auto; text-align:center; border:#CCCCCC 1px solid; margin-top:5px;margin-bottom:20px; } .auth_tot .auth_tot_s { width:100%; height:496px; background:url(http://wimg.fileham.com/adult/19_bg.jpg) no-repeat; background-size:780px 495px;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:360px;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_s .btn_auth .btn_au3 { clear:both; list-style:none; height:60px; line-height:60px; display:inline-block; text-align:center; font-weight:bold;background:#f6552a; border:#ccc 1px solid; font-size:1.7em; color:#fff; padding:0px 90px; 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_au3:hover {background:#333; border:#000 1px solid;color:#ffffff;} /*### 판매자 자료실 박스 201906 ### background:url(/images/sub/cat_seller_bg.jpg) repeat; */ .sub_cat_sel { clear:both; width:100%; min-height:60px; vertical-align:middle; margin:0 auto; border-bottom:#d9d9d9 1px solid; background-color:#363636;margin-bottom:5px;} .sub_cat_sel_s {width:96%; margin:0 auto; text-align:left; } .sub_cat_sel_s li { float:left; display:block; width:100%; margin:0 auto; text-align:left; color:#ffffff;} .sub_cat_sel_s table {width:100%; margin:0 auto; text-align:left; } .sub_cat_sel_s table td {vertical-align:middle;color:#ffffff; font-size:13px;letter-spacing:-1px; height:60px; } .sub_cat_sel_s .ctn_seller_book {font-size:11px;letter-spacing:-.5px; color:#e2e2e2;} .sub_cat_sel_s .cat_seller_ipt { width:180px; padding:6px 10px; vertical-align:middle; font-size:11px; padding-left:10px; letter-spacing:-1px; background-color:#FFFFFF; border:#000000 1px solid} .sub_cat_sel_s .cat_seller_btn { width:90px; height:25px; line-height:25px; vertical-align:middle; } .sub_cat_sel_s .seller_friend2 {line-height:25px;font-size:12px;letter-spacing:0px;} .sub_cat_sel_s .seller_friend {line-height:16px;font-size:11px;padding-left:25px;letter-spacing:-0.2px;} .sub_cat_sel_s .seller_name { padding-top:10px;} .sub_cat_sel_s .btn_fnd_sliver { height:25px; line-height:25px; font-size:11px; padding:6px 10px;color:#000;background-color:#fff; } .sub_cat_sel_s .btn_fnd_sh { width:40px; height:25px; font-size:11px; padding:6px 10px; color:#fff ; background-color:#4b81dc; cursor:pointer; } /*친구판매자 카테고리 */ .sub_req_tb {clear:both;width:100%; text-align:left; margin-bottom:15px; } .sub_req_tb table { width:100%; padding:0px; margin:0 auto; height:30px; border-left:#dae2ef 1px solid; border-top:#dae2ef 1px solid;} .sub_req_tb td {height:30px;line-height:30px; padding:0px; vertical-align:middle ; background-color:#edf1f8;border-bottom:#dae2ef 2px solid; text-align:center; cursor:pointer;} .sub_req_tb td:hover {height:30px;line-height:30px; padding:0px; vertical-align:middle ; background-color:#edf1f8;border-bottom:#6a92d5 2px solid; text-align:center; cursor:pointer;} .sub_req_tb .req_on {height:30px;line-height:30px; padding:0px; vertical-align:middle ; background-color:#edf1f8;border-bottom:#6a92d5 2px solid; text-align:center; cursor:pointer;} .sub_req_tb .req_td_sun { border-right:#dae2ef 1px solid;} /*좌 메뉴 친구관리 */ .left_banner .left_myfriend {clear:both; width:100%; margin:0 auto; padding-top:10px; position:relative;} .left_banner .left_myfriend ul { width:170px;margin-left:10px; } .left_banner .left_myfriend li { display:block;vertical-align:middle; } .left_banner .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(http://wimg.fileham.com/icon/icon_list.gif) no-repeat 0px 5px;padding-left:15px;} .left_banner .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; } .left_banner .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; } .left_banner .my_friend_no { clear:both;line-height:30px; height:30px; font-weight:bold; font-size:12px ; text-align:left; background:url(http://wimg.fileham.com/icon/icon_list.gif) no-repeat 10px 8px;padding-left:25px;background-color:#f9f9f9;border-top:#ddd 1px solid; } .left_banner .my_friend_rank { clear:both; line-height:30px; height:30px; font-weight:bold; font-size:13px ; text-align:left; background:url(http://wimg.fileham.com/icon/icon_list.gif) no-repeat 10px 8px;padding-left:25px;background-color:#f9f9f9;border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;} .left_banner .left_myfriend .my_friend_mag { text-align:left; line-height:18px; vertical-align: middle; font-size:11px; margin-left:5px; color:#666} .left_banner .left_myfriend .my_friend_list { text-align:left;vertical-align: middle; line-height:25px; height:25px;font-size:12px; } .left_banner .left_myfriend .my_friend_list img { vertical-align: middle; margin-top:0px; } .left_banner .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 } .left_banner .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} /* 좌측 친구관리 탭 메뉴*/ .left_banner .left_friend_tab { width:100%; height:30px; line-height:30px; position:relative; border-top:#ddd 1px solid; display:table;} .left_banner .left_friend_tab li { list-style:none; cursor:pointer; vertical-align:middle; font-size:12px; display:table-cell;} .left_banner .left_friend_tab .left_friend_left { height:28px; background-color:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:#ddd 1px solid; } .left_banner .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_banner .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_banner .left_friend_tab .left_friend_right { height:28px; background-color:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:#ddd 1px solid; } .left_banner .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_banner .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; } /*좌 메뉴 판매자 TOP10 */ .left_banner .left_myseller {clear:both; width:100%; padding-top:10px;} .left_banner .left_myseller ul { width:170px;margin-left:10px; margin-bottom:10px;} .left_banner .left_myseller li { display:block;vertical-align:middle; } .left_banner .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(http://wimg.fileham.com/icon/icon_list.gif) no-repeat 0px 5px;padding-left:15px;} .left_banner .left_myseller .myseller_list { width:100%; text-align:left; line-height:28px; height:28px; vertical-align: middle; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer } .left_banner .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 } .left_banner .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 } .left_banner .left_myseller .mf_no { margin-top:5px; } .left_banner .left_myseller .rank_nom1 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno1.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom2 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno2.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom3 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno3.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom4 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno4.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom5 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno5.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom6 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno6.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom7 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno7.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom8 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno8.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom9 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno9.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .left_banner .left_myseller .rank_nom10 { width:15px;line-height:20px; height:20px; background:url(http://wimg.fileham.com/icon/icon_mno10.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;} .btn_fndm_b {padding:7px 10px; font-size:13px; text-align:center; background-color:#5b5f69; color:#fff;cursor:pointer; margin:5px; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px; text-decoration:none;outline:none;} .btn_fndm_b:hover {padding:7px 10px; font-size:13px; text-align:center; background-color:#677fdd; color:#fff;cursor:pointer; margin:5px; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;text-decoration:none;outline:none;} /*### 친구관리 탭###*/ .mypg_tab { width:100%; line-height:40px;height:40px; vertical-align:middle; margin:0 auto; margin-top:15px;background-color:#f9f9f9; border:#CCC 1px solid; display:table} .mypg_tab li { list-style:none; display:table-cell; background-color:#f9f9f9; color:#333; text-align:center; font-size:14px;font-weight:bold; cursor:pointer;border-right:#CCC 1px solid; } .mypg_tab li:last-child { list-style:none; display:table-cell; background-color:#f9f9f9; color:#333; text-align:center; font-size:14px;font-weight:bold; cursor:pointer;border-right:#CCC 0px solid; } .mypg_tab li:hover { background-color:#677fdd; color:#FFF } .mypg_tab li.on { background-color:#677fdd; color:#FFF } .my_fnd_tot { clear:both; width:100%; text-align:center;} .my_fnd_tot table {border-top:#677fdd 1px solid; } .my_fnd_tot table .tit {line-height:30px;height:30px; } .my_fnd_tot table td {line-height:30px;height:30px; border-bottom:#e2e2e2 1px solid; } .fnd_page {clear:both; width:100%; height:40px; margin-top:20px;} .my_fnd_totaa a:{text-decoration:none;outline:none;cursor:pointer;color:#333333} .my_fnd_tota a:hover{text-decoration:underline;} .my_fnd_tota a:active{text-decoration:none;} /*### 마이페이지 친구관리 버튼###*/ .btn_fnd_b { background-color:#1e85b5; text-align:center; color:#FFF; padding:5px 10px; letter-spacing:-1px; border-radius:3px; cursor:pointer; -webkit-border-radius:3px;-moz-border-radius:3px; } .btn_radd { background-color:#666666; text-align:center; color:#FFF; padding:5px 10px; letter-spacing:-1px; border-radius:3px; cursor:pointer; -webkit-border-radius:3px;-moz-border-radius:3px; } .btn_wefnd { background-color:#ee577a; text-align:center; color:#FFF; padding:5px 10px; letter-spacing:-1px; border-radius:3px; cursor:pointer; -webkit-border-radius:3px;-moz-border-radius:3px; } /*클린 2020_03 레이어*/ #pop_noti2003_layer { clear:both; height:auto; margin:0 auto; text-align:center; padding:0; display:block; z-index:9999} .pop_noti2003_img {width:100%; height:417px; background:url('http://wimg.fileham.com/popup/popup_noti2003_hamN.png') no-repeat;display:block; background-size:583px 417px; background-position:center center; position:relative; top:240px;left:0px;cursor:pointer; } /*법인양도레이어*/ #pop_noti2006_layer { clear:both; height:auto; margin:0 auto; text-align:center; padding:0; display:block; z-index:9999} #pop_noti2006_layer .pop_noti2006_img {width:664px; height:529px; margin:0 auto; background:url('http://wimg.fileham.com/popup/popup_200601_ham_new.png') no-repeat; background-size:664px 529px; background-position:center center; position:relative; top:240px;left:0px;cursor:pointer; } #pop_noti2006_layer .pop_noti2006_img .pop_noti2006_close {width:30px; height:30px; background:url('http://wimg.fileham.com/popup/btn_close.png') no-repeat; background-size:30px 30px;position:absolute; top:25px;right:25px;cursor:pointer; } .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; } } /*#####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 ;} /*##### footer */ #footer_wrap {clear:both;width:100%; min-height:140px; height:auto; padding-top:5px; } #footer_wrap .footer_var { width:100%; min-width:1000px; text-align:center;height:40px; line-height:40px; 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:190px;height:100px; background:url(http://wimg.fileham.com/main_new2/footer_logo.jpg) no-repeat; background-position:top} #footer_wrap .footer_s .footer_ce {float:left; width:auto; text-align:left; line-height:18px; color:#999999; letter-spacing:-.7px; font-size:11px} /*###제목 할인아이콘 ###*/ .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_Licon4{height:16px; line-height:16px;background-color:#8e56c3; padding:3px 6px 0px 6px; margin-top:7px; font-size:11px; vertical-align:middle; letter-spacing:-1px; color:#FFF; font-family:dotum,sans-serif;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;float:right} /*### 정렬 ###*/ .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;} .fl {float:left} .fr {float:right} /*### 폰트 ###*/ .font_through { text-decoration:line-through;} .font_super {vertical-align:super} .font_spg1 { letter-spacing:-1px;font-size:11px; } .font_spg10 { letter-spacing:-1px;font-size:10px; } .font_spg11 { 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;} .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_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_left10 {padding-left:10px} .pad_left20 {padding-left:20px} .fl_L {float:left} .hig30{ height:30px; line-height:30px; } .hig10{ height:10px; line-height:10px; } .hig5{ clear:both; height:5px; line-height:5px; }