/* 공통속성 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,table { margin:0;padding:0;list-style:none; font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;} ul,ol,dl,li { list-style:none; padding:0; margin:0;} img { border:0;} ul {list-style:none;} li {list-style:none; padding:0; margin:0;} frame { border:0; border:none;} form { margin:0px; padding:0px; } .pointer {cursor:pointer;} /* 팝업_판매자정책*/ .policy_warp{ position:relative;top:0px; width:100%; margin:0 auto; height:100%; border-top:1px solid #d6d6d6;letter-spacing:-1px; padding-bottom:30px;} .policy_tab{overflow:hidden;position:absolute;top:0px;left:0;width:100%;border-right:1px solid #d6d6d6;font-weight:bold;text-align:center; font-size:12px;} .policy_tab a{display:block;overflow:hidden;position:relative;z-index:1;height:31px;border-bottom:1px solid #d6d6d6;line-height:31px;color:#6b6d70;text-align:center; text-decoration:none;background-color:#f5f5f5;} .policy_tab .on{position:relative;z-index:2;border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#d10707;} h3.p1{left:0} h3.p2{left:136px} h3.p3{left:225px} h3.p4{left:315px} /*팝업_판매자정책_내용*/ .policy_con{ width:400px; position:relative; top:30px;} .policy_con li { text-align:left; color:#5d5d5d; padding-left:15px; font-size:11px;} .level_pt { width:90%; margin:auto; margin-top:8px; border-right:1px solid #ececec;border-bottom:1px solid #ececec; } .level_pt table { width:100%; min-height:300px; height:100%; } .level_pt td { font-size:11px; height:28px;color:#5d5d5d; text-align:center;border-top:1px solid #ececec;border-left:1px solid #ececec;} .detail_con {width:355px; height:100%; margin:auto; background-color:#fafafa;border:1px solid #d6d6d6; margin-top:8px;padding-bottom:20px;} .detail_con li{text-align:left; padding-left:10px; color:#787878;} /*팝업_설치안내*/ .popup_install { clear:both; width:100%; padding-bottom:30px; margin:0 auto; text-align:center; } .popup_install_tit {width:100%; background:#333; text-align:left; color:#ffffff; font-size:12px; font-weight:bold; height:35px;line-height:35px; padding-left:20px; } .popup_install .install_txt { width:98%; margin:0 auto; height:30px; text-align:left; margin-top:20px; margin-bottom:10px; } .popup_install .install_txt .balloon { float:left; display:inline-block; font-size:11px; color:#09F; } .popup_install .install_txt .balloon strong { position:relative; display:inline-block; padding:0 5px; height:18px; line-height:16px; border:1px solid #c6c6c6; border-radius:2px; } .popup_install .install_txt .balloon strong span.deco { position:absolute; top:6px; right:-4px; display:block; width:4px; height:7px; background:url(/images/down_help/ico_balloon.gif) no-repeat; } .popup_install .install_txt .cmt { float:left; display:inline-block; margin-left:10px; line-height:20px; font-size:12px; color:#666; } .popup_install .install_tab { clear:both; width:98%; height:35px; line-height:35px; margin:0 auto; border-top:1px solid #d6d6d6;letter-spacing:-1px; background-color:#f9f9f9; display:inline-table} .popup_install .install_tab li { list-style:none; width:16%; height:35px; line-height:35px; border-right: 1px #CCC solid; border-border:1px #CCC solid; border-bottom:1px #CCC solid; display:table-cell; text-align:center; font-size:13px; cursor:pointer } .popup_install .install_tab li:first-child { border-left: 1px #CCC solid; } .popup_install .install_tab li:hover { background-color:#09F; color:#FFF; } .popup_install .install_tab .tab_on { list-style:none; width:20%; height:35px; line-height:35px; border-right: 1px #CCC solid; border-border:1px #CCC solid; border-bottom:1px #CCC solid; display:table-cell; text-align:center; font-size:13px; cursor:pointer; background-color:#09F; color:#FFF; } .popup_install .install_ie { width:98%; height:auto; min-height:300px; margin:0 auto; background-color:#f9f9f9; } .popup_install .install_chrome { width:98%; height:auto; min-height:300px; margin:0 auto; background-color:#f9f9f9; } .popup_install .install_firefox { width:95%; height:auto;min-height:300px; margin:0 auto;background-color:#f9f9f9; } .popup_install .install_safari {width:98%; height:auto; min-height:300px; margin:0 auto;background-color:#f9f9f9; } .popup_install .install_opera { width:98%; height:auto;min-height:300px; margin:0 auto;background-color:#f9f9f9; } .popup_install .install_edge { width:98%; height:auto;min-height:300px; margin:0 auto;background-color:#f9f9f9; } .popup_install .install_inner { padding:10px; margin:0 auto; line-height:12px; font-size:12px; color:#666; text-align:left; } .popup_install .install_inner img { max-width:90%; } .popup_install .install_inner li.bullet { padding:20px 0; padding-left:15px; background:url('/images/down_help/ico_bullet.png') no-repeat 0; } .popup_install .install_inner li.btn_install { display:inline-block; width:238px; height:38px; padding:10px 0; line-height:38px; background:#fff; border:1px solid #ccc; text-align:center; cursor:pointer; } .popup_install .install_inner li.btn_install:hover { border:1px solid #09F; } .popup_install .install_inner li.btn_install img { float:left; display:inline-block; width:38px; height:38px; padding:0 15px; border-right:1px solid #ccc; } .popup_install .install_inner li.btn_install strong { line-height:34px; font-size:16px; } .popup_install .install_inner ul.install_bottom { text-align:center; } .popup_install .install_inner ul.install_bottom li.btn_close { display:inline-block; width:90px; height:20px; padding:6px; background:#414141; line-height:18px; color:#fff; text-align:center; cursor:pointer; } .popup_install .install_inner li.mt20 { margin-top:20px; } .popup_install .install_inner li.ml15 { margin-left:15px; } .popup_install .install_inner li.mb20 { margin-bottom:20px } .popup_install .install_inner li.mb30 { margin-bottom:30px } /* 미투디스크팝업*/ #charge_pop { margin:auto; height:auto; width:100%;} #charge_pop .utilize { margin-top:15px; height:auto;} #charge_pop .utilize li{text-align:left; padding-left:15px; font-size:11px; color:#666;} #charge_pop .totalpaybg { width:380px; margin:auto; background-color:#f6f6f6; border:1px solid #e3e3e7; } #charge_pop .totalpaycon { width:350px; margin:auto; border:1px solid #cecece; background-color:#fff; margin-top:10px; padding-top:10px;} #charge_pop .totalpaycon li {text-align:left; font-size:11px;padding-left:12px;font-size:11px; color:#666;} #charge_pop .payagree { width:380px; margin:auto; margin-bottom:15px;} #charge_pop .payagree li {text-align:left; color:#666; padding-left:10px; font-size:11px;} #charge_pop .payterm {width:380px; margin-top:15px;text-align:left; margin:auto;} #charge_pop .payterm .term{width:380px;margin-top:10px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;} #charge_pop .payterm .term td{height:25px;text-align:center;border-top:1px solid #cecece;border-right:1px solid #e2e2e2; font-size:11px; background-color:#fff;} #charge_pop .payterm .term_spa{width:380px;margin-top:10px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;} #charge_pop .payterm .term_spatit {height:30px; line-height:30px; text-align:center;border-top:1px solid #cecece; border-right:1px solid #e2e2e2; font-size:12px; background-color:#f9f9f9; } #charge_pop .payterm .term_m {height:50px; line-height:50px; text-align:center;border-top:1px solid #cecece;border-right:1px solid #e2e2e2; font-size:13px; font-weight:bold; background-color:#fff;cursor:pointer;} #charge_pop .payterm .term_m:hover{ height:50px; line-height:50px; background-color:#429af4; color:#ffffff ; font-weight:bold; cursor:pointer;} #charge_pop .payterm .term_none {height:50px; line-height:50px; text-align:center;border-top:1px solid #cecece;border-right:1px solid #e2e2e2; font-size:13px; font-weight:bold; background-color:#fff;} /* 팝업 타이틀*/ .popup_me2_tit {width:100%; background:#333; text-align:left; font-size:12px; height:45px; line-height:45px; padding-left:15px; letter-spacing:-.8px; } .popup_me2_tit li {list-style:none} /* 배경 공통*/ .blakbcg_gra {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/popup/bg_gra.png') repeat;} .blackbg_gra_no {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/popup/bg_gra.png') repeat;} .bg_black50 {width:100%;height:100%;background:url(../images/bg_black50.png) repeat;margin:0 auto;position:absolute; z-index:900;} /* 판매자 이관레이어 */ .popup_filev_mem { width:754px; height:570px; margin:0 auto; position:relative;z-index:200} .popup_filev_mem .filev_close { width:50px; height:50px; background:url(/images/popup/popup_unity_close.png) no-repeat; cursor:pointer; position:absolute; top:30px; right:80px;z-index:100} .popup_filev_mem .filev_name{ width:100%; height:30px;line-height:30px; position:absolute; top:48px; color:#FFFF00; font-weight:BOLD; letter-spacing:.8px;} .popup_filev_mem .icon_tom { width:192px; height:106px; position:absolute; top:268px; left:300px; background:url(/images/popup/popup_filev_icon.png) no-repeat; z-index:500} .popup_filev_mem_s { width:754px; height:570px; background:url(/images/popup/popup_filev_bg.png) no-repeat ;} .popup_filev_mem_s .tom_t {width:577px; height:auto; position:absolute;top:211px;left:93px;} .popup_filev_mem_s .tom_t td { height:23px; line-height:23px; vertical-align:middle; color:#000; padding-left:5px;} .popup_filev_mem_s .tb_li { border-bottom:#dcdcdc 1px solid;font-size:11px; font-family:"돋움", "나눔고딕"} .popup_filev_mem_s .tom_tit {background:#f7f7f7;font-size:12px;font-size:11px; letter-spacing:-.5px; text-align:left; border-right:#dcdcdc 1px solid;color:#666666; } .popup_filev_mem .btn_tom { width:100%; height:50px; margin:0 auto; text-align:center;position:absolute; bottom:55px; cursor:pointer; } /*경품당첨자 레이어*/ .pop_evt1011_layer { clear:both; height:auto; margin:0 auto; text-align:center; padding:0; position:relative; } .pop_evt1011_tot {width:458px; height:485px;margin:0 auto; text-align:center; padding:0; position:relative; top:240px;left:0px; } .pop_evt1011_tot li { list-style:none; } .pop_evt1011_tot .pop_evt1011_txt1 {width:229px; line-height:20px;margin:0 auto; font-size:1.2em; color:#000000;word-break:normal; font-family:Verdana, Geneva, sans-serif; font-weight:bold ; text-align:center; padding:0; position:absolute; top:100px; left:120px; } .pop_evt1011_tot .pop_evt1011_txt2 {width:370px; height:50px; line-height:50px;margin:0 auto; font-size:1.4em; color:#d20909; font-family:Verdana, Geneva, sans-serif; font-weight:bold ; text-align:center; padding:0; position:absolute; top:205px; left:45px; } .pop_evt1011_tot .pop_evt1011_btn { width:50px; height:50px; background:url('../images/popup/popup_evt_1011_btn.png') no-repeat; position:absolute; top:116px;right:0px; cursor:pointer;} /* 쿠폰포인트 만료 정액제 레이어 */ .popup_cpoint { width:100%; height:580px; margin:0 auto; text-align:center; position:absolute; top:0;} .popup_cpoint_img { width:600px; height:580px; background:url(/images/popup/popup_cpoint_01.png) no-repeat; margin:0 auto; text-align:center; position:relative;} .popup_cpoint_img li { list-style:none} .popup_cpoint_img .btn_cpointx {width:60px;height:60px;cursor:pointer;position:absolute;background:url(/images/popup/popup_cpoint_close.png) no-repeat;top:48px;right:60px} .popup_cpoint_img .btn_cpointok {width:450px; height:110px;cursor:pointer;position:absolute;top:450px; left:75px; border-radius:0px 0px 500px 500px} .popup_cpoint_img .cpointok_gif { width:455px; height:57px; margin:0 auto; text-align:center; background:url(/images/popup/popup_cpoint_02.gif) no-repeat; background-position:center; position:absolute; top:300px; left:70px;} .popup_cpoint_img .btn_cpoint_ck {width:100px; height:30px; line-height:30px;cursor:pointer; position:absolute; top:530px; right:30px; font-size:11px;color:#cccccc } /*의견남기기 레이어*/ .pop_mag_layer { clear:both; height:auto; margin:0 auto; text-align:center; padding:0; } .pop_mag_tot {width:490px; height:420px;margin:0 auto; text-align:center; padding:0; position:relative; top:240px;left:0px; background-color:#f5f5f5; border:#000 1px solid; padding-bottom:5px; } .pop_mag{ width:100%; margin:0 auto; text-align:center; background-color:#f5f5f5; padding-top:20px; position:relative } .pop_mag_s{width:90%; margin:0 auto; text-align:center;} .pop_mag_s .mag_t {width:100%;height:60px; margin:0 auto; text-align:center; margin-bottom:10px;} .pop_mag_s .mag_t p { line-height:18px; margin:0 auto; text-align:center; color:#666} .pop_mag_s table { width:100%; margin:0 auto; background:#FFFFFF; border:#CCCCCC 1px solid} .pop_mag_s table td { height:40px; line-height:35px; padding-left:10px;} .pop_mag_s table .td_line { border-bottom: #CCC 1px solid} .pop_mag_s table .tit {width:80px; text-align:left; border-right:#CCCCCC 1px solid; background-color:#f5f5f5; font-weight:bold ; color:#333333 } .pop_mag_btn { width:100%;height:30px; margin:0 auto; text-align:center; margin-top:15px; } /*### 신규가입시 보험사 이벤트 배너 pop_me2_sinhan_9p.gif pop_me2_sinhan_6p.gif pop_me2_sinhan_3p.gif ###*/ .pop_sinhan_tot {width:203px; height:228px; position:absolute; top:0px; z-index:1000;} .pop_sinhan { width:203px; height:228px; margin:0 auto; text-align:center; background:url(/images/popup/pop_me2_sinhan_9p.gif) no-repeat; position:relative;} .pop_sinhan .btn_sinhan_close { width:39px; height:39px; background:url(/images/popup/pop_sinhan_close.png) no-repeat; position:absolute; top:-15px; left:170px; cursor:pointer } .pop_sinhan .btn_sinhan { width:100%; height:55px; position:absolute; top:165px;cursor:pointer ; } /*### 신규가입시 첫결제레이어 ###*/ .pop_first_tot {width:215px; height:264px; position:absolute; top:-16px; left:-13px;z-index:1000;} .pop_first { width:215px; height:264px; margin:0 auto; text-align:center; background:url(../images/popup/pop_first_170220bg.png) no-repeat; position:relative;} .pop_first .btn_first_close { width:39px; height:39px; background:url(/images/popup/pop_sinhan_close.png) no-repeat; position:absolute; top:3px; left:190px; cursor:pointer ;z-index:1000;} .pop_first .btn_first_img { width:198px; height:131px; background:url(../images/popup/pop_first_170220.gif) no-repeat; position:absolute; top:16px; right:0px; cursor:pointer } .pop_first .btn_first{ width:100%; height:47px; position:absolute; top:217px;display:block; cursor:pointer ; } /*로그인박스 캐시백 포인트 레이어*/ .popup_login_okch_tot {width:200px; position:absolute; top:0px; left:-0px;z-index:1000;} .popup_login_okch { width:100%; height:215px; background-color:#FFFFFF; padding-bottom:10px; border:#6a92d5 1px solid} .popup_login_okch .okch_tit { width:100%; height:35px; line-height:35px; color:#FFFFFF; background-color:#6a92d5; position:relative } .okch_tit li { list-style:none } .okch_tit .okch_name { width:130px;padding-left:10px; font-size:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold; text-align:left; } .okch_tit .okch_close { font-size:13px; display:block; font-weight:bold;position:absolute; top:0px; right:10px; cursor:pointer} .popup_login_okch .okch_ctn { width:90%; margin:0 auto; padding-top:10px;} .popup_login_okch .okch_ctn li { list-style:none; line-height:18px;text-align:left; font-size:12px; margin-bottom:5px;letter-spacing:-.5px; } .okch_ctn .coch_radio { width:100%; float:left; font-weight:bold; color:#1d5ecc} .okch_ctn .okch_bx { width:100%; padding:5px 0px; background-color:#3c4047; text-align:center; color:#00ffea; margin:0 auto;} .okch_ctn .okch_bx li { list-style:none; line-height:20px; text-align:center; color:#00ffea; margin:0 auto;} .okch_ctn .okch_bx2 { width:100%; height:50px; overflow:hidden; background-color:#e2e2e2; text-align:left; color:#000000; margin:0 auto;position:relative } .okch_ctn .okch_bx2 .okch_info { width:98%; height:100%; line-height:14px;margin:0 auto; overflow-y:scroll ; font-size:11px; text-align:left; color:#666666;position:absolute; top:0px; right:0px; } .okch_ctn .okch_bx2 li { list-style:none; text-align:center; margin:0 auto; padding-top:10px;} .okch_ctn .okch_bx2 .coch_radio_t { float:left; width:140px; text-align:left; color:#666666; line-height:15px; } .okch_btn { width:100%; height:30px; margin:0 auto; line-height:30px; background-color:#6a92d5; margin-top:10px; color:#ffffff; text-align:center; font-weight:bold; font-size:12px;cursor:pointer ; } .okch_btn2 { width:100%; height:30px; margin:0 auto; line-height:30px; background-color:#ed3034; margin-top:10px; color:#ffffff; text-align:center; font-weight:bold; font-size:12px;cursor:pointer ; } /*### 로그인 이벤트레이어 ###*/ .pop_gift_tot {width:197px; height:264px; position:absolute; top:-10px; left:0px;z-index:1000;} .pop_gift { width:197px; height:248px; margin:0 auto; text-align:center; position:relative;} .pop_gift .btn_gift_close { width:39px; height:39px; background:url(/images/popup/pop_sinhan_close.png) no-repeat; position:absolute; top:80px; left:180px; cursor:pointer ;z-index:1000;} .pop_gift .btn_gift_img1 { width:197px; height:219px; background:url(/images/popup/popup_loginevt_01.png) no-repeat; position:absolute; top:16px; right:0px; cursor:pointer } .pop_gift .btn_gift_img2{ width:197px; height:219px; background:url(/images/popup/popup_loginevt_02.png) no-repeat; position:absolute; top:16px; right:0px; cursor:pointer } /*### 비제휴 11일 반값할인충전이벤트 레이어 ###*/ .pop_11pay_tot {width:350px; height:335px; position:absolute; top:-70px; left:-50px; z-index:1000;} .pop_11pay { width:350px; height:335px; margin:0 auto; text-align:center; background:url(/images/popup/pop_me2_11pay.png) no-repeat; position:relative;} .pop_11pay li { list-style:none} .pop_11pay .btn_11pay_close {width:53px;height:53px;background:url(/images/popup/pop_me2_11pay_close.png) no-repeat;position:absolute;top:40px;left:269px;cursor:pointer} .pop_11pay .btn_11pay_close2 {width:79px;height:18px; background:url(/images/popup/pop_me2_11pay_del.png) no-repeat; display:block; position:absolute;top:320px;left:135px; cursor:pointer ;} .pop_11pay .btn_11pay_close3 {width:350px;height:220px; display:block; position:absolute;top:95px;left:0px;cursor:pointer ;} .pop_11pay .btn_11pay_day { width:98px; height:60px; line-height:60px;text-align:center;font-size:2em;color:#ffffff; font-family:Verdana, Geneva, sans-serif;font-weight:bold;position:absolute;top:40px;left:10px;cursor:pointer} /*아이디 비번 찾기 로그인 가입 공통폼*/ .popup_find { width:100%; height:auto; margin:0 auto; text-align:center;padding-top:20px; padding-bottom:20px;} .popup_find .btn_find { clear:both; width:100%; margin:0 auto; text-align:center; margin-top:10px; } .find_tab { clear:both; width:404px; height:30px; margin:0 auto; text-align:center; } .find_tab li { list-style:none; cursor:pointer; } .find_tab .tab01 { width:200px; height:30px; padding-top:15px; margin:0 auto; border-top:#9d9d9d 1px solid;border-left:#9d9d9d 1px solid; border-right:#9d9d9d 1px solid; background-color:#b7b7b7; color:#5b5b5b; text-align:center; font-weight:bold; font-size:12px; float:left} .find_tab .tab01:hover { width:200px; height:30px; padding-top:15px; margin:0 auto; border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left} .find_tab .tab01.on {width:200px; height:30px; padding-top:15px; margin:0 auto; border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left} .find_tab .tab02 {width:200px; height:30px; padding-top:15px; margin:0 auto; border-top:#9d9d9d 1px solid;border-left:#9d9d9d 1px solid; border-right:#9d9d9d 1px solid; background-color:#b7b7b7; color:#5b5b5b; text-align:center; font-weight:bold; font-size:12px; float:left} .find_tab .tab02:hover { width:200px; height:30px; padding-top:15px; margin:0 auto; border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left} .find_tab .tab02.on {width:200px; height:30px; padding-top:15px; margin:0 auto; border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left} /*아이디 비번찾기 폼*/ .find_tb { clear:both;width:402px; min-height:150px; text-align:center; letter-spacing:-.5px; padding-top:10px; padding-bottom:10px; margin:0 auto; background-color:#FFFFFF; border-bottom:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;} .find_tb table {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:10px; padding:0px; } .find_tb table td { height:40px; line-height:30px; vertical-align:middle; padding-left:10px; font-size:11px; } .find_tb table .td_line { border-bottom: #CCC 1px solid} .find_tb table .td_lineR { border-right: #CCC 1px solid} .find_tb span { letter-spacing:-.1px; line-height:24px; font-size:12px; } .find_tb p{letter-spacing:-.1px;line-height:35px;} .find_tb table .tit { border-right:#CCCCCC 1px solid; background-color:#f5f5f5; font-weight:bold ; color:#333333 } /*팝업 공통폼*/ .pop_top_tit {width:100%; background:#333; text-align:left; color:#ffffff; font-size:12px; font-weight:bold; height:35px;line-height:35px; padding-left:20px; } .pop_top_tits {width:100%; margin:0 auto; text-align:center; color:#666666; font-size:12px; line-height:20px; } .popup_tb { clear:both;width:100%; height:auto; letter-spacing:-.5px; padding-top:20px; padding-bottom:40px; margin:0 auto; background-color:#f9f9f9; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;} .popup_tb table {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:20px; padding:0px; } .popup_tb table td { height:40px; line-height:30px; vertical-align:middle; padding-left:10px; font-size:11px; } .popup_tb table .td_line { border-bottom: #CCC 1px solid} .popup_tb table .td_lineR { border-right: #CCC 1px solid} .popup_tb span {text-align:center; letter-spacing:-.1px;line-height:35px; font-size:12px; } .popup_tb p{letter-spacing:-.1px;line-height:35px;} .popup_tb table .tit { border-right:#CCCCCC 1px solid; background-color:#f5f5f5; font-weight:bold ; color:#333333 } .popup_tb .btn_pop { clear:both; width:100%; margin:0 auto; text-align:center; margin-top:20px; } .popup_tb .popinput { background-color:#ffffff; border:#CCCCCC 1px solid; height:30px;line-height:30px;color:#666666;font-size:12px; } .popup_tb .popinput { background-color:#ffffff; border:#CCCCCC 1px solid; height:30px;line-height:30px;color:#666666;font-size:12px; } /* 공통폼*/ .find_input{ width:18px; height:18px; margin:0 5px; vertical-align:middle; } .find_txt{ height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; } .find_txt:focus { height:25px; line-height:25px; background:#f0f6ff; border:#4763be 1px solid; text-align:left; } .find_select {width:70px; height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; margin-right:5px; float:left} .find_noti {width:90%; margin:0 auto; text-align:left; line-height:20px; font-size:11px; color:#999; word-break:break-all; margin-top:20px;letter-spacing:-.5px;} .popup_use {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:10px; font-size:11px; } .popup_useck { clear:both; width:100%;height:30px; margin:0 auto; text-align:center;background-color:#FFF; margin-top:20px;font-size:11px; } .pbtn_green { margin:0 auto; background-color:#6a93d5; border:#1e5bbd 1px solid; text-align:center; color:#FFFFFF; padding:10px 20px; font-size:14px; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer} .pbtn_gray { margin:0 auto; background-color:#666666; margin:5px; border:#000 1px solid; text-align:center; color:#FFFFFF; padding:6px 15px 4px 15px; font-size:11px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer} /*파일이즈 다운프로그램 설치안내 */ .popup_instal { clear:both;width:100%; height:auto; background-color:#f9f9f9;} /*충전 레이어 */ .popup_vpay_layer { width:805px; height:auto; margin:0 auto; background-color:#FFF; padding:0; text-align:center; padding-bottom:40px;position:relative} .popup_vpay {clear:both; width:100%; height:36px; background-color:#429af4; position:relative} .popup_vpay li {list-style:none; } .popup_vpay .vpay_logo { height:36px; background:url('/images/contents/view_top_tit.png') no-repeat; cursor:pointer; float:left; margin-left:10px; padding-left:100px;} .popup_vpay .btn_close { width:23px; height:22px; background:url('/images/popup/popup_btn_close.png') no-repeat; cursor:pointer; float:right; margin-right:20px;margin-top:6px;} /*로고없이 텍스트만*/ .vpay_name_b {float:left; margin-left:10px; font-size:13px; color:#fff; font-weight:bold;text-shadow:#17689b 1px 1px 0px 0px; margin-top:10px; letter-spacing:-.5px; } .popup_vpay_tb { width:100%;margin:0 auto; background-color:#fff; padding-bottom:50px; } .popup_vpay_tb .vpay_tit { width:90%; margin:0 auto; text-align:left; padding-top:10px; margin-bottom:5px;position:relative;} .popup_vpay_tb .flat_tit_rtxt { position:absolute; top:13px; right:0; text-align:right; font-size:11px;letter-spacing:0px; } .popup_vpay_tb .tr_title{ text-align:center; background-color:#f9f9f9; border-bottom:1px #ccc solid;font-size:11px;} .popup_vpay_tb .view_evbanner { width:90%; margin:0 auto; text-align:center; padding-top:25px; cursor:pointer} .popup_vpay_tb table{ width:90%;margin:0 auto; background-color:#FFFFFF; border-top:1px #ccc solid;border-left:1px #ccc solid; font-size:16px; } .popup_vpay_tb table tr {cursor:pointer} .popup_vpay_tb table td {height:30px; line-height:30px; vertical-align:middle;border-bottom:1px #ccc solid; font-size:14px; padding:5px; border-right:1px #ccc solid; letter-spacing:-.3px;} .popup_vpay_tb table .td_rig20 {padding-right:20px;text-align:right; } .popup_vpay_tb table .td_rig10 {padding-right:10px;text-align:right; } .popup_vpay_tb table .td_pad10 {padding-left:10px;text-align:left; } .popup_vpay_tb .vpay_sale { letter-spacing:-.5px; font-size:11px;color:#c01e1e} .popup_vpay_chinfo_tot { width:100%; margin:0 auto; margin-top:0px;} .popup_vpay_chinfo {width:90%; height:55px; margin:0 auto; text-align:center; background-color:#464646; border:#fff 1px solid; margin-top:10px; padding-top:10px; } .popup_vpay_chinfo li { list-style:none; display:block; color:#ffffff; line-height:20px;} /*### 팝업 정액제 버튼 btn_charge_popup_160701 ###*/ /* .pbtn_flat { width:100%; margin:0 auto; margin-top:0px; background-color:#ffffff; } .pbtn_flat_s { overflow:hidden; margin:0 auto; text-align:center; margin-left:45px;} .pbtn_flat_s ul { overflow:hidden;list-style:none;float:left;margin:0;padding:0; margin-bottom:7px;} .pbtn_flat_s ul li {float:left; width:130px; height:42px; line-height:42px; margin-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color:#3c4c66;border:1px #283852 solid;} .pbtn_flat_s ul li:hover {float:left; height:42px; line-height:42px; margin-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color:#4285f4;border:1px #2665cd solid; } .pbtn_flat_s ul li a span {color:#ffffff; font-size:12px; font-weight:bold;} .pbtn_flat_s ul li a { background:url('/images/popup/btn_charge_popup_170307dd.png') no-repeat} .pbtn_flat_s ul li a { display:block;} */ /*### 등록정보창 충전소 2020.08.12 ###*/ .pbtn_flat { width: 735px; margin: 0 auto; } .pbtn_flat_s ul { overflow: hidden; } .pbtn_flat_s ul li { float:left; width:137px; height:50px; line-height:46px; /*margin: 0 10px 10px 0;*/ margin: 0 5px 10px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; background-color:#fff; border:1px solid #dedede; font-size:14px; letter-spacing: -.075em; } .pbtn_flat_s ul li.ispay .common_bg, .pbtn_flat_s ul li.kakaopay .common_bg, .pbtn_flat_s ul li.tosspay .common_bg { margin: 0; } .pbtn_flat_s ul li.kakaopay { background-color: #fee533; border-color: #fee533; } .pbtn_flat_s ul li.tosspay { background-color: #0050ff; border-color: #0050ff; } .pbtn_flat_s ul li.naverpay { background-color: #00C73A; border-color: #00C73A; } .pbtn_flat_s ul li.kakaopay:hover { background-color: #fee533; border-color: #2775c5; } .pbtn_flat_s ul li.tosspay:hover { background-color: #0050ff; border-color: #2775c5; } .pbtn_flat_s ul li.naverpay:hover { background-color: #00C73A; border-color: #2775c5; } .pbtn_flat ul .common_bg { display: inline-block; background-image: url('/images/charge/renewal/common_view_bg.png'); background-repeat: no-repeat; background-position: center center; background-size: 198px 62px; vertical-align: middle; margin-right: 5px; margin-bottom: 4px; } .pbtn_flat ul .common_bg2 { display: inline-block; background-image: url('http://me2disk.com/images/charge/renewal/common_view_bg.png'); background-repeat: no-repeat; background-position: center center; background-size: 319px 62px; vertical-align: middle; margin-right: 1px; margin-bottom: 4px; } .pbtn_flat ul .common_bg3 { display: inline-block; background-image: url('/images/charge/renewal/common_view_bg2.png'); background-repeat: no-repeat; background-position: center center; background-size: 248px 62px; vertical-align: middle; margin-right: 5px; margin-bottom: 4px; } .pbtn_flat ul a .txt_pay{ display: inline-block; text-indent: -9999px; } .pbtn_flat ul .common_bg.normal_1 { background-position: -145px -45px; width: 53px; height: 17px; } .pbtn_flat ul .common_bg.normal_2 { background-position: 0 -45px; width: 84px; height: 15px; } .pbtn_flat ul .common_bg.normal_3 { background-position: -84px -45px; width: 61px; height: 17px; } .pbtn_flat ul .common_bg.normal_4 { background-position: 0 0; width: 14px; height: 21px; } .pbtn_flat ul .common_bg.normal_5 { background-position: -14px 0; width: 23px; height: 16px; } .pbtn_flat ul .common_bg.normal_6 { background-position: -37px 0; width: 27px; height: 16px; } .pbtn_flat ul .common_bg.normal_7 { background-position: -64px 0; width: 27px; height: 16px; } .pbtn_flat ul .common_bg.normal_8 { background-position: -91px 0; width: 25px; height: 16px; } .pbtn_flat ul .common_bg.normal_9 { background-position: -116px 0; width: 27px; height: 14px; } .pbtn_flat ul .common_bg.normal_10 { background-position: -143px 0; width: 16px; height: 21px; } .pbtn_flat ul .common_bg.normal_11 { background-position: -159px 0; width: 16px; height: 22px; } .pbtn_flat ul .common_bg.normal_12 { background-position: -175px 0; width: 21px; height: 21px; } .pbtn_flat ul .common_bg2.normal_13 { background-position: -291px 0px; width: 28px; height: 21px; } .pbtn_flat ul .common_bg3.normal_14 { background-position: -200px -45px; width: 53px; height: 17px; } .pbtn_flat_s ul li:hover { background-color: #f7faff; border: 1px #2775c5 solid; } .pbtn_flat_s ul li a { display:block; color:#333; } /*SK휴대폰*/ .pbtn_flat_s .m1_sk a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -884px} .pbtn_flat_s .m1_sk a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -884px} /*LG휴대폰*/ .pbtn_flat_s .m1_lg a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -936px} .pbtn_flat_s .m1_lg a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -936px} /*KT휴대폰*/ .pbtn_flat_s .m1_kt a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -988px} .pbtn_flat_s .m1_kt a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -988px} /*알뜰휴대폰*/ .pbtn_flat_s .m1_A a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -1040px} .pbtn_flat_s .m1_A a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -1040px} /*휴대폰*/ .pbtn_flat_s .m1 a { height:42px;background-position: 0px 0px} .pbtn_flat_s .m1 a:hover { height:42px;background-position: -176px 0px} /*ARS 전화결제*/ .pbtn_flat_s .m2 a {height:42px; background-position: 0px -52px} .pbtn_flat_s .m2 a:hover {height:42px; background-position: -176px -52px} /* 폰빌*/ .pbtn_flat_s .m3 a { height:42px;background-position: 0px -104px} .pbtn_flat_s .m3 a:hover { height:42px;background-position: -176px -104px} /*카드포인트 */ .pbtn_flat_s .m4 a { height:42px;background-position: 0px -156px} .pbtn_flat_s .m4 a:hover { height:42px;background-position: -176px -156px} /* 신용카드*/ .pbtn_flat_s .m5 a { height:42px;background-position: 0px -208px} .pbtn_flat_s .m5 a:hover { height:42px;background-position: -176px -208px} /* 신용카드 해외*/ .pbtn_flat_s .m6 a { height:42px;background-position: 0px -260px} .pbtn_flat_s .m6 a:hover { height:42px;background-position: -176px -260px} /* 실시간계좌이체*/ .pbtn_flat_s .m7 a { height:42px;background-position: 0px -312px} .pbtn_flat_s .m7 a:hover {height:42px; background-position: -176px -312px} /* 가상계좌*/ .pbtn_flat_s .m8 a {height:42px; background-position: 0px -364px} .pbtn_flat_s .m8 a:hover {height:42px; background-position: -176px -364px} /* 무통장입금*/ .pbtn_flat_s .m9 a {height:42px; background-position: 0px -416px} .pbtn_flat_s .m9 a:hover { height:42px;background-position: -176px -416px} /* 도서생활권*/ .pbtn_flat_s .m10 a { height:42px;background-position: 0px -468px} .pbtn_flat_s .m10 a:hover {height:42px; background-position: -176px -468px} /* 게임상품권*/ .pbtn_flat_s .m11 a { height:42px;background-position: 0px -520px} .pbtn_flat_s .m11 a:hover { height:42px;background-position: -176px -520px} /* 해피상품권*/ .pbtn_flat_s .m12 a { height:42px;background-position: 0px -572px} .pbtn_flat_s .m12 a:hover { height:42px;background-position: -176px -572px} /* 도토리*/ .pbtn_flat_s .m13 a { height:42px;background-position: 0px -624px} .pbtn_flat_s .m13 a:hover { height:42px;background-position: -176px -624px} /* 문화상품권*/ .pbtn_flat_s .m14 a {height:42px; background-position: 0px -676px} .pbtn_flat_s .m14 a:hover { height:42px;background-position: -176px -676px} /* 티머니*/ .pbtn_flat_s .m15 a { height:42px;background-position: 0px -728px} .pbtn_flat_s .m15 a:hover { height:42px;background-position: -176px -728px} /* 홈플러스기프트*/ .pbtn_flat_s .m16 a { height:42px;background-position: 0px -780px} .pbtn_flat_s .m16 a:hover { height:42px;background-position: -176px -780px} /* 쉐어박스마일리지*/ .pbtn_flat_s .m17 a { height:42px;background-position: 0px -832px} .pbtn_flat_s .m17 a:hover { height:42px;background-position: -176px -832px} /* OK캐쉬백*/ .pbtn_flat_s .m18 a { height:42px;background-position: 0px -1092px} .pbtn_flat_s .m18 a:hover { height:42px;background-position: -176px -1092px} /*토스*/ .pbtn_flat_s .m19 a { height:42px;background-position: 0px -1143px} .pbtn_flat_s .m19 a:hover { height:42px;background-position: -176px -1143px} /*틴캐시*/ .pbtn_flat_s .m20 a { height:42px;background-position: 0px -1195px} .pbtn_flat_s .m20 a:hover { height:42px;background-position: -176px -1195px} /* 로그인플러스 휴대폰간편로그인 배너 추가 */ .login_ad { width:100%; margin:0 auto; margin-top:10px; border-top:1px solid #d9d9d9; } .login_ad .login_ad_banner { width:100%; height:52px; margin:0 auto; background:url('/images/popup/login_ad_2207.png') no-repeat 50% 50%; cursor:pointer; } /* sns 로그인 201712 추가 ################################################ */ .login_pop { width:550px; margin:0 auto; } .login_pop .login_pop_s { width:100%; margin:0 auto; background-color:#ffffff; -webkit-border-radius:0px 0px 10px 10px ;position:relative ; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px } .popup_close { width:50px; height:50px;line-height:50px; background:url(../images/btn/btn_close.png) no-repeat; background-color:#F00; background-position:center; position:absolute; top:0px; right:-50px; cursor:pointer} .btn_login { clear:both; width:90%; height:50px;line-height:50px; margin:0 auto; background-color:#4763be; text-align:center; font-weight:bold;font-size:1.1em; color:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer; margin-bottom:20px;margin-top:15px;} .pop_sns_join {clear:both; width:100%; height:auto; margin:0 auto; display:inline-table; padding-bottom:30px; padding-top:10px; border-top:1px #d9d9d9 solid;} .pop_sns_join .sns_tit { clear:both;width::100%; height:45px; line-height:45px;margin:0 auto; text-align:center; font-size:1em; font-weight:bold; letter-spacing:-1px} .pop_sns_join .pop_sns_join_s {clear:both;width:90%; margin:0 auto; text-align:center; } .pop_sns_join .pop_sns_join_s li {list-style:none;background-color:#3CC; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; cursor:pointer;} .pop_sns_join .pop_sns_join_s .icon_f34 { width:20%; height:34px; margin:0 auto; background:url(../images/icon/icon_f34.png) 10px 0px no-repeat; padding-left:40px;text-align:center; margin:2px 10px; } .pop_sns_join .pop_sns_join_s .icon_f34 span { line-height:32px;color:#ffffff;font-weight:bold;} .pop_sns_join .pop_sns_join_s .icon_t34 { width:20%; height:34px; margin:0 auto; background:url(../images/icon/icon_t34.png) 10px 0px no-repeat; padding-left:40px;text-align:center;margin:2px 10px;} .pop_sns_join .pop_sns_join_s .icon_t34 span { line-height:32px;color:#000000;font-weight:bold; } .pop_sns_join .pop_sns_join_s .icon_n34 { width:20%; height:34px; margin:0 auto; background:url(../images/icon/icon_n34.png) 10px 0px no-repeat; padding-left:40px;text-align:center;margin:2px 10px;} .pop_sns_join .pop_sns_join_s .icon_n34 span {line-height:32px;color:#ffffff; font-weight:bold;} .pop_sns_join .pop_sns_join_s .bgf {background-color:#3c5b9a;} .pop_sns_join .pop_sns_join_s .bgt {background-color:#ffcc00;} .pop_sns_join .pop_sns_join_s .bgn {background-color:#00d137;} .login_pop_s .login_tab { width:100%; margin:0 auto; display:inline-table; position:relative; top:-44px; cursor:pointer; } .login_pop_s .login_tab li { width:50%; height:45px; line-height:45px; list-style:none; text-align:center; display:table-cell; background-color:#000000; color:#fff; font-size:1em; font-weight:bold;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } .login_pop_s .login_tab li:hover { width:50%; height:45px; line-height:45px; list-style:none; text-align:center; display:table-cell; background-color:#fff; color:#000000; font-size:1em; font-weight:bold;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } .login_pop_s .login_tab li.on { width:50%; height:45px; line-height:45px; list-style:none; text-align:center; display:table-cell; background-color:#fff; color:#000000; font-size:1em; font-weight:bold;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } .login_pop .login_pop_s .login_pop_s_tot { width:90%; height:auto; margin:0 auto;} .login_pop .login_pop_s .login_pop_s_tot .title { width:100%; height:30px; line-height:30px; margin:0 auto; background:url(../images/popup/pop_lgoo2n.png) no-repeat; background-position:left; border-bottom: #cccccc 1px solid; margin-bottom:20px;} .login_pop_s .title span { float:right; text-align:right; font-size:11px; #666} .login_pop .login_pop_s .login_pop_s_tot .lopop_fom { width:100%; margin:0 auto;} .login_pop .login_pop_s .login_pop_s_tot .lopop_fom li { list-style:none; margin-bottom:8px; } .login_pop .login_pop_s .login_pop_s_tot .lopop_fom li:last-child { margin-bottom:0; } .lopop_fom .txt { width:100%; text-align:left; height:15px; line-height:15px; color:#000000; font-size:14px; font-weight:bold; } .lopop_fom .txt_sub { float:right; color:#0e61ae; font-size:12px; font-weight:normal; letter-spacing:-1px; } .lopop_fom .txt2 { text-align:left;height:30px;line-height:30px; color:#000000; font-size:12px} .lopop_fom .txtR { text-align:left;height:30px;line-height:30px; color:#000000; font-size:12px; float:right;} .lopop_fom .warning_txt { position:relative; text-align:left; color:red; font-size:12px; letter-spacing:-0.5px; word-break:keep-all; margin-bottom:12px; padding-left:20px; } .lopop_fom .warning_txt:before { position:absolute; left:0; top:1px; content:'!'; display:inline-block; width:14px; height:14px; line-height:100%; border-radius:50%; background:#4b5473; color:#FFF; font-size:12px; text-align:center; font-weight:bold; } .lopop_fom .warning_txt > span.green { color:green; } .lopop_fom .joic {width:20px; height:35px;line-height:35px; text-align:center; float:left;font-size:11px } .lopop_fom .input_id { width:100%; height:36px;line-height:36px; background-color:#ffffff; background:url(../images/icon/icon_id.png) 10px 10px no-repeat; border: #ffffff 0px solid; text-indent:30px; -webkit-border-radius:5px ; border: #cccccc 1px solid; -moz-border-radius:5px ; border-radius:5px; margin-bottom:8px; } .lopop_fom .input_id:focus {background-color:#e9f3ff;} .lopop_fom .input_pw { width:100%; height:36px;line-height:36px; background-color:#ffffff; background:url(../images/icon/icon_pw.png) 10px 10px no-repeat; border: #ffffff 0px solid; text-indent:30px; -webkit-border-radius:5px ; border: #cccccc 1px solid; -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; } .lopop_fom .input_pw:focus {background-color:#e9f3ff;} .lopop_fom .input_mail { width:30%; height:36px;line-height:36px; background-color:#ffffff; border: #ffffff 0px solid; text-indent:5px; -webkit-border-radius:5px ; border: #cccccc 1px solid; -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; float:left } .lopop_fom .input_mail:focus {background-color:#e9f3ff;} .lopop_fom .input_select { width:33%; height:38px;line-height:38px; margin:0 auto; background-color:#ffffff; color:#000; -webkit-border-radius:5px ; border: #cccccc 1px solid; -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; float:right ; text-align:center; } .lopop_fom .input_select:hover { background-color:#e9f3ff; } .lopop_fom .input_select select { width:95%; height:30px;line-height:30px; margin:0 auto; text-align:center; border: #ffffff 0px solid; } .lopop_fom .input_select select:focus { background-color:#e9f3ff;} .pop_use { clear:both; width:90%; height:40px; line-height:18px; margin:0 auto; overflow:hidden; background-color:#ffffff; font-size:10px; border:#cccccc 1px solid; margin-top:10px; color:#666 } .pop_use_sk { clear:both; width:90%; height:15px; margin:0 auto; padding:5px 0 30px; } .pop_use_sk li {list-style:none; display:inline-block;font-size:11px; padding-right:20px;} .pop_use_sk input {width:15px; height:15px; border: #cccccc 1px solid; float:left} .pop_use_sk .use_txt {height:15px; line-height:15px; font-size:13px; font-weight:bold; letter-spacing:-0.5px; cursor:pointer; float:left; padding-left:5px; } .login_pop { width:550px; margin:0 auto; padding-top:7%; } .login_pop .login_pop_s { width:100%; margin:0 auto; background-color:#ffffff; -webkit-border-radius:0px 0px 10px 10px ;position:relative ; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px } /* sns 로그인 201712 추가 끝 ################################################ */ /* 판매자 내정보 레이어 */ .popup_se_noti_tot {width:100%; position:relative; background-color:#FFF ; z-index:500} .popup_se_noti {width:328px; height:336px; background:url(/images/popup/popup_seller_noti.png) no-repeat; position:absolute; top:00px; left:00px;} .popup_se_noti .btn_sed2 {width:328px; height:60px; position:absolute; top:250px; left:0px; cursor:pointer;} .popup_se_noti .btn_sed {width:38px; height:38px; background:url(/images/popup/popup_seller_close.png) no-repeat; position:absolute; top:-10px; right:-10px;cursor:pointer} /*### 판매자 업로드창 멀티업로드 동의 레이어###*/ .upseller { clear:both; width:520px; height:460px; background:url(../images/popup/upseller_noti_01.png) no-repeat; position:absolute; top:150px; left:0px; z-index:10000;} .upseller .upseller_s { width:100%; position:relative; z-index:200;} .upseller .upseller_s li { list-style:none} .upseller .upseller_s .upsller_btnx { width:30px; height:30px; display:block; background:url(../images/popup/upseller_noti_btnx.png) no-repeat; background-size:100%; cursor:pointer; position:absolute; top:18px; right:20px;} .upseller .upseller_s .upsller_txt{ width:470px; height:220px; margin:0 auto; text-align:left; background:#333333; border:#000000 1px solid;display:block; font-size:12px; position:absolute; top:110px; left:20px;padding-top:10px; letter-spacing:-.5px; } .upseller .upseller_s .upsller_txt p { color:#ebebeb; line-height:20px; margin:0 auto; text-align:left; font-size:12px;letter-spacing:-.5px; padding-left:10px; } .upseller .upseller_s .upsller_txt li { width:100%; float:left; list-style:none; display:block; color:#ebebeb; text-align:left; line-height:18px; letter-spacing:-.5px;margin-left:8px; } .upseller .upseller_s .upsller_ck{ width:25px;margin-left:25px;margin-top:0px;position:absolute; top:355px; left:138px;} .upseller .upseller_s .upsller_ck2{ text-align:left;color:#ffffff; font-weight:bold; font-size:12px; text-align:left;line-height:25px;margin-left:0px;position:absolute;top:350px; left:185px;} .upseller .upseller_s .upsller_btn { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:380px; left:140px;} .upseller .upseller_s .upsller_btn2 { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:370px; left:140px;} .upseller .upseller_s .upsller_font{color:#fffc00;font-weight:bold; } .upseller2 { clear:both; width:520px; height:460px; background:url(../images/popup/upseller_noti_01.png) no-repeat; position:absolute; top:160px; left:205px; z-index:10000;} .upseller2 .upseller_s { width:100%; position:relative; z-index:200;} .upseller2 .upseller_s li { list-style:none} .upseller2 .upseller_s .upsller_btnx { width:30px; height:30px; display:block; background:url(../images/popup/upseller_noti_btnx.png) no-repeat; background-size:100%; cursor:pointer; position:absolute; top:18px; right:20px;} .upseller2 .upseller_s .upsller_txt{ width:470px; height:220px; margin:0 auto; text-align:left; background:#333333; border:#000000 1px solid;display:block; font-size:12px; position:absolute; top:110px; left:20px;padding-top:10px; letter-spacing:-.5px; } .upseller2 .upseller_s .upsller_txt p { color:#ebebeb; line-height:20px; margin:0 auto; text-align:left; font-size:12px;letter-spacing:-.5px; padding-left:10px; } .upseller2 .upseller_s .upsller_txt li { width:100%; float:left; list-style:none; display:block; color:#ebebeb; text-align:left; line-height:18px; letter-spacing:-.5px;margin-left:8px; } .upseller2 .upseller_s .upsller_ck{ width:25px;margin-left:25px;margin-top:0px;position:absolute; top:352px; left:138px;} .upseller2 .upseller_s .upsller_ck2{ text-align:left;color:#ffffff; font-weight:bold; font-size:12px; text-align:left;line-height:25px;margin-left:0px;position:absolute;top:350px; left:195px;} .upseller2 .upseller_s .upsller_btn { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:380px; left:140px;} .upseller2 .upseller_s .upsller_btn2 { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:370px; left:140px;} .upseller2 .upseller_s .upsller_font{color:#fffc00;font-weight:bold; } /* 레이어 팝업 공통 배경 통일 22.06 */ .layerArea { z-index:9999999; display:flex; justify-content:center; align-items:center; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); } /* 사이트 점검 안내 레이어 팝업 22.06.08 */ .layerArea .layerWrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; -webkit-box-shadow:0px 0px 20px rgb(0,0,0,0.3); -moz-box-shadow:0px 0px 20px rgb(0,0,0,0.3); box-shadow:0px 0px 20px rgb(0,0,0,0.3); } .layerArea .layerWrap .layerPopup { position:relative; width:100%; height:100%; } .layerArea .layerWrap .layerPopup > .layerClose { z-index:99999; position:absolute; top:0; right:0; width:50px; height:50px; background:url(/images/popup/btn_closeLayer.png) #202020 no-repeat; background-size:100%; cursor:pointer; } .layerArea .layerWrap .layerPopup > img { display:block; } .layerArea .layerWrap .layerPopup .layerBottom { display:inline-block; width:100%; height:40px; line-height:40px; padding:0 20px; background:#202020; color:#fff; font-size:12px; text-align:right; box-sizing:border-box; } .layerArea .layerWrap .layerPopup .layerBottom label > input[type=checkbox] { margin-right:8px; } /* 2022-06 생일축하 이벤트 상단띠배너 */ #topBanner_hbd { width:100%; background:#7ca1ff; text-align:center; } #topBanner_hbd > .topBannerArea { position:relative; width:1018px; height:auto; margin:0 auto; } #topBanner_hbd > .topBannerArea .btn_topBanner_x { position:absolute; top:50%; right:20px; transform:translateY(-50%); margin-right:6px; cursor:pointer; } #topBanner_hbd > .topBannerArea .btn_topBanner_x > span { float:left; line-height:24px; margin-right:10px; font-size:11px; color:#516494; } #topBanner_hbd > .topBannerArea .btn_topBanner_x > img { float:left; display:inline-block; } #topBanner_hbd > .topBannerArea .img_topBanner { width:1000px; height:55px; margin:0 auto; background:url('/images/event/hbd/topBanner_hbd.gif') no-repeat top center; cursor:pointer; } /* 2022-06 생일축하 이벤트 레이어팝업 */ .layerArea .layer_hbd { z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:597px; border-radius:15px; overflow:hidden; -webkit-box-shadow:0px 0px 25px rgb(0,0,0,0.2); -moz-box-shadow:0px 0px 25px rgb(0,0,0,0.2); box-shadow:0px 0px 25px rgb(0,0,0,0.2); } .layerArea .layer_hbd .hbd_bg { position:relative; float:left; display:inline-block; width:597px; height:734px; background:url('/images/event/hbd/layer_hbd.gif') #d0e9f3 no-repeat top center; } .layerArea .layer_hbd .hbd_bg > .layerClose { position:absolute; right:15px; top:15px; width:40px; height:40px; cursor:pointer; } .layerArea .layer_hbd .hbd_bg > .layerClose img { width:100%; } .layerArea .layer_hbd .hbd_bg > .layerText { width:100%; margin-top:461px; padding:30px; text-align:center; color:#242424; font-size:16px; font-weight:bold; box-sizing:border-box; } .layerArea .layer_hbd .hbd_bg > .layerText p { margin-bottom:14px; } .layerArea .layer_hbd .hbd_bg > .giftOpen { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:inline-block; width:537px; height:88px; cursor:pointer; } .layerArea .layer_hbd_gift { z-index:9999; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:637px; height:510px; } .layerArea .layer_hbd_gift .hbd_gift > .layerClose { position:absolute; left:50%; bottom:36px; transform:translateX(-50%); display:inline-block; width:277px; height:64px; cursor:pointer; } /* 2023-07 꿀툰 유입 이벤트 레이어 팝업 */ .layerArea .layer_ggultoon_popup { z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:597px; background: url('../images/popup/ggultoon_cupon/bg_pc.png')no-repeat center center; background-size: cover; overflow:hidden; -webkit-box-shadow:0px 0px 25px rgb(0,0,0,0.2); -moz-box-shadow:0px 0px 25px rgb(0,0,0,0.2); box-shadow:0px 0px 25px rgb(0,0,0,0.2); box-sizing: border-box;} .layerArea .layer_ggultoon_popup img{display: block; width: 80%; object-fit: contain; margin: 0 auto;} .layerArea .layer_ggultoon_popup>img:first-of-type{margin-bottom: 40px; margin-top: 40px;} .layerArea .layer_ggultoon_popup .ggultoon_wrap{width: 100%; box-sizing: border-box; padding: 0px 10%;} .layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box{display: block; width: 80%; border: 3px solid #30210e; border-radius: 21px; background-color: #fff; box-sizing: border-box; padding: 40px; margin: 0 auto;} .layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box p.text_01{margin-bottom: 30px;} .layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box p.text_01 img{display: block; width: 150px; margin: 0 auto; margin-bottom: 10px;} .layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box p.text_01 #couponNum{display: block; width: 100%; font-size: 25px; font-weight: 800; color: #30210e; text-align: center; line-height: 1.4;} .layerArea .layer_ggultoon_popup .ggultoon_wrap .giftOpen{display: block; width: 100%; height: 75px; background: url('../images/popup/ggultoon_cupon/btn_link_330x68_new.png')no-repeat center center; background-size: contain; cursor: pointer; border-style: none;} .layerArea .layer_ggultoon_popup #bottom_btn{display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; margin-top: 50px;} .layerArea .layer_ggultoon_popup #bottom_btn>li{width: 100%; height: 100%; cursor: pointer; text-indent: -999px;} .layerArea .layer_ggultoon_popup #bottom_btn>li.left{background: url('../images/popup/ggultoon_cupon/btn_close_left_7_255x60.png')no-repeat center center; background-size: cover;} .layerArea .layer_ggultoon_popup #bottom_btn>li.right{background: url('../images/popup/ggultoon_cupon/btn_close_right_255x60.png')no-repeat center center; background-size: cover;} /* 2024-01 새해 결제 이벤트 팝업 */ .layerArea .new-year-container{z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 667px; height: 720px; background: linear-gradient(to bottom, #235b99 0%,#4b7bb0 100%);} .layerArea .new-year-container .new-wrap{width: 100%; height: 100%; position: relative; top: 0;} .layerArea .new-year-container button{display: block; border-style: none; background-color: transparent; cursor: pointer;} .layerArea .new-year-container .new-wrap .btn-close{position: absolute; right: 20px; top: 20px; width: 23px; height: 25px; background: url("../images/popup/new_year/Btn_close.png") no-repeat center center; background-size: 100%;} .layerArea .new-year-container img{display: block; width: 100%; object-fit: contain; margin: 0 auto;} .layerArea .new-year-container img.top{ width: 560px; height: 319px; padding-top: 30px;} .layerArea .new-year-container .word{display: none; } .layerArea .new-year-container .word.type-A{width: 361px;} .layerArea .new-year-container .word.type-B{width: 249px;} .layerArea .new-year-container .word.active{display: block; object-fit: contain; margin-top: -47px; padding-left: 35px;} .layerArea .new-year-container .new-wrap{background: url("../images/popup/new_year/bg_cloud.png")no-repeat left bottom 80px; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap{display: none; justify-content: space-between; align-items: flex-start; padding:0px 30px; padding-top: 20px; padding-right: 39px; margin-bottom: 20px;} .layerArea .new-year-container .new-wrap .list-wrap.active{display: flex;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div{width: 194px; height: 196px; padding: 52px 30px 33px 48px; box-sizing: border-box;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2) img{width: 91px;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type{padding: 27px 24px 32px 44px; } .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type .third-top{width: 89px; height: 19px; margin-bottom: 6px;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:first-of-type{background: url("../images/popup/new_year/first_bg.png")no-repeat left top; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2){background: url("../images/popup/new_year/second_bg.png")no-repeat left top; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type{background: url("../images/popup/new_year/third_bg.png")no-repeat left top; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div button{width: 100%; height: 34px; cursor: pointer;margin-top: 18px;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:first-of-type button{background: url("../images/popup/new_year/Btn_default_01.png") no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2) button{background: url("../images/popup/new_year/Btn_default_02.png") no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type button{background: url("../images/popup/new_year/Btn_default_03.png") no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:first-of-type button:hover{background: url("../images/popup/new_year/Btn_active_01.png") no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2) button:hover{background: url("../images/popup/new_year/Btn_active_02.png") no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type button:hover{background: url("../images/popup/new_year/Btn_active_03.png") no-repeat center center; background-size: 100%;} /* type-B */ .layerArea .new-year-container .new-wrap .list-wrap.type-B{padding-left: 42px; padding-right: 39px; box-sizing: border-box;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div{width: 278px; height: 198px; padding: 54px 75px 34px 79px;box-sizing: border-box;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type{background: url("../images/popup/new_year/B_first_bg.png")no-repeat left top; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type{background: url("../images/popup/new_year/B_second_bg.png")no-repeat left top; background-size: 100%; padding: 27px 61px 34px 65px ;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type img{width: 101px;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type img:last-of-type{width: 152px; height: 62px;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type img.third-top{width: 89px; margin-bottom: 9px;} .layerArea .new-year-container .new-wrap .list-wrap.type-B button{margin: 0 auto; margin-top: 14px; width: 124px; height: 34px;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type button{background: url("../images/popup/new_year/Btn_default_02.png")no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type button:hover{background: url("../images/popup/new_year/Btn_active_02.png")no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type button{background: url("../images/popup/new_year/Btn_default_03.png")no-repeat center center; background-size: 100%;} .layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type button:hover{background: url("../images/popup/new_year/Btn_active_03.png")no-repeat center center; background-size: 100%;} /* 지급 완료 btn */ .layerArea .new-year-container .new-wrap .list-wrap.type-A div:first-of-type button.change-btn-active, .layerArea .new-year-container .new-wrap .list-wrap.type-A div:first-of-type button.active{background: url("../images/popup/new_year/btn_disable.png")no-repeat center center; background-size: 100%;} /* 오늘하루 보지 않기 btn */ .layerArea .new-year-container .new-wrap .not-today{width: fit-content; margin: 0 auto; display: flex; margin-bottom: 21px; padding-left: 20px; box-sizing: border-box;} .layerArea .new-year-container .new-wrap .not-today i{display: block; width: 17px; height: 17px; margin-left: 8px;} .layerArea .new-year-container .new-wrap .footer{display: none;} .layerArea .new-year-container .new-wrap .footer.active{position: absolute; bottom: 0px; width: 100%; background-color: #3a4157; display: flex; justify-content: flex-start; align-items: center; } .layerArea .new-year-container .new-wrap .footer.type-A{padding: 20px 94px 18px 75px; gap: 54px; box-sizing: border-box;} .layerArea .new-year-container .new-wrap .footer.type-B{padding: 29px 174px 25px 73px; gap: 45px; box-sizing: border-box;} .layerArea .new-year-container .new-wrap .footer img{margin: 0px 0px; } .layerArea .new-year-container .new-wrap .footer img:first-of-type{width: 50px;} .layerArea .new-year-container .new-wrap .footer.type-A .right{width: 334px;} .layerArea .new-year-container .new-wrap .footer.type-B .right{width: 275px;} .layerArea .new-year-container .new-wrap .fixed-dragon{width: 125px; height: 131px; position: absolute; right: 15px; bottom: 34px; z-index: 10;} /* 익스플로러 브라우저 제한 안내 레이어 */ .layerArea .layer_browser { position:relative; width:640px; height:494px; border:1px solid #000; box-sizing:border-box; background:url('../images/popup/layer_img_browser.jpg') no-repeat center top #fff; } .layerArea .layer_browser > .btn_layerClose { position:absolute; top:20px; right:20px; width:20px; height:20px; cursor:pointer; } .layerArea .layer_browser > ul.btn_bottom { position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #b8bdcc; } .layerArea .layer_browser > ul.btn_bottom li { float:left; display:inline-block; width:319px; line-height:60px; background:#e6e9ef; border-left:1px solid #b8bdcc; box-sizing:border-box; color:#5c6874; font-size:15px; font-weight:700; text-align:center; cursor:pointer; } .layerArea .layer_browser > ul.btn_bottom li:first-child { border-left:0; } .layerArea .layer_browser > ul.btn_bottom li:hover { background:#d8eaf9; color:#333; } /* 2022-08 장기미사용회원 할인 레이어 */ .layer_sleep_2208 { position:relative; width:560px; height:auto; border:1px solid #000; box-sizing:border-box; } .layer_sleep_2208 > .layer_bg { float:left; display:inline-block; position:relative; width:100%; height:655px; background:url('../images/popup/layer_sleep_2208.jpg') #4367e9 no-repeat top center; } .layer_sleep_2208 > .layer_bg > .btnArea { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; } .layer_sleep_2208 > .layer_bg > .btnArea li { width:280px; height:59px; cursor:pointer; } .layer_sleep_2208 > .layer_bg > .btnArea li span { display:none; } .layer_sleep_2208 > ul.btn_bottom { float:left; display:inline-block; width:100%; border-top:1px solid #000; } .layer_sleep_2208 > ul.btn_bottom li { float:left; display:inline-block; width:50%; line-height:60px; background:#e6e9ef; box-sizing:border-box; color:#808080; font-size:14px; font-weight:700; text-align:center; cursor:pointer; } .layer_sleep_2208 > ul.btn_bottom li:first-child { background:#363342; } .layer_sleep_2208 > ul.btn_bottom li:nth-child(2) { background:#000; } .layer_sleep_2208 > ul.btn_bottom li:hover { color:#CCC; } /* 2022-10 BJ방송 새단장 이벤트 레이어 */ .layer_bj_2210 { position:relative; width:560px; height:auto; box-sizing:border-box; } .layer_bj_2210 > .layer_bg { float:left; display:inline-block; position:relative; width:100%; height:655px; background:url('../images/popup/bj_new_event.jpg') #4367e9 no-repeat top center; } .layer_bj_2210 > ul.btn_bottom { float:left; display:inline-block; width:100%; border-top:1px solid #000; } .layer_bj_2210 > ul.btn_bottom li { float:left; display:inline-block; width:50%; line-height:60px; background:#e6e9ef; box-sizing:border-box; color:#808080; font-size:14px; font-weight:700; text-align:center; cursor:pointer; } .layer_bj_2210 > ul.btn_bottom li:first-child { background:#363342; } .layer_bj_2210 > ul.btn_bottom li:nth-child(2) { background:#000; } .layer_bj_2210 > ul.btn_bottom li:hover { color:#CCC; } /* 22.12.15 컨텐츠 연동 레이어 */ .layer_pop_interlock{ position:fixed; top:0px; left:0px; z-index:9999999; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); } .layer_pop_interlock{ display:none; align-items:center; justify-content:center; } .layer_interlock { position:relative;top:50%;width:600px; height:auto; box-sizing:border-box;margin:-414px auto 0} .layer_interlock > .layer_bg { float:left; display:inline-block; position:relative; width:100%; height:768px; background:#EEEEEE;padding:32px 50px 40px;box-sizing:border-box;border:4px solid #4285F4; } .layer_interlock > .layer_bg h3{font-size:30px;font-weight:bold;color:#4285f4;margin:0;text-align:center;margin-bottom:30px} .layer_interlock > .layer_bg .interlock_tit{font-size:14px;color:#535353;line-height:22px;margin-bottom:24px;word-break:keep-all;letter-spacing:-0.2px} .layer_interlock > .layer_bg .interlock_tit p{font-weight:bold;display:block;margin:0} .layer_interlock > .layer_bg .info_site{width:492px;padding:18px 24px 13px;box-sizing:border-box;background:#fff;border-radius:10px} .layer_interlock > .layer_bg .info_site h5{font-size:14px;color:#4285f4;font-weight:bold;margin:0 0 10px} .layer_interlock > .layer_bg .info_site h5:last-child{} .layer_interlock > .layer_bg .info_site ul{margin-bottom:18px} .layer_interlock > .layer_bg .info_site ul li{line-height:20px;padding-left:16px;position:relative;word-break:keep-all;} .layer_interlock > .layer_bg .info_site ul li a{font-size:12px;color:#535353;} .layer_interlock > .layer_bg .info_site ul li:before{content:'';width:3px;height:3px;display:inline-block;background:#4285F4;border:1px solid #4285F4;border-radius:3px;position:absolute;left:0;top:7px} .layer_interlock > .layer_bg .info_site ul li span{font-weight:bold} .layer_interlock > .layer_bg .info_site ul li a{font-weight:bold} .layer_interlock > .layer_bg .info_site ul.line_site{margin-bottom:0} .layer_interlock > .layer_bg .info_site ul.line_site li{font-weight:bold;margin-bottom:4px} .layer_interlock > .layer_bg .info_txt{color:#535353;line-height:19px;margin:28px 5px 10px} .layer_interlock > .layer_bg .btn_agree{position:relative;top:21px;display:block;margin:0 auto;width:240px;height:64px;background:url('/images/popup/btn_agree.png') no-repeat 0 0 / 240px 64px;border:none;text-indent:-9999px;font-size:0;cursor:pointer} .layer_interlock > .layer_bg .btn_agree.on{background:url('/images/popup/btn_agree_checked.png') no-repeat 0 0 / 240px 64px;} .layer_interlock > ul.btn_bottom { float:left; display:inline-block; width:100%; border-top:1px solid #000; } .layer_interlock > ul.btn_bottom li { float:left; display:inline-block; width:50%; line-height:60px; background:#e6e9ef; box-sizing:border-box; color:#808080; font-size:14px; font-weight:700; text-align:center; cursor:pointer; } .layer_interlock > ul.btn_bottom li:first-child { background:#363342; } .layer_interlock > ul.btn_bottom li:nth-child(2) { background:#000; } .layer_interlock > ul.btn_bottom li:hover { color:#CCC; } /*### 폰트 ###*/ .font_through { text-decoration:line-through;} .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;} .font17 {font-size:18px;} .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;} .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;} .fontYellow {color:#fffc00;} .fontOrange{ color:#F30;} .fontGray { color:#757575} /*### 여백 ###*/ .mar_left3 { margin-left:3px} .mar_left5 { margin-left:5px} .mar_left10 { margin-left:10px} .mar_left20 { margin-left:20px} .mar_top3 { margin-top:3px} .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_bot5 { margin-bottom:5px} .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_bot10 { padding-bottom:10px} .pad_left5 {padding-left:5px} .pad_left10 {padding-left:10px} /* 뷰창 충전소 */ #popup_view_charge .special td { border-top:#2a6aed 2px solid; border-bottom:#2a6aed 2px solid; } #popup_view_charge .special td:first-child { border-left:#2a6aed 2px solid; } #popup_view_charge .special td:last-child { border-right:#2a6aed 2px solid; } #popup_view_charge .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; } } #popup_view_charge .hidden{display:none}