@charset "utf-8";
@import url("base.css");

/* 레이아웃 */
html, body { background:#f5f5f5;}
div, ul, ol dl, p, h1, h2, h3, h4, h5, h6, fieldset, legend, table { color:#666; line-height:1.5em; }
#wrap { width:483px; margin:10px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/box_483_m.gif') repeat-y; }
#header { position:relative; width:483px; height:39px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/header_bg.gif') no-repeat left top; }
#contents { width:483px; padding:15px 17px 17px 16px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/box_483_b.gif') no-repeat left bottom; }

/* header */
#header h1 { position:absolute; top:12px; left:17px; padding-left:13px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_h1.gif') no-repeat left top; }
#header div.close { position:absolute; top:12px; right:16px; }

/* contents 공통 */
#contents h2 { padding-left:9px; font-size:11px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_h2.gif') no-repeat 3px 3px; }
#contents h3 { font-weight:bold; font-size:11px; color:#444; line-height:1.1; }
#contents div.boxWrap { width:450px; margin:7px 0 0; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/box_450_b.gif') no-repeat left bottom; }
* html #contents div.boxWrap { margin:6px 0 0; }
*+html #contents div.boxWrap { margin:6px 0 0; }
#contents div.box { padding:10px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/box_450_t.gif') no-repeat left top; }
#contents div.box ul li { color:#444; }
#contents div.submit { margin:15px 0 0; text-align:center; }
#contents div.banner { margin:19px 0 0; }

/* UFO Mobile 정액제 가입하기 */
#flatRateMobile p.guide { margin:13px 20px 0; padding-left:9px; font-size:11px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_+.gif') no-repeat left 5px; }
#flatRateMobile div.select { margin:10px 0 0; }
#flatRateMobile div.box ul.first { margin:0 0 10px; padding:0 0 8px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/line_dot_gray.gif') repeat-x left bottom; }
#flatRateMobile div.box ul li { margin:0 18px; padding-left:7px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_+.gif') no-repeat left 6px; }
#flatRateMobile div.box ul li.first { margin-top:5px; }
#flatRateMobile div.box ul li span { color:#da7f00; }

/* UFO Web 정액제 가입하기 */
#flatRateWeb p.guide { margin:6px 8px 0; padding-left:7px; font-weight:bold; font-size:11px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_+.gif') no-repeat left 5px; }
#flatRateWeb div.join ul.guide { margin:0 16px 0; }
#flatRateWeb div.join ul.guide li { padding-left:11px; font-size:11px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_dash.gif') no-repeat left 6px; }
#flatRateWeb div.select { margin:10px 0 0; }
#flatRateWeb div.select table { table-layout:fixed; margin:7px 0 0; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; }
* html #flatRateWeb div.select table { margin:6px 0 0; }
*+html #flatRateWeb div.select table { margin:6px 0 0; }
#flatRateWeb div.select table caption { display:none; }
#flatRateWeb div.select table th,
#flatRateWeb div.select table td { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; }
#flatRateWeb div.select table th { padding:7px 0; font-size:11px; background:#f9f9f9; }
#flatRateWeb div.select table td { padding:5px 0 3px; }
#flatRateWeb div.select table td.select,
#flatRateWeb div.select table td.price { text-align:center; }
#flatRateWeb div.select table td.select { padding:0; }
#flatRateWeb div.select table td.select input.radio { margin:0; }
#flatRateWeb div.select table td.type,
#flatRateWeb div.select table td.favor { padding-left:10px; }
#flatRateWeb div.payment { width:450px; margin:15px 0 0; }
#flatRateWeb div.payment ul.type { width:448px; margin:7px 0 0; padding:7px 0; text-align:center; font-size:11px; background:#f9f9f9; border:1px solid #d1d1d1; }
#flatRateWeb div.payment ul.type img { vertical-align:middle; }
#flatRateWeb div.payment ul.type li { display:inline; margin:0 50px; }
#flatRateWeb div.payment ul.guide { padding:11px 11px 8px; font-size:11px; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; }
#flatRateWeb div.payment ul.guide li { padding-left:7px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_+.gif') no-repeat left 5px; }

/* 충전하기 - 우표 충전하기 */
#fillPost div.selectPost { margin:15px 0 0; }
#fillPost div.selectPayment { margin:15px 0 0; }
#fillPost div.box { padding:10px 10px 0; }
#fillPost div.box ul.radio { width:430px; overflow:hidden; }
#fillPost div.box ul.radio li { float:left; display:inline; padding-bottom:7px; line-height:1.2; }
#fillPost div.box ul.radio li.first { clear:left; }
#fillPost div.box ul.radio li span { float:left; width:52px; }
#fillPost div.selectPost div.box ul.radio li { width:180px; }
#fillPost div.selectPost div.box ul.radio li.first { width:250px; }
#fillPost div.selectPayment div.box ul.radio { background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/line_dot_gray.gif') repeat-x left bottom; }
#fillPost div.selectPayment div.box ul.radio li { width:132px; }
#fillPost div.selectPayment div.box ul.radio li.first { width:166px; }
#fillPost div.selectPayment div.box ul.guide { margin:10px 0 0; padding-bottom:7px; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_mobile.gif') no-repeat 10px top; }
#fillPost div.selectPayment div.box ul.guide li { margin-left:64px; padding-left:7px; font-size:11px; color:#888; background:url('http://svcimg.ufotown.com/UFO_IMAGE/member/popup/icon_+.gif') no-repeat left 5px; }