@charset "utf-8";


/* 서브배너 */
.left_rbaner {float:left; width:220px;}

.online_info_tab {float:left; width:721px;}
.online_info_tab ul {float:left; width:721px;  padding:0px 0px 0px 0px; }
.online_info_tab ul li {float:left; padding:0px 2px 0px 0px; margin:0px; height:32px; }
.online_info_tab ul li.online_tab_list {float:right; padding:0px; margin:0px;}


/* 모바일앱 */
.app_info {float:left; width:721px; height:216px; background:url('../../images/app/appimg_01.gif') no-repeat;}
.app_info ul li.but1 {position:absolute; z-index:11; margin:0px; padding:89px 0px 0px 204px;}

/* 매직빌이란 이용안내 */
.use_wrap {float:left; width:721px; height:197px; background:url('../../images/magicbill/useimg_01.gif') no-repeat 0px top;}
.use_wrap ul li.butt1 {position:absolute; z-index:1; margin:0px; padding:160px 0px 0px 145px;}
.use_wrap ul li.butt2 {position:absolute; z-index:1; margin:0px; padding:153px 0px 0px 625px;}


/* 매직빌이란 요금안내 */
.pay_wrap {float:left; width:721px; height:150px; background:url('../../images/magicbill/payimg_01.gif') no-repeat 0px top;}
.pay_wrap ul li.butt1 {position:absolute; z-index:1; margin:0px; padding:80px 0px 0px 383px;}

