@charset "utf-8";
@import "./common.css";

body { background:#f5f5f5 !important; }
.popuptype01 { width:431px; margin:0 auto; padding:10px; }
.popuptype01 h2.Title { position:relative; width:416px; height:27px; padding:12px 0 0 15px; font:0/0 arial; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_title_box.gif) no-repeat;}
.popuptype01 h2.Title .close { position:absolute; right:15px; _right:14px; top:13px;}
.popuptype01 .popMiddle { width:416px; padding:15px 0 18px 15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_middle.gif) repeat-y; }
.popuptype01 .popMiddle .btnDiv { width:387px; padding:15px 0 0 0; text-align:center; font:0/0 arial; }
.popuptype01 .popMiddle .btnDiv img  { margin:0 2px 0 2px; }
.popuptype01 .popBottom { height:3px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_bottom.gif) no-repeat; }

.popuptype02 { width:361px; margin:0 auto; padding:10px; }
.popuptype02 h2.Title { position:relative; width:346px; height:27px; padding:12px 0 0 15px; font:0/0 arial; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_title_box_02.gif) no-repeat;}
.popuptype02 h2.Title .close { position:absolute; right:15px; _right:14px; top:13px;}
.popuptype02 .popMiddle { width:346px; padding:15px 0 18px 15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_middle_02.gif) repeat-y; }
.popuptype02 .popMiddle .btnDiv { width:px; padding:15px 0 0 0; text-align:center; font:0/0 arial; }
.popuptype02 .popMiddle .btnDiv img  { margin:0 2px 0 2px; }
.popuptype02 .popBottom { width:361px; height:3px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_bottom_02.gif) no-repeat; }

.popuptype03 { width:361px; margin:0 auto; padding:10px; }
.popuptype03 h2.Title { position:relative; width:306px; height:27px; padding:12px 0 0 15px; font:0/0 arial; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_title_box_03.gif) no-repeat;}
.popuptype03 h2.Title .close { position:absolute; right:15px; _right:14px; top:13px;}
.popuptype03 .popMiddle { width:346px; padding:15px 0 18px 15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_middle_03.gif) repeat-y; }
.popuptype03 .popMiddle .btnDiv { width:px; padding:15px 0 0 0; text-align:center; font:0/0 arial; }
.popuptype03 .popMiddle .btnDiv img  { margin:0 2px 0 2px; }
.popuptype03 .popBottom { width:361px; height:3px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_popup_bottom_03.gif) no-repeat; }



/* 로그인 */
.popuptype03 .login { padding-top:11px !important; }
.popuptype03 .login fieldset { padding:0 0 0 6px; }
.popuptype03 .login fieldset .optDiv { font:bold 8pt dotum; padding:0 0 4px 5px; _padding:0 0 4px 0px; }
.popuptype03 .login fieldset .optDiv label { margin:0 13px 0 0; }
.popuptype03 .login fieldset .optDiv label input.check { vertical-align:-3px; margin:0 3px 0 0; }

