/* 공통 색상 */
.colorGreen { color: #488739; }
.colorOrange { color: #f26c4e; }
.colorSky { color: #2588a8; }
.colorBlue { color: #4e6aa5; }


/* 공통 모양새 CSS */
.boxGray { border: 1px solid #abbedc; } /* 회색박스 외곽 blue 라인 */
.boxGrayB { border: 5px solid #f4f4f4; padding: 15px; }

.textListBlue li { border-bottom: 1px dashed #abbedc; padding: 5px 0 3px 0; background: url(/images/07Maru/img/bl.gif) 0 11px no-repeat; padding-left: 12px; } /* 내용정리하기 Gray 블릿, Blue 라인  */


/* table Blue Type */
table img{ vertical-align: middle;}
table.tableBlue { border-collapse: collapse; width: 100%; border-top: 3px solid #55a0b9; border-left: 1px solid #55a0b9; }

.tableBlue thead th{ color: #205262; background: url(/images/07Maru/img/tableBlueBg.gif) top right no-repeat #dbf0f7; padding: 7px 0 4px 0; border-bottom: 1px solid #55a0b9;  }
.tableBlue thead th.lineEnd { background-position: right -50px; }

.tableBlue tbody th.title { color: #000; background: #FFF; font-weight: bold; border-bottom: 1px solid #d3d3d3; font-weight: normal; text-align: left; padding-left: 15px; } /* th의 흰색배경 CSS */

.tableBlue tbody th, .tableBlue tbody td{ padding: 6px 3px 3px 3px; }
.tableBlue tbody th{ color: #2588a8; background: #f4fafd; border-right: 1px solid #55a0b9; border-bottom: 1px solid #55a0b9; }
.tableBlue tbody th.th_gray	{background:#d6e3e9; color:#235c6e;} 
.tableBlue tbody td{ border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; text-align: center; }

.tableBlue tbody tr.trLine .title { border-bottom: 1px solid #55a0b9; } /* 요금, 지원용량 및 등.... 타이틀 구분하기 Bar */
.tableBlue tbody tr.trEnd th, .tableBlue tbody tr.trEnd td { border-bottom: 2px solid #82c0d1; } /* 하단의 라인 2px */


/* table Blue List Type */
table.tableBlueList INPUT{ vertical-align: top;}
table.tableBlueList { border-collapse: collapse; width: 100%; border-top: 3px solid #55a0b9; border-left: 1px solid #d3d3d3; }

.tableBlueList thead th{ color: #205262; background: url(/images/07Maru/img/tableBlueLineBg.gif) top right no-repeat #dbf0f7; padding: 7px 0 4px 0; border-bottom: 1px solid #55a0b9;  }
.tableBlueList thead th.lineEnd { background-position: right -50px; }

.tableBlueList tbody th.title { color: #000; background: #FFF; font-weight: bold; border-bottom: 1px solid #d3d3d3; font-weight: normal; text-align: left; padding-left: 15px; } /* th의 흰색배경 CSS */

.tableBlueList tbody th, .tableBlueList tbody td{ padding: 6px 3px 3px 3px; }
.tableBlueList tbody th{ color: #2588a8; background: #f4fafd; border-right: 1px solid #55a0b9; border-bottom: 1px solid #55a0b9; }
.tableBlueList tbody td{ border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; text-align: center; }

.tableBlueList tbody tr.trLine .title { border-bottom: 1px solid #55a0b9; } /* 요금, 지원용량 및 등.... 타이틀 구분하기 Bar */
.tableBlueList tbody tr.trEnd th, .tableBlueList tbody tr.trEnd td { border-bottom: 2px solid #82c0d1; } /* 하단의 라인 2px */


/* table Blue List Type */
table.skyList { border-top: 1px solid #97becd; border-left: 2px solid #97becd; border-right: 2px solid #97becd; }
.skyList caption, .titleGap { text-align: left; padding-bottom: 7px;}
*html .skyList caption, *html .titleGap { padding-bottom: 5px; }

.skyList th, .skyList td { border-right: 1px solid #97becd; border-bottom: 1px solid #97becd; padding: 3px 10px; height: 28px; }
.skyList th { background-color: #; color: #315378; text-align: left; padding-left: 15px; background: url(/images//07Maru/img/grWidth.png) repeat-x #daeff0;  }
.skyList input { border: 1px solid #97becd; height: 20px; padding-left: 5px; padding-top: 2px; }
.skyList .inputNo { border: 0px; }

.skyList thead th { text-align: center; }
.skyList tfoot td { height: 1px; padding: 0px; }

.skyLIst span { color: #666; font-size: 11px; }


/* Deco Q&A */
dl.textQNA { border-top: 2px solid #51a5ce; padding-top: 2px; }
.textQNA dt { padding-left: 20px; border-bottom: 1px solid #ddd; padding: 5px 0 3px 10px; width:  704px; }

.textQNA .blQ { background: url(/images/07Maru/img/blQ.gif) 0 0  no-repeat; padding: 2 0 2px 22px; margin-left: 5px; line-height: 18px; }
.textQNA dd { background: url(/images/07Maru/img/blA.gif) 13px 8px no-repeat #f7fbfd; color: #0c4557; padding: 10px 10px 20px 52px; border-top: 1px solid #a4cddb; border-bottom: 1px solid #aacfdc; }


/* 레이아웃 정렬 */
.layoutC { text-align: center; margin: 0 auto; }


/* Mypage 내용 가이드 박스 =  색상 그린 ( 예- 마이페이지 > 사용중인 계정 ) */
.tableGuide { text-align: center; }
.tableGuide caption { text-align: left; }
.tableGuide table { width: 100%; border: 2px solid #b3d383; margin: 0 auto; }
.tableGuide th,  .tableGuide td { padding: 5px 10px; border-right: 1px solid #b3d383; border-bottom: 1px solid #b3d383; }
.tableGuide th { background-color: #ecf8dd; color: #66782b; }
.tableGuide td {  color: #666; line-height: 180%; }