/* 매직빌이란 주요기능 테이블페이지*/
.mg_wrap_inquiry {float:left; width:721px; padding:0px 0px 0px 0px;}
.mg_wrap_inquiry .mg_table table {float:left; width:721px; font-size:12px; border:none;}
.mg_wrap_inquiry .mg_table table th {text-align:left; padding:6px 0px 5px 13px; border-top:2px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#f8f8f8; border-right:none;}
.mg_wrap_inquiry .mg_table table td {padding:6px 0px 5px 22px; border-top:2px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#fff; border-right:none;}
.mg_wrap_inquiry .mg_table table th.ththin {text-align:left; padding:6px 0px 5px 13px; border-bottom:1px solid #c6c6c6; background-color:#f8f8f8; border-right:none; border-top:none;}
.mg_wrap_inquiry .mg_table table td.tdthin {padding:6px 0px 5px 22px; border-bottom:1px solid #c6c6c6; background-color:#fff; border-right:none; border-top:none;}
.mg_wrap_inquiry .mg_table table th.thnone {text-align:left; padding:6px 0px 5px 13px; border-bottom:2px solid #c1c1c1; background-color:#f8f8f8; border-top:none;  border-right:none;}
.mg_wrap_inquiry .mg_table table td.tdnone {padding:6px 0px 5px 22px; border-bottom:2px solid #c1c1c1; background-color:#fff; border-top:none; border-right:none;}


/* 매직빌이란 요금안내 테이블페이지*/
.mg_wrap_inquiry .pay_info {float:left; width:721px;}
.mg_wrap_inquiry .pay_info table {float:right; width:721px; font-size:12px; margin:0 auto;}
.mg_wrap_inquiry .pay_info table th {color:#444; padding:7px 0px 6px 0px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; border-top:2px solid #a5a5a5; background-color:#f7f7f7;}
.mg_wrap_inquiry .pay_info table th.nothline {color:#444; padding:5px 0px 6px 0px; border:none; border-bottom:1px solid #cbcbcb; border-top:2px solid #a5a5a5; background-color:#f7f7f7;}
.mg_wrap_inquiry .pay_info table td {padding:7px 0px 6px 0px; text-align:center;  border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.mg_wrap_inquiry .pay_info table td.notdline {padding:5px 0px 6px 0px; text-align:center; border:none; border-bottom:1px solid #cbcbcb;}
.mg_wrap_inquiry .pay_info table th.nothline2 {padding:5px 0px 6px 0px; border:none; border-bottom:1px solid #cbcbcb; border-top:2px solid #a5a5a5; background-color:#ede8db;}
.mg_wrap_inquiry .pay_info table td.notdline2 {padding:5px 0px 6px 0px; text-align:center; border:none; border-bottom:1px solid #cbcbcb; background-color:#ede8db; color:#ff6c00;}

/* 매직빌이란 도입효과 테이블페이지*/
.mg_wrap_inquiry .intro_info {float:left; width:721px;}
.mg_wrap_inquiry .intro_info table {float:right; width:721px; font-size:12px; margin:0 auto;}
.mg_wrap_inquiry .intro_info table th {color:#444;border:1px solid #cbcbcb;border-top:2px solid #ff8e34; background-color:#f7f7f7;padding:7px 10px 6px 10px;}
.mg_wrap_inquiry .intro_info table th.nothline {color:#444; padding:5px 0px 6px 13px; border:none; border-bottom:1px solid #cbcbcb; border-top:2px solid #a5a5a5; background-color:#f7f7f7;}
.mg_wrap_inquiry .intro_info table td {padding:7px 10px 6px 10px; text-align:left;  border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.mg_wrap_inquiry .intro_info table td strong {color:#e44d3b;}
.mg_wrap_inquiry .intro_info table td.notdline {padding:5px 0px 6px 0px; text-align:left; border:none; border-bottom:1px solid #cbcbcb;}
.mg_wrap_inquiry .intro_info table th.nothline2 {padding:5px 0px 6px 10px; border:none; border-bottom:1px solid #cbcbcb; border-top:2px solid #a5a5a5; background-color:#ede8db;}
.mg_wrap_inquiry .intro_info table td.notdline2 {padding:5px 0px 6px 10px; text-align:left; border:none; border-bottom:1px solid #cbcbcb; background-color:#ede8db; color:#ff6c00;}

/* 서비스약관 */
.foot_service {float:left; width:721px;}
.foot_service_cnts {float:left; width:721px; padding:0px 0px 0px 0px;}
.foot_service_cnts dl {margin:0px; padding:0px;}
.foot_service_cnts dl dt {margin:0px; padding:0px 0px 7px 0px;}
.foot_service_cnts dl dd {margin:0px; padding:0px; color:#444; font-size:12px;}
.foot_service_cnts dl dd ul {margin:0px; padding:0px;}
.foot_service_cnts dl dd ul li.foot_tline01 {float:left; margin:0px; padding:0px; width:721px; height:15px; background:url('../../images/etc/etc_t_line01.gif') no-repeat left top;}
.foot_service_cnts dl dd ul li.foot_bgline01 {float:left; margin:0px; padding:0px; width:721px; background:url('../../images/etc/etc_bg_line01.gif') repeat-y left top;}
.foot_service_cnts dl dd ul li.foot_fline01 {float:left; margin:0px; padding:0px; width:721px; height:16px; background:url('../../images/etc/etc_f_line01.gif') no-repeat left top;}
.foot_service_cnts dl dd ul li.foot_bgline01 ol {margin:0px; padding:0px; width:721px; border:solid 0px blue;}
.foot_service_cnts dl dd ul li.foot_bgline01 ol li {border:solid 0px blue; float:left; width:310px; padding:0px 0px 0px 35px; margin:0px; line-height:21px; border-right:1px solid #e1e1e1;}
.foot_service_cnts dl dd ul li.foot_bgline01 ol li a {color:#444;}
.foot_service_cnts dl dd ul li.foot_bgline01 ol li.service_list02 {border:solid 0px blue; float:left; width:340px; padding:0px 0px 0px 25px; margin:0px; line-height:21px;}
.foot_service_cnts dl dd ul li.foot_bgline01 ol li.service_list02 a {color:#444;}

.foot_service_cnts dl dd ul li.foot_bgline02 {float:left; margin:0px; padding:0px; width:721px; background:url('../../images/etc/etc_bg_line01.gif') repeat-y left top;}
.foot_service_cnts dl dd ul li.foot_bgline02 ol {margin-top:15px; padding:0px; width:721px; border:solid 0px blue;}
.foot_service_cnts dl dd ul li.foot_bgline02 ol li.service_list03 {border:solid 0px blue; float:left; width:310px; padding:0px 0px 0px 35px; margin:0px; line-height:21px; border-right:none;border-right:1px solid #e1e1e1;}
.foot_service_cnts dl dd ul li.foot_bgline02 ol li.service_list03 a {color:#444;}
.foot_service_cnts dl dd ul li.foot_bgline02 ol li.service_list04 {border:solid 0px blue; float:left; width:340px; padding:0px 0px 0px 25px; margin:0px; line-height:21px;}
.foot_service_cnts dl dd ul li.foot_bgline02 ol li.service_list04 a {color:#444;}

.foot_service_cnts dl dd ul li.foot_bgline03 {float:left; margin:0px; padding:0px; width:721px; background:url('../../images/etc/etc_bg_line01.gif') repeat-y left top;}
.foot_service_cnts dl dd ul li.foot_bgline03 ol {margin-top:15px; padding:0px; width:721px; border:solid 0px blue;}
.foot_service_cnts dl dd ul li.foot_bgline03 ol li.service_list05 {border:solid 0px blue; float:left; width:310px; padding:0px 0px 0px 35px; margin:0px; line-height:21px; border-right:none;border-right:1px solid #e1e1e1;}
.foot_service_cnts dl dd ul li.foot_bgline03 ol li.service_list05 a {color:#444;}
.foot_service_cnts dl dd ul li.foot_bgline03 ol li.service_list06 {border:solid 0px blue; float:left; width:340px; padding:0px 0px 0px 25px; margin:0px; line-height:21px;}
.foot_service_cnts dl dd ul li.foot_bgline03 ol li.service_list06 a {color:#444;}



.foot_service_cnts2 {float:left; width:721px; padding:0px 0px 0px 7px; }
.foot_service_cnts2 dl {margin:0px; padding:22px 0px 0px 0px; line-height:19px;}
.foot_service_cnts2 dl dt {margin:0px; padding:0px 0px 7px 0px; color:#444; font-size:12px; font-weight:bold; text-decoration:underline; }
.foot_service_cnts2 dl dd {margin:0px; padding:0px; color:#444; font-size:12px;}
.foot_service_cnts2 dl dd ol {margin:0px; padding:0px; line-height:19px;}
.foot_service_cnts2 dl dd ol li.service_txt01 {margin:0px; padding:0px; color:#444;}
.foot_service_cnts2 dl dd ol li {margin:0px; padding:0px 0px 0px 10px; color:#444;}


.foot_personal_cnts2 {float:left; width:721px; padding:0px 0px 0px 0px; border:solid 0px blue;}
.foot_personal_cnts2 span {float:left; color:#313131; font-size:12px; margin:0px; padding:0px 0px 10px 0px;}



div.guide_txt p {
		color:#555;
		font-family:'나눔고딕', 'NanumGothic', ng , 'Nanum Gothic', sans-serif; 
		font-size:14px;
		font-weight:600;
		float:left;
		width:721px;
		line-height:22px;
		}

div.guide_txt p img {
		vertical-align:middle;
		}

div.guide_txt p span {
		color:#e44d3b;
		font-family:'나눔고딕', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		font-weight:600;
		font-size:16px;
		}

div.guide_txt p span.f_12 {
		color:#555;
		font-family:'나눔고딕', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		font-size:12px;
		}

div.guide_txt p strong {
		color:#e44d3b;
		font-family:'나눔고딕', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		font-size:13px;
		line-height:30px;
		}

div.guide_txt img {
		margin:10px 0 30px;
		}

div.guide_txt p.tip {
		padding:20px;
		width:682px;
		background:#efefef;
		margin-bottom:30px;
		font-size:12px;
		line-height:16px;
		}

div.guide_txt p.tip span {
		line-height:30px;
		display:block;
		height:35px;
		width:188px;
		border-radius:5px;
		background:url('../../images/renewal_2016/guide/guide_imgtip.jpg') no-repeat left top;
		color:#FFF;
		padding-left:50px;
		line-height:36px;
		font-size:16px;
		}

div.guide_info { 
		background:#efefef;
		float:left;
		width:701px;
		font-family:'나눔고딕', 'NanumGothic', ng , 'Nanum Gothic', sans-serif; 
		font-size:12px;
		height:30px;
		padding:10px 0 0 20px;
		margin-bottom:30px;
		}

div.guide_info b {
		color:#e44d3b;
		}