.popuptype03 .login fieldset .loginBox { width:270px; margin:0 0 0 4px; background:url(http://svcimg.ufotown.com/UFO_IMAGE//mycircle/popup/bg_login_box_bottom.gif) bottom left no-repeat; }
.popuptype03 .login fieldset .loginBox .inner { width:254px; padding:16px 0 15px 16px; background:url(http://svcimg.ufotown.com/UFO_IMAGE//mycircle/popup/bg_login_box_top.gif) top left no-repeat; }
.popuptype03 .login fieldset .loginBox .inputDIv { overflow:hidden; width:229px; margin:0px; padding:0px 0 5px 0; background:url(http://svcimg.ufotown.com/UFO_IMAGE//mycircle/popup/ico_line_01.gif) bottom left no-repeat; }
.popuptype03 .login fieldset .loginBox .inputDIv dt { float:left; width:60px; margin:0px; padding:6px 0 0 6px; font:bold 8pt dotum; color:#666666; background:url(http://svcimg.ufotown.com/UFO_IMAGE//mycircle/common/icon/ico_bull_08.gif) 0 9px no-repeat; }
.popuptype03 .login fieldset .loginBox .inputDIv dd { float:left; width:162px; margin:0px; padding:0px 0 2px 0; }
.popuptype03 .login fieldset .loginBox .inputDIv dd input.text {  height:18px; height:15px\9; padding:3px 0 0 3px; border:1px solid #bebebe; }
.popuptype03 .login fieldset .loginBox .inputDIv dd img.btn { margin:1px 0 0 4px; }

.popuptype03 .login fieldset .optDiv02 { overflow:hidden; width:230px; list-style:none; margin:7px 0 0 0; padding:0px; font:8pt dutom; }
.popuptype03 .login fieldset .optDiv02 li { float:left; padding:0 8px 0 6px;  background:url(http://svcimg.ufotown.com/UFO_IMAGE//mycircle/popup/ico_bull_01.gif) 1px 3px  no-repeat; }

.popuptype03 .login .textBox { width:271px; margin:10px 0 0 10px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/ico_dot_line_01.gif) top left repeat-x; }
.popuptype03 .login .textBox p { padding:7px 0 7px 0; text-align:center; color:#e68403; line-height:1.5em; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/ico_dot_line_01.gif) bottom left repeat-x; }
.popuptype03 .login .textBox p img { vertical-align:middle;margin:0 5px 0 0; }



/* 프린트 */
.printBox  { width:580px; padding:10px; }
.printBox .inner { padding:15px 14px 15px 14px; border:1px solid #acacac; background:#ffffff; }
.printBox h1.Title { position:relative; width:550px; margin:0px 0 10px 0; padding:0px 0 2px 0; border-bottom:1px solid #e9e9e9; font:0/0 arial; }
.printBox h1.Title .btn { position:absolute; right:0px; top:-5px; }

.printBox h2.Title { position:relative; width:420px; padding:0 128px 6px 0; margin:0px 0 0 0px; font:bold 11pt/1.35em dotum; _font:bold 11pt/1.6em dotum; color:#d63811; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/common/icon/ico_dot_line_01.gif) left bottom repeat-x; }
.printBox h2.Title span.info { font:normal 8pt dotum; color:#999999; }
.printBox h2.Title span.info img { margin:0 0 0 4px; }
.printBox h2.Title span.info .date { padding:0 0 0 5px; font:7pt tahoma; }
.printBox h2.Title span.name { position:absolute; right:0px; bottom:6px; font:normal 8pt dotum; color:#e68403; }
.printBox h2.Title span.name img { margin:0 4px 0 0; }
.printBox  p.address { text-align:right; margin:5px 0 0 0; font:8pt tahoma; color:#bebebe; }
.printBox .TextDiv { width:548px; padding:30px 0 40px 0; margin:0 0 0 px; line-height:1.4em; }
.printBox .TextDiv .sourceDiv { padding:3px 0 17px 1px; }
.printBox .TextDiv .sourceDiv p { margin:0px 0 2px 0; font:9pt/1.2em dotum; }
.printBox .TextDiv .sourceDiv p img { margin:0 6px 0 0; }
.printBox .TextDiv .sourceDiv p a { color:#e68403; text-decoration:underline; }
.printBox .writerInfo { overflow:hidden; width:548px; text-align:right; padding:0 0 0 0; margin:0 0 0 0px;}
.printBox .writerInfo dl { float:right; margin:0px; padding:0px; }
.printBox .writerInfo dl dd.text { float:left; margin:0px; padding:4px 4px 0 0; }
.printBox .writerInfo dl dd.text p { margin:0px; padding:0px 0 2px 0; font-size:8pt; color:#9f9f9f; }
.printBox .writerInfo dl dd.text p strong { color:#e68403; }
.printBox .writerInfo dl dd.thumb { float:left; margin:0px; padding:0px; font:0/0 arial; }
.printBox .writerInfo dl dd.thumb img { width:36px; height:36px; border:1px solid #ededed; }

.printBox .btnDiv { width:580px; padding:15px 0 0 0; text-align:center; font:0/0 arial; }
.printBox .btnDiv img  { margin:0 2px 0 2px; }

@media print { 
.printBox .inner { padding:0; border:none; background:#ffffff; }
.printBox h1.Title { display:none; }
.printBox h2.Title { width:512px; border-bottom:1px solid #e9e9e9;  }
.printBox  p.address { width:640px; color:#bebebe; }
.printBox .TextDiv { width:640px; padding:30px 0 40px 0; margin:0 0 0 px; line-height:1.4em; }
.printBox .writerInfo { overflow:hidden; width:640px; text-align:right; padding:0 0 0 0; margin:0 0 0 0px; }
.printBox .btnDiv { display:none; }
}


.popuptype01 .flatRateWarning01 .textBox { width:384px; padding:5px 0 0 16px; margin:5px 0 0 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; color:#666666; }
.popuptype01 .flatRateWarning01 .textBox p { padding:3px 0 7px 0; margin:0px; font:9pt/1.4em dotum; }
.popuptype01 .flatRateWarning01 .textBox p strong { color:#e68403; }
.popuptype01 .flatRateWarning01 .btnDiv { width:400px; }


.popuptype01 .flatRateWebComplet .textBox { width:300px; height:31px; padding:21px 0 0 100px; font:bold 9pt dotum; color:#e68403; background:url(http://svcimg.ufotown.com/UFO_IMAGE/member/popup/bg_flatrate_web_complet_box.gif) no-repeat; }
.popuptype01 .flatRateWebComplet p.txt { margin:0px; padding:20px 0 10px 10px; font:bold 8pt dotum; color:#333333; }
.popuptype01 .flatRateWebComplet p.txt img { vertical-align:2px; margin:0 4px 0 0; }

.popuptype01 .flatRateWebComplet .starSelect { width:373px; height:30px; padding:10px 0 0 15px; border:1px solid #ebebeb; background:#f8f8f8; }
.popuptype01 .flatRateWebComplet .starSelect .selectBoxType02 { width:176px; margin:0 10px 0 0; }
.popuptype01 .flatRateWebComplet .starSelect .selectBoxType02 .listBox { width:175px; font:8pt dotum; }
.popuptype01 .flatRateWebComplet .starSelect .btn { float:left; margin:0 4px 0 0; }
.popuptype01 .flatRateWebComplet .btnDiv { width:400px; }

.popuptype01 .flatRateCharge .chargeBox { overflow:hidden; width:325px; height:72px; padding:0 0 0 75px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/member/popup/bg_charge_num_box.gif) no-repeat; }
.popuptype01 .flatRateCharge .chargeBox .chargeNum { overflow:hidden; width:321px; padding:10px 0 3px 4px; }
.popuptype01 .flatRateCharge .chargeBox .chargeNum .num { float:left; font:bold 10pt tahoma; color:#d63811; background:url(http://svcimg.ufotown.com/UFO_IMAGE/member/popup/bg_charge_num_left.gif) left top no-repeat; }
.popuptype01 .flatRateCharge .chargeBox .chargeNum .num span { display:block; padding:1px 4px 4px 4px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/member/popup/bg_charge_num_right.gif) right top no-repeat; }
.popuptype01 .flatRateCharge p.txt { margin:0px; padding:10px 0 10px 10px; font:bold 8pt dotum; color:#333333; }
.popuptype01 .flatRateCharge p.txt img { vertical-align:2px; margin:0 4px 0 0; }

.popuptype01 .flatRateCharge .starSelect { width:340px; height:30px; padding:10px 0 0 58px; border:1px solid #ebebeb; background:#f8f8f8; }
.popuptype01 .flatRateCharge .starSelect .selectBoxType02 { width:176px; margin:0 10px 0 0; }
.popuptype01 .flatRateCharge .starSelect .selectBoxType02 .listBox { width:175px; font:8pt dotum; }
.popuptype01 .flatRateCharge .starSelect .btn { float:left; margin:0 4px 0 0; }
.popuptype01 .flatRateCharge .btnDiv { width:400px; }

.popuptype01 .cardAuto .tableDiv { width:400px; margin:10px 0 0 0; border-top:1px solid #e7e7e7; }
.popuptype01 .cardAuto .tableDiv table { width:400px; margin:2px 0 0 0; }
.popuptype01 .cardAuto .tableDiv table th { padding:5px 0 9px 8px; _padding:7px 0 9px 8px; font:bold 8pt dotum; text-align:left; background:#f5f5f5 url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_table_line.gif) bottom left repeat-x; }
.popuptype01 .cardAuto .tableDiv table th img { margin:0 4px 0 0; vertical-align:3px; }
.popuptype01 .cardAuto .tableDiv table td { padding:5px 0 9px 8px; _padding:6px 0 8px 8px; font:9pt/1.5em dotum; text-align:left; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_table_line.gif) bottom left repeat-x; }
.popuptype01 .cardAuto .tableDiv table td input.text { width:67px; height:15px; padding:3px 0 0 3px; margin:0 0 0 0; border:1px solid #d7d7d7; }
.popuptype01 .cardAuto .tableDiv table td span { color:#d7d7d7 }

.popuptype01 .joinComplet01 p.txt01 { padding:9px 0 0 0; text-align:center; font:8pt dotum; }
.popuptype01 .joinComplet01 p.txt01 img { vertical-align:3px; margin:0 5px 0 0; }
.popuptype01 .joinComplet01 .textBox { width:387px; margin:22px 0 0 0; padding:10px 0 7px 10px; _padding:10px 0 6px 10px; font:8pt dotum; color:#e68403; background:#f8f8f8; border:1px solid #eaeaea; }
.popuptype01 .joinComplet01 .textBox p.txt02 { padding:0 0 0 16px; line-height:1.5em; color:#e68403; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/common/icon/ico_bull_06.gif) 0 3px no-repeat; }
.popuptype01 .joinComplet01 .btnDiv { width:400px; }

.popuptype01 .secession .textBox { width:377px; padding:0px 10px 0px 10px; border:1px solid #eaeaea; background:#f8f8f8; }
.popuptype01 .secession .textBox dl { width:378px; margin:0px; paddding:0px; font:8pt/1.5em dotum; color:#333333; }
.popuptype01 .secession .textBox dl dt { font-weight:bold; padding:9px 0 0 0; marrgin:0px; }
.popuptype01 .secession .textBox dl dd { marign:0px; padding:0px 0 7px 0; background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_01.gif) bottom left repeat-x; }
.popuptype01 .secession .btnDiv { width:400px; }

.popuptype01 .flatRate01 .textBox { width:400px; height:80px; margin:5px 0 0 0; text-align:center; color:#666666; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.popuptype01 .flatRate01 .textBox p.txt01 { padding:26px 0 2px 0; font-weight:bold; }
.popuptype01 .flatRate01 .btnDiv { width:400px !important; }

.popuptype01 .flatRate02 .tableDiv { width:400px; margin:10px 0 0 0; border-top:1px solid #e7e7e7; }
.popuptype01 .flatRate02 .tableDiv table { width:400px; margin:2px 0 0 0; }
.popuptype01 .flatRate02 .tableDiv table th { padding:5px 0 9px 9px; _padding:7px 0 9px 9px; font:bold 8pt dotum; text-align:left; background:#f5f5f5 url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_table_line.gif) bottom left repeat-x; }
.popuptype01 .flatRate02 .tableDiv table th img { margin:0 4px 0 0; vertical-align:3px; }
.popuptype01 .flatRate02 .tableDiv table td { padding:2px 0 7px 20px; _padding:3px 0 6px 20px; font:9pt/1.5em dotum; color:#666666; text-align:left; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_table_line.gif) bottom left repeat-x; }
.popuptype01 .flatRate02 p { padding:21px 0 0 0; text-align:center; color:#666666; font-weight:bold; }
.popuptype01 .flatRate02 .numBox { width:400px; padding:13px 0 0 0; text-align:center; }
.popuptype01 .flatRate02 .numBox input.text { width:153px; height:13px; padding:3px 0 0 3px; margin:0 0 0 0; border:1px solid #d7d7d7; }
.popuptype01 .flatRate02 .btnDiv { width:400px; }

.popuptype01 .flatRate03 .tableDiv { width:400px; margin:10px 0 0 0; border-top:1px solid #e7e7e7; }
.popuptype01 .flatRate03 .tableDiv table { width:400px; margin:2px 0 0 0; }
.popuptype01 .flatRate03 .tableDiv table th { padding:5px 0 9px 9px; _padding:7px 0 9px 9px; font:bold 8pt dotum; text-align:left; background:#f5f5f5 url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_table_line.gif) bottom left repeat-x; }
.popuptype01 .flatRate03 .tableDiv table th img { margin:0 4px 0 0; vertical-align:3px; }
.popuptype01 .flatRate03 .tableDiv table td { padding:2px 0 7px 10px; _padding:3px 0 6px 20px; font:9pt/1.5em dotum; color:#666666; text-align:left; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/popup/bg_table_line.gif) bottom left repeat-x; }
.popuptype01 .flatRate03 .tableDiv table td.telSel { font-size:8pt; }
.popuptype01 .flatRate03 .tableDiv table td.telSel label { margin:0 30px 0 0; }
.popuptype01 .flatRate03 .tableDiv table td.telSel input.radio { width:13px; height:13px; margin:0 4px 0 0; vertical-align:-3px; }
.popuptype01 .flatRate03 .tableDiv table td input.text { height:13px; padding:3px 0 0 3px; margin:0 0 0 0; border:1px solid #d7d7d7; }
.popuptype01 .flatRate03 .tableDiv table td .selectBoxType02 { width:58px; margin:0 0 0 0; }
.popuptype01 .flatRate03 .tableDiv table td .selectBoxType02 .listBox { width:57px; font:8pt dotum; }
.popuptype01 .flatRate03 .textBox { width:387px; margin:10px 0 0 0; padding:10px 0 7px 10px; _padding:10px 0 6px 10px; font:8pt dotum; color:#e68403; background:#f8f8f8; border:1px solid #eaeaea; }
.popuptype01 .flatRate03 .textBox p.txt { padding:0 0 0 16px; line-height:1.5em; color:#e68403; background:url(http://svcimg.ufotown.com/UFO_IMAGE/mycircle/common/icon/ico_bull_06.gif) 0 3px no-repeat; }

.popuptype01 h2.Title .subTxt { position:absolute; top:14px;right:19px; }
.popuptype01 .matters .textBox { width:377px; padding:0px 10px 0px 10px; margin:10px 0 0 0; border:1px solid #eaeaea; background:#f8f8f8; }
.popuptype01 .matters .textBox ul { list-style:none; margin:0px; padding:0px; font:8pt/1.5em dotum; }
.popuptype01 .matters .textBox ul li { overflow:hidden; width:377px; margin:0px; padding:11px 0 9px 0; background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_01.gif) bottom left repeat-x; }
.popuptype01 .matters .textBox ul li strong { float:left; }
.popuptype01 .matters .textBox ul li p.txt01 { float:left; width:360px; padding:0 0 0 4px; }
.popuptype01 .matters .textBox ul li p.txt02 { float:left; width:360px; padding:0 0 0 14px; color:#e68403; }
.popuptype01 .matters .btnDiv { width:400px; }