@charset "euc-kr";

* {margin:0; padding:0;}
html {height:100%; overflow-y:scroll; /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/}
body {min-width:320px; height:100%; font-family:LG Smart_H,'Yoon Gothic','Nanum Gothic','나눔고딕', DroidSansFallBack, DroidSans, DroidSans-Bold; font-size:12px; line-height:18px; /*font:18px/20px "RixGo B";*/ letter-spacing:-1px; background:url("../images/common/bg_wrap.gif") repeat 0 0; -webkit-text-size-adjust:none;}
body {-webkit-tap-highlight-color:  rgba(0, 0, 0, 0);}

* {outline:0 none;}

img {vertical-align:top;}
img, fieldset, iframe {border:0 none;}
ul,ol {list-style:none;}
h1, h2, h3, h4, h5, h6 { line-height:normal; font-size:100%; font-weight:normal;}
select, input, textarea {font-size:1.125em; vertical-align:middle;}
em, address {font-style:normal;}
hr {display:none;}
legend, caption {font-size:0px; line-height:0; visibility:hidden; overflow:hidden;}
table	{width:100%; border-collapse:collapse; border-spacing:0; font-size:1em; border:0 none;}
table th {font-weight:normal; text-align:center;}

button {border:0 none; margin:0; padding:0; background:transparent; cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}

a:link, a:active, a:focus, a:visited, a:hover {text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true);}

button { cursor:pointer; vertical-align:middle; overflow:visible; margin:0; padding:0; border:0; background:0; font-family:LG Smart_H,'Yoon Gothic','Nanum Gothic','나눔고딕',LG Smart_H, DroidSansFallBack, DroidSans, DroidSans-Bold;}
textarea, input, select	 { vertical-align:middle; font-size:inherit; font-family:LG Smart_H,'Yoon Gothic','Nanum Gothic','나눔고딕',LG Smart_H, DroidSansFallBack, DroidSans, DroidSans-Bold;} 














/* 레이아웃 */
header {position:fixed; /*left:0;*/ top:0; width:100%; height:45px; border-bottom:2px solid #6eb7e2; background-color:#414c5b; z-index:100;}
/*header h1 table tr span { font-weight:normal; }*/
header h1 { margin:0; font-size:1.5em; line-height:45px; text-shadow:1px -1px 2px #000;  }
header h1 span, header h1 a { display:inline-block; height:45px; padding-left:20px; vertical-align:middle; color:#fff;}
header.main h1 { font-size:1.6em;}
header h1 a { padding-left:10px;}
header h1 span.bg {background:url("../images/common/bg_arrowA2.png") no-repeat 0 0; float:left; padding-left:15px }
header h1 a.arrow { padding-left:40px; background:url("../images/common/bg_arrowL.png") no-repeat 10px center; background-size:12px auto;}
header h1 a.arrowa {width:35px; height:43px; background:url("../images/common/bg_arrowA.png") no-repeat 10px center; background-size:20px auto; float:left;}
header h1 a img { vertical-align:middle; }
header h1 .title {font-size:1.4em; color:#fff; text-align:center; text-shadow:1px -1px 2px #000; display:block;}
header .etcBtn {position:absolute; right:0; top:0; }
header .etcBtn a {width:38px; height:45px; text-align:center; margin:0; display:inline-block; vertical-align:middle; }
/* header .etcBtn a:focus {background-color:#91d6ff;} */
header .etcBtn a img { width:22px; margin-top:10px; }

.wrap { width:100%; /*padding:66px 0 80px 0;*/ padding:47px 0 0 0;}
.wrap:after {clear:both; content:""; display:block;}
.wrap_noFoot {width:100%; padding:47px 0 10px 0;}
.wrap_noFoot:after {clear:both; content:""; display:block;}
.wrap_intro {position:relative; width:100%; height:100%; text-align:center; background:url("../images/common/bg_intro.jpg") repeat 0 0;}
.bg_noise {background:url("../images/common/bg_noise.gif") repeat 0 0;}

/* 즐겨찾기 레이아웃 설정 */
.favoriteBox {padding:10px 10px 0 10px;}
/* 청구요금 레이아웃 설정 */
.claimBox {padding:20px 15px 42px 15px;}
.claimBox h2 {margin-bottom:8px; font-size:1.25em; font-weight:bold; color:#515862;}
.claimBox h2 .fs16 {font-size:0.8em; color:#2497c1;}
.claimBox h2 .fs16n {font-size:0.8em;}
.claimBox h2 .fs16n2 {font-size:0.8em; font-weight:normal; color:#81858b;}

/* 데이터 중심 요금제 분배,공유 구성원 관리 레이아웃 설정 추가*/
.dataBox {padding:0 0px 42px 0px;}
.dataBox h2 {margin-bottom:10px; font-size:1.25em; font-weight:bold; color:#515862;}

/* 요금조회 레이아웃 설정 */
.chargeBox {padding:0 15px 42px 15px;}
.chargeBox h2 {margin-bottom:10px; font-size:1.25em; font-weight:bold; color:#515862;}

/* 요금제변경, 설정 동의 안내 */
.changeBox {padding:20px 15px 20px 15px;}
.changeBox h2 {margin-bottom:12px; font-size:1.25em; font-weight:bold; color:#515862;}
.changeBox h2 .fs16 {font-size:0.8em; color:#2497c1;}
/* 멤버십 레이아웃 설정 */
.memberBox {padding:28px 15px 0 15px;}
.memberBox h2 {margin-bottom:8px; font-size:1.25em; font-weight:bold; color:#515862;}
.memberBox .hTitle {margin-bottom:10px; font-size:1.25em; font-weight:bold; color:#515862;}

h2.subTitle {margin:0 15px 10px 15px; font-size:1.25em; font-weight:bold; color:#515862;}

/* 제목 우측에 버튼이 존재할때.. */
.btnTitle {position:relative; margin-bottom:13px; font-size:1.25em; color:#515862;}
.btnTitle .fs16 {font-size:0.8em; color:#2497c1;}
.btnTitle .poR {position:absolute; right:0; top:-5px; font-size:0.8em;}
.btnTitle .poR2 {position:absolute; right:0; bottom:0px; font-size:0.8em; font-weight:normal; color:#81858b;}

/* 제목 우측에 버튼이 존재할때(앱).. */
section .appTitle {position:relative; margin-bottom:8px; font-size:1.25em; font-weight:normal; color:#e9e9e9; text-shadow:1px -1px 0px #696c71;}
section .appTitle .more {position:absolute; right:0; bottom:0px; padding-left:25px; font-size:0.8em; color:#e9e9e9; background:url("../images/main/bg_plus.png") no-repeat 0 0;}


/* 고객 전화번호(상단 셀렉트박스) */
.uTelBox {padding:9px 10px; background-color:#e4e4e4;}
.uTelBox .etcBox:after {clear:both; content:""; display:block;}
.uTelBox .etcBox .floatL {margin-top:7px;}

/* 상단 검색박스 */
.uSearchBox {position:relative; padding:9px 120px 9px 10px; background-color:#e4e4e4;}
.uSearchBox .btn_act {position:absolute; right:10px; top:9px;}
.uSearchBox .searchOuter {position:relative; height:34px; padding:4px 50px 4px 10px; border:1px solid #aaa; border-radius:7px; background-color:#fff; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25) inset;}
.uSearchBox .searchOuter .inputSearch {height:34px; font-size:1em; color:#a4a9b1; border:none;}
.uSearchBox .searchOuter .btnX {position:absolute; right:6px; top:4px;}

/* intro */
.intro_img {position:absolute; left:50%; top:50%; margin:-400px 0 0 -240px;}
.intro_img .load {position:relative; top:-300px; width:280px; margin:0 auto -40px auto; font-size:0.85em; font-weight:bold; color:#555;}
.intro_img .load p {height:3px; margin-bottom:10px; font-size:0; line-height:0; border-top:1px solid #888; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #fff; border-radius:20px; background-color:#e8e8e8; overflow:hidden;}
.intro_img .load p span {height:3px; background-color:#2a9ddb; display:block;}

footer {position:fixed; left:0; bottom:0; width:100%; height:79px; border-top:1px solid #3a3f46;}
footer .footBox {position:relative; padding:0 40px 0 10px; border-top:1px solid #696f78;}
footer .footBox .btn_all {position:absolute; right:0; top:7px;}
footer .footBox ul:after {clear:both; content:""; display:block;}
footer .footBox ul li {float:left; width:20%; margin-top:-2px; text-align:center;}


/* 탭박스 */
.tabBox { padding-top:10px; border-bottom:1px solid #c4c4c4; url("../images/common/bg_tab.gif") repeat-x 0 0; overflow:hidden; /*overflow-x:scroll; -webkit-overflow-scrolling: touch;*/}
.tabBox ul {padding:0 5px 0 10px; border-bottom:5px solid #e9e9e9;}
.tabBox ul:after {clear:both; content:""; display:block;}
.tabBox ul li {float:left; width:25%;}
.tabBox ul li div.pad {padding-right:5px;}
.tabBox ul li div.pad p {width:100%; height:35px; display:table;}
.tabBox ul li div.pad p a {width:100%; height:100%; font-size:1.125em; color:#6e737d; text-align:center; vertical-align:middle; border-bottom:1px solid #fff; border-radius:10px 10px 0 0; background-color:#b7bbc2; box-shadow:0 -3px 10px 0 rgba(100, 100, 100, 0.5) inset; display:table-cell;}
.tabBox ul li div.fs18 p a {font-size:1em;}
.tabBox ul li div.pad a.on {
color:#2497c1;
border-bottom:1px solid #e9e9e9;
box-shadow:none;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(255, 255, 255)), color-stop(0.9, rgb(236, 236, 236)));
background-image:-moz-linear-gradient(center top, rgb(255, 255, 255), rgb(236, 236, 236));
}

/* 이메일상담 탭박스 */
.tabEmail {padding-bottom:5px; border-bottom:1px solid #a4a4a4; background-color:rgb(229, 230, 231); box-shadow:0 1px 1px 0 rgba(183, 183, 183, 0.4);}
.tabEmail:after {clear:both; content:""; display:block;}
.tabEmail li {float:left; width:50%;}
.tabEmail li:first-child a {box-shadow:-1px 0px 5px 0 rgba(93, 95, 99, 0.7) inset;}
.tabEmail li:last-child a {box-shadow:1px 0px 5px 0 rgba(93, 95, 99, 0.7) inset;}
.tabEmail li a {padding:12px 0; font-size:1.125em; font-weight:bold; color:#82868d; text-align:center; background-color:#c7cad0; display:block;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(207, 211, 216)), color-stop(0.9, rgb(183, 186, 192)));
background-image:-moz-linear-gradient(center top, rgb(207, 211, 216), rgb(183, 186, 192));
}
.tabEmail li a.on {color:#2497c1; background-color:#f6f7f8;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(246, 247, 248)), color-stop(0.9, rgb(229, 230, 231)));
background-image:-moz-linear-gradient(center top, rgb(246, 247, 248), rgb(229, 230, 231));
box-shadow:none;
}


/* 로밍 탭박스 */
.tabRoaming {height:54px; padding-top:8px; border-top:1px solid #b6b6b6; border-bottom:1px solid #c4c4c4;  background-color:#d7d7d7;}
.tabRoaming .border {border-bottom:4px solid #f1f0f0;}
.tabRoaming ul {padding:0 2px 0 9px; border-bottom:1px solid #fff;}
.tabRoaming ul:after {clear:both; content:""; display:block;}
.tabRoaming ul li {float:left; width:33.3%; margin-bottom:-1px;}
.tabRoaming ul li div.pad {position:relative; padding-right:7px;}
.tabRoaming ul li div.pad p {width:100%; height:48px; border-bottom:1px solid #fff; border-radius:10px 10px 0 0; background-color:#d0d3d9; box-shadow:0 2px 1px 0 rgba(250, 250, 250, 0.5) inset; display:table;}
.tabRoaming ul li div.pad p.on {border-bottom:1px solid #f1f0f0;}
.tabRoaming ul li div.pad p a {width:100%; height:47px; font-size:1.125em; color:#6e737d; text-align:center; vertical-align:middle; border:1px solid #babdc2; border-color:#babdc2 #babdc2 #b6b9bd #babdc2; border-radius:10px 10px 0 0; box-shadow:0 -6px 8px -2px rgba(100, 100, 100, 0.2) inset; display:table-cell;}
.tabRoaming ul li div.pad a.on {
color:#2497c1;
border-bottom:1px solid #f1f0f0;
box-shadow:none;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(255, 255, 255)), color-stop(0.9, rgb(241, 240, 240)));
background-image:-moz-linear-gradient(center top, rgb(255, 255, 255), rgb(241, 240, 240));
}

/* 지연설명 */
.msg {margin-bottom:5px; padding-left:13px; font-size:0.8em; color:#6f6f6f; background:url("../images/common/bg_msg.png") no-repeat 0 5px; background-size:8px auto;}
.msgBlue {margin-bottom:5px; padding-left:13px; font-size:0.8em; color:#6f89ac; background:url("../images/common/bg_msgBlue.png") no-repeat 0 5px; background-size:8px auto;}
.msgWhite {margin-bottom:5px; padding-left:13px; font-size:0.8em; color:#e9e9e9; background:url("../images/common/bg_msgWhite.png") no-repeat 0 5px; background-size:8px auto;}

.msg2 {margin-bottom:5px; padding-left:10px; color:#515862; background:url("../images/common/bg_msg2.png") no-repeat 0 5px;}
.msg2 .fs16 {font-size:0.875em;}
.msg3 {margin-bottom:5px; padding-left:16px; color:#515862; background:url("../images/common/bg_dot1.png") no-repeat 0 6px;}
.dotMsg {padding-left:8px;  background:url("../images/common/bg_dot1.png") no-repeat 0 5px; background-size: 4px auto;}

/* 페이지 */
.pageBox {padding:20px 0; text-align:center;}
.pageBox strong {width:40px; height:40px; line-height:1.7em; color:#2497c1; text-align:center; vertical-align:center; display:inline-block;}
.pageBox .page {width:40px; height:40px; margin:0 4%; font-size:1.2em; line-height:1.7em; color:#686f79; text-align:center; vertical-align:center; display:inline-block;}
.pageBox .pageL,
.pageBox .pageR {margin:0 5px;}
.pageBox img {vertical-align:middle;}

/* 메인 안내 박스 */
.infoCenter {min-height:266px; padding:18px 20px; color:#515862; border-radius:9px; background-color:#e0e0e0; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.3);}
.infoCenter h2 {margin-bottom:18px; padding-bottom:13px; border-bottom:2px solid #515862;}
.infoCenter .txt p {margin-top:15px; padding-left:23px; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 8px 7px;}
.infoCenter .txt p:first-child {margin-top:0;}
.infoCenter .txt p span {color:#2497c1;}
.infoCenter .txt p .fs16 {font-size:0.875em;}

/* 즐겨찾기 메뉴 */
.favMenu {border-radius:9px; background-color:#c7cbd3; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.3);}
.favMenu:after {clear:both; content:""; display:block;}
.favMenu li {float:left; width:33.3%;}
.favMenu li a {/*border-left:1px solid #f3f3f3; border-top:1px solid #f3f3f3; border-right:1px solid #c7cbd3; border-bottom:1px solid #c7cbd3; */ margin:0 1px 1px 0; background-color:#e0e0e0; overflow:hidden; display:block;}
.favMenu li a.on {/*border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-right:1px solid #c7cbd3; border-bottom:1px solid #c7cbd3; */ margin:0 1px 1px 0; display:block;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(66, 78, 96)), color-stop(0.9, rgb(66, 78, 96)));
background-image:-moz-linear-gradient(center top, rgb(66, 78, 96), rgb(66, 78, 96));
}
.favMenu li:nth-child(1) a {border-radius:9px 0 0 0;}
.favMenu li:nth-child(3) a {border-radius:0 9px 0 0;}
.favMenu li:nth-child(7) a {border-radius:0 0 0 9px;}
.favMenu li:nth-child(9) a {border-radius:0 0 9px 0;}
.favMenu li a img {width:100%;}

.favMenu li:nth-child(1) a.on {box-shadow:-2px -2px 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(2) a.on {box-shadow:0 -2px 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(3) a.on {box-shadow:2px -2px 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(4) a.on {box-shadow:-2px 0 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(5) a.on {box-shadow:0 0 3px 2px rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(6) a.on {box-shadow:2px 0 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(7) a.on {box-shadow:-2px 2px 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu li:nth-child(8) a.on {box-shadow:0 2px 3px 0 rgba(66, 78, 960, -1) inset;}
.favMenu li:nth-child(9) a.on {box-shadow:2px 2px 3px 0 rgba(66, 78, 96, -1) inset;}
.favMenu * {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}

.noticeTxt {padding:8px 0; font-size:0.875em; line-height:1.8em;}
.noticeTxt img {margin-right:10px;}


/* 전체메뉴 */

.menuAllBox {position:fixed; right:-100%; top:66px; width:100%; height:100%; color:#a4a9b1; background:url("../images/common/bg_menuAll.gif") repeat 0 0;}
.menuAllBox .menuPad {padding:20px 20px 20px 20px; overflow-y:scroll; -webkit-overflow-scrolling:touch; background:url("../images/common/bg_menuAll.gif") repeat 0 0;}
.menuAllBox .menuTouch {margin-bottom:15px; line-height:1.3em;}



.tbMenuAll {margin-bottom:20px; border-top:3px solid #33373d;}
.tbMenuAll .pad {width:100%; height:100%; display:table;}
.tbMenuAll a {padding:0 10px 0 20px; color:#a4a9b1; vertical-align:middle; display:table-cell;}
.tbMenuAll a.disabled {color:#717781; cursor:default;}
.tbMenuAll tbody th {padding:10px 0; border-bottom:2px solid #3c3f43; border-right:1px solid #3c3f43;}
.tbMenuAll tbody td {height:41px; border-top:1px solid #656970; border-bottom:1px solid #3c3f43;}
.tbMenuAll tbody td.td2 {height:70px;}
.tbMenuAll tbody td.td3 {height:50px;}
.tbMenuAll tbody td.last {border-bottom:2px solid #3c3f43;}


/* 팝업 관련.. */
.panelBox {position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:200;}
/*
.popupBox {position:fixed; left:0; top:50%; width:100%; margin-top:-185px; z-index:300;}
.popupBox .contents {margin:0 30px; border-top:11px solid #71b9e3; border-radius:5px; background-color:#71b9e3; box-shadow:0 -1px 0 0 rgba(169, 216, 239, 1); overflow:hidden;}
.popupBox .contents h3 {padding:15px 0; font-size:1.25em; font-weight:bold; color:#2497c1; text-align:center; border-top:1px solid #6f96ab; border-bottom:1px solid #c9c9c9; background-color:#f1f1f1;}
.popupBox .contents .txt {padding:28px 18px 25px 18px; font-size:1.125em; line-height:1.3em; color:#515862; border-top:1px solid #fff; border-bottom:1px solid #a8a7a7; word-wrap:break-word; word-break:break-all; background-color:#f1f1f1;}
.popupBox .contents .popBtn {padding:13px 14px; text-align:center; border-top:1px solid #c8c8c8; background-color:#d8d8d8;}
*/

.popupBox {position:absolute; left:0; top:0; width:100%; height:100%; z-index:300; overflow:hidden;}
.popupBox .contents {position:relative; height:100%; box-shadow:0 -1px 0 0 rgba(169, 216, 239, 1);}
.popupBox .contents .popHead {position:absolute; left:0; top:0; width:100%; height:11px; background:url("../images/common/bg_popup_top.gif") repeat-x 0 0;}
.popupBox .contents .txt {height:100%; font-size:1.125em; line-height:1.3em; color:#515862; word-wrap:break-word; word-break:break-all; background-color:#f1f1f1;}
.popupBox .contents .txt h3 {margin-bottom:10px; padding:26px 18px 15px 18px; font-size:1.25em; font-weight:bold; color:#2497c1; text-align:center; background:url("../images/common/bg_popup_dot1.gif") repeat-x 0 100%;}
.popupBox .contents .txt .innerCon {padding:0 18px;}
.popupBox .contents .txt .innerCon img {width:100%;}
.popupBox .contents .txt .innerCon .fs18 {font-size:0.875em;}
.popupBox .contents .txt .innerCon .setupPass {padding:15px 20px 0 20px;}
.popupBox .contents .txt .innerCon .setupPass dt {font-size:0.875em;}
.popupBox .contents .txt .checkTxt {padding:0 18px;}
.popupBox .contents .popBtn {position:absolute; left:0; bottom:0; width:100%; text-align:center; background:#d8d8d8 url("../images/common/bg_popup_dot2.gif") repeat-x 0 0;}
.popupBox .contents .popBtnX {position:absolute; right:10px; top:24px;}
.popupBox .contents .popLuckyBtn {position:absolute; left:50%; top:15%; margin:0 0 0 -110px;}
.popupBox .contents .popGuideBtnX {position:absolute; right:3%; top:1.5%; width:9.5%; display:block;}
.popupBox .contents .popGuideBtnX img {width:100%;}
.popupBox .contents .popGuideBtnXAdv {position:absolute; right:3%; top:92%; width:33%; display:block;}
.popupBox .contents .popGuideBtnXAdv img {width:100%;}


.popupFileBox {position:fixed; left:0; top:50%; width:100%; margin-top:-185px; z-index:300;}
.popupFileBox .contents {position:relative; margin:0 30px; padding:11px 10px; background-color:#f1f1f1;}
.popupFileBox .contents .imgBox {min-height:100px; max-height:600px; text-align:center; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.popupFileBox .contents .imgBox img {width:100%;}
.popupFileBox .contents .btnX {position:absolute; right:-13px; top:-16px;}


/* 기변이벤트 목록 */
.deviceList {border-top:1px solid #bdc0c6;}
.deviceList li {border-top:1px solid #f0f2f6;}
.deviceList li .aLink {position:relative; width:100%; height:86px; color:#484848; border-bottom:1px solid #bdc0c6; display:table;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(239, 239, 239)), color-stop(0.9, rgb(234, 234, 234)));
background-image:-moz-linear-gradient(center top, rgb(239, 239, 239), rgb(234, 234, 234));}
.deviceList li .aLink .imgBox {width:150px; text-align:center; vertical-align:middle; border-right:1px solid #bdc0c6; background-color:#fff; display:table-cell;}
.deviceList li .aLink dl {padding:20px 40px 20px 18px; vertical-align:middle; display:table-cell;}
.deviceList li .aLink dl dt {margin-bottom:10px; font-size:1.125em;}
.deviceList li .aLink dl dd {font-size:0.875em; color:#81858b;}
.deviceList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-8px;}

/* 기변이벤트 기기 슬라이드 */
.swipeWrap {position:relative; height:380px; border-top:1px solid #cfcfcf; border-bottom:1px solid #d2d2d2; background:url("../images/main/bg_deviceShow2.gif") repeat-x 0 bottom; box-shadow:0 0 2px 1px #cfcfcf;}
#touchSlider {position:relative; width:100%; height:300px; margin:30px auto 3px auto; overflow:hidden;}
#touchSlider ul {position:absolute; top:0; left:50%; width:300px !important; height:150px; margin-left:-150px;}
#touchSlider ul li {float:left; width:300px; height:300px; overflow:hidden;}
#touchSlider ul li .title {width:300px; margin:0 auto 0 0; font-size:1.25em; color:#484848; text-align:center;}
#touchSlider ul li a {cursor:default;}

.btn_area {background:#f5f5f5; overflow:hidden;}
.btn_area button {display:block; background:#000;}
.btn_area button.btn_prev {position:absolute; left:0; top:0; width:50px; height:380px; background:url("../images/common/btn_infoL.png") no-repeat right 178px;}
.btn_area button.btn_next {position:absolute; right:0; top:0; width:50px; height:380px; background:url("../images/common/btn_infoR.png") no-repeat 0 178px;}
.btn_area .btn_page {display:inline-block; width:14px; height:15px; margin:6px; font-size:0px; line-height:0; text-indent:-9999px; background:url("../images/btn/btn_show_off.png") no-repeat;}
.btn_area .btn_page.on {background:url("../images/btn/btn_show_on.png") no-repeat;}

/*** old ***/
.deviceShow {position:relative; height:355px; border-top:1px solid #cfcfcf; border-bottom:1px solid #d2d2d2; background:url("../images/main/bg_deviceShow.gif") repeat-x 0 0; box-shadow:0 0 2px 1px #cfcfcf;}
.deviceShow .btnL {position:absolute; left:26px; top:168px; padding:10px;}
.deviceShow .btnR {position:absolute; right:26px; top:168px; padding:10px;}
.deviceShow .inner {width:315px; height:275px; margin:38px auto 12px auto; overflow:hidden;}
.deviceShow .inner ul {width:945px; font-size:1.25em; color:#484848;}
.deviceShow .inner ul:after {clear:both; content:""; display:block;}
.deviceShow .inner ul li {float:left;}
.deviceShow .inner ul li .title {margin-bottom:20px;}


/* 요금제변경, 설정 동의 확인 (상단 파란 테두리 설명 박스) */
.changeInfo {margin-bottom:20px; color:#515862; text-align:center; border-top:1px solid #fff; border-radius:5px; background-color:#f2f2f2; box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.4);}
.changeInfo .before {padding:14px 20px 12px 20px; font-size:1.125em; font-weight:bold;}
.changeInfo .after {padding:15px 0; font-size:1.125em; line-height:1.125em; font-weight:bold; border:3px solid #6eb7e2; border-radius:5px; background-color:#fff;}
.changeInfo .after .fs15 {font-size:0.8em; color:#6f6f6f;}
.changeInfo .after .fs16 {font-size:0.875em; color:#6f6f6f;}
.changeInfo .after .fs22 {font-size:1.2em; line-height:1.4em;}

/* 요금조회 상단 안내 (상단 파란 테두리 설명 박스) */
.historyInfoBox {position:relative; padding:15px 0; font-size:1.125em; line-height:1.125em; color:#515862; text-align:center; border:3px solid #6eb7e2; border-radius:5px; background-color:#f8f8f8; box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.4);}
.historyInfoBox .fs18 {font-size:0.875em;}
.historyInfoBox .fs16 {font-size:0.8em;}
.historyInfoBox .alignL {padding:0 15px; text-align:left;}
.historyInfoBox .btnGrp {position:absolute; right:20px; top:50%; margin-top:-15px;}
.historyInfoBox.pdL {padding:21px 120px 21px 0;}

/* 폰분실,일시정지 (상단 파란 테두리) */
.pauseInfoBox {margin-bottom:30px; color:#515862; text-align:center; border-top:1px solid #fff; border-radius:5px; background-color:#f2f2f2; box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.4);}
.pauseInfoBox .before {padding:14px 20px 12px 20px; font-weight:bold;}
.pauseInfoBox .after {padding:15px 15px 0 15px; font-weight:bold; text-align:left; border:3px solid #6eb7e2; border-radius:5px; background-color:#fff;}


/* 멤버십카드신청 안내 (상단 파란 테두리 설명 박스) */
.memberInfo {margin-bottom:30px; padding:20px; font-size:1.125em; line-height:1.125em; color:#515862; border:3px solid #6eb7e2; border-radius:5px; background-color:#f8f8f8; box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.4);}
.memberInfo .fs16 {padding-left:15px; font-size:0.875em; color:#81858b; background:url("../images/common/bg_star.png") no-repeat 0 4px;}

.changeTxt {color:#515862;}
.changeTxt .txt {margin-bottom:20px; padding:15px 20px 15px 15px; border-top:2px solid #92979e; border-bottom:1px solid #92979e; background-color:#f1f1f1;}
.changeTxt .txt p {margin-top:10px; padding-left:10px; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 5px; background-size:4px auto;}
.changeTxt .txt p:first-child {margin-top:0;}
.changeTxt .txt p.noDot {margin-top:10px; background:none;}
.changeTxt .txt p span {color:#2497c1;}
.changeTxt .txt p .fs16 {font-size:0.875em;}
.changeTxt .txt ol {padding:20px 10px 0 15px;}
.changeTxt .txt ol li {margin-top:10px; font-size:0.875em;}
.changeTxt .txt ol li:first-child {margin-top:0;}

.mbTxt40 .txt {margin-bottom:20px;}

/* 오류 메시지 */
.errorBox {padding:18px 20px 18px 15px; line-height:1.5em; color:#81858b; text-align:center; border-top:2px solid #92979e; border-bottom:1px solid #92979e; background-color:#f1f1f1;}
.errorBox .title {margin-bottom:15px; font-size:1.125em; color:#515862;}


/* 청구내역&요금조회 이용내역 */
.historyBox {width:100%; margin-bottom:30px; font-size:1.125em; line-height:1.125em; color:#81858b; border:1px solid #989da4; border-radius:5px; background-color:#f1f1f1; display:table;}
.historyInfoBox.gray p{background-position:left top !important; background-size:35px auto !important;}

.historyBox .date {width:55%; padding:15px 0 12px 0; font-size:1.125em; color:#484848; vertical-align:middle; display:table-cell;}
.historyBox .date p {padding-left:20px;}
/* .historyBox .date p.txt {line-height:30px;} */
.historyBox .date span { display:block; margin-top:5px; font-size:0.8em; color:#81858b;}
.historyBox .won {width:45%; padding:15px 0; font-size:1.125em; font-weight:bold; color:#2497c1; text-align:right; vertical-align:middle; display:table-cell;}
.historyBox .won p {padding-right:20px;}
.historyBox .won .btnType1 {margin:15px -10px 0 0; font-size:0.8em; font-weight:normal;}

/* .historyBox + .emailBtn {margin:-20px 0 30px 0;} */

.historyTable {position:relative; padding-bottom:13px; font-size:1.25em; color:#515862;}
.historyTable .checkBox {position:absolute; right:0; top:-1px; font-size:0.8em;}

.historyBoxTb {width:100%; font-size:1.125em; color:#484848;}
.historyBoxTb tr td {padding:20px 0;}
.historyBoxTb tr:last-child td {padding:10px 0; font-size:0.8em; color:#6f89ac; border-top:2px solid #c4c4c4;}
.historyBoxTb .alignL {padding:0 20px;}
.historyBoxTb .fs16 {font-size:0.8em;}

/* 1.요금조회 */
/* 기본제공잔여량 : 잔여일 */
.chargeDay {padding:28px 0 10px 0; color:#484848;}
.chargeDay:after {clear:both; content:""; display:block;}
.chargeDay .day {float:left; font-size:1.25em; font-weight:bold;}
.chargeDay .day strong {color:#1a9bcb;}
.chargeDay .info {float:right; font-size:0.8em;}
.chargeDay .info img {margin:0 5px 0 20px; vertical-align:middle;}

/* 기본제공잔여량 : 데이터 그래프 */
.chargeCon {margin-bottom:30px; padding:10px 20px; border:1px solid #989da4; border-radius:5px; background-color:#f1f1f1;}
.chargeCon ul {}
.chargeCon ul li {position:relative; min-height:49px;}
.chargeCon ul li .residual {position:absolute; left:0; top:0; width:100px; padding-top:10px;}
.chargeCon ul li .residual .group {margin-bottom:15px; font-size:1.125em; font-weight:bold; color:#484848;}
.chargeCon ul li .residual .name {margin-bottom:5px; color:#484848;}
.chargeCon ul li .residual .value {position:relative; height:35px; padding:14px 20px 0 0; font-size:15px; text-align:right; letter-spacing:-2px; background:url("../images/charge/bg_residual_new.png") no-repeat 0 0;}
.chargeCon ul li .residual .value_fs24 {font-size:1.5em;}
.chargeCon ul li .residual .value span.po {position:absolute; right:13px; bottom:8px; font-size:0.5em; font-weight:bold; color:#777;}
.chargeCon ul li .residual .value span.nor {font-size:0.5em; font-weight:bold; color:#777;}

.chargeCon ul li .graphBox {margin-left:110px; padding:40px 0 0 22px; border-left:2px solid #c4c4c4;}
.chargeCon ul li .graphBox:after {clear:both; content:""; display:block;}
.chargeCon ul li:last-child .graphBox {padding-bottom:20px;}
.chargeCon ul li .graphBox .graphBg {width:100%; height:14px; margin-bottom:5px; border-bottom:1px solid #fff; border-radius:3px; background-color:#cdcdcd; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;}
.chargeCon ul li .graphBox .graphBg p {position:relative; height:12px; font-size:0; line-height:0; border-radius:3px; box-shadow:0 1px 1px 0 rgba(245, 245, 245, 0.5) inset;}
.chargeCon ul li .graphBox .graphBg p .warning {position:absolute; right:-16px; top:-10px; width:32px; height:30px; background:url("../images/charge/icon_warning.png") no-repeat 0 0; display:inline-block;}
.chargeCon ul li .graphBox .txtAll {float:left; font-size:0.8em; color:#888e97;}
.chargeCon ul li .graphBox .txtAll span {color:#484848;}
.chargeCon ul li .graphBox .txtAll1,
.chargeCon ul li .graphBox .txtAll2,
.chargeCon ul li .graphBox .txtAll3 {float:left; font-size:0.8em; color:#888e97;}
.chargeCon ul li .graphBox .txtUse {float:right; font-size:0.8em; color:#888e97;}
.chargeCon ul li .graphBox .txtUse span {color:#484848;}

.chargeCon ul li .color1 .value {color:#1a9bcb;}
.chargeCon ul li .color2 .value {color:#7f63b0;}
.chargeCon ul li .color3 .value {color:#e4427c;}

.chargeCon ul li .graphBox .txtAll1 span {color:#1a9bcb;}
.chargeCon ul li .graphBox .txtAll2 span {color:#7f63b0;}
.chargeCon ul li .graphBox .txtAll3 span {color:#e4427c;}

.chargeCon ul li .graphBox .graphBg p.graph1 {border:1px solid #407290; background-color:#6eb7e2;}
.chargeCon ul li .graphBox .graphBg p.graph2 {border:1px solid #574773; background-color:#7f63b0;}
.chargeCon ul li .graphBox .graphBg p.graph3 {border:1px solid #9e3f61; background-color:#e4427c;}

.chargeCon ul li.groupTit .graphBox {padding:75px 0 0 22px;}


/* 기본제공잔여량 : 데이터 그래프(점선 추가) */
.chargeCon ul.column li {margin-bottom:12px; padding-bottom:12px; background:url("../images/claim/bg_dot.gif") repeat-x 0 100%;}
.chargeCon ul.column li .residual {height:90%;}
.chargeCon ul.column li:last-child {margin:0; padding:0; background:none;}
.chargeCon ul.column li:last-child .graphBox {padding-bottom:0;}
.chargeCon ul.column li .graphBox .telNumber {position:relative; clear:both; padding:20px 0 5px 0; font-size:0.8em; color:#81858b;}
.chargeCon ul.column li .graphBox .telNumber span {color:#484848;}
.chargeCon ul.column li .graphBox .telNumber .telUse {position:absolute; left:-106px; bottom:50%; margin-bottom:-17px; font-size:1.2em; color:#81858b;}
.chargeCon ul.column li .graphBox .telNumber .telUse2 {position:absolute; left:-121px; bottom:50%; margin-bottom:-17px; font-size:1.2em; color:#81858b;}

.chargeCon ul.borTop li .graphBox .telNumber {position:relative; clear:both; padding:20px 0 5px 0; font-size:0.8em; color:#81858b;}
.chargeCon ul.borTop li .graphBox .telNumber span {color:#484848;}
.chargeCon ul.borTop li .graphBox .telNumber .telUse {position:absolute; left:-106px; bottom:50%; margin-bottom:-17px; font-size:1.2em; color:#81858b;}
.chargeCon ul.borTop li .graphBox .telNumber .telUse2 {position:absolute; left:-121px; bottom:50%; margin-bottom:-17px; font-size:1.2em; color:#81858b;}

.chargeCon ul.column li.noBg {margin:0; padding:0; background:none;}
.chargeCon ul.etc_column li:last-child .graphBox {padding-bottom:20px;}
.chargeCon ul.borTop {padding-top:15px; background:url("../images/claim/bg_dot.gif") repeat-x 0 0;}

/* 관련 메뉴 */
.regardBox {padding:15px 5px 15px 15px; border-radius:5px; background-color:#d6d6d6;}
.regardBox .regard { color:#515862; display:inline-block; width:50px;}
.regardBox a { min-width:95px;}

/* 경고 메시지 */
.warningBox {position:absolute; right:0; top:-92px; width:300px; padding:18px 10px; font-size:0.875em; line-height:1.125em; color:#515862; border:1px solid #b6b08e; border-radius:5px; background-color:#fffde1; box-shadow:0 1px 1px 0 rgba(205, 205, 205, 0.8); display:block;}
.warningBox:after {clear:both; content:""; display:block;}
.warningBox p {margin-bottom:5px; padding-left:10px; background:url("../images/charge/bg_warning.gif") no-repeat 0 3px;}
.warningBox .btnGo {float:right; margin-top:-20px;}

/* 기본제공잔여량 조회 불가 메시지 */
.charge_noBox {padding:10px 0 13px 0; border:1px solid #989da4; border-radius:5px; background-color:#f1f1f1;}
.charge_noBox:after {clear:both; content:""; display:block;}
.charge_noBox .msgNo {margin-bottom:13px; padding:20px 0 30px; font-size:1.125em; font-weight:bold; color:#484848; text-align:center; border-bottom:2px solid #c4c4c4;}
.charge_noBox .msgNo span {color:#2497c1;}
.charge_noBox .cloumnL {float:left; width:50%; padding-bottom:20px; text-align:center; background:url("../images/charge/bg_dotLineY.gif") repeat-y 100% 0;}
.charge_noBox .cloumnR {float:right; width:50%; padding-bottom:20px; text-align:center;}
.charge_noBox .cloumnL p,
.charge_noBox .cloumnR p {width:100%; height:105px; display:table;}
.charge_noBox .cloumnL p .fs16,
.charge_noBox .cloumnR p .fs16 {font-size:0.875em; color:#81858b; vertical-align:middle; display:table-cell;}
.charge_noBox .cloumnL p a,
.charge_noBox .cloumnR p a {position:absolute; width:32%; bottom:0;}

.charge_noBox .pushBox {padding:25px 0 15px 0; text-align:center;}
.charge_noBox .pushBox p {color:#81858b;}
.charge_noBox .pushBox span {font-size:0.875em; color:#6f89ac;}

/* 소액결제 리스트 */
.soList {border-top:2px solid #92979e; background-color:#f1f1f1;}
.soList li {border-top:1px solid #f0f2f6;}
.soList li .aLink {position:relative; width:100%; height:62px; color:#484848; border-bottom:1px solid #bdc0c6; display:table;}
.soList li:last-child .aLink {border-bottom:1px solid #92979e;}
.soList li .aLink .uCont {width:60%; padding:12px 0; vertical-align:middle; display:table-cell;}
.soList li .aLink .uCont .inPad {padding:0 0 0 25px;}
.soList li .aLink .uCont .inPad .date {font-size:0.8em; color:#81858b;}
.soList li .aLink .uYo {width:40%; padding:12px 0; text-align:right; vertical-align:middle; display:table-cell;}
.soList li .aLink .uYo .inPad {padding:0 45px 0 10px; display:block;}
.soList li .aLink .uYo .over {font-size:0.8em; color:#2497c1;}
.soList li .aLink .uYo .fs22 {font-size:22px;}
.soList li .aLink .bgImg {position:absolute; right:15px; top:50%; margin-top:-5px;}
.soList li .useInfo {padding:20px 15px; color:#81858b; border-bottom:1px solid #bdc0c6; background-color:#f8f8f8; display:none;}


/* 2.청구조회 */
/* .residualBox {position:relative; margin-bottom:10px; padding:18px 20px 15px 20px; border-radius:5px; background-color:#f3f2f2;} */

/* 고객번호 조회 리스트 */
.claimList {border-top:2px solid #92979e;}
.claimList li {border-top:1px solid #f0f2f6;}
.claimList li .aLink {position:relative; width:100%; height:50px; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1; display:table;}
.claimList li:last-child .aLink {border-bottom:1px solid #92979e;}
.claimList li .aLink .uTel {width:35%; height:100%; text-align:center; vertical-align:middle; background-color:#e0e6ed; display:table-cell;}
.claimList li .aLink .uYo {width:65%; padding:12px 0; text-align:left; vertical-align:middle; background-color:#f1f1f1; display:table-cell;}
.claimList li .aLink .uYo .inPad {padding:0 20px 0 10px; display:block;}
.claimList li .aLink .uYo .over {font-size:0.8em; color:#e4427c;}
.claimList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-5px;}

.claimList li .aLink .title {padding-left:15px; text-align:left; vertical-align:middle; display:table-cell;}
.claimList li .aLink .title .blue {margin-right:15px; color:#2497c1;}

.claimList li .useInfo {padding:30px 15px; color:#81858b; border-bottom:1px solid #bdc0c6; background-color:#f8f8f8; display:none;}
.claimList li:last-child .useInfo {border-bottom:1px solid #92979e;}
.claimList li .useInfo .title {margin-bottom:7px; font-weight:bold; text-align:center; color:#484848;}
.claimList li .useInfo .title .over {color:#e4427c;}
.claimList li .useInfo .usetxt {margin-bottom:15px; font-size:0.8em; text-align:center;}
.claimList li .useInfo .bgDot {margin-bottom:20px; padding-bottom:20px; text-align:center; background:url("../images/claim/bg_dot.gif") repeat-x 0 100%;}
.claimList li .useInfo .bgDot1 {margin-bottom:20px; padding-bottom:20px; text-align:center; background:url("../images/main/bg_dot1.png") repeat-x 0 100%;}
.claimList li .useInfo .regard {width:32%; color:#515862; text-align:center; display:inline-block;}

.claimList li .useInfo .innerBox {padding:0 15px;}
.claimList li .useInfo .innerBox .fs15 {font-size:0.8em;}
.claimList li .useInfo .innerBox .fs16 {font-size:0.875em;}
.claimList li .useInfo .innerBox .poR120 {position:relative; padding-right:120px;}
.claimList li .useInfo .innerBox .poR120 a {position:absolute; right:0; top:0; width:108px;}

.claimList li .useInfo .innerBox_txt {padding:0 5px; color:#484848;}
.claimList li .useInfo .innerBox_txt p {margin-bottom:25px; line-height:1.25em;}
.claimList li .useInfo .innerBox_txt p:last-child {margin-bottom:0;}
.claimList li .useInfo .innerBox_txt p .fs16 {font-size:0.875em;}

.tbUseinfo {margin-bottom:20px; border:1px solid #cecece; border-radius:5px; background-color:#ededed; overflow:hidden;}
.tbUseinfo thead tr th {padding:20px 0; color:#484848; text-align:center; border:1px solid #cecece; border-width:0 1px 1px 0; background-color:#ededed;}
.tbUseinfo thead tr th:last-child {border-width:0 0 1px 0;}
.tbUseinfo tbody tr.bgBlue th {background:#dcf1ff;}
.tbUseinfo tbody tr.bgYellow th {background:#fff5e3;}
.tbUseinfo tbody th {padding:20px 0; color:#484848; text-align:center; border:1px solid #cecece; border-width:0 1px 1px 0; background-color:#ededed;}
.tbUseinfo tbody td {height:52px; padding:5px 10px; font-size:0.875em; border-bottom:1px solid #cecece; background-color:#fff;}
.tbUseinfo tbody td .poBox {position:relative;}
.tbUseinfo tbody td .poBox .btnTel {position:absolute; right:0; top:50%; margin-top:-25px;}
.tbUseinfo tbody .fs16 {font-size:0.875em;}
.tbUseinfo tbody tr:last-child th,
.tbUseinfo tbody tr:last-child td {border-bottom:none;}
.tbUseinfo tr:first-child th:nth-child(1) {border-radius:5px 0 0 0;}
.tbUseinfo tr:first-child td:nth-child(2) {border-radius:0 5px 0 0;}
.tbUseinfo tr:last-child th:nth-child(1) {border-radius:0 0 0 5px;}
.tbUseinfo tr:last-child td:nth-child(2) {border-radius:0 0 5px 0;}
.tbUseinfo tbody tr.noBor td {border-bottom:none;}

.tbUseinfo tbody.yo td {font-size:1em; text-align:center; border:1px solid #cecece; border-width:0 1px 1px 0;}
.tbUseinfo tbody.yo td:last-child {border-width:0 0 1px 0;}
.tbUseinfo tbody.yo td .alignR {padding-right:10px;}
.tbUseinfo tbody.yo td .alignL {padding:0 20px; text-align:left;}

.tbUseinfo tbody.yo_noPad td {padding:5px 0; font-size:1em; text-align:center; border:1px solid #cecece; border-width:0 1px 1px 0;}
.tbUseinfo tbody.yo_noPad td:last-child {border-width:0 0 1px 0;}

/* 평균 사용요금 */
.chargeAverage {padding:28px 0 10px 0; color:#484848;}
.chargeAverage:after {clear:both; content:""; display:block;}
.chargeAverage .ave {float:left; font-size:1.125em; font-weight:bold;}
.chargeAverage .ave strong {color:#1a9bcb;}

/* 사용요금 : 데이터 그래프 */
.chargeConY {margin-bottom:30px; padding:20px 10px; border:1px solid #989da4; border-radius:5px; background-color:#f1f1f1;}
.chargeConY .conTxt {position:relative; color:#81858b;}
.chargeConY .conTxt .unit {position:absolute; right:0; top:0; font-size:0.875em; color:#484848;}
.chargeConY .graphBox {position:relative; min-height:269px;}
.chargeConY .graphBox .graphNo {position:absolute; left:0; top:50%; width:100%; margin-top:-50px; font-size:1.125em; line-height:1.3em; color:#484848; text-align:center;}
.chargeConY .graphBox .graphNoClaim {position:absolute; left:0; top:50%; width:100%; margin-top:-25px; font-size:1.125em; line-height:1.3em; color:#484848; text-align:center;}
.chargeConY .graphBox .graphNo .fs16 {font-size:0.8em;}
.chargeConY .graphBox ul {padding-top:50px;}
.chargeConY .graphBox ul:after {clear:both; content:""; display:block;}
.chargeConY .graphBox ul li {float:left; width:16.5%;  font-size:0.875em; text-align:center;}
.chargeConY .graphBox ul li .graphDiv {position:relative; height:190px; margin-bottom:5px; padding-bottom:2px; color:#484848; border-bottom:2px solid #c4c4c4;}
.chargeConY .graphBox ul li .graphDiv .pay {position:absolute; width:68px; left:50%; margin:0 0 10px -34px; padding:7px 0 14px 0; background:url("../images/claim/bg_graphY_off.png") no-repeat 0 0;}
.chargeConY .graphBox ul li .graphDiv .graph {position:absolute; left:50%; bottom:2px; width:12px; margin-left:-7px; font-size:0; line-height:0; border:1px solid #a2a2a2; border-radius:3px 3px 0 0; background-color:#afafaf; box-shadow:1px 1px 1px 0 rgba(210, 210, 210, 0.6) inset; display:block;}

.chargeConY .graphBox ul li .txtMonth {font-size:1.125em; font-weight:bold; color:#888e97;}
.chargeConY .graphBox ul li .txtMonth span {color:#484848;}

.chargeConY .graphBox ul li.on .graphDiv .pay {color:#fff; background:url("../images/claim/bg_graphY_on.png") no-repeat 0 0;}
.chargeConY .graphBox ul li.on .graphDiv .graph {border:1px solid #5394ba; background-color:#6eb7e2;}
.chargeConY .graphBox ul li.on .txtMonth {color:#2497c1;}
.chargeConY .graphBox ul li.on .txtMonth span {color:#2497c1;}


/* 4.멤버십 */

/* 멤버십 내역조회 */
.appAct {position:relative; margin-bottom:30px; padding:10px 20px; color:#81858b; border:1px solid #92979e; border-radius:5px; background-color:#f1f1f1; overflow:hidden; display:block;}
.appAct p {font-size:0.8em;}
.appAct .title {margin-bottom:5px; font-size:1.125em; color:#515862; display:block;}
.appAct .titleBig {padding:5px 0; font-size:1.3em; color:#515862; display:block;}
.appAct .bgArrow {position:absolute; right:20px; top:50%; margin-top:-8px;}

.memberList {border-top:1px solid #bdc0c6;}
.memberList li {border-top:1px solid #f0f2f6;}
.memberList li .aLink {position:relative; width:100%; height:50px; color:#484848; border-bottom:1px solid #bdc0c6; display:table;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(239, 239, 239)), color-stop(0.9, rgb(234, 234, 234)));
background-image:-moz-linear-gradient(center top, rgb(239, 239, 239), rgb(234, 234, 234));}
.memberList li .aLink .uTel {width:35%; height:100%; text-align:center; vertical-align:middle; background-color:#e0e6ed; display:table-cell;}
.memberList li .aLink .uYo {width:65%; padding:12px 0; text-align:left; vertical-align:middle; background-color:#f1f1f1; display:table-cell;}
.memberList li .aLink .uYo .inPad {padding:0 20px 0 10px; display:block;}
.memberList li .aLink .uYo .over {font-size:0.8em; color:#e4427c;}
.memberList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-8px;}
.memberList li .aLink .title {padding-left:25px; font-size:1.2em; text-align:left; vertical-align:middle; display:table-cell;}

/* step 박스 */
.stepBox {margin-bottom:27px; font-size:0.875em; color:#a4a9b1; background:url("../images/common/bg_step.gif") repeat-x 0 14px;}
.stepBox:after {clear:both; content:""; display:block;}
.stepBox li {float:left;}
.stepBox li:nth-child(1) {width:33%; text-align:left;}
.stepBox li:nth-child(2) {width:34%; text-align:center;}
.stepBox li:nth-child(3) {width:33%; text-align:right;}
.stepBox li.on {font-weight:bold; color:#484848;}
.stepBox li .outer {width:94px; font-size:1.125em; text-align:center; word-break:keep-all;}
.stepBox li .outer img {margin-bottom:10px;}
.stepBox li:nth-child(1) .outer {margin:0 auto 0 0;}
.stepBox li:nth-child(2) .outer {margin:0 auto;}
.stepBox li:nth-child(3) .outer {margin:0 0 0 auto;}

.step4 li:nth-child(1) {width:22%;}
.step4 li:nth-child(2) {width:28%;}
.step4 li:nth-child(3) {width:28%; text-align:center;}
.step4 li:nth-child(3) .outer {margin:0 auto;}
.step4 li:nth-child(4) {width:22%; text-align:right;}
.step4 li:nth-child(4) .outer {margin:0 0 0 auto;}

/* 이용약관 안내 서식 */

.memTxt {margin-bottom:20px; padding:15px; font-size:1em; line-height:1em; border-top:2px solid #92979e; border-bottom:1px solid #92979e; background-color:#f1f1f1;}
.memTxt p {margin-top:15px; padding-left:10px; color:#515862; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 5px; background-size:4px auto;}
.memTxt p:first-child {margin-top:0;}
.memTxt p.noBg {margin-top:5px; background:none;}
.memTxt .dot- {padding-left:15px; background:url("../images/common/bg_dot3.png") no-repeat 0 10px; display:block;}
.memTxt p span {color:#2497c1;}
.memTxt .fs16 {font-size:0.875em;}
.memTxt p.pdNo {margin-top:10px; background:none; padding-left:0px;}

.memTxt2 {padding:18px; font-size:1em; line-height:1em; border-top:2px solid #92979e; border-bottom:1px solid #92979e; background-color:#f1f1f1;}
.memTxt2 p {margin-top:15px; padding-left:15px; color:#515862; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 7px;}
.memTxt2 p:first-child {margin-top:0;}
.memTxt2 p.noBg {margin-top:5px; background:none;}
.memTxt2 .dot- {padding-left:15px; background:url("../images/common/bg_dot3.png") no-repeat 0 10px; display:block;}
.memTxt2 p span {color:#2497c1;}
.memTxt2 .fs16 {font-size:0.875em;}

.terms {height:600px; margin-bottom:20px; padding:18px; font-size:1em; line-height:1em; border-top:2px solid #92979e; border-bottom:1px solid #92979e; background-color:#f1f1f1; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.terms article {margin-top:15px; padding-left:15px; color:#515862; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 7px;}
.terms article:first-child {margin-top:0;}


/* 5.모바일신청&변경 */

/* 요금제 상세 */
.infoBox {position:relative; padding:13px 0 12px 0; border-top:1px solid #c4c4c4; border-bottom:1px solid #a2a5a9;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(252, 252, 252)), color-stop(0.9, rgb(239, 239, 239)));
background-image:-moz-linear-gradient(center top, rgb(252, 252, 252), rgb(239, 239, 239));
box-shadow:0 2px 3px 0 rgba(192, 192, 192, 0.5);}
.infoBox .btnL, .infoBox .btnR { position:absolute; top:50%; margin-top:-15px; display:inline-block; width:30px; height:25px; padding-top:5px; text-align:center; }
.infoBox .btnL {left:5px; }
.infoBox .btnR {right:5px; }

.infoBox ul {/*height:23px;*/ margin:0 58px; overflow:hidden;}
.infoBox ul:after {clear:both; content:""; display:block;}
.infoBox ul li {float:left; width:100%; font-size:1.25em; color:#515862; text-align:center;}

.optionBox {padding:14px 10px; border-bottom:1px solid #bcc0c5; background-color:#dde1e6;}
.optionBox:after {clear:both; content:""; display:block;}
.optionBox .fontSize {float:left;}
.optionBox .fontSize a {float:left;}

.infoTxt {padding:28px 15px 40px 15px; font-size:1em; color:#515862;}
.infoTxt h2 {margin-bottom:12px; font-size:1.25em; font-weight:bold; line-height:1.125em;}
.infoTxt .txt {margin-bottom:38px; padding:15px; font-size:1em; line-height:1em; border-top:2px solid #92979e; border-bottom:1px solid #92979e; background-color:#f1f1f1;}
.infoTxt .txt p {margin-top:15px; padding-left:10px; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 5px; background-size:4px auto;}
.infoTxt .txt p:first-child {margin-top:0;}
.infoTxt .txt p.dot- {background:url("../images/common/bg_dot3.png") no-repeat 0 9px;}
.infoTxt .txt p span {color:#2497c1;}
.infoTxt .txt p .fs16 {font-size:0.875em;}


/* 6.유선(홈)상품 */

/* 리스트 하단 배너 */
.homeBanner {padding:0 14px;}
.homeBanner a {border:1px solid #c7c7c7; border-radius:8px; overflow:hidden; display:block;}
.homeBanner img {width:100%;}

/* 7.자주하는질문 */

/* 카테고리 */
.category {position:relative; padding:10px 20px;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(252, 252, 252)), color-stop(0.9, rgb(239, 239, 239)));
background-image:-moz-linear-gradient(center top, rgb(252, 252, 252), rgb(239, 239, 239));
box-shadow:1px 2px 2px 0 rgba(0, 0, 0, 0.2);
z-index:10;
}
.category:after {clear:both; content:""; display:block;}
.category .cate {float:left; width:50%; padding-top:12px; color:#515862;}
.category .normalSel {float:right; width:49%;}

/* 자주하는질문 리스트 */
.askList {border-top:1px solid #bdc0c6;}
.askList li {width:100%;}
.askList li:first-child {border-top:none;}
.askList li .aLink {position:relative; width:100%; height:73px; color:#81858b; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1; display:table;}
.askList li:last-child .aLink {border-bottom:1px solid #92979e;}
.askList li .aLink .uTel {width:35%; height:100%; text-align:center; vertical-align:middle; background-color:#e0e6ed; display:table-cell;}
.askList li .aLink .uYo {width:65%; padding:12px 0; text-align:left; vertical-align:middle; background-color:#f1f1f1; display:table-cell;}
.askList li .aLink .uYo .inPad {padding:0 20px 0 10px; display:block;}
.askList li .aLink .uYo .over {font-size:0.8em; color:#e4427c;}
.askList li .aLink .bgQ {position:absolute; left:20px; top:50%; margin-top:-12px;}
.askList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-5px;}
.askList li .aLink .title {padding:10px 55px; line-height:1.05em; text-align:left; vertical-align:middle; display:table-cell;}
.askList li:first-child .aLink .title {wbox-shadow:1px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;}

.askList li.answer {display:none;}
.askList li.answer .box {position:relative; width:100%; height:70px; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#f8f8f8; display:table;}
.askList li.answer .box .txt {padding:20px 25px 20px 55px; text-align:left; vertical-align:middle; display:table-cell;}
.askList li.answer .box .txt .con {margin-bottom:10px; line-height:1.3em; display:inline-block; word-break:break-all;}
.askList li.answer .box .txt .con span {font-size:1em !important; font-weight:normal !important; color:#484848 !important; font-family:"RixGo B" !important;}
.askList li.answer .box .txt .c6f89ac {font-size:0.875em; color:#6f89ac;}
.askList li.answer .box .bgA {position:absolute; left:20px; top:18px;}

.askContent {min-height:130px; margin-bottom:10px; padding:10px; color:#515862; border:1px solid #aaa; border-radius:7px; background-color:#e9e8e8; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25) inset;}
.askContent p {line-height:1.3em;}
.askContent ul {}
.askContent ul li {padding-bottom:10px; line-height:1.3em;}
.askContent ul li:after {clear:both; content:""; display:block;}
.askContent ul li:last-child {padding-bottom:0;}

/* 상담내역 리스트 */
.counselList {}
.counselList li {min-height:71px; border-top:1px solid #f8f8f8;}
.counselList li:first-child {border-top:none;}
.counselList li .aLink {position:relative; min-height:36px; padding:17px 0 17px 95px; color:#81858b; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1; display:block;}
.counselList li:last-child .aLink {border-bottom:1px solid #92979e;}
.counselList li .aLink .bgIcon {position:absolute; left:20px; top:15px;}
.counselList li .aLink .title {padding-right:50px; line-height:1.05em; color:#484848; display:block;}
.counselList li .aLink .date {font-size:0.875em;}
.counselList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-5px;}

.counselList li.answer {display:none;}
.counselList li.answer .txtBox {padding:20px; line-height:1.3em; color:#484848; background-color:#fff;}
.counselList li.answer .txtBox .txt {margin-bottom:5px;}
.counselList li.answer .txtBox .add {font-size:0.875em; color:#6f89ac;}
.counselList li.answer .ansBox {padding:0 20px; border-bottom:1px solid #bdc0c6; background-color:#f5f5ed;}
.counselList li.answer .ansBox .bgLine {position:relative; padding:20px 0; color:#484848; background:url("../images/common/bg_dot2.png") repeat-x 0 0;}
.counselList li.answer .ansBox .bgLine .bgIconA {position:absolute; left:0; top:20px;}
.counselList li.answer .ansBox .bgLine .dateA {margin:0 0 20px 80px; font-size:0.875em; color:#81858b; display:inline-block;}
.counselList li.answer .ansBox .bgLine .txt {line-height:1.3em;}

/* 공지사항 */
.noticeList {}
.noticeList li {min-height:71px; border-top:1px solid #f8f8f8;}
.noticeList li:first-child {border-top:none;}
.noticeList li .aLink {position:relative; min-height:36px; padding:17px 0 17px 20px; color:#81858b; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1; display:block;}
.noticeList li .aLink:after {clear:both; content:""; display:block;}
.noticeList li:last-child .aLink {border-bottom:1px solid #92979e;}
.noticeList li .aLink .inner {float:left; width:85%;}
.noticeList li .aLink .bgIcon {float:left; margin-right:10px;}
.noticeList li .aLink .bgIcon + .inner {width:76%;}
.noticeList li .aLink .title {line-height:1.25em; color:#484848;}
.noticeList li .aLink .date {font-size:0.875em;}
.noticeList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-5px;}

.noticeList li.answer {display:none;}
.noticeList li.answer .txtBox {padding:20px; line-height:1.3em; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#fff;}

/* 8.직영점 */
.shopList {border-top:1px solid #bdc0c6;}
.shopList li {border-top:1px solid #f0f2f6;}
.shopList.h130 li .shopTit {height:130px; padding:10px 0;}
.shopList li .shopTit {position:relative; width:100%; height:80px; padding:10px 0; color:#484848; border-bottom:1px solid #bdc0c6; display:table;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(239, 239, 239)), color-stop(0.9, rgb(234, 234, 234)));
background-image:-moz-linear-gradient(center top, rgb(239, 239, 239), rgb(234, 234, 234));}
.shopList li .shopTit .title {width:65%; font-size:1.2em; text-align:left; vertical-align:middle; display:table-cell;}
.shopList li .shopTit .title p {margin-left:25px;}
.shopList li .shopTit .title .fs18 {font-size:0.875em;}
.shopList li .shopTit .title .fs16 {font-size:0.75em;}
.shopList li .shopTit .btnBox {position:absolute; right:20px; top:50%; margin-top:-25px;}
.shopList li .shopTit .btnBox a {display:inline-block;}
.shopList.h130 li .shopTit .btnBox {position:absolute; right:20px; top:35%; margin-top:-20px;}

.shopBox {position:relative; margin-bottom:28px; border-top:1px solid #787878; border-bottom:1px solid #f4f4f4;}
.shopBox .innerBor {border-top:1px solid #f4f4f4; border-bottom:1px solid #787878;}

.mapBox {position:relative; top:-1px;}
.mapBox .opacityBar {position:absolute; left:0; top:0; width:100%; height:113px; border-bottom:1px solid #000; opacity:0.8; background-color:#414c5b;}
.mapBox .normalBar {height:62px; border-bottom:1px solid #000; background-color:#636b77;}
.mapBox .btnBar {position:absolute; left:0; top:0; width:100%; height:50px; padding-top:12px; text-align:center;}
.mapBox .btnBar .inner {margin:0 2%;}
.mapBox .btnBar .inner:after {clear:both; content:""; display:block;}
.mapBox .btnBar a {float:left; width:33%; margin-right:-1px; border:1px solid #3b3b3b; box-shadow:0 1px 0 0 rgba(128, 136, 145, 0.7);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(109, 118, 128)), color-stop(0.9, rgb(63, 71, 82)));
background-image:-moz-linear-gradient(center top, rgb(109, 118, 128), rgb(63, 71, 82));
overflow:hidden;
}

.mapBox .btnBar a span {padding:8px; color:#e5e5e5; border-top:1px solid #9298a1; display:block;}
.mapBox .btnBar a:first-child,
.mapBox .btnBar a:first-child span {border-radius:7px 0 0 7px;}
.mapBox .btnBar a:last-child,
.mapBox .btnBar a:last-child span {border-radius:0 7px 7px 0;}
.mapBox .btnBar a.on {
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(89, 183, 234)), color-stop(0.9, rgb(46, 146, 220)));
background-image:-moz-linear-gradient(center top, rgb(89, 183, 234), rgb(46, 146, 220));
}
.mapBox .btnBar a.on span {color:#fff; border-top:1px solid #8ccdf0;}
.mapBox .btnBar a:first-child span {text-indent:10px; background:url("../images/shop/bg_btn_off.png") no-repeat 35px 6px;}
.mapBox .btnBar a.on:first-child span {text-indent:10px; background:url("../images/shop/bg_btn_on.png") no-repeat 35px 6px;}
.mapBox .btnBar a.disabled span {color:#9ca2ab;}
.mapBox .btnBar a.mypos {width:154px; border-radius:7px;}

.mapBox .btnBot,
.shopBox .btnBot {position:absolute; left:0; bottom:10px; width:100%; height:60px;}
.mapBox .btnBot .inner,
.shopBox .btnBot .inner {padding:0 10px;}
.mapBox .btnBot .inner:after,
.shopBox .btnBot .inner:after {clear:both; content:""; display:block;}
.mapBox .btnBot .inner a,
.shopBox .btnBot .inner a {float:left; width:32%; height:59px; color:#686f79; margin-right:2%; border-radius:6px; display:table;}
.mapBox .btnBot .inner a:last-child,
.shopBox .btnBot .inner a:last-child {margin-right:0;}
.mapBox .btnBot .inner a span,
.shopBox .btnBot .inner a span {height:57px; text-align:center; vertical-align:middle; border:1px solid #bebebe; border-radius:6px; display:table-cell;
box-shadow:0 1px 1px 0 rgba(245, 245, 245, 1) inset;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(255, 255, 255)), color-stop(0.9, rgb(236, 236, 236)));
background-image:-moz-linear-gradient(center top, rgb(255, 255, 255), rgb(236, 236, 236));
}
.mapBox .btnBot .inner a.disabled,
.shopBox .btnBot .inner a.disabled {color:#bfc2c8;}
.mapBox .btnBot .inner a.disabled span,
.shopBox .btnBot .inner a.disabled span {border:1px solid #ccc; background:#f0f0f0;}

.mapBorder {border-top:1px solid #787878; border-bottom:1px solid #f4f4f4;}
.mapBorder .inner {border-top:1px solid #f4f4f4; border-bottom:1px solid #787878;}

/*
.mapBox .btnBar a.on {color:#fff; border-top:1px solid #5595bb; border-bottom:1px solid #fff; border-left:1px solid #66acd5; border-right:1px solid #66acd5; background-color:#6eb7e2; box-shadow:0 2px 2px 0 rgba(100, 170, 200, 0.6) inset;}
.mapBox .btnBar a.on:first-child span {margin-left:-10px; padding-left:25px; background:url("../images/shop/bg_btn_on.png") no-repeat 0 0;}
*/

/* 일시정지 안내 */
.pauseInfo {width:100%; margin-bottom:30px; padding:22px 0; font-size:1.125em; line-height:1.125em; color:#81858b; border:1px solid #989da4; border-radius:5px; background-color:#f1f1f1; display:table;}
.pauseInfo .title {width:65%; /*font-size:1.125em;*/ color:#484848; vertical-align:middle; display:table-cell;}
.pauseInfo .title .inner {padding-left:20px;}
.pauseInfo .btn {width:35%; text-align:right; vertical-align:middle; display:table-cell;}
.pauseInfo .btn .inner {padding-right:20px;}

/* 일시정지 리스트 */
.pauseList {border-top:1px solid #bdc0c6;}
.pauseList li {border-top:1px solid #f0f2f6;}
.pauseList li .aLink {position:relative; width:100%; height:50px; color:#484848; border-bottom:1px solid #bdc0c6; display:table;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(239, 239, 239)), color-stop(0.9, rgb(234, 234, 234)));
background-image:-moz-linear-gradient(center top, rgb(239, 239, 239), rgb(234, 234, 234));}
.pauseList li .aLink .title {width:65%; font-size:1.2em; text-align:left; vertical-align:middle; display:table-cell;}
.pauseList li .aLink .title .inner {padding-left:25px;}
.pauseList li .aLink .use {width:35%; font-size:1.2em; color:#2497c1; text-align:right; vertical-align:middle; display:table-cell;}
.pauseList li .aLink .use .inner {padding-right:60px;}
.pauseList li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-8px;}

/* AS센터 */
.asTel {position:relative; width:100%; height:58px; margin-bottom:20px; font-size:1.125em; line-height:1.2em; color:#515862; border:1px solid #989da4; border-radius:9px; display:table;}
.asTel .inner {border-radius:9px; background-color:#f3f2f2; display:table-cell;}
.asTel .LG {background:#f3f2f2 url("../images/shop/as_LG.gif") no-repeat 0 0;}
.asTel .SamSung {background:#f3f2f2 url("../images/shop/as_SamSung.gif") no-repeat 0 0;}
.asTel .VEGA {background:#f3f2f2 url("../images/shop/as_VEGA.gif") no-repeat 0 0;}
.asTel .img_as {width:135px; display:table-cell;}
.asTel .img_as img {border-radius:9px 0 0 9px; width:130px;}
.asTel .txt_as {vertical-align:middle; display:table-cell;}
.asTel .inner .fs18 {font-size:0.875em; color:#81858b;}
.asTel .inner .btn {position:absolute; right:5px; top:50%; margin-top:-25px;}

/* 9.로밍 */
.country {margin-bottom:10px;}
.country:after {clear:both; content:""; display:block;}
.country li {float:left; width:23.5%; margin-right:2%;}
.country li:last-child {margin-right:0;}
.country li a {display:block;}
.country li a span {padding:10px 13px 12px 7px;}

/* 기타 */
.appInfo {padding-bottom:32px;}
.appInfo:after {clear:both; content:""; display:block;}
.appInfo .uAppIcon {float:left; margin-right:18px;}
.appInfo dl {margin-bottom:10px; color:#515862;}
.appInfo dl dt {margin-bottom:12px; font-size:1.4em;}
.appInfo dl dd {line-height:1.4em;}

.uAppBest {padding-bottom:7px; background:url("../images/claim/bg_tbFoot.gif") repeat-x 0 100%;}
.uAppSer {color:#515862; border-top:2px solid #92979e; background-color:#f1f1f1;}
.uAppSer ol {padding:20px;}
.uAppSer ol li {margin-top:20px; padding-left:38px; line-height:1.5em;}
.uAppSer ol li:nth-child(1) {background:url("../images/icon/Icon_1.png") no-repeat 0 0;}
.uAppSer ol li:nth-child(2) {background:url("../images/icon/Icon_2.png") no-repeat 0 0;}
.uAppSer ol li:nth-child(3) {background:url("../images/icon/Icon_3.png") no-repeat 0 0;}
.uAppSer ol li:nth-child(4) {background:url("../images/icon/Icon_4.png") no-repeat 0 0;}
.uAppSer ol li p {font-size:0.875em; line-height:1.4em;}
.uAppSer ul {padding:20px; background:#fefefe url("../images/common/bg_dot2.png") repeat-x 0 0;}
.uAppSer ul li {margin-top:20px; padding-left:15px; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 7px;}
.uAppSer ul li:first-child {margin-top:0;}

/* 테이블스타일 */

/* 요금제 테이블 */
.tbTariff {}
.tbTariff tbody td { border-top:1px solid #fff; border-bottom:1px solid #c4c4c4;vertical-align:middle;}
.tbTariff .arrowR {background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(239, 239, 239)), color-stop(0.9, rgb(234, 234, 234)));
background-image:-moz-linear-gradient(center top, rgb(239, 239, 239), rgb(234, 234, 234));}
.tbTariff .lteLink {position:relative; width:100%; height:50px; color:#515862; text-align:right; display:table;}
.tbTariff .lteLink .lteType { font-size:1.25em; padding-left:20px; line-height:1.05em; text-align:left; display:table-cell;vertical-align:middle;}
.tbTariff .lteLink .price {padding:10px 40px 10px 0; font-size:1.125em; color:#81858b; vertical-align:middle; display:table-cell;vertical-align:middle;}
.tbTariff .lteLink .price span {font-size:0.75em; color:#2497c1;}
.tbTariff .lteLink .arrowR {position:absolute; right:20px; top:50%; margin-top:-8px;}
.tbTariff tbody tr:first-child td {border-top:none;}
.lteLink table td { height:50px;}

/* 요금제변경 테이블 */
.tbChange {border-top:2px solid #92979e;}
.tbChange thead th {padding:11px 0; color:#5e6268; border-top:1px solid #eeeff1; background-color:#dddfe1;}
.tbChange tbody th {height:40px; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#e0e6ed;}

/* .tbChange tbody tr:last-child th {border-bottom:1px solid #92979e;} */
.tbChange tbody tr:last-child th {border-bottom:none;}
.tbChange tbody tr:last-child th .line {border-bottom:1px solid #92979e;}
.tbChange tbody th span.line {padding:11px 0; display:block;}
.tbChange tbody tr:first-child th span.line {border-top:1px solid #92979e;}
.tbChange tbody td {height:40px; text-align:center; color:#81858b; background-color:#f1f1f1;}
.tbChange tbody td .blueLine {border-left:3px solid #6eb7e2; border-right:3px solid #6eb7e2; }
.tbChange tbody td .blueLine span {width:100%; padding:11px 0; border-bottom:1px solid #bdc0c6; border-top:1px solid #f0f2f6; display:inline-block;}
.tbChange tbody tr:first-child .blueLine {border-top:3px solid #6eb7e2;}
.tbChange tbody tr:first-child .blueLine span {padding:10px 0; border-top:none;}
.tbChange tbody tr:last-child .blueLine {border-bottom:3px solid #6eb7e2;}
.tbChange tbody tr:last-child .blueLine span {padding:10px 0; border-bottom:none;}
.tbChange tbody td div.line {border-bottom:1px solid #bdc0c6;}
.tbChange tbody tr:last-child td div.line {border-bottom:1px solid #92979e;}
.tbChange tbody td div.line span {padding:11px 0; border-top:1px solid #f0f2f6; display:block;}
.tbChange tbody tr:first-child td div.line span {border-top:1px solid #92979e;}
.tbChange tbody tr.lineTop td {padding:10px 0; border-top:1px solid #92979e;}
.tbChange tbody tr.blueSelect td {padding:10px 0; border-top:3px solid #6eb7e2; border-bottom:3px solid #6eb7e2;}
.tbChange tbody tr.blueSelect td:first-child {border-left:3px solid #6eb7e2;}
.tbChange tbody tr.blueSelect td:last-child {border-right:3px solid #6eb7e2;}

.tbChange .fs15 {font-size:0.8em;}
.tbChange tbody tr.blueSelect .fs15 {color:#2497c1;}

.tbChange2 {border-top:2px solid #92979e;}
.tbChange2 thead th {padding:11px 0; color:#5e6268; border-top:1px solid #eeeff1; background-color:#dddfe1;}
.tbChange2 tbody th {padding:11px 0; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#e0e6ed;}
.tbChange2 tbody tr:first-child th,
.tbChange2 tbody tr:first-child td {border-top:1px solid #bdc0c6;}
.tbChange2 tbody tr:last-child th,
.tbChange2 tbody tr:last-child td {border-bottom:1px solid #92979e;}
.tbChange2 tbody td {padding:11px 0; text-align:center; color:#81858b; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbChange2 tbody tr:first-child .tdBlue {border-top:3px solid #6eb7e2;}
.tbChange2 tbody tr:last-child .tdBlue {border-bottom:3px solid #6eb7e2;}
.tbChange2 .tdBlue {border-left:3px solid #6eb7e2; border-right:3px solid #6eb7e2; border-bottom:1px solid #bdc0c6;}

/* 메인 사용량 테이블 */
.tbMain {border-top:2px solid #92979e; border-collapse:inherit;}
.tbMain thead th {padding:11px 0; color:#5e6268; border-top:1px solid #eeeff1;border-bottom:1px solid #92979e;  background-color:#dddfe1;}
.tbMain thead th .alignR,
.tbMain tbody td .alignR {padding-right:20px; text-align:right; display:block;}
.tbMain tbody th {padding:11px 0; color:#484848; border-top:1px solid #f0f2f6; border-bottom:1px solid #bdc0c6; background-color:#e0e6ed;}
.tbMain tbody td {color:#81858b; border-top:1px solid #f0f2f6; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}

/* 선택동의 테이블 */
.tbAgree {border-top:2px solid #92979e;}
.tbAgree tbody th {height:24px; padding:10px 0; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #c7cbd3; background-color:#dddfe5;}
.tbAgree tbody th .alignL {padding:0 20px; text-align:left;}
.tbAgree tbody td {height:24px; padding:15px 0; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #c7cbd3; background-color:#f1f1f1;}
.tbAgree tbody td .alignL {padding:0 20px; text-align:left;}
.tbAgree tbody tr:last-child th,
.tbAgree tbody tr:last-child td {border-bottom:1px solid #92979e;}
.tbAgree tbody tr.noBor td {border-bottom:none;}

/* 즐겨찾기 메뉴 테이블 */
.tbFavoriteBox {margin-bottom:30px; border:1px solid #92979e; border-radius:5px; background-color:#f1f1f1; overflow:hidden;}
.tbFavorite {}
.tbFavorite tr td {border:1px solid #bdc0c6; border-width:0 1px 1px 0;}
.tbFavorite tr td:last-child {border-width:0 0 1px 0;}
.tbFavorite tr:last-child td {border-width:0 1px 0 0;}
.tbFavorite tr:last-child td:last-child {border-width:0;}

.tbFavorite td a {width:100%; height:88px; color:#515862; text-align:center; display:table;}
.tbFavorite td a.off {background:url("../images/favorite/bg_favMenu_off.png") no-repeat 100% 0;}
.tbFavorite td a.on {color:#333; background:#fff url("../images/favorite/bg_favMenu_on.png") no-repeat 100% 0; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25) inset;}
.tbFavorite td a span {vertical-align:middle; display:table-cell;}
.tbFavorite tr:first-child td:nth-child(1) a {border-radius:5px 0 0 0;}
.tbFavorite tr:first-child td:nth-child(3) a {border-radius:0 5px 0 0;}
.tbFavorite tr:last-child td:nth-child(1) a {border-radius:0 0 0 5px;}
.tbFavorite tr:last-child td:nth-child(3) a {border-radius:0 0 5px 0;}

.tbMax td a {color:#a4a9b1;}

/* 요금조회 기본제공잔여량 테이블 */
.tbResidue {border-top:2px solid #92979e;}
.tbResidue thead th { padding:8px 0; font-weight:bold; color:#5e6268; border-top:1px solid #eeeff1; border-bottom:1px solid #92979e; background-color:#dddfe1;}
.tbResidue thead th .alignR {padding-right:28%;}
.tbResidue tbody th,
.tbResidue tbody td { padding:8px 0; color:#81858b; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbResidue tbody th.bgBlue {background-color:#e0e6ed;}
.tbResidue tbody tr:first-child td {border-top:none;}
.tbResidue tbody tr:last-child th,
.tbResidue tbody tr:last-child td {border-bottom:1px solid #92979e;}
.tbResidue tbody tr.noBor th,
.tbResidue tbody tr.noBor td {border-bottom:none;}
.tbResidue tbody td .alignL {padding:0 10px; text-align:left;}
.tbResidue tbody td .alignR {padding-right:28%;}
.tbResidue tbody th .pointTxt {padding:0 6%; color:#484848; text-align:left;}
.tbResidue tbody th .pointTxt .fs15 {margin-left:10px; font-size:0.8em; color:#81858b;}
.tbResidue tbody th .pointTxt .fs16 {font-size:0.875em; color:#81858b;}
.tbResidue tfoot th,
.tbResidue tfoot td {height:40px; font-weight:bold; background-color:#f1f1f1;}
.tbResidue tfoot tr.blueBox td {border:3px solid #6eb7e2;}
.tbResidue tfoot .padLink {position:relative; color:#2497c1; display:block;}
.tbResidue tfoot .padLink:after {clear:both; content:""; display:block;}
.tbResidue tfoot .padLink .colL {float:left; width:30%; padding:11px 0; text-align:center;}
.tbResidue tfoot .padLink .colR {float:right; margin-right:60px; padding:11px 0;}
.tbResidue tfoot .padLink .bgBlue {background-color:#e0e6ed;}
.tbResidue tfoot .padLink .arrowR {position:absolute; right:15px; top:50%; margin-top:-8px;}

/* 청구내역 이용내역 테이블 */
.tbPayment {border-top:2px solid #92979e;}
.tbPayment tbody th { padding:8px 0; color:#81858b; text-align:left; border-top:1px solid #edeef2; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbPayment tbody td { padding:8px 0; color:#81858b; text-align:right; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbPayment tbody th .pad {padding-left:20px;}
.tbPayment tbody td .pad {padding-right:20px;}
.tbPayment tbody tr.icon {display:none;}
.tbPayment tbody tr.icon td {background-color:#f5f5ed;}
.tbPayment tbody td .pad_icon {padding:0 20px; color:#484848; text-align:left;}
.tbPayment tbody td .pad_icon span {font-size:0.8em; color:#2497c1;}
.tbPayment tbody tr.type1 th {font-weight:bold;}
.tbPayment tbody tr.type1 th,
.tbPayment tbody tr.type1 td {color:#484848; border-top:1px solid #dfdfe3; background-color:#dddfe5;}
.tbPayment tbody tr.type2 th {font-weight:bold;}
.tbPayment tbody tr.type2 th,
.tbPayment tbody tr.type2 td {color:#484848; border-top:1px solid #dfdfe3; border-bottom:none; background-color:#bec0c8;}
.tbPayment tbody .icon_i {margin-left:20px;}
.tbPayment tbody .icon_i img {vertical-align:middle;}
.tbPayment tbody tr.dep {display:none;}
.tbPayment tbody tr.dep th,
.tbPayment tbody tr.dep td {color:#6f89ac;}
.tbPayment tbody tr.dep th .pad {padding-left:55px; background:url("../images/common/bg_dep.png") no-repeat 38px 4px;}
.tbPayment tbody tr.last th,
.tbPayment tbody tr.last td {border-bottom:1px solid #92979e;}
.tbPayment tbody tr.noBor th,
.tbPayment tbody tr.noBor td {border-bottom:none;}
.tbPayment tfoot th,
.tbPayment tfoot td {font-weight:bold;}
.tbPayment tfoot th .pad {padding:15px 0 15px 35px; color:#2497c1; text-align:left; border:3px solid #6eb7e2; border-width:3px 0 3px 3px; background-color:#f1f1f1;}
.tbPayment tfoot td .pad {padding:15px 35px 15px 0; color:#2497c1; text-align:right; border:3px solid #6eb7e2; border-width:3px 3px 3px 0; background-color:#f1f1f1;}

/* 청구내역 */
.tbPayment tbody tr.type1_bor th,
.tbPayment tbody tr.type1_bor td {color:#484848; border-top:2px solid #92979e; background-color:#dddfe5;}
.tbPayment tfoot td.dotBg {background:#fefefe url("../images/common/bg_dot2.png") repeat-x 0 0;}
.tbPayment tfoot td .padBg {padding:10px 15px 20px 15px; font-weight:normal; color:#484848; background:url("../images/claim/bg_tbFoot.gif") repeat-x 0 100%;}
.tbPayment tfoot td .padBg .charge {margin-bottom:5px; border-bottom:2px solid #484848;}
.tbPayment tfoot td .padBg .charge p {margin-bottom:10px;}
.tbPayment tfoot td .padBg .charge p:after {clear:both; content:""; display:block;}
.tbPayment tfoot td .padBg .charge p .fs16 {font-size:0.875em;}
.tbPayment tfoot td .padBg .sum .fs26 {font-size:1.6em; color:#2497c1;}
.tbPayment tfoot td .padBg .sum:after {clear:both; content:""; display:block;}

.historyTable2 {position:relative; padding-bottom:13px; font-size:1.25em; color:#515862;}
.historyTable2 .checkBox {position:absolute; right:0; top:-1px; font-size:0.8em;}

/* 할인상세내역 테이블 */
.tbPayment2 {border-top:2px solid #92979e;}
.tbPayment2 tbody th {height:24px; padding:8px 0; color:#81858b; text-align:left; border-top:1px solid #edeef2; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbPayment2 tbody td {height:24px; padding:8px 0; color:#81858b; text-align:right; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbPayment2 tbody th .pad {padding-left:20px;}
.tbPayment2 tbody td .pad {padding-right:20px;}
.tbPayment2 tbody tr.icon {display:none;}
.tbPayment2 tbody tr.icon td {background-color:#f5f5ed;}
.tbPayment2 tbody td .pad_icon {padding:0 20px; color:#484848; text-align:left;}
.tbPayment2 tbody td .pad_icon span {font-size:0.8em; color:#2497c1;}
.tbPayment2 tbody tr.type1 th {font-weight:bold;}
.tbPayment2 tbody tr.type1 th,
.tbPayment2 tbody tr.type1 td {color:#484848; border-top:1px solid #dfdfe3; background-color:#dddfe5;}
.tbPayment2 tbody tr.type2 th {font-weight:bold;}
.tbPayment2 tbody tr.type2 th,
.tbPayment2 tbody tr.type2 td {color:#484848; border-top:1px solid #dfdfe3; border-bottom:none; background-color:#bec0c8;}
.tbPayment2 tbody .icon_i {margin-left:20px;}
.tbPayment2 tbody .icon_i img {vertical-align:middle;}
.tbPayment2 tbody tr.dep {display:none;}
.tbPayment2 tbody tr.dep th,
.tbPayment2 tbody tr.dep td {color:#6f89ac;}
.tbPayment2 tbody tr.dep th .pad {padding-left:55px; background:url("../images/common/bg_dep.png") no-repeat 38px 4px;}
.tbPayment2 tbody tr.last th,
.tbPayment2 tbody tr.last td {border-bottom:1px solid #92979e;}
.tbPayment2 tbody tr.noBor th,
.tbPayment2 tbody tr.noBor td {border-bottom:none;}
.tbPayment2 tfoot th,
.tbPayment2 tfoot td {font-weight:bold;}
.tbPayment2 tfoot th .pad {padding:15px 0 15px 35px; color:#2497c1; text-align:left; border:3px solid #6eb7e2; border-width:3px 0 3px 3px; background-color:#f1f1f1;}
.tbPayment2 tfoot td .pad {padding:15px 35px 15px 0; color:#2497c1; text-align:right; border:3px solid #6eb7e2; border-width:3px 3px 3px 0; background-color:#f1f1f1;}

/* 할인상세내역 */
.tbPayment2 tbody tr.type1_bor th,
.tbPayment2 tbody tr.type1_bor td {color:#484848; border-top:2px solid #92979e; background-color:#dddfe5;}
.tbPayment2 tfoot td.dotBg {background:#fefefe url("../images/common/bg_dot2.png") repeat-x 0 0;}
.tbPayment2 tfoot td .padBg {padding:10px 15px 20px 15px; font-weight:normal; color:#484848; background:url("../images/claim/bg_tbFoot.gif") repeat-x 0 100%;}
.tbPayment2 tfoot td .padBg .charge {margin-bottom:5px; border-bottom:2px solid #484848;}
.tbPayment2 tfoot td .padBg .charge p {margin-bottom:10px;}
.tbPayment2 tfoot td .padBg .charge p:after {clear:both; content:""; display:block;}
.tbPayment2 tfoot td .padBg .charge p .fs16 {font-size:0.875em;}
.tbPayment2 tfoot td .padBg .sum .fs26 {font-size:1.6em; color:#2497c1;}
.tbPayment2 tfoot td .padBg .sum:after {clear:both; content:""; display:block;}

/* 이용중 서비스 테이블 */
.tbService {}
.tbService tbody th {height:24px; padding:10px 8px 10px 12px; font-weight:bold; color:#484848; border-top:2px solid #92979e; border-bottom:1px solid #bdc0c6; background-color:#dddfe5;}
.tbService tbody th .pad {position:relative; text-align:left;}
.tbService tbody th .pad span {position:absolute; right:0; top:50%; margin-top:-10px; font-size:0.8em; color:#81858b; text-align:right;}
.tbService tbody td {height:62px; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbService tbody td .pad {position:relative; padding:10px 20px;}
.tbService tbody td .pad .alignR {color:#484848;}
.tbService tbody td .pad .alignR .fs15 {font-size:0.875em; color:#81858b;}
.tbService tbody td .pad .title {position:absolute; left:20px; top:50%; width:40%; margin-top:-10px; color:#2497c1;}
.tbService tbody td .pad .title .w100 {width:70%; display:inline-block;}
.tbService tbody td .pad .title img {vertical-align:middle;}
.tbService tbody tr:last-child th,
.tbService tbody tr:last-child td {border-bottom:1px solid #92979e;}

.tbService2 {}
.tbService2 tbody th {height:24px; padding:10px 8px 10px 12px; font-weight:bold; color:#484848; border-top:2px solid #92979e; border-bottom:1px solid #bdc0c6; background-color:#dddfe5;}
.tbService2 tbody th .pad {position:relative; text-align:left;}
.tbService2 tbody th .pad span {position:absolute; right:0; top:50%; margin-top:-10px; font-size:0.8em; color:#81858b; text-align:right;}
.tbService2 tbody td {height:30px; padding:10px 20px; color:#484848; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbService2 tbody td .pad {position:relative; width:100%; display:table;}
.tbService2 tbody td .pad .alignR {width:50%; color:#484848; vertical-align:middle; display:table-cell;}
.tbService2 tbody td .pad .alignR .fs15 {font-size:0.875em; color:#81858b;}
.tbService2 tbody td .pad .title {width:50%; color:#2497c1; vertical-align:middle; display:table-cell;}
.tbService2 tbody td .pad .title .padR50 {position:relative; padding-right:50px; display:block;}
.tbService2 tbody td .pad .title .padR {position:relative; display:block;}
.tbService2 tbody td .pad .title .padR50 img {position:absolute; right:14px; top:50%; width:15px; height:15px; margin-top:-8px;}
.tbService2 tbody tr:last-child th,
.tbService2 tbody tr:last-child td {border-bottom:1px solid #92979e;}

/* 테이블 기본형 2단(가로형) */
.tbTypeX2 {}
.tbTypeX2 thead th { color:#2497c1; background-color:#f1f1f1;}
.tbTypeX2 thead td { color:#2497c1; background-color:#f1f1f1;}
.tbTypeX2 thead th .pad {padding:15px 0 15px 20px; text-align:left; border:3px solid #6eb7e2; border-width:3px 0 3px 3px;}
.tbTypeX2 thead td .pad {padding:15px 20px 15px 0; text-align:right; border:3px solid #6eb7e2; border-width:3px 3px 3px 0;}
.tbTypeX2 tbody th { border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeX2 tbody td { border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeX2 tbody th .pad {padding:10px 0 10px 20px; color:#484848; text-align:left;}
.tbTypeX2 tbody td .pad {padding:10px 20px 10px 0; color:#484848; text-align:right;}
.tbTypeX2 tbody th .pad .date {font-size:0.8em; color:#81858b;}


/* 테이블 기본형 3단(가로형) */
.tbTypeX3 {border-top:2px solid #92979e;}
.tbTypeX3 tbody th { padding:8px 0; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; border-left:1px solid #bdc0c6; background-color:#e0e6ed;}
.tbTypeX3 tbody td { padding:8px 0; color:#81858b; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; border-left:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeX3 tbody td .alignL {padding:0 10px; text-align:left;}
.tbTypeX3 tbody td .alignR {padding:0 20px 0 10px; text-align:right;}
.tbTypeX3 tbody td .alignC {text-align:center;}
.tbTypeX3 tbody td .fs15 {font-size:0.8em;}
/* .tbTypeX3 tbody tr:last-child th, */
/* .tbTypeX3 tbody tr:last-child td {border-bottom:1px solid #92979e;} */
.tbTypeX3 tbody th:first-child {border-left:0 none;}
.tbTypeX3 tbody tr td:first-child {border-left:0 none;}

/* 테이블 기본형 3단(가로형) */
.tbTypeX4 {border-top:2px solid #92979e;}
.tbTypeX4 tbody th {height:17px; padding:8px 0; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; border-left:1px solid #bdc0c6; background-color:#e0e6ed;}
.tbTypeX4 tbody td {height:17px; padding:8px 0; color:#81858b; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; border-left:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeX4 tbody td .alignL {padding:0 10px; text-align:left;}
.tbTypeX4 tbody td .alignR {padding:0 20px 0 10px; text-align:right;}
.tbTypeX4 tbody td .alignC {text-align:center;}
.tbTypeX4 tbody td .fs15 {font-size:0.8em;}
/* .tbTypeX3 tbody tr:last-child th, */
/* .tbTypeX3 tbody tr:last-child td {border-bottom:1px solid #92979e;} */
.tbTypeX4 tbody th:first-child {border-left:0 none;}
.tbTypeX4 tbody tr td:first-child {border-left:0 none;}

/* 테이블 기본형 2단(가로형) */
.tbTypeX2_1 {border-top:2px solid #92979e;}
.tbTypeX2_1 tbody th {height:62px; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeX2_1 tbody td {height:62px; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeX2_1 tbody th .pad {padding:10px 0 10px 20px; color:#81858b; text-align:left;}
.tbTypeX2_1 tbody td .pad {padding:10px 20px 10px 0; color:#81858b; text-align:right;}
.tbTypeX2_1 tbody th .pad .date,
.tbTypeX2_1 tbody td .pad .date {font-size:0.875em;}
.tbTypeX2_1 tbody td .noList {padding:30px 10px; color:#515862; text-align:center;}
.tbTypeX2_1 tbody td .noList p {margin-bottom:5px;}
.tbTypeX2_1 tbody td .noList span {font-size:0.8em; color:#81858b;}
.tbTypeX2_1 tbody tr.ok th .pad,
.tbTypeX2_1 tbody tr.ok td .pad {color:#2497c1;}
.tbTypeX2_1 tbody tr.ok th .pad .date,
.tbTypeX2_1 tbody tr.ok td .pad .date {font-size:0.875em; color:#484848;}
.tbTypeX2_1 tbody tr:last-child th,
.tbTypeX2_1 tbody tr:last-child td {border-bottom:1px solid #92979e;}


/* 테이블 기본형 2단(세로형) */
.tbTypeY2 {border-top:2px solid #92979e;}
.tbTypeY2 tbody th { padding:8px 0; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #c7cbd3; background-color:#e0e6ed;}
.tbTypeY2 tbody th .ce4427c {color:#e4427c;}
.tbTypeY2 tbody th .positionR {padding-right:20px; display:inline-block;}
.tbTypeY2 tbody th .positionR .ce4427c {position:absolute; right:0; top:50%; margin-top:-10px;}
.tbTypeY2 tbody td { padding:8px 0; color:#81858b; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #c7cbd3; background-color:#f1f1f1;}
.tbTypeY2 tbody td .msg { margin-bottom:0;}
.tbTypeY2 tbody td .alignL {padding:0 10px; text-align:left;}
.tbTypeY2 tbody td .alignR {padding:0 20px; text-align:right;}
.tbTypeY2 tbody td .card_img {padding:5px 0; text-align:center;}
.tbTypeY2 tbody .fs20 {font-size:1.125em;}
.tbTypeY2 tbody .fs15 {font-size:0.875em;}
.tbTypeY2 tbody td .column {position:relative; padding-left:140px;}
.tbTypeY2 tbody td .column .normalSel {position:absolute; left:10px; top:0;}
.tbTypeY2 tbody td .column .inputTxt {width:100%; min-width:auto;}
.tbTypeY2 tbody td .input_btnX {position:relative; padding:0 65px 0 10px; text-align:left;}
.tbTypeY2 tbody td .input_btnX .btnX {position:absolute; right:15px; top:5px;}
.tbTypeY2 tbody td .input_email {position:relative; margin-bottom:10px; padding:0 10px; text-align:left;}
.tbTypeY2 tbody td .input_email .positionBox {position:absolute; right:0; top:0; width:52%;}
.tbTypeY2 tbody td .input_email .positionBox .inner {position:relative; padding:0 12px 0 25px;}
.tbTypeY2 tbody td .input_email .positionBox .inner span {position:absolute; left:6px; top:12px;}
.tbTypeY2 tbody td .poR_btn {position:relative; /*padding-left:10px;*/ padding:0 10px 0 10px; text-align:left;}
.tbTypeY2 tbody td .poR_btn .btnType1 {/*position:absolute; right:10px; top:50%; margin-top:-16px;*/ float:right;}
.tbTypeY2 tbody td .poR_btn .btnType2 {/*position:absolute; right:10px; top:50%; margin-top:-25px;*/ padding:0; min-width:auto; border-radius:0; border:none; background:none;}
.tbTypeY2 tbody tr:last-child th,
.tbTypeY2 tbody tr:last-child td {border-bottom:1px solid #92979e;}

.tbTypeX3 tbody td .poR_btn {position:relative; /*padding-left:10px;*/ padding:0 70px 0 10px;text-align: center;}
.tbTypeX3 tbody td .poR_btn .btnType1 {position:absolute; right:10px; top:50%; margin-top:-16px;}
.tbTypeX3 tbody td .poR_btn .btnType2 {position:absolute; right:10px; top:50%; margin-top:-25px; padding:0; min-width:auto; border-radius:0; border:none; background:none;}

/* 우편청구서 */
.tbTypeY2 tbody tr.addrTr {display:none;}
.tbTypeY2 tbody tr.addrTr td {background-color:#f8f8f8;}
.tbTypeY2 tbody tr.addrTr td .addrBox {padding:10px 18px; text-align:left;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine {margin-bottom:15px; padding-bottom:20px; background:url("../images/claim/bg_dot.gif") repeat-x 0 100%;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine:last-child {margin:0; padding:0; background:none;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .txt {margin-bottom:5px; font-size:0.875em;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addr {position:relative; padding-right:100px;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList {height:180px; border:1px solid #aaa; border-radius:5px; background-color:#e9e8e8; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList ul { padding:5px 0;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList ul li a {padding:5px 10px; color:#515862; display:block;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList ul li a:focus {background-color:#bec0c3;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList ul dl {position:relative;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList ul dl dt {position:absolute; left:0; top:0;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList ul dl dd {padding-left:90px;}

/* 매장찾기 */
.tbTypeY2 tbody td .column51 {position:relative; padding-right:52%;}
.tbTypeY2 tbody td .column51 .positionA {right:0; top:0;}
.tbTypeY2 tbody td .alignL .vAlignM {margin-top:-4px;}

/* 재전송 */
.tbTypeY2 tbody tr.reBox td {padding:20px 35px; color:#484848; text-align:left; background-color:#f8f8f8;}

/* 입금계좌 */
.tbTypeY2 tbody td .bank {padding:0 25px; color:#484848; text-align:left;}
.tbTypeY2 tbody td .bank label {color:#484848;}
.tbTypeY2 tbody td .bank .checkTxt a {color:#484848;}

/* 청구납부변경 */
.tbClaimCh {border-top:2px solid #92979e;}
.tbClaimCh tbody th {height:32px; padding:5px 0; font-weight:bold; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #c7cbd3; background-color:#dddfe5;}
.tbClaimCh tbody th .alignL {padding:0 15px; text-align:left;}
.tbClaimCh tbody th .alignR {padding:0 15px; text-align:right;}
.tbClaimCh tbody td {height:42px; padding:10px 0; color:#81858b; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #c7cbd3; background-color:#f1f1f1;}
.tbClaimCh tbody td .alignL {padding:0 15px; line-height:1.3em; text-align:left;}
.tbClaimCh tbody td .alignR {padding:0 15px; text-align:right;}
.tbClaimCh tbody td .fs16 {font-size:0.875em;}
.tbClaimCh tbody tr:last-child th,
.tbClaimCh tbody tr:last-child td {border-bottom:1px solid #92979e;}
.tbClaimCh tbody tr.noBor td {border-bottom:none;}

/* 테이블 기본형 3단(세로형) */
.tbTypeY3 {border-top:2px solid #92979e;}
.tbTypeY3 tbody th { padding:10px 0; color:#484848; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#e0e6ed;}
.tbTypeY3 tbody td { padding:10px 0; color:#81858b; text-align:center; border-top:1px solid #f8f8f8; border-bottom:1px solid #bdc0c6; background-color:#f1f1f1;}
.tbTypeY3 tbody td .alignL {padding:0 10px; text-align:left;}
.tbTypeY3 tbody td .alignR {padding:0 20px 0 10px; text-align:right;}
.tbTypeY3 tbody td .fs15 {font-size:0.8em;}
.tbTypeY3 tbody tr:last-child th,
.tbTypeY3 tbody tr:last-child td {border-bottom:1px solid #92979e;}

/* 앱리스트 */
.appList {margin-bottom:25px;}
.appList:after {clear:both; content:""; display:block;}
.appList li {float:left; width:49%; border-radius:8px;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(241, 241, 241)), color-stop(0.9, rgb(238, 238, 238)));
background-image:-moz-linear-gradient(center top, rgb(241, 241, 241), rgb(238, 238, 238));
box-shadow:0 1px 2px 0 rgba(88, 93, 99, 0.8);
overflow:hidden;
}

.appList li:nth-child(odd) {margin:0 1% 10px 0;}
.appList li:nth-child(even) {margin:0 0 10px 1%;}
.appList li a {position:relative; height:90px; padding:15px 10px 15px 93px; font-size:0.875em; color:#515862; overflow:hidden; display:block;}
.appList li a .icon {position:absolute; left:10px; top:15px; width:83px; text-align:center;}
.appList li a .icon img {margin-bottom:5px;}
.appList li a dl dt {margin-bottom:5px; font-size:1.25em;}
.appList li a dl dd {color:#81858b;}

.appMoList {margin-bottom:25px;}
.appMoList:after {clear:both; content:""; display:block;}
.appMoList li {float:left; width:25%; height:130px; margin-bottom:10px; text-align:center; overflow:hidden;}
.appMoList li a {margin:0 5px; color:#e9e9e9; display:inline-block;}
.appMoList li a img {margin-bottom:5px;}

/* 이벤트 리스트 */
.eventBox {margin-bottom:30px;}
.eventBox a {width:100%; margin-bottom:20px; display:inline-block;}
.eventBox a img {width:100%;}
.eventBox a:last-child {margin-bottom:0;}

/* 텍스트 */
.txt_normal {margin-bottom:20px; color:#515862;}
.txt_normal .fs16 {font-size:0.875em;}

/* 체크박스 a링크 */
.checkTxt .checkBox {padding-left:25px; line-height:18px; color:#515862; display:inline-block;}
.checkTxt .checkBox11 {padding-left:25px; line-height:18px; color:#515862; display:inline-block;}
.checkTxt .checkBox22 {padding-left:25px; line-height:18px; color:#515862; display:inline-block;}
.checkTxt .off {background:url("../images/common/bg_check_off.png") no-repeat 0 0; background-size:20px auto;}
.checkTxt .on {background:url("../images/common/bg_check_on.png") no-repeat 0 0; background-size:20px auto;}
.checkTxt.clr {margin:5px 0; padding-left:37px; background:url("../images/common/bg_dot1.png") no-repeat 10px 5px;}


/* 체크박스 */
input[type="checkbox"] {position:absolute; opacity:0; width:40px; height:40px; margin:0; padding:0;}
input[type="checkbox"] + label {padding-left:30px; min-height:40px; line-height:1.4em; color:#515862; background:url("../images/common/bg_check_off.png") no-repeat 0 0; display:inline-block; background-size:20px auto;}
input[type="checkbox"] + label.on {background:url("../images/common/bg_check_on.png") no-repeat 0 0; background-size:20px auto;}
input[type="checkbox"]:checked + label {background:url("../images/common/bg_check_on.png") no-repeat 0 0; background-size:20px auto;}

/* 라디오박스 a링크 */
.radioTxt .radioBox {margin-right:15px; padding-left:30px; line-height:24px; color:#515862; display:inline-block;}
.radioTxt .off {background:url("../images/common/bg_radio_off.png") no-repeat 0 0; background-size:20px auto;}
.radioTxt .on {background:url("../images/common/bg_radio_on.png") no-repeat 0 0; background-size:20px auto;}

/* 라디오박스 */
radio[type="radio"] {position:absolute; opacity:0; width:24px; height:24px; margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
radio[type="radio"] + label {height:24px; padding-left:37px; line-height:24px; color:#515862; background:url("../images/common/bg_radio_off.png") no-repeat 0 0; display:inline-block;background-size:20px auto;}
radio[type="radio"]:checked + label {background:url("../images/common/bg_radio_on.png") no-repeat 0 0;background-size:20px auto;}

/* 인풋 타입 */
.inputTxt {height:32px; /*padding:4px 0;*/ font-size:1em; color:#515862; text-indent:10px; border:1px solid #aaa; border-radius:7px; background-color:#e9e8e8; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25) inset;}
.inputTxtNum {width:36px; height:25px; padding:0 6px; text-align:center; border:1px solid #aaa; border-radius:7px; background-color:#e9e8e8; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25) inset; box-sizing:border-box;}

/* textarea */
.txtArea {width:98%; height:44px; padding:4px 5px; font-size:1em; color:#515862; border:1px solid #aaa; border-radius:7px; background-color:#e9e8e8; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25) inset;}

/* 셀렉트박스 */
.normalSel {position:relative; border:1px solid #aaa; border-radius:5px;}
.normalSel a {min-width:70px; padding:0 40px 0 10px; height:32px; line-height:34px; font-size:1em; color:#515862; border-radius:5px; background:#fff url("../images/common/bg_select.png") no-repeat right 46%; display:block; box-shadow:0 1px 2px 0 rgba(100, 100, 100, 0.4) inset; background-size:32px auto;}
.normalSel a span {color:#2497c1;}
.normalSel select {position:absolute; left:0; top:-1px; width:100%; height:42px; opacity:0;}

.normalSel a.noSel {background:#fff;}
.graySel a {background:#e9e8e8 url("../images/common/bg_select.png") no-repeat right 46%;}
.normalSel a.disabled {color:#bababa; background:#f1f1f1 url("../images/common/bg_select_di.png") no-repeat right 46%;}
.normalSel a.disabled span {color:#bababa;}

/* 셀렉트박스2 - 청구서 상단 부분 */
.normalSel2 {position:relative; border:1px solid #aaa; border-radius:5px;}
.normalSel2 a {min-width:70px; padding:10px 40px 10px 10px; font-size:1em; color:#515862; border-radius:5px; background:#fff url("../images/common/bg_select02.png") no-repeat right 46%; display:block; box-shadow:0 1px 2px 0 rgba(100, 100, 100, 0.4) inset; background-size:32px auto;}
.normalSel2 a span {color:#2497c1;}
.normalSel2 select {position:absolute; left:0; top:-1px; width:100%; height:42px; opacity:0;}

.normalSel2 a.noSel {background:#fff;}
.normalSel2 a.disabled {color:#bababa; background:#f1f1f1 url("../images/common/bg_select_di.png") no-repeat right 46%;}
.normalSel2 a.disabled span {color:#bababa;}

/* 셀렉트박스3 - 홈 요금제,부가서비스  부분 */
.normalSel3 {position:relative; border:1px solid #aaa; border-radius:25px;  border-color:#ed008c; }
.normalSel3 :after{content:""; display:block; width:25px; height:25px; background:url(../images_19/ico_new.png) no-repeat -25px 0; transform:rotate(180deg); background-size:150px 150px; position:absolute; top:50%; right:8px; margin-top:-12px}
.normalSel3.none :after{content:""; display:block; width:25px; height:25px; background:none;}
.normalSel3 a {min-width:70px; padding:0 40px 0 10px; height:32px; line-height:34px; font-size:1em; color:#222; border-radius:25px;  display:block; /* box-shadow:0 1px 2px 0 rgba(100, 100, 100, 0.4) inset; */ background-size:32px auto;}
.normalSel3 a.txt-overflow{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;}
.normalSel3 a span {color:#ed008c;}
.normalSel3 select {position:absolute; left:0; top:-1px; width:100%; height:42px; opacity:0;}

.normalSel3 a.noSel {background:#fff;}
.normalSel3 a.disabled {color:#bababa; background:url(../images_19/ico_new.png) no-repeat -25px 0;}
.normalSel3 a.disabled span {color:#bababa;}

/* disabled */
input.disabled {color:#bababa; border:1px solid #c7c7c7; background-color:#f1f1f1;}

/* 버튼 3개의 경우 */
.btn3 a {width:32%;}
.claimBox .btn3 a span {padding:0px 0px 0px 0px;}
.btn3 a span {padding:10px 9px 12px 3px;}

/* 버튼 4개의 경우 */
.btn4 a {width:23%;}
.claimBox .btn4 a span {padding:0px 0px 0px 0px;}
.btn4 a span {padding:10px 9px 12px 3px;}

/* 배경이 있는 버튼 영역 */
.btnBg {padding:30px 15px; text-align:center; background:url("../images/common/bg_show.gif") repeat 0 0;}

/* 일반버튼 btnGray1 */
.btnType1 {padding:0 15px; height:26px; line-height:28px; font-size:0.875em; color:#6f6f6f; text-align:center; border:1px solid #bebebe; border-radius:5px; background-color:#ededed; display:inline-block;}
.btnType2 {min-width:58px; padding:5px 15px; color:#e5e5e5; text-align:center; border:1px solid #848484; border-radius:6px; background-color:#979a9e; display:inline-block;}
.btnType3 {padding:5px 15px; color:#e5e5e5; text-align:center; border:1px solid #848484; border-radius:5px; background-color:#95989c; display:inline-block;}
.btnType4 {width:109px; padding:5px 0; color:#fff; text-align:center; border:1px solid #8991a5; border-radius:3px; background-color:#8f9ab2; display:inline-block; font-size:16px; word-spacing:-4em;}
.btnType5 {padding:5px 5px; margin-left:5px; font-size:0.875em; color:#6f6f6f; text-align:center; border:1px solid #bebebe; border-radius:5px; background-color:#ededed; display:inline-block;}

/* 버튼 타입 기본 높이40 */
.btn_type40 {height:32px; max-width:400px; vertical-align:middle; display:inline-block;}
.btn_type40 span { display:block; height:32px; line-height:34px; /*font-size:1em; line-height:1em;*/ color:#686f79; text-align:center;}

/* 버튼 타입_하얀40 */
.btn_type_normal40 {background-color:#f0f0f0; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d2d2d2)); background: -moz-linear-gradient(top,  #f0f0f0,  #d2d2d2); border:1px solid #bebebe; border-radius:5px; box-shadow: inset 0 1px 0 #f6f5f5; /*background:url("../images/btn/btn_type40.png") no-repeat 0 0;*/}
.btn_type_normal40 span {/*background:url("../images/btn/btn_type40.png") no-repeat right -40px;*/}

/* 버튼 타입_파랑40 */
.btn_type_blue40 { background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue40.png") no-repeat 0 0;*/}
.btn_type_blue40 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_blue40.png") no-repeat right -40px;*/}

/* 버튼 타입_회색40 */
.btn_type_gray40 { background-color:#9b9b9b; background: -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#8c8f93)); background: -moz-linear-gradient(top,  #9b9b9b,  #8c8f93); border:1px solid #787878; border-radius:5px; box-shadow: inset 0 1px 0 #bebfc2;/*background:url("../images/btn/btn_type_gray40.png") no-repeat 0 0;*/   }
.btn_type_gray40 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_gray40.png") no-repeat right -40px;*/}

/* 버튼 타입_불능40 */
.btn_type_disable40 {background-color:#f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); background: -moz-linear-gradient(top,  #f7f7f7,  #ebebeb); border:1px solid #cccccc; border-radius:5px; box-shadow: inset 0 1px 0 #f9f9f9; /*background:url("../images/btn/btn_type_disable40.png") no-repeat 0 0;*/}
.btn_type_disable40 span {color:#bfc2c8; /*background:url("../images/btn/btn_type_disable40.png") no-repeat right -40px;*/}






/* 버튼 타입 기본 높이48 */
.btn_type48 {width:48%; max-width:500px; height:32px; vertical-align:middle; display:inline-block;}
.btn_type48 span { height:32px; line-height:34px; font-size:1em; color:#686f79; text-align:center; display:block;}

/* 버튼 타입_하얀48 */
.btn_type_normal48 { background-color:#f0f0f0; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d2d2d2)); background: -moz-linear-gradient(top,  #f0f0f0,  #d2d2d2); border:1px solid #bebebe; border-radius:5px; box-shadow: inset 0 1px 0 #f6f5f5; /*background:url("../images/btn/btn_type48.png") no-repeat 0 0;*/}
.btn_type_normal48 span {/*background:url("../images/btn/btn_type48.png") no-repeat right -48px;*/}

/* 버튼 타입_파랑48 */
.btn_type_blue48 {background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue48.png") no-repeat 0 0;*/}
.btn_type_blue48 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_blue48.png") no-repeat right -48px;*/ }

/* 버튼 타입_회색48 */
.btn_type_gray48 {background-color:#9b9b9b; background: -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#8c8f93)); background: -moz-linear-gradient(top,  #9b9b9b,  #8c8f93); border:1px solid #787878; border-radius:5px; box-shadow: inset 0 1px 0 #bebfc2; /*background:url("../images/btn/btn_type_gray48.png") no-repeat 0 0;*/}
.btn_type_gray48 span {color:#e5e5e5;/* background:url("../images/btn/btn_type_gray48.png") no-repeat right -48px;*/}

/* 버튼 타입_핑크48 */
.btn_type_pink48 {background-color:#e3467d; background: -webkit-gradient(linear, left top, left bottom, from(#e3467d), to(#db3f76)); background: -moz-linear-gradient(top,  #e3467d,  #db3f76); border:1px solid #8b3d58; border-radius:5px; box-shadow: inset 0 1px 0 #ed8eb0; /*background:url("../images/btn/btn_type_pink60.png") no-repeat 0 0;*/}
.btn_type_pink48 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_pink60.png") no-repeat right -60px;*/}


/* 버튼 타입 기본 높이60 */
.btn_type60 {width:49%; max-width:500px; height:60px; vertical-align:middle; display:inline-block;}
.btn_type60 span {margin-left:6px; padding:21px 10px 19px 4px; font-size:1.3em; color:#e5e5e5; text-align:center; display:block;}

/* 버튼 타입_핑크60 */
.btn_type_pink60 {background-color:#e3467d; background: -webkit-gradient(linear, left top, left bottom, from(#e3467d), to(#db3f76)); background: -moz-linear-gradient(top,  #e3467d,  #db3f76); border:1px solid #8b3d58; border-radius:5px; box-shadow: inset 0 1px 0 #ed8eb0; /*background:url("../images/btn/btn_type_pink60.png") no-repeat 0 0;*/}
.btn_type_pink60 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_pink60.png") no-repeat right -60px;*/}

/* 버튼 타입 기본 높이100 */
.btn_type100 {max-width:500px; min-width:118px; height:100px; vertical-align:middle; display:inline-block;}
.btn_type100 span { height:100px; line-height:100px; font-size:1.25em; font-weight:bold; color:#686f79; text-align:center; display:block;}

/* 버튼 타입_파랑100 */
.btn_type_blue100 { background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue67.png") no-repeat 0 0;*/}
.btn_type_blue100 span {color:#e5e5e5;/* background:url("../images/btn/btn_type_blue67.png") no-repeat right bottom;*/}






/* margin */
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt20{ margin-top: 20px;}
.mt35 {margin-top:35px;}

.mr5 {margin-right:5px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml34 {margin-left:34px;}

/* padding */
.pb20{padding-bottom:20px;}

/* float */
.floatL {float:left;}
.floatR {float:right;}
.flRt{float:right;}
.flLt{float:left;}
.clear{clear:both;}
.clear:after {clear:both; content:""; display:block;}

/* position */
.positionR {position:relative;}
.positionA {position:absolute;}

/* align */
.alignC {text-align:center;}
.alignR {text-align:right;}
.vAlignM {vertical-align:middle;}

/* color */
.c2497c1 {color:#2497c1;}
.ce9e9e9 {color:#e9e9e9;}
.c405675 {color:#405675;}
.c484848 {color:#484848;}
.ce4427c {color:#e4427c;}
.c515862 {color:#515862;}
.c81858b {color:#81858b;}
.c6f89ac {color:#6f89ac;}
.c6f6f6f {color:#6f6f6f;}
.ce93b95 {color:#e93b95;}
.c1a9bcb{color:#1a9bcb;}

/* 너비 */
.w100p {width:100%;}
.w30{width:22%;}
.w40{width:40%;}
.w120p{width:120px;}

/* -webkit-overflow-scrolling: touch; 폰 터치스크롤.. os 버전에따라 안 될수도.. */
/* css2 셀렉터 (html4 / IE7,8,9 가능)
p[class="foo"] {border:1px solid red;} foo 인거
p[class^="d"] {border:1px solid blue;} d 로 시작
p[class$="b"] {border:1px solid #ddd;} b 로 끝
p[class~="bcd"] {border:1px solid #ccc;} 속성중 bcd 있다
p[class*="cde"] {background-color:#c9c9c9;} cde 포함
div p:first-child {font-weight:bold;} 첫번째 자식
.box > p {background-color:#a999ed;} 직계 자식의 모든 p
.box p + div {border:2px solid #000;} p에 인접한 div만..
.box p ~ .ccc {font-style:italic;} p의 동급 레벨중 .ccc만

input, textarea	 {-webkit-appearance:none; -webkit-border-radius:0;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px;}
*/

.deviceCp {border:2px solid #c4c4c4; background:url("../images/main/bg_coupon.gif") repeat;}
.deviceCp p {height:100px; padding-top:18px; background:url("../images/main/tab_coupon.png") no-repeat; text-align:center; font-weight:bold;}
.deviceCp p span {font-size:20px; color:#a968b9; line-height:1.5em;}
.deviceCp p b {font-size:40px; color:#e1539a; line-height:1em;}
.deviceCp .price {padding-left:55px; background:url("../images/main/price_won.png") no-repeat 0 10px;}

.addBnf {border:2px solid #c4c4c4; background:#fff;}
.addBnf p {height:73px; padding-top:15px; background:url("../images/main/tab_coupon2.png") no-repeat; text-align:center; font-weight:bold;}
.addBnf p span {font-size:20px; color:#9abf4b; line-height:1.5em;}
.addBnf p b {font-size:18px; color:#515862;}

.bnfWrap {padding:18px 15px 15px 10px; border:1px solid #b6b08e; border-radius:5px; background-color:#fffde1; box-shadow:0 1px 1px 0 rgba(205, 205, 205, 0.8); overflow:hidden;}
.bnfWrap div {float:left;}
.bnfWrap div span {display:inline-block; padding-left:11px; background:url("../images/charge/bg_warning.gif") no-repeat 0 5px; font-size:15px; color:#515862; line-height:18px;}
.bnfWrap p {float:right;}

.icon_ii { display:inline-block; margin-left:5px; vertical-align:middle;}
.icon_ii img { width:20px; }
















.btn_css_area{text-align:center;}
.btn_msg{background:#fff;padding:3px 10px;border:1px solid #dfdfdf; border-radius:4px; color:#484848;margin:0 5px;}

/* 버튼 타입_파랑40 */
.btn_type_trans40 {background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue40.png") no-repeat 0 0;*/}
.btn_type_trans40 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_blue40.png") no-repeat right -40px;*/}

/* 버튼정의 */
.btn_type40_2_area{position:relative;text-align:right;width:79%;}
.btn_type40_2 {width:49%;max-width:500px; height:32px; line-height:34px; display:inline-block; border-radius:4px; text-align:center; margin-bottom:5px;}

.btn_type40_2.gray{background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#94979b), color-stop(100%,#8b8e92));box-shadow:inset 0 1px 0 #bdbec1;border:1px solid #838383;color:#fff;}
.btn_type40_2.blue{background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#54adde), color-stop(100%,#4da6da));box-shadow:inset 0 1px 0 #98ccea;border:1px solid #3487b5;color:#fff;}
.btn_type40_2.white{background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e4e4e4));box-shadow:inset 0 1px 0 #f5f4f4;border:1px solid #bdbdbd;color:#515862;}
.btn_type40_2 span {height:32px;  text-align:center; display:block;font-weight:100;}
.btn_type40_2.icon_tel span{background:url(../images/adv/icon_btn_tel.png) no-repeat 12px center;background-size:20px; /*padding:15px 10px 13px 6px;*/}

/* 설정하기버튼 */
.btn_vSetup{background:#e63a97 url(../images/adv/icon_btn_setup.png) no-repeat 8px center;background-size:20px;margin-right:8px;color:#fff;border:1px solid #b53379;padding:5px 15px 5px 32px;}
.btn_vSetupCancel{background:#757575 url(../images/adv/icon_btn_cancel.png) no-repeat 8px center;background-size:20px;;margin-right:8px;color:#fff;border:1px solid #5e5e5e;padding:5px 15px 5px 32px;}

.btn_inq{float:right;display:inline-block;text-align:center;color:#ffffff;border:1px solid #3488b6;border-radius:4px;box-shadow: inset 0 1px 0 #98cdeb;padding:10px 0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#54aedf), color-stop(100%,#4da7db));
}

/* 2016 header */
.wrap {padding-top:43px;}
.wrap_noFoot {padding-top:43px;}
.wrap_noHeader {padding:0;}
header {height:42px; border-bottom:1px solid #ec068d; background:#fff;}
header.main-header {border-color:#fff;}
header h1 {float:left; background-size:15px 13px; font-size:1.231em; font-weight:600; line-height:2.625em; color:#ec068d; text-shadow:none;}
header h1 > a {display:block; height:auto; padding:0 0 0 39px; color:#ec068d;}
header .etc-btn {position:absolute; top:0; right:0; font-size:0; line-height:0; text-align:right;}
header .etc-btn a {position:relative; display:inline-block; width:20px; height:20px; margin:0 10px 0 2px; padding:11px 5px; font-size:0; line-height:0; text-indent:-9999px; color:transparent;}
header .etc-btn .count {position:absolute; top:5px; right:-5px; width:16px; height:16px; border-radius:8px; background:#ec068d; font-size:10px; line-height:16px; color:#fff; text-align:center; text-indent:0;}
header .etc-btn .myU-btn { background:url(../images/common/new16/header_etc01.png) no-repeat 50% 50%; background-size:20px 20px;}
header .etc-btn .my-benefit {background:url(../images/common/new16/header_etc02.png) no-repeat 50% 50%; background-size:20px 20px;}
header .etc-btn .header-search {background:url(../images/common/new16/header_etc03.png) no-repeat 50% 50%; background-size:20px 20px;}
header .main-logo { position:relative; width:108px; height:42px; background:url(../images/main/new16/logo.png) no-repeat 0 0; background-size:auto 42px; font-size:0; line-height:0; text-indent:-9999px;}

/* 2016 배경 및 기본 폰트 크기 */
body {background:#fff; font-size:13px; letter-spacing:0;}
.bg_noise {background:#fff5fe;}

/* 2016 set */
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}

/* 2016 swiper */
.swiper-container {position:relative; overflow:hidden; padding-top:15px; background:#fff;}
.swiper-container .swiper-wrapper {overflow:hidden; width:1000%;}
.swiper-container .swiper-wrapper .swiper-slide {float:left; overflow:hidden; position:relative;}
.swiper-container .swiper-wrapper .swiper-slide img {width:100%;}
.swiper-container .swiper-pagination {position:absolute; top:5px; left:8px; right:8px; font-size:0; line-height:0; text-align:center;}
.swiper-container .swiper-pagination .swiper-pagination-bullet {display:inline-block; width:5px; height:5px; margin:0 1px 0 2px; border-radius:5px; background:rgba(0, 0, 0, 0.15); font-size:0; line-height:0;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {background:#ed1c97;}

.main-one-banner img {width:100%;}

/* 2016 tab renew */
.tabEmail {overflow:hidden; position:relative; padding:0 15px 0; border-bottom:0; background:#f5f5f5; box-shadow:none;}
.tabEmail:after {content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#c4c4c4;}
.tabEmail li a{padding:4px 0; background:#f5f5f5; font-size:1.083em; font-weight:bold; color:#333; line-height:2.077em;}
.tabEmail li:first-child a{box-shadow:none;}
.tabEmail li:last-child a{box-shadow:none;}
.tabEmail li a.on{position:relative; background:#f5f5f5; color:#ec068d;}
.tabEmail li a.on:after{content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:#ec068d; z-index:2;}
.tabEmail-type5 li {width:20%;}
.tabEmail-type4 li {width:25%;}
.tabEmail-type3 li {width:33%;}
.tabEmail-type3 li:first-child {width:34%;}
.checkTxt .checkBox{padding-left:22px;}
.checkTxt .checkBox11{padding-left:20px;}
.checkTxt .checkBox22{padding-left:20px;}
.checkTxt .off{background:url('../images/common/new16/bg_check_off.png') no-repeat 0 1px; background-size:16px 16px;}
.checkTxt .on{background:url('../images/common/new16/bg_check_on.png') no-repeat 0 1px; background-size:16px 16px;}
.inputTxt{height:30px; border-color:#ccc; border-radius:3px; background-color:#f5f5f5; font-size:0.917em; color:#999; line-height:1.636em; box-shadow:0 3px 2px 0 rgba(233, 233, 233, 0.5) inset; box-sizing:border-box; vertical-align:middle;}
.inputTxtNum {height:30px; border-color:#ccc; border-radius:3px; background-color:#f5f5f5; font-size:0.917em; color:#999; line-height:1.636em; box-shadow:0 3px 2px 0 rgba(233, 233, 233, 0.5) inset; box-sizing:border-box; vertical-align:middle;}

.tabBox {position:relative; height:auto; padding:0; border:0; background:#f5f5f5;}
.tabBox:after {content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#c4c4c4;}
.tabBox ul {border:0;}
.tabBox ul li {width:auto !important;}
.tabBox ul li div.pad {padding-right:4px;}
.tabBox ul li div.pad p a {position:relative; display:block; width:auto; padding:2px 8px 0; border:0; border-radius:0; background:none; font-size:1.083em; font-weight:bold; line-height:2.500em; color:#333; box-shadow:none; z-index:2;}
.tabBox ul li div.pad p a.on {border:0; border-radius:0; background:none; color:#ec068d;}
.tabBox ul li div.pad p a.on:after {content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:#ec068d;}

/* 2016 버튼 정렬 */
.alignC > a:first-child {margin-right:5px;}

/* 2016 버튼 */
.btnType1 {height:28px; padding:0 10px; border:1px solid #ccc; border-radius:0; background:#f5f5f5; font-size:0.917em; line-height:2.333em; color:#333;}
.btnType2 {min-width:10px; height:28px; padding:0 10px; border:1px solid #ccc; border-radius:0; background:#fff; font-size:0.917em; line-height:2.333em; color:#ec068d; vertical-align:middle;}

/* 버튼 타입 기본 높이40 */
.btn_type40 {height:28px; max-width:400px; vertical-align:middle; display:inline-block;}
.btn_type40 span { display:block; height:28px; padding:1px 8px 0; font-size:11px; line-height:27px; /*font-size:1em; line-height:1em;*/ color:#686f79; text-align:center; box-sizing:border-box;}

/* 버튼 타입_하얀40 */
.btn_type_normal40 {background:#fff; border:1px solid #ccc; border-radius:0; color:#ec068d; box-shadow:none;}
.btn_type_normal40 span {color:#ec068d;}

/* 버튼 타입_파랑40 */
.btn_type_blue40 { background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue40.png") no-repeat 0 0;*/}
.btn_type_blue40 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_blue40.png") no-repeat right -40px;*/}

/* 버튼 타입_회색40 */
.btn_type_gray40 { background-color:#9b9b9b; background: -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#8c8f93)); background: -moz-linear-gradient(top,  #9b9b9b,  #8c8f93); border:1px solid #787878; border-radius:5px; box-shadow: inset 0 1px 0 #bebfc2;/*background:url("../images/btn/btn_type_gray40.png") no-repeat 0 0;*/   }
.btn_type_gray40 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_gray40.png") no-repeat right -40px;*/}

/* 2016 버튼 타입_핑크60 */
.btn_type_pink40 {background:#ed1c97; border:1px solid #ed1c97; border-radius:0; box-shadow:none;}
.btn_type_pink40 span {color:#fff;}

/* 버튼 타입_불능40 */
.btn_type_disable40 {background-color:#f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); background: -moz-linear-gradient(top,  #f7f7f7,  #ebebeb); border:1px solid #cccccc; border-radius:5px; box-shadow: inset 0 1px 0 #f9f9f9; /*background:url("../images/btn/btn_type_disable40.png") no-repeat 0 0;*/}
.btn_type_disable40 span {color:#bfc2c8; /*background:url("../images/btn/btn_type_disable40.png") no-repeat right -40px;*/}

/* 2016 버튼 타입 기본 높이48 */
.btn_type48 {height:35px; border:0; border-radius:0; box-shadow:none; background:none; font-size:1.083em; line-height:1.154em;}
.btn_type48 span {height:35px; padding-top:2px; color:#fff; box-sizing:border-box;}

/* 2016 버튼 타입_하얀48 */
.btn_type_normal48 { background:#fff; border:1px solid #dabfe0; border-radius:0; box-shadow:none;}
.btn_type_normal48 span {color:#ec068d;}

/* 2016 버튼 타입_하얀48 */
.btn_type_white48 { background:#fff; border:1px solid #dabfe0; border-radius:0; box-shadow:none;}
.btn_type_white48 span {color:#dabfe0;}

/* 2016 버튼 타입_파랑48 */
.btn_type_blue48 {background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue48.png") no-repeat 0 0;*/}
.btn_type_blue48 span {color:#e5e5e5; /*background:url("../images/btn/btn_type_blue48.png") no-repeat right -48px;*/ }

/* 2016 버튼 타입_회색48 */
.btn_type_gray48 {background:#444; border:1px solid #444; border-radius:0; box-shadow:none;}
.btn_type_gray48 span {color:#fff;}

/* 2016 버튼 타입_핑크60 */
.btn_type_pink48 {background:#ed1c97; border:1px solid #ed1c97; border-radius:0; box-shadow:none;}
.btn_type_pink48 span {color:#fff;}


/* 2016 버튼 타입 기본 높이60 */
.btn_type60 {width:49%; max-width:500px; height:60px; vertical-align:middle; display:inline-block;}
.btn_type60 span {margin-left:6px; padding:21px 10px 19px 4px; font-size:1.3em; color:#e5e5e5; text-align:center; display:block;}

/* 2016 버튼 타입_핑크60 */
.btn_type_pink60 {background:#ed1c97; border:1px solid #ed1c97; border-radius:0; box-shadow:none;}
.btn_type_pink60 span {color:#fff;}

/* 2016 버튼 타입 기본 높이100 */
.btn_type100 {max-width:500px; min-width:118px; height:100px; vertical-align:middle; display:inline-block;}
.btn_type100 span { height:100px; line-height:100px; font-size:1.25em; font-weight:bold; color:#686f79; text-align:center; display:block;}

/* 2016 버튼 타입_파랑100 */
.btn_type_blue100 { background-color:#54aedf; background: -webkit-gradient(linear, left top, left bottom, from(#54aedf), to(#4da7db)); background: -moz-linear-gradient(top,  #54aedf,  #4da7db); border:1px solid #3488b6; border-radius:5px; box-shadow: inset 0 1px 0 #98cdeb; /*background:url("../images/btn/btn_type_blue67.png") no-repeat 0 0;*/}
.btn_type_blue100 span {color:#e5e5e5;/* background:url("../images/btn/btn_type_blue67.png") no-repeat right bottom;*/}

/* 2016 버튼 full */
.btn_type_full {width:100%; width:calc(100% - 2px); max-width:100%; margin:0 !important; text-align:center;}

.btn_msg {border:1px solid #ccc; border-radius:0; line-height:22px; background:#f5f5f5;}

/* 2016 table */
.tbTypeY2 thead th {background:#f2eff8;color:#484848;padding: 8px 0;text-align: center;border-top: 1px solid #f8f8f8;font-weight:bold;border-bottom: 1px solid #c7cbd3;}/*20161219추가*/
.tbTypeY2 tbody th {background:#f2eff8;}
.tbTypeY2 tbody td {background:#fff;}
.tbTypeY2 tbody tr.reBox td {padding:21px 0 0; border-bottom:0; background:#fff;}
.tbTypeY2 tbody tr.reBox td > div {text-align:center;}
.tbTypeY2 tbody tr.reBox td > div > p {font-size:1.250em; line-height:1.400em;}
.tbTypeY2 tbody td .bank {padding:0 11px;}
.tbTypeY2 tbody td .small-text {margin-top:5px; font-size:0.833em; line-height:1.200em;}
.tbTypeY2 tbody td .poR_btn .phone-btn {position:absolute; top:50%; right:10px; margin-top:-15px;}
.tbTypeY2 tbody td .poR_btn .phone-btn img {width:30px;}
.tbTypeY2 tbody td .plus-img {padding:2px 0; font-size:0; line-height:0; text-align:center;}
.tbTypeY2 tbody td .plus-img img {width:20px;}
.tbTypeY2 tbody tr.border-last-tr th,
.tbTypeY2 tbody tr.border-last-tr td {border-bottom:1px solid #92979e;}
.tbTypeY2 tfoot th,
.tbTypeY2 tfoot td {border-bottom:1px solid #92979e;}
.tbTypeY2 tfoot td {padding:6px 0; background:#f2eff8; text-align:center;}
.tbTypeY2 tfoot td.same-img {padding:12px 0; background:#fff; font-size:0; line-height:0;}
.tbTypeY2 tfoot td.same-img img {height:20px;}
.tbTypeY2 tfoot td .plan-pic {padding:4px 0; font-size:0.769em; line-height:1.500em; color:#333;}
.tbTypeY2 tfoot td .plan-pic > strong {font-size:1.500em; color:#ed1c97;}

.tbTypeX2_1{border-top: 2px solid #92979e;}
.tbTypeX2_1 tbody th {background:#f2eff8;}
.tbTypeX2_1 tbody td {background:#fff;}
.tbTypeX2_1 tbody tr.ok th .pad,
.tbTypeX2_1 tbody tr.ok td .pad {color:#ec068d;}

.tbTypeY3 tbody th {background:#f2eff8;}
.tbTypeY3 tbody td {background:#fff;}

.tbTypeX3 tbody th {background:#f2eff8;}
.tbTypeX3 tbody td {background:#fff;}
.tbTypeX3 tbody td .poR_btn .btnType1 {margin-top:-15px;}

.tbTypeX4 tbody th {background:#f2eff8;}
.tbTypeX4 tbody td {background:#fff;}

.tbSetup tbody th {background:#f2eff8;}
.tbSetup tbody td {background:#fff;}

.tbResidue tbody th {background:#f2eff8;}
.tbResidue tbody td {background:#fff;}

.white-table{border-top:0;}
.white-table tbody tr:last-child th, .white-table tbody tr:last-child td{border-bottom:0;}
.white-table tbody th{padding-top:13px; border:0; background-color:#fff; text-align:left; vertical-align:top;}
.white-table tbody td{border:0; background-color:#fff;}
.white-table tbody td .inputTxt{box-sizing:border-box;}

.tbPayment tbody th,
.tbPayment tbody td {background:#fff;}
.tbPayment tbody th .pad {padding-left:10px;}
.tbPayment tbody td .pad {padding-right:10px;}
.tbPayment tbody tr.type1 th,
.tbPayment tbody tr.type1 td {font-weight:600; background:#f2eff8;}
.tbPayment tbody tr.icon td {background:#fff;}
.tbPayment tbody td .pad_icon {padding:0 10px; font-size:0.833em; color:#8e5495;}
.tbPayment tbody tr.dep th .pad {padding-left:25px; background:url(../images/icon/new16/bg_dep.png) no-repeat 11px 3px; background-size:9px 13px; color:#ec068d;}
.tbPayment tfoot td.dotBg {border-top:2px solid #999; border-bottom:2px solid #999; background:none;}
.tbPayment tfoot td .padBg {padding:0; background:#fff;}
.tbPayment tfoot td .padBg .sum {padding:13px 10px 14px; font-size:1.167em; color:#ec068d;}
.tbPayment tfoot td .padBg .sum .fs26 {font-size:1.214em; color:#ec068d;}
.tbPayment tfoot td .padBg .charge {margin-bottom:0; border-bottom:0;}
.tbPayment tfoot td .padBg .charge > p {margin-bottom:0; border-bottom:2px solid #999; padding:13px 10px 14px; font-size:1.167em;}
.tbPayment tbody .icon_i img {width:20px;}

.tbPayment2 tbody th,
.tbPayment2 tbody td {background:#fff;}
.tbPayment2 tbody th .pad {padding-left:10px;}
.tbPayment2 tbody td .pad {padding-right:10px;}
.tbPayment2 tbody td .pad span{font-size:0; color:transparent; line-height:0;}
.tbPayment2 tbody td .pad .icon_ii img{width:10px; height:5px;}
.tbPayment2 tbody tr.type1 th,
.tbPayment2 tbody tr.type1 td {font-weight:600; background:#f2eff8;}
.tbPayment2 tbody tr.icon td {background:#fff;}
.tbPayment2 tbody td .pad_icon {padding:0 10px; font-size:0.833em; color:#8e5495;}
.tbPayment2 tbody tr.dep th .pad {padding-left:25px; background:url(../images/icon/new16/bg_dep.png) no-repeat 11px 3px; background-size:9px 13px; color:#ec068d;}
.tbPayment2 tfoot td.dotBg {border-top:2px solid #999; border-bottom:2px solid #999; background:none;}
.tbPayment2 tfoot td .padBg {padding:13px 10px 14px; background:#fff;}
.tbPayment2 tfoot td .padBg .sum {font-size:1.167em;}
.tbPayment2 tfoot td .padBg .sum .fs26 {font-size:1.214em; color:#ec068d;}

.tbResidue {border-top:2px solid #aaa;}
.tbResidue thead th {border-top:0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f2eff8; font-size:0.917em; font-weight:600; line-height:1.364em; color:#333;}
.tbResidue thead th:first-child {border-left:0;}
.tbResidue tbody th {border-top:0; border-bottom:1px solid #ccc; background:#fff; font-size:0.917em; font-weight:600; line-height:1.364em; color:#333;}
.tbResidue tbody th.bgBlue {background:#fff;}
.tbResidue tbody td {border-top:0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:0.917em; line-height:1.364em; color:#666;}
.tbResidue tbody td:first-child {border-left:0;}
.tbResidue tfoot td {background:#fff;}
.tbResidue tfoot tr.blueBox td {border:2px solid #ec068d;}
.tbResidue tfoot .padLink .bgBlue {border-right:1px solid #ccc; background:#fff; font-size:0.917em; font-weight:600; color:#ec068d;}
.tbResidue tfoot .padLink .colR {margin:0; padding:11px 9% 11px 0; font-weight:600; color:#ec068d;}
.tbResidue tfoot .padLink .colR > img {display:none;}

.tbClaimCh tbody th {background:#f2eff8;}
.tbClaimCh tbody td {background:#fff; color:#333;}

.tbUseinfo {border:0; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-radius:0;}
.tbUseinfo tbody th {padding:13px 0; border-top:1px solid #ccc; background:#f2eff8;}
.tbUseinfo tbody td {height:34px; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#fff;}
.tbUseinfo tr:first-child th,
.tbUseinfo tr:first-child td {border-top:0;}
.tbUseinfo tbody td .poBox .btnTel {width:25px; height:25px; margin-top:-13px;}
.tbUseinfo tbody td .poBox .btnTel img {width:100%;}

.claimList li .useInfo .usetxt {margin-bottom:0; border:0; background:none; font-size:1em;}
.claimList li .useInfo .tbUseinfo.usetxt tbody td {border:0; background:none;}

.tbAgree tbody th{background:#f2eff8;}
.tbAgree tbody td{background:#fff;}

/* 2016 renew radio button */
.radioTxt .off{background:url('../images/login/bg_radio_off.png') no-repeat 0 0; background-size:16px 16px;}
.radioTxt .on{background:url('../images/login/bg_radio_on.png') no-repeat 0 0; background-size:16px 16px;}
.radioTxt .radioBox{margin-right:20px; padding-left:22px; font-size:0.917em; color:#333; line-height:1.636em;}

/* 2016 renew check button */
input[type="checkbox"] + label {min-height:10px; padding-left:22px; background:url('../images/common/new16/bg_check_off.png') no-repeat 0 1px; background-size:16px 16px; line-height:18px;}
input[type="checkbox"]:checked + label {background:url('../images/common/new16/bg_check_on.png') no-repeat 0 1px; background-size:16px 16px;}
.checkTxt .c2497c1 {color:#ec068d;}

/* 2016 renew select */
.normalSel,
.normalSel2 {border-color:#ccc; border-radius:3px;}
.normalSel a{min-width:10px; height:28px; padding:0 30px 0 10px; border-radius:3px; line-height:2.000em; box-shadow:none;}
.normalSel2 a{min-width:10px; height:28px; padding:0 30px 0 10px; border-radius:3px; line-height:2.083em; box-shadow:none;}
.normalSel a span,
.normalSel2 a span {color:#666;}
.normalSel a {background:#fff url("../images/common/new16/bg_select.png") no-repeat right 50%; background-size:auto 28px;}
.normalSel a.disabled {background:#f5f5f5 url("../images/common/new16/bg_select_di.png") no-repeat right 50%; background-size:auto 28px;}
.normalSel2 a {background:#fff url("../images/common/new16/bg_select.png") no-repeat right 50%; background-size:auto 23px;}
.normalSel2 a.disabled {background:#f5f5f5 url("../images/common/new16/bg_select_di.png") no-repeat right 50%; background-size:auto 28px;}

/* 2016 title */
.sub-title {height:27px; font-size:1.167em; font-weight:600; line-height:1.429em; color:#333;}
section .appTitle {font-weight:bold; color:#ec068d; text-shadow:none;}

/* 2016 font color */
.pColor{color:#ec068d !important;} /* 핑크 */
.purpleColor{color: #C64EC0 !important;}/*보라*/
.memPColor{color: #5b37ba !important;}/*멤버십포인트*/
.gColor{color:#666;} /* 진한회색 */
.gColor2{color:#999;} /* 연한회색 */
.bColor{color:#1111ff;} /* 파랑 */
.c2497c1 {color:#ec068d;}

.memPointTxt{font-size: 17px;}/*멤버십포인트*/

/* 2016 new checkFare */
.my-phone-select {position:relative;}
.my-phone-select .my-choice-phone {display:block; overflow:hidden; padding:3px 15px 4px; background:#ec068d url(../images/common/new16/bg_down_arrow_white.png) no-repeat 100% 50%; background-size:25px 6px;}
.my-phone-select .phone-number {float:left; line-height:2.250em; color:#fff;}
.my-phone-select .memnber-number {position:relative; display:block; margin-left:91px; padding-left:10px; line-height:2.250em; color:#fff; color:#fff;}
.my-phone-select .memnber-number:after {content:''; position:absolute; top:9px; bottom:9px; left:0; width:1px; background:rgba(255, 255, 255, 0.5);}
.charge-area {height:130px; padding:0 15px; background:#fff5ff;}
.charge-area .charge-info {padding:18px 0 0; text-align:center;}
.charge-area .charge-info .use-date {margin-bottom:1px; line-height:2.000em; color:#333;}
.charge-area .charge-info .use-month {margin-bottom:3px; font-size:1.417em; font-weight:800; line-height:1.412em; color:#333;}
.charge-area .charge-info .use-pay {margin-bottom:21px; font-size:2.083em; font-weight:600; line-height:1.200em; color:#ed0e91;}
.charge-area .user-setting-limit{margin-top:0; padding-top:27px; font-size:1.077em; font-weight:800; line-height:1.471em;}
.charge-area .user-setting-limit > strong{display:block; margin-top:11px; font-size:2.308em; font-weight:600; line-height:100%; color:#ed0e91;}
.charge-area .max-limit{padding-top:4px;}

.payment-area {display:inline-block; width:100%; margin-bottom:10px; border-top:1px solid #dabfe0; border-bottom:1px solid #ddd; background:#fff;}
.payment-area .charge-payment {float:left; width:50%; height:220px; padding:11px 15px 0; box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.payment-area .charge-payment > ul > li {padding-top:5px;}
.payment-area .charge-payment > ul > li:first-child {padding-top:0;}
.payment-area .charge-payment > ul > li > a {display:block; height:33px; padding:0; border:0; border-bottom:1px solid #ccc; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 50%; background-size:5px auto; line-height:2.750em; color:#333;}
.payment-area .charge-payment > ul > li:last-child > a {border-bottom:0;}
.payment-area .charge-payment > ul > li.none-border > a {border:0; letter-spacing:-1px;}
.payment-area .charge-payment .bank-info {padding:5px;}
.payment-area .charge-payment .bank-info > p {padding:4px 0 7px; font-size:0.917em; line-height:1.273em; color:#ae51ba;}
.payment-area .charge-payment .bank-info > p > a {color:#ae51ba;}
.payment-area .charge-payment .bank-info .btn_type48 {width:100%; height:23px;}
.payment-area .charge-payment .bank-info .btn_type48 span {height:23px; line-height:22px; color:#333;}
.payment-area .charge-payment .btn_type48{border-color:#ccc; background:#f5f5f5;}
.payment-area .charge-payment .btn_type48 span{font-size:0.769em;}
.payment-area .payment-info {float:right; width:50%; height:220px; padding:11px 15px 0; border-left:1px solid #ddd; box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.payment-area .payment-info > ul > li {padding-top:5px; border-bottom:1px solid #ccc;}
.payment-area .payment-info > ul > li:first-child {padding-top:0;}
.payment-area .payment-info > ul > li:last-child {border-bottom:0;}
.payment-area .payment-info > ul > li > a {display:block; height:33px; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 50%; background-size:5px auto; line-height:2.750em; color:#333;}
.payment-area .payment-info > ul > li .payment-info-title {height:35px; font-size:0.917em; line-height:1.273em; color:#ae51ba; letter-spacing:-1px;}
.payment-area .payment-info > ul > li.none-border .payment-info-title{border-bottom:0;}
.payment-area .sever-check-text {font-size:1.083em; line-height:1.846em; color:#a56fa4; text-align:center;}
.payment-area .charge-payment .sever-check-text {padding-top:41px;}
.payment-area .payment-info .sever-check-text {padding-top:73px;}
.payment-area .payment-loding {text-align:center;}
.payment-area .payment-loding span {display:inline-block; padding:3px 0 2px 29px; background:url(../images/common/new16/loading.gif) no-repeat 0 50%; background-size:21px 21px; font-size:1.083em; line-height:1.308em; color:#ed1c97;}
.payment-area .charge-payment .payment-loding {padding-top:42px;}
.payment-area .payment-info .payment-loding {padding-top:75px;}
.payment-area .payment-refresh {text-align:center;}
.payment-area .payment-refresh a {display:inline-block; padding-left:28px; background:url(../images/icon/new16/icon_refresh.png) no-repeat 0 50%; background-size:22px 22px; font-size:1.583em; line-height:1.263em; color:#a56fa4;}
.payment-area .charge-payment .payment-refresh {padding-top:40px;}
.payment-area .payment-info .payment-refresh {padding-top:73px;}
.menu-link {overflow:hidden; background:#fff; border-bottom:1px solid #ddd;}
.menu-link > li {float:left; width:33%; height:52px; border-top:1px solid #ddd; border-left:1px solid #ddd; background: linear-gradient(to bottom,  rgba(255,255,255,1) 31%,rgba(249,249,249,1) 100%); box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.menu-link > li:nth-child(3n+1){width:34%; border-left:0;}
.menu-link > li > a {display:block; line-height:4.273em; color:#333; text-align:center;}

/* 2016 top type */
.charge-sever-check {margin:0 -15px; padding-top:37px; text-align:center;}
.charge-sever-check .sever-check-text {margin-bottom:18px; font-size:1.250em; line-height:1.467em; color:#333;}
.charge-sever-check .sever-check-text > strong {color:#ed1c97;}
.charge-sever-check .sever-check-date {line-height:1.500em; color:#333;}
.charge-loding {padding-top:85px; background:url(../images/common/new16/loading.gif) no-repeat 50% 55px; background-size:21px 21px; font-size:1.083em; line-height:1.308em; color:#ed1c97; text-align:center;}
.charge-refresh {padding-top:49px; font-size:1.083em; line-height:1.385em; color:#333; text-align:center;}
.charge-refresh > a {display:inline-block; margin-top:12px; padding-left:28px; background:url(../images/icon/new16/icon_refresh.png) no-repeat 0 50%; background-size:22px 22px; font-size:1.583em; line-height:1.263em; color:#a56fa4;}

/* 2016 renew 공지사항 */
.noticeList {border-top:1px solid #ccc;}
.noticeList li {border-top:0;}
.noticeList li .aLink{padding:19px 0 15px 20px; border-color:#ccc; background-color:#fff;}
.noticeList li .aLink img{width:26px;}
.noticeList li .aLink .bgImg{width:10px;}
.noticeList li .aLink .bgIcon{margin-top:2px;}
.noticeList li.answer .txtBox {border-color:#ccc;}

/* 2016 blot list */
.memTxt{margin-bottom:0; border:0; background-color:#fff; font-size:0.917em; color:#333; line-height:1.273em;}
.memTxt p{margin-top:9px; color:#333;}
.memTxt p:first-child .gColor2{text-indent:0;}
.memTxt p span{color:#ec068d;}
.memTxt p .gColor2{display:block; color:#999; text-indent:25px;}
.memTxt.nopadding {padding:0;}
.memTxt.border {padding:12px 4px; border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4;}
.memTxt.noborder {padding:12px 4px; border:0;}

/* 2016 customer */
.bg-white {background:#fff;}
.bg-white .optionBox {padding:15px; border-bottom:0; background:#fff;}
.customer-main-tab {height:133px; padding:11px 0 0; background:#fff5ff; box-sizing:border-box;}
.customer-main-tab .sub-title {padding-left:15px;}
.customer-main-tab .big-tab-box {background:none;}
.customer-main-tab .big-tab-box:after {display:none;}
.customer-main-tab .big-tab-box ul {width:680px !important;}
.customer-main-tab .big-tab-box li div.pad {padding-right:5px;}
.customer-main-tab .big-tab-box li div.pad p {width:80px; height:80px;}
.customer-main-tab .big-tab-box li div.pad p a {padding:0; font-size:0; line-height:0;}
.customer-main-tab .big-tab-box li div.pad p a.on:after {display:none;}
.customer-main-tab .big-tab-box li div.pad p a img {width:100%;}
.customer-guide {margin-bottom:10px; padding:11px 15px 10px; border-top:1px solid #dabfe0; border-bottom:1px solid #ddd; background:#fff;}
.customer-guide .customer-guide-list {padding-top:3px;}
.customer-guide .customer-guide-list > li {border-top:1px solid #ddd;}
.customer-guide .customer-guide-list > li:first-child {border-top:0;}
.customer-guide .customer-guide-list > li > a {display:block; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 50%; background-size:5px 7px; line-height:2.917em; color:#333;}
.uSearchBox {padding:0 40px 0 3px; background:#ec068d;}
.uSearchBox .searchOuter {height:35px; padding:0 0 0 10px; border:0; border-radius:0; background:transparent; box-shadow:none;}
.uSearchBox .searchOuter .inputSearch {background:transparent; line-height:2.250em; color:#fff;}
.uSearchBox .searchOuter .inputSearch::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.7);}
.uSearchBox .btn_act {top:0; right:0;}
.uSearchBox .btn_act input[type=image] {width:15px; height:15px; padding:10px 15px;}
.category {padding:7px 12px; border-bottom:1px solid #c1c3c7; background:#fff; box-shadow:none;}
.category .cate {padding-top:5px;}
.historyInfoBox {padding:20px 0; border:0; border-radius:0; background:#fff; box-shadow:none; font-size:1.250em; line-height:1.467em; color:#333;}
.historyInfoBox .customer-search-area{display:inline-block; padding-left:50px; background:url(../images/icon/new16/icon_search_mag.png) no-repeat 0 5px; background-size:35px auto; text-align:left;}
.historyInfoBox strong {font-weight:normal; color:#ec068d;}
.historyInfoBox em {font-size:0.667em; line-height:1.300em; color:#666;}
.historyInfoBox .text-block {display:block; margin-top:4px;}
.historyInfoBox .dot {padding-left:15px;background:url("../images/common/bg_dot1.png") no-repeat 0 2px;}
.join-with-doc .memberList {border-top:1px solid #ccc;}
.join-with-doc .memberList li {border-top:0;}
.join-with-doc .memberList li .aLink {display:block; height:55px; background:#fff url(../images/icon/new16/icon_doc_down.png) no-repeat 100% 50%; background-size:29px 16px; border-bottom:1px solid #ccc; color:#333;}
.join-with-doc .memberList li .aLink .title {display:block; padding-left:17px; font-size:1.083em; line-height:4.231em;}
.changeTxt {margin-bottom:30px;}
.changeTxt .txt {padding:15px 7px; background:#fff;}

.askList {border-top:0;}
.askList li .aLink {height:50px; border-color:#ddd; background:#fff;}
.askList li.answer .box {background:#fbf6fb;}
.askList li .aLink .bgQ {left:15px; width:18px; height:18px; margin-top:-9px;}
.askList li .aLink .title {padding:11px 40px 9px; line-height:1.250em;}
.askList li .aLink .bgImg {right:15px; width:10px; height:5px; margin-top:-3px;}
.askList li.answer .box .bgA {top:20px; left:15px; width:18px; height:18px;}
.askList li.answer .box .txt {padding:10px 40px; line-height:1.250em;}
.counselList li .aLink {padding:17px 0 17px 80px; background:#fff;}
.counselList li.answer .txtBox {background:#fbf6fb;}
.counselList li.answer .ansBox {background:#fbf6fb;}
.counselList li.answer .ansBox .bgLine {border-top:1px solid #ccc; background:none;}
.counselList li .aLink .bgIcon {left:15px; width:54px;}
.counselList li.answer .ansBox .bgLine .bgIconA {left:15px; width:54px;}
.counselList li.answer .ansBox .bgLine .dateA {margin-left:70px;}

.shopList li {position:relative;}
.shopList li .shopTit {display:block; background:#fff;}
.shopList li .shopTit .title {padding:0 15px; font-size:1.000em;}
.shopList li .shopTit .title > span {display:block;}
.shopList li .shopTit .shop-list-title {font-size:1.077em; color:#ec068d;}
.shopList li .shopTit .shop-list-number {font-weight:600; color:#333;}
.shopList li .shopTit .shop-list-new-addres {color:#666;}
.shopList li .shopTit .shop-list-old-addres {color:#666;}
.shopList li > .btnBox {position:absolute; right:12px; top:20px; margin-top:0;}
.shopList li > .btnBox img {width:30px;}
.shopList.h130 li .shopTit {height:auto;}

/* 2016 접수신청 new */
.checkTxt .c2497c1{color:#ec068d;}
.claimBox h2 span {font-weight:normal;}
.claimBox h2 .fs16{color:#ec068d;}
.btnTitle .poR .btnType1{border-radius:0; background:#fff; color:#ec068d;}
.txtArea{width:100%; padding:15px; border-color:#ccc; border-radius:3px; background:#fff; box-sizing:border-box; box-shadow:0 3px 2px 0 rgba(233, 233, 233, 0.5) inset;}
.fileAddList{position:relative; height:23px; margin-bottom:5px; padding:10px 0 0 11px; border:1px solid #ccc; background:#fff; font-size:0.846em; color:#333; line-height:1.545em;}
.fileAddList a{position:absolute; top:13px; right:10px; width:8px;}
.fileAddList a img{width:100%;}
.pColor{color:#ec068d !important;} /* 핑크 */
.msg{margin-bottom:6px; background:url(../images/common/new16/bg_msg.png) no-repeat 0 2px; background-size:8px 8px; font-size:0.8463em; line-height:1.273em; color:#333;}
.tbTypeY2 tbody td .input_email .positionBox .inner {padding-right:10px;}
.tbTypeY2 tbody td .input_email .positionBox .inner span {top:6px; left:10px;}

/* 2016 소액결제 */
.small-payment {height:140px; padding:0 15px; border-bottom:1px solid #dabfe0; background:#fff5ff; text-align:center;}
.small-payment .max-limit {padding-top:3px; line-height:1.500em;}
.small-payment .user-setting-limit {margin-top:0; padding-top:27px; font-size:1.077em; font-weight:800; line-height:1.471em;}
.small-payment .user-setting-limit > strong {display:block; margin-top:11px; font-size:2.308em; font-weight:600; line-height:1em; color:#ed0e91;}
.small-payment .alignC {margin-top:18px;}
.small-payment .charge-sever-check{padding-top:7px;}
.small-payment .charge-loding{padding-top:68px; background-position:50% 38px;}
.small-payment .charge-refresh{padding-top:32px;}

.payment-limit {overflow:hidden; letter-spacing:-1px;}
.payment-limit .left-box{float:left; text-align:left;}
.payment-limit .right-box{float:right; padding-top:33px;}
.payment-limit .right-box a{display:block; width:120px; margin-top:5px;}
.payment-limit .right-box a:first-child{margin-top:0;}

.payment-area  ul > li .stro-box {display:block; overflow:hidden; line-height:1.500em;}
.payment-area  ul > li .stro-box > strong {float:left; width:50px; font-weight:400;}
.payment-area  ul > li .stro-w30 > strong {width:30px;}
.payment-area  ul > li .stro-box > span {float:left; color:#ec068d;}
.payment-area  ul > li.no-arrow {position:relative; padding:7px 0; border-bottom:1px solid #ccc;}
.payment-area  ul > li.no-arrow:first-child {padding-top:7px;}
.payment-area  ul > li.no-arrow .stro-box > span {position:relative; padding-right:21px;}
.payment-area  ul > li.no-arrow .stro-box .guide-icon {position:absolute; top:2px; right:0; width:16px; height:16px; background:url(../images/icon/new16/bg_guide_point_off.png) no-repeat 0 0; background-size:16px 16px; font-size:0; line-height:0; text-indent:-9999px;}
.payment-area  ul > li.no-arrow .agree-btn {position:absolute; top:5px; right:0; height:auto; padding:0 8px; border:1px solid #ccc; background:#f5f5f5; font-size:0.917em; line-height:2.000em; color:#333;}
.payment-area  ul > li p.stro-box {position:relative;}
.payment-area  ul > li.two-line > a {height:auto; padding:7px 10px;}
.payment-area  ul > li .month-use-text {padding:9px 10px 8px; border:1px solid #dabfe0; border-top:0; background:#f8f1fa; font-size:0.917em; line-height:1.273em; color:#5c2563;}
.payment-area .payment-info > ul > li .stro-box {padding-top:7px;}

.payment-area  ul > li.two-line > a{padding:7px 0;}
.payment-area  ul > li .stro-box > strong{width:70px; letter-spacing:-1px;}
.payment-area  ul > li .month-use-text{padding:9px 0 8px; border:0; background:none; color:#ae51ba; letter-spacing:-1px;}

.soList {border-top:2px solid #aaa; border-bottom:1px solid #aaa; background:#fff;}
.soList li {border-top:0;}
.soList li .aLink {border-top:1px solid #ccc; border-bottom:0;}
.soList li:last-child .aLink {border-bottom:0;}
.soList li .aLink:first-child {border-top:0;}
.soList li .useInfo {border-top:1px solid #ccc; border-bottom:0; background:#f9f9f9;}
.soList li .aLink .uCont .inPad {padding-left:15px;}
.soList li .aLink .bgImg {height:6px; margin-top:-3px;}
.soList li .aLink .uYo .inPad {padding-right:35px;}

.pauseList li .aLink .bgImg {height:8px; margin-top:-4px;}

.changeInfo {border-radius:0; background:#fff; box-shadow:none;}
.changeInfo .before {padding:0; font-size:1.250em; font-weight:400; line-height:1.400em; color:#333;}
.changeInfo .after {padding:7px 0; border:0; font-size:0.917em; font-weight:400; line-height:1.364em; color:#333;}

.all-view-btn {padding:5px; background:#fff; text-align:right;}
.all-view-btn > span {display:inline-block; padding:0 31px 0 10px; border:1px solid #ccc; font-size:0.917em; line-height:2.545em; color:#333;}
.all-view-btn .off {background:url(../images/common/new16/bg_all_view_off.png) no-repeat 100% 50%; background-size:18px 5px;}
.all-view-btn .on {background:url(../images/common/new16/bg_all_view_on.png) no-repeat 100% 50%; background-size:18px 5px;}

.plan_default_list {border-top:1px solid #ddd;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink {display:block; height:auto; padding:8px 165px 9px 20px; box-sizing:border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .lteType {display:block; padding-left:0; line-height:2.077em;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .price {display:block; padding:2px 0 0; font-size:1.00em; line-height:1.154em; color:#ec068d; text-align:left;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .price span {font-size:0.846em; line-height:1.500em; color:#666;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list {position:absolute; top:50%; right:0; height:50px; margin-top:-25px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list > span {position:relative; float:left; width:55px; height:50px; margin-bottom:0; padding:34px 0 0 0; font-size:0.833em; line-height:1.100em; color:#333; text-align:center; box-sizing:border-box;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list > span:after {content:''; position:absolute; top:0; bottom:0; left:0; width:1px; background:#ddd;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list > span:first-child:after {display:none;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .data{background:url(../images/callingplan/icon_data.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .video{background:url(../images/callingplan/icon_video.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .video2{background:url(../images/callingplan/icon_video2.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .voice{background:url(../images/callingplan/icon_voice.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .msg{background:url(../images/callingplan/icon_msg.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .voice_default{background:url(../images/callingplan/icon_voice_default.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .voice_etc{background:url(../images/callingplan/icon_voice_etc.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .video_voice{background:url(../images/callingplan/icon_video_voice.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .subject{background:url(../images/callingplan/icon_subject.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .ring{background:url(../images/callingplan/icon_ring.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .suptnatn{background:url(../images/callingplan/icon_suptnatn.png) no-repeat 50% 5px; background-size:auto 19px;}
.plan_default_list .tbTariff .arrow_detp2 .lteLink .plan-type-list .combi{background:url(../images/callingplan/ico_together.png) no-repeat 50% -3px; background-size:auto 40px;}

/* 2016 소액결제 유선공통 */
.cable-common-box {padding:0 15px 45px; background:#fff;}
.cable-common-box .historyInfoBox {padding-bottom:11px;}
.cable-common-title {padding:21px 0 4px; font-size:1.083em; font-weight:600; line-height:1.615em; color:#474747;}
.cable-common-title {padding:21px 0 4px; font-size:1.083em; font-weight:600; line-height:1.615em; color:#474747;}
.cable-common-box .memTxt {padding:12px 4px; border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4;}
.cable-common-box .alignC,
.cable-common-box .alignR {margin-top:10px;}
.other-border-color .memTxt{border-color:#ccc;}

/* 2016 설정한도 변경 */
.setting-limit-modiy {overflow:hidden;}
.setting-limit-modiy .inputTxtNum {float:left; margin-top:4px; margin-right:5px;}
.setting-limit-modiy .unit-text {float:left; margin-top:8px; color:#ec068d;}
.setting-limit-modiy .unit-text > span {color:#666;}
.setting-limit-modiy .after-unit {float:left; margin-top:4px; padding-left:5px; font-size:0.769em; line-height:1.400em; color:#999;}
.setting-limit-modiy .after-unit > strong {display:block; font-size:1.300em; color:#ec068d; margin-top:6px}
.setting-limit-modiy .btn_type_full {widtH:95%; margin-top:10px !important;}

/* 2016 차단설정/해제 */
.samll-pay-number-title {padding:4px 20px; background:#a539c2; color:#fff; font-size:14px; line-height:2.750em;}
.samll-pay-number-title span {letter-spacing:-1px;}

/* 2016 이용내역 조회 */
.infoBox {padding:22px 0 22px; border-top:0; border-bottom:0; background:#fff5ff; box-shadow:none;}
.infoBox .uplus-service-info li {font-size: 0.923em; font-weight:600; color:#333; line-height: 2.167em;}
/* .infoBox ul.service-pic-box {margin-top:-11px;} */
.infoBox ul.service-pic-box li .service-pic {margin-top:7px; font-size:0.647em; line-height:1.364em; color:#333;}
.infoBox ul.service-pic-box li .service-pic strong {font-size:1.455em; font-weight:600; line-height:0.938em; color:#ed0e91;}
.infoBox .btnL,
.infoBox .btnR {width:45px; margin-top:-14px; padding-top:0; font-size:1.083em; line-height:1.833em; color:#333;}
.infoBox .btnL img,
.infoBox .btnR img {display:none;}
.infoBox .btnL {left:15px; padding-left:13px; background:url(../images/icon/new16/icon_arrow_left.png) no-repeat 0 50%; background-size:6px 11px;}
.infoBox .btnR {right:15px; padding-right:13px; background:url(../images/icon/new16/icon_arrow_right.png) no-repeat 100% 50%; background-size:6px 11px;}
.use-total-title {position:relative; font-size:1.167em; font-weight:600; line-height:1.714em; color:#333;}
.use-total-title > span {position:absolute; top:0; right:0; font-size:1.286em; line-height:1.333em; color:#ed1c97; text-align:right;}
.no-search-text {padding:12px 0; font-size:0.917em; line-height:1.455em; text-align:center;}

/* 2016 회선선택 */
/* [babydunk]고객센터App 고도화 프로젝트 2018 말줄임추가.*/
.uTelBox { background:#a539c2;}
.uTelBox .normalSel { border:0;}
.uTelBox .normalSel a { background:#a539c2 url(../images/common/new16/bg_phone_select.png) no-repeat right 50%; background-size: 25px 20px; border:0; box-shadow:none; font-size:14px; color:#fff; line-height:2.167em;/* 말줄임처리 */overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.uTelBox .normalSel a.noSel{background:none;}
.uTelBox .normalSel a span {position:relative; color:#fff; /*margin-left:9px; padding-left:9px; */letter-spacing:-1px;}
.uTelBox .normalSel a span:before {display:none; content:''; position:absolute; left:0; top:1px; bottom:1px; width:1px; border-left:1px solid #f683c6;}
.uTelBox .normalSel select {height:30px;}

/* 2016 요금제 */
.roaming-sub-menu{background:#fff5ff;}
.tbTariff .lteLink { color:#333; background:#fff;}
.tbTariff .lteLink .lteType { font-size:1.083em; font-weight:bold;}
.tbTariff .lteLink .lteType.subDepth { padding-left:35px; }/* PSH작업 2016.12 */
.tbTariff .lteLink .price { font-size:0.917em;}
.tbTariff .arrowR { background-image:none}
.tbTariff .lteLink .arrowR { width:6px; top:28px; right:11px;}

/* [pjh0702] 로밍요금제 시각화 */
.btnArea .btn-base.type-square{width:100%; background:#fff; border:1px solid #aa36bb; border-radius:0; min-height:35px; height:35px; font-size:13px;}
.btnArea .btn-base.type-square{margin-top:10px;}
.btn-wrap .btn-base.type-square.line{background:#fff; color:#333}

.tbService2 tbody th { background:#f2eff8;}
.tbService2 tbody td {padding:10px 15px; background:#fff;}
.tbService2 tbody td .pad .title { color:#ee259b;}

.calling-menu-box {background:#fff;}
.memberList {border-top:1px solid #bababa;}
.memberList li {border-top:0;}
.memberList li .aLink {border-bottom:1px solid #bababa; background:#fff url(../images/common/new16/bg_right_arrow_gray.png) no-repeat 100% 50%; background-size:17px 10px; color:#333;}
.memberList li .aLink .title {padding-left:15px; font-size:1.083em; line-height:1.385em;}
.memberList li .aLink .bgImg {display:none;}
.memberList li .hpLink {display:table; width:100%; height:50px; border-bottom:1px solid #bababa; background:#fff url(../images/icon/new16/icon_doc_down.png) no-repeat 100% 50%; background-size:29px 16px; color:#333;}
.memberList li .hpLink .title {padding-left:15px; text-align:left; vertical-align:middle; display:table-cell; font-size:1.083em; line-height:1.385em;}
.memberList li .hpLink .bgImg {display:none;}

.tbSetup tbody td .btnSms {padding:1px 10px; background:#fff; color:#333;}
.small-infoBox {padding:8px 0; border-bottom:1px solid #ccc; background:#fff;}
.optionBox { padding:4px 10px 20px; background:#fff5ff; border-bottom:1px solid #dabfe0;}
.optionBox.none-button{padding:0;}
.optionBox.none-button .btnArea{display:none;}
.btn_type_puple {display: block; padding: 8px 0; text-align: center; background: #aa36bb; color: #fff; font-size: 1.083em;}
.btn_type_puple + .btn_type_puple {margin-top:10px;}
.btn_plan_modiy {display: block; text-align:center; background:#aa36bb; color:#fff;}
.btn_plan_modiy span {display:inline-block; padding-left:28px; background:url(../images/icon/new16/bg_plan_modiy.png) no-repeat 0 50%; background-size:21px 21px; font-size: 1.083em; line-height:2.692em;}
.btn_plan_use {display: block; text-align:center; background:#cf8fd8; color:#fff;}
.btn_plan_use span {display:inline-block; padding-left:26px; background:url(../images/icon/new16/bg_plan_use.png) no-repeat 0 50%; background-size:21px 21px; font-size: 1.083em; line-height:2.692em;}
.btn_plan_use + .btn_type48 {margin-top:10px !important;}
.infoTxt { background:#fff;}
.infoTxt .txt {margin-bottom:23px; padding:15px 10px; background:#fff; font-size:0.917em;}
.infoTxt h2 {margin-bottom:8px; font-size:1.083em;}
.infoTxt .txt p span {color:#ec068d;}
.infoTxt .txt .pdNo {background:none; padding-left:0;}
.infoTxt.nopadding {padding:0;}

.myCallingPlan {padding:0 15px; background:#fff5ff; text-align:center;}
.charge-info .myCallingPlan {padding:0;}
.myCallingPlan h2 { height:23px; padding-top:8px; font-weight:600;}
.myCallingPlan a {display:block; padding-top:2px; font-size:1.462em; color:#333; font-weight:bold; padding-bottom:5px;}
.myCallingPlan strong { display:block; padding-bottom:15px; font-size:0.917em;}
.myCallingPlan strong span { color:#ed0e91; font-size:2.308em; line-height:1.533em;}
.myCallingPlan ul { width:100%; overflow:hidden; border-top:1px solid #dabfe0;}
.charge-info .myCallingPlan ul {border-top:0;}
.myCallingPlan ul li {display:inline-block; width:20%; height:71px; margin:0 -2px; padding-top:15px; border-top:1px solid #fff; font-size:0.750em; line-height:1.4; color:#666; vertical-align:top;}
.myCallingPlan ul li em { font-size:13px; font-weight:bold; line-height:14px; color:#333;}
.myCallingPlan .double-area-box .left-box a{display:inline-block; padding-top:0; font-size:inherit; padding-bottom:0; color:inherit;}
.myCallingPlan .double-area-box .left-box h2{background:url(../images/common/new16/bg_right_arrow_pink3.png) no-repeat right 11px; background-size:auto 12px;}
.myCallingPlan .double-area-box .left-box span{display:block; padding:2px 0 5px; font-size:1.462em; font-weight:bold; color:#ec068d;}

.myCallingPlan .ic_data { background:url('../images/callingplan/icon_data.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_video { background:url('../images/callingplan/icon_video.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_voice { background:url('../images/callingplan/icon_voice.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_video2 { background:url('../images/callingplan/icon_video2.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_msg { background:url('../images/callingplan/icon_msg.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_voice_default { background:url('../images/callingplan/icon_voice_default.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_voice_etc { background:url('../images/callingplan/icon_voice_etc.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_video_voice { background:url('../images/callingplan/icon_video_voice.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_subject { background:url('../images/callingplan/icon_subject.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_ring { background:url('../images/callingplan/icon_ring.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_suptnatn { background:url('../images/callingplan/icon_suptnatn.png') no-repeat center 15px; background-size:auto 19px;}
.myCallingPlan .ic_combi { background:url('../images/callingplan/ico_together.png') no-repeat center 5px; background-size:auto 42px;}

.myCallingPlan ul li span {display:block; padding-top:27px; background:url('../images/callingplan/bar_dline.png') no-repeat 0 8px; background-size:1px auto; letter-spacing:-1px;}
.myCallingPlan ul li:first-child span { background:none;}

.double-area-box{overflow:hidden; border-bottom:1px solid #dabfe0;}
.double-area-box.none-border{border-bottom:0;}
.double-area-box .left-box{float:left; width:50%; letter-spacing:-1px; text-align:left;}
.double-area-box .left-box a{color:#ec068d;}
.double-area-box .right-box{float:right; width:49%; margin-top:0px; padding-top:0px; text-align:right;}
.double-area-box .right-box strong{font-weight:normal;}
.double-area-box .right-box strong span{display:block; font-weight:600;}

.charge-area.plan .charge-sever-check{padding-top:30px;}
.charge-area.plan .charge-loding {padding-top:91px; background-position:50% 61px;}
.charge-area.plan .charge-refresh{padding-top:55px;}

.charge-area.member .charge-sever-check{padding-top:7px;}
.charge-area.member .charge-loding{padding-top:68px; background-position:50% 38px;}
.charge-area.member .charge-refresh{padding-top:31px;}

.charge-area.charge .charge-sever-check{padding-top:7px;}
.charge-area.charge .charge-loding{padding-top:68px; background-position:50% 38px;}
.charge-area.charge .charge-refresh{padding-top:31px;}

/*.infoBox .btnL, .infoBox .btnR { margin-top:-8px;}
.infoBox .btnL { background:url('../images/icon/new16/icon_arrow_left2.png') no-repeat 0 0; background-size:auto 16px;}
.infoBox .btnR { background:url('../images/icon/new16/icon_arrow_right2.png') no-repeat right 0; background-size:auto 16px;}
.tbTariff .lteLink .arrowR { right:11px;}*/
.arrowR_list .arrowR_up { background:#fff url('../images/icon/new16/ico_arrow_down.png') no-repeat right 50%; background-size:auto 6px;}
.arrowR_list .arrowR_up.arrowR_down { background:#fff url('../images/icon/new16/ico_arrow_up.png') no-repeat right 50%; background-size:auto 6px;}
.tbTariff .arrow_detp2 .lteLink { background:#fbf6fb; border-top:1px solid #ddd;}
.tbTariff tbody td { border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tbTariff .lteLink .price {padding:10px 26px 10px 0; font-size:1.00em; color:#ec068d;}
.tbTariff .lteLink .price span {color:#81858b;}

.foreign .lteLink .price {color:#ec068d;}
.foreign .lteLink .price span {color:#81858b;}

.changeInfo.new .before{font-size:1.500em;}
.changeInfo.new .after{font-size:1.250em;}
.changeInfo.new .next-st{display:inline-block; height:25px; margin-left:9px; padding-left:32px; background:url(../images/icon/new16/icon_next_st.png) no-repeat 0 2px; background-size:22px auto;}
.changeTxt .txt.o-border{border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4;}
.claimBox.bg-white .alignC.mt20{margin-top:20px;}

.tabEmail.tab05 li{width:20%;}
 
.more-info-txt{margin-top:9px; padding:0 15px; font-size:0.917em; color:#333; line-height:1.200em; text-align:center;}

.planList li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}

.plan-choice {padding:15px 15px 0;}

/* 2016 청구요금 */
.uTelBox {}
.uTelBox .normalSel2 {border:0;}
.uTelBox .normalSel2 a {background:#a539c2 url(../images/common/new16/bg_phone_select.png) no-repeat right 50%; background-size: 25px 20px; border:0; box-shadow:none; color:#fff; font-size:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.uTelBox .normalSel2 a span {position:relative; color:#fff; /*margin-left:9px; padding-left:9px;*/letter-spacing:-1px;}
/*.uTelBox .normalSel2 a span:before { content:''; position:absolute; left:0; top:1px; bottom:1px; width:1px; border-left:1px solid #f683c6;}*/
.uTelBox .normalSel2 select {height:30px;}

.historyBox {background:#fff;}
.historyBox .date {width:60%; padding:9px 0 6px 0; font-size:1.000em;}
.historyBox .date p {padding-left:10px;}
.historyBox .date span {display:inline;}
.historyBox .won {width:40%; padding:9px 0;}
.historyBox .won p {padding-right:10px; color:#ec068d;}
.historyBox .won p > span {display:block; margin-bottom:4px; font-size:0.667em; font-weight:400; line-height:1.400em; color:#666; letter-spacing:-1.5px;}
.historyBox .won .btnType1 {margin:0;}

.claim-title-area {padding:0 15px; background:#fff;}
.claim-title-area .etcBox {overflow:hidden; padding:9px 0; border-bottom:1px solid #ccc;}
.claim-title-area .etcBox > span {font-size:1.083em; font-weight:600; line-height:1.846em;}

.chargeBox {background:#fff;}
.chargeAverage {padding:13px 0 12px;}
.chargeAverage .ave {float:none; display:block; font-weight:600;}
.chargeAverage .ave > strong {float:right; font-weight:600; color:#ec068d}

.chargeConY {position:relative; margin-bottom:15px; padding:0; border-color:#dabfe0; background:#f4e8f6;}
.chargeConY:before {content:''; position:absolute; bottom:0; left:0; right:0; height:35px; border-top:1px solid #dabfe0; border-radius:0 0 5px 5px; background:#fff;}
.chargeConY .conTxt {position:absolute; top:8px; left:12px; right:12px; font-size:0.833em; line-height:1.800em; color:#333; z-index:2;}
.chargeConY .conTxt .unit {font-weight:600;}
.chargeConY .graphBox {min-height:198px;}
.chargeConY .graphBox ul {padding-top:0;}
.chargeConY .graphBox ul > li {position:relative; min-height:198px; padding:60px 0 0 1px; box-sizing:border-box;}
.chargeConY .graphBox ul > li:after {content:''; position:absolute; top:0; bottom:0; left:0; width:1px; background:url(../images/icon/new16/bg_grap_bar.png) repeat-y 0 0; background-size:auto 8px;}
.chargeConY .graphBox ul > li:first-child:after {display:none;}
.chargeConY .graphBox ul li .graphDiv {height:128px; margin-bottom:7px; border-bottom:0;}
.chargeConY .graphBox ul li .graphDiv .graph {width:14px; border:0; border-radius:7px 7px 0 0; background:#444; box-shadow:none;}
.chargeConY .graphBox ul li.on .graphDiv .graph {border:0; background:#ec068d;}
.chargeConY .graphBox ul li .txtMonth {padding-bottom:8px; font-size:0.917em; color:#333;}
.chargeConY .graphBox ul li .txtMonth span {color:#333;}
.chargeConY .graphBox ul li.on .txtMonth {color:#ec068d;}
.chargeConY .graphBox ul li.on .txtMonth span {color:#ec068d;}
.chargeConY .graphBox ul li .graphDiv .pay {width:auto; left:5%; right:5%; max-width:100px; margin:0 0 10px; padding:0; border:1px solid #dabfe0; border-radius:0; background:#fff; font-size:0.833em; line-height:1.800em; color:#ec068d;/* transform: translateX(-50%);*/}
.chargeConY .graphBox ul li .graphDiv .pay:before {content:''; position:absolute; top:100%; left:50%; margin-left:-6px; border-top:6px solid #dabfe0; border-left:6px solid transparent; border-right:6px solid transparent;}
.chargeConY .graphBox ul li .graphDiv .pay:after {content:''; position:absolute; top:100%; left:50%; margin-left:-5px; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent;}
.chargeConY .graphBox ul li.on .graphDiv .pay {border-color:#ec068d; background:#ec068d; color:#fff;}
.chargeConY .graphBox ul li.on .graphDiv .pay:before {border-top:6px solid #ec068d;}
.chargeConY .graphBox ul li.on .graphDiv .pay:after {border-top:5px solid #ec068d;}
.chargeConY .no-bill {position:relative; min-height:198px; padding-top:80px; border-radius:5px; background:#f4e8f6; color:#666; text-align:center; box-sizing:border-box;}

.default-real-box {padding-bottom:15px; background:#fff;}
.default-real-box .default-real-list > li {padding:0 15px; border-bottom:1px solid #ccc;}
.default-real-box .default-real-list > li .real-graph-box {padding:12px 0 15px; border-top:1px dashed #ccc;}
.default-real-box .default-real-list > li .real-graph-box:first-child {border-top:0;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-title {overflow:hidden; padding-bottom:6px;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-title .graph-title {float:left; font-size:1.083em; font-weight:600; line-height:1.385em; color:#333;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-title .graph-title > em {margin-left:10px;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-title .graph-residual {float:right; font-size:0.833em; line-height:1.800em; color:#333; text-align:center;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-title .graph-residual > em {position:relative; display:inline-block; margin-right:7px; padding-right:7px;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-title .graph-residual > em:after {content:''; position:absolute; top:4px; bottom:5px; right:0; width:1px; background:#aaa;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-bg {position:relative; height:17px; border-radius:6px; background:#eee; box-sizing:border-box;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-bg:after {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ccc; border-radius:6px;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-bg > p {position:absolute; top:0; bottom:0; left:0; border-radius:6px; box-sizing:border-box; z-index:2;}
.default-real-box .default-real-list > li .real-graph-box .real-graph-text {margin-top:8px; font-size:0.833em; line-height:1.800em; color:#666;}

.default-real-box .default-real-list > li.real-day .real-graph-box .real-graph-title .graph-title > em {color:#f73218;}
.default-real-box .default-real-list > li.real-day .real-graph-box .real-graph-title .graph-residual > em {color:#f73218;}
.default-real-box .default-real-list > li.real-day .real-graph-box .real-graph-bg > p {background:#f73218;}
.default-real-box .default-real-list > li.real-voice .real-graph-box .real-graph-title .graph-title > em {color:#ec068d;}
.default-real-box .default-real-list > li.real-voice .real-graph-box .real-graph-title .graph-residual > em {color:#ec068d;}
.default-real-box .default-real-list > li.real-voice .real-graph-box .real-graph-bg > p {background:#ec068d;}
.default-real-box .default-real-list > li.real-data .real-graph-box .real-graph-title .graph-title > em {color:#4490dc;}
.default-real-box .default-real-list > li.real-data .real-graph-box .real-graph-title .graph-residual > em {color:#4490dc;}
.default-real-box .default-real-list > li.real-data .real-graph-box .real-graph-bg > p {background:#4490dc;}
.default-real-box .default-real-list > li.real-message .real-graph-box .real-graph-title .graph-title > em {color:#f17c43;}
.default-real-box .default-real-list > li.real-message .real-graph-box .real-graph-title .graph-residual > em {color:#f17c43;}
.default-real-box .default-real-list > li.real-message .real-graph-box .real-graph-bg > p {background:#f17c43;}
.default-real-box .default-real-list > li.real-ring .real-graph-box .real-graph-title .graph-title > em {color:#34b2b5;}
.default-real-box .default-real-list > li.real-ring .real-graph-box .real-graph-title .graph-residual > em {color:#34b2b5;}
.default-real-box .default-real-list > li.real-ring .real-graph-box .real-graph-bg > p {background:#34b2b5;}
.default-real-box .default-real-list > li.real-video-olny .real-graph-box .real-graph-title .graph-title > em {color:#fe5722;}
.default-real-box .default-real-list > li.real-video-olny .real-graph-box .real-graph-title .graph-residual > em {color:#fe5722;}
.default-real-box .default-real-list > li.real-video-olny .real-graph-box .real-graph-bg > p {background:#fe5722;}
.default-real-box .default-real-list > li.real-cable-picture-vat .real-graph-box .real-graph-title .graph-title > em {color:#8cc34b;}
.default-real-box .default-real-list > li.real-cable-picture-vat .real-graph-box .real-graph-title .graph-residual > em {color:#8cc34b;}
.default-real-box .default-real-list > li.real-cable-picture-vat .real-graph-box .real-graph-bg > p {background:#8cc34b;}
.default-real-box .default-real-list > li.real-picture .real-graph-box .real-graph-title .graph-title > em {color:#546e7a;}
.default-real-box .default-real-list > li.real-picture .real-graph-box .real-graph-title .graph-residual > em {color:#546e7a;}
.default-real-box .default-real-list > li.real-picture .real-graph-box .real-graph-bg > p {background:#546e7a;}

.default-real-box.remaningOnly .default-real-list > li.real-video-olny .real-graph-box .real-graph-title .graph-title > em {color:#4490dc;}
.default-real-box.remaningOnly .default-real-list > li.real-video-olny .real-graph-box .real-graph-title .graph-residual > em {color:#4490dc;}
.default-real-box.remaningOnly .default-real-list > li.real-video-olny .real-graph-box .real-graph-bg > p {background:#4490dc;}
.default-real-box.remaningOnly .default-real-list > li.real-data .real-graph-box .real-graph-title .graph-title > em {color:#9c23cf;}
.default-real-box.remaningOnly .default-real-list > li.real-data .real-graph-box .real-graph-title .graph-residual > em {color:#9c23cf;}
.default-real-box.remaningOnly .default-real-list > li.real-data .real-graph-box .real-graph-bg > p {background:#9c23cf;}

/* 2016 멤버십 */
.samll-sub-title{margin-left:10px; padding-left:10px; background:url('../images/common/new16/bul_middle_line.png') no-repeat 0 5px; background-size:1px 9px;}
.member-grade{overflow:hidden; padding:26px 0}
.member-grade > div{float:left; width:50%; text-align:center;}
.member-grade .grade-info {overflow:hidden; width:61%; padding-top:6px; letter-spacing:-1px;}
.member-grade .grade-info .grade-img{float:left;}
.member-grade .grade-info .grade-img img{width:57px; height:auto;}
.member-grade .grade-info .member-point-info{float:left; margin:5px 0 0 8px; font-size:1.077em; font-weight:600; text-align:left;}
.member-grade .grade-info .member-point-info strong{display:block; margin-top:8px; font-size:1.923em; font-weight:600;}
.member-grade .barcode-info{float:right; width:39%; padding-top:2px; text-align:right;}
.member-grade .barcode-info .barcode-img {display:inline-block; width:91px; margin:0 auto; padding:18px 10px 2px; border:1px solid #ccc; border-radius:3px; background:#fff url(../images/icon/new16/ico_arrow_up.png) no-repeat 51px 7px; background-size:22px auto;}
.member-grade .barcode-info .barcode-img img,
.member-grade .barcode-info .barcode-img object{width:89px; height:24px;}
.member-grade .barcode-info .barcode-img .img-area{font-size:0; line-height:0; text-align:center;}
.member-grade .barcode-info .barcode-img .number-area {margin:0 -4px; font-size:0.833em; text-align:center; letter-spacing:-1px;}
.member-grade .barcode-info .barcode-img .number-area > span {display:inline-block;}
.member-grade .barcode-info .btn-detail-info{display:block; margin-top:17px;}
.member-grade .barcode-info .btn-detail-info img{width:22px; height:auto;}
.member-grade .membership-card-request{position:relative; width:39%; padding-bottom:3px; text-align:right;}
.member-grade .membership-card-request:after{content:''; position:absolute; top:0; bottom:0; left:0; width:1px; background:#dabfe0;}
.member-grade .membership-card-request:before{content:''; position:absolute; top:0; bottom:0; left:1px; width:1px; background:#fff;}
.member-grade .membership-card-request p {margin-top:-2px; line-height:1.538em;}
.member-grade .membership-card-request p .pColor{display:block; font-size:1.385em; line-height:1.111em;}
.member-grade .membership-card-request .btn-card-request{display:inline-block; margin-top:9px; padding:0 12px; background:#aa36bb; font-size:0.923em; line-height:2.500em; color:#fff;}
.member-grade .membership-card-request .btn-card-request img{width:134px; height:auto;}
.payment-area.mt-style ul li{margin-top:5px;}
.payment-area.mt-style ul li:first-child{margin-top:0;}
.payment-area.mt-style ul > li.no-arrow{padding:3px 0 9px;}
.payment-area.mt-style ul > li.no-arrow.none-border{border-bottom:0;}
.payment-area.mt-style ul > li .stro-box.stro-w78 > strong{width:78px;}
.payment-area.mt-style .charge-payment .sever-check-text{padding:6px 0;}
.payment-area.mt-style .charge-payment .payment-loding{padding:7px 0;}
.payment-area.mt-style .charge-payment .payment-refresh{padding:6px 0;}
.menu-link.member > li{width:20%; height:49px; border-bottom:1px solid #ddd; font-size:0.917em;}
.menu-link.member > li:nth-child(4n+1) {border-left:1px solid #ddd;}
.menu-link.member > li > a{height:34px; padding-top:13px; line-height:1.091em;}

/* 2016 멤버십카드 정보 */
.membership-detail-wrap{ display:none; position:absolute; top:0; left:100%; overflow:hidden; width:100%; height:100%; background:#fff; background-image:none;/* transform:translateX(100%); transition:transform 0.5s;*/ z-index:100;} /* PSH작업 2016.12 주석해지 */
.membership-detail-wrap.membership-detail-view{transform:translateX(0);}
.membership-detail-wrap .membership-detail-box{position:absolute; top:50%; left:16px; right:16px; margin-top:-113px;/* transform: translateY(-50%);*/}
.membership-detail-wrap .left-area{float:left; width:61%; padding:67px 0 0 12px; font-weight:600; box-sizing:border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.membership-detail-wrap .left-area div{width:126px; padding-left:9px;}
.membership-detail-wrap .left-area .card-info p{padding:4px 0 0 3px;}
.membership-detail-wrap .left-area .card-info img{width:100px; height:auto;}
.membership-detail-wrap .left-area .point-info{margin-top:16px; padding-top:16px; border-top:1px solid #ccc;}
.membership-detail-wrap .left-area .point-info .point-detail{display:block; margin-top:5px; background:url('../images/common/new16/bg_right_arrow_black.png') no-repeat 112px 2px; background-size:9px auto; font-size:2.083em; font-weight:600; color:#ed0e91;}
.membership-detail-wrap .right-area{position:relative; float:left; width:39%; min-height:115px;}
.membership-detail-wrap .right-area img,
.membership-detail-wrap .right-area .barcodeBig{width:276px; height:auto;}
.membership-detail-wrap .btn-card-close{position:absolute; padding:15px 14px; top:0; right:0; z-index:200;} /* 2016-10-25 */
.membership-detail-wrap .btn-card-close img{width:25px; height:auto;}
.membership-detail-wrap .barcode-big-area{position:absolute; top:50%; left:50%; width:276px; margin:0 0 0 -138px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
.membership-detail-wrap .barcode-big-area > p {margin-top:10px; font-size:1.250em; font-weight:600; line-height:1.333em; text-align:center;}
.membership-detail-wrap .barcode-big-area > p > span {display:inline-block; margin:0 3px;}

/* 2016 링충전 선물 - 링 선물 */
.ring-member-info .tbTypeY2{margin-top:15px;}
.price_cert{padding:0 9px;}
.price_cert table tbody th{background:#f2eff8;}
.normalSel.ta-left{margin:0 10px;}
.normalSel.ta-left a{color:#999; text-align:left;}
.member-price{margin:0 10px; font-size:0.917em; font-weight:600; line-height:1.636em; text-align:right;}
.ring-member-info .btn_type_normal48{width:50%; height:23px;}
.ring-member-info .btn_type_normal48 span{height:22px; font-size:0.917em; line-height:1.818em;}
.ring-member-info .alignR{margin-top:4px;}
.ring-member-info .alignR.pad{display:inline-block; width:40%; margin-top:0; padding:0;}
.btn_css_area{padding:0 15px;}
.btn_css_area.single-btn a{width:100%;}

/* 2016 my u+ */
.myu-area {position:relative; margin-top:5px;}
.myu-area .month-pay {border:1px solid #dabfe0; border-width:1px 0;}
.myu-area .month-pay .amount-box{overflow:hidden; padding:10px 0 9px; background:#fff; background-size:18px auto;}
.myu-area .month-pay .amount-box .btn-lnk{display:inline-block; margin-top:6px; letter-spacing:-1px;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style{display:inline-block; height:26px; margin-left:15px; padding-left:23px; background:url(../images/icon/new16/icon_calendar.png) no-repeat 0 1px; background-size:19px auto; font-weight:400; line-height:1.533em; vertical-align: top;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico2{background:url(../images/icon/new16/icon_monthy.png) no-repeat 0 1px; background-size:15px auto;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico3{background:url(../images/icon/new16/icon_contract.png) no-repeat 0 1px; background-size:19px auto;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico4{background:url(../images/icon/new16/icon_combine.png) no-repeat 0 1px; background-size:19px auto;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico5{background:url(../images/icon/new16/icon_payment.png) no-repeat 0 1px; background-size:19px auto;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico6{background:url(../images/icon/new16/icon_service.png) no-repeat 0 1px; background-size:18px auto;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico7{display:inline-block; height:26px; margin-left:10px; padding-left:28px; background:url(../images/icon/new16/icon_book_menu06.png) no-repeat 0 1px; background-size:27px auto;}
.myu-area .month-pay .amount-box .btn-lnk .icon-style.ico8{background:url(../images/icon/new16/icon_new_myService.png) no-repeat 0 1px; background-size:23px auto;}
.myu-area .month-pay .amount-box .pause-clear{height:35px;}
.myu-area .month-pay .amount-box .fl-r{float:right; margin-right:8px;}
.myu-area .month-pay .amount-box .ht{padding:17px 0; text-align:center;}
.myu-area .month-pay .amount-box .ht2{padding:52px 0; text-align:center;}
.myu-area .amount-box .loding-text{padding:7px 0;}
.myu-area .amount-box .loding-text > span {display:inline-block; padding-left:29px; background:url(../images/common/new16/loading.gif) no-repeat 0 50%; background-size:21px 21px; font-size:1.083em; line-height:1.692em; color:#a56fa4;}
.myu-area .amount-box .refresh-btn{padding:6px 0;}
.myu-area .amount-box .refresh-btn > a {display:inline-block; padding-left:28px; background:url(../images/icon/new16/icon_refresh.png) no-repeat 0 50%; background-size:22px 22px; font-size:1.583em; line-height:1.263em; color:#a56fa4;}
.myu-area .month-pay .amount-box .pause-clear a{display:inline-block; vertical-align:top;}
.myu-area .month-pay .amount-box .pColor{margin-left:2px; font-size:1.308em; line-height:2.083em; letter-spacing:-1px;}
.myu-area .month-pay .amount-box > strong,
.myu-area .month-pay .amount-box > .btn-lnk {display:inline-block; padding-right:13px; background:url(../images/main/new16/bg_amount_arrow.png) no-repeat 100% 35%; background-size:6px auto; font-size:1.154em; font-weight:400; line-height:1em; color:#333;}
.myu-area .btn-clear{display:inline-block; width:110px; height:25px; margin-left:4px; padding-top:8px; border:1px solid #dabfe0; background:#fbf6fb; color:#5c2563; text-align:center;}
.myu-area .btn-clear span{display:inline-block; padding-left:20px; background:url(../images/icon/new16/icon_clear.png) no-repeat 0 1px; background-size:15px auto;}
.myu-area .myu-search{padding:6px 15px 6px 29px; background:url(../images/main/new16/btn_amount_search.png) no-repeat 0 50%; background-size:22px 22px; font-size:1.583em; line-height:1.263em; color:#ec068d;}
.myu-area .system-inspection{width:100%; padding:6px 0; font-size:1.083em; color:#a56fa4; line-height:1.846em; text-align:center;}
.terminal-monthy{overflow:hidden; margin-top:17px; padding:0 15px;}
.terminal-monthy p{float:left; width:50%; padding-left:12px; background:url(../images/common/new16/bul_middle_line3.png) no-repeat 0 5px; background-size:1px 45px; font-size:0.917em; box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.terminal-monthy p:first-child{padding-left:0; background:none;}
.terminal-monthy p strong{display:block; font-size:1.385em; font-weight:400; color:#333; line-height:1.263em;}
.myu-area .month-pay .amount-box .terminal-monthy.o-style .pColor{margin-left:0; font-size:1.917em; line-height:1.043em; letter-spacing:-2.8px;}
.myu-wrap{overflow:hidden;}
.myu-wrap .myu-area{float:left; width:50%; border-left:1px solid #dabfe0; box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.myu-wrap .myu-area:first-child{border-left:0;}
.myu-wrap .month-pay .amount-box{padding:9px 0 10px; text-align:center;}
.myu-wrap2 .myu-area{float:left; width:50%; padding-left:5px; box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.myu-wrap2 .myu-area:first-child{padding-left:0;}
.myu-wrap2 .myu-area .month-pay{border-left:1px solid #dabfe0;}
.myu-wrap2 .myu-area .month-pay .amount-box{height:180px;}
.myu-wrap2 .myu-area:first-child .month-pay{border-left:0; border-right:1px solid #dabfe0;}
.myu-info{padding:0 15px;}
.myu-info p{font-size:0.917em; color:#333; line-height:1.364em;}
.myu-info p strong{display:block; margin-top:4px; font-size:1.167em; font-weight:bold; color:#ec068d; line-height:1.263em;}
.myu-info .info-txt{margin-top:21px;}
.myu-info .info-txt2{margin-top:13px; padding-top:12px; border-top:1px solid #dabfe0;}
.myu-info .info-txt3{margin-top:18px;}
.myu-info .btm-info{margin-top:20px;}
.myu-info .btm-info li{overflow:hidden; padding-left:9px; background:url(../images/common/new16/bul_pink_dot.png) no-repeat 0 7px; background-size:4px auto;}
.myu-info .btm-info li span{display:inline-block; font-size:0.917em; color:#333; line-height:1.818em; vertical-align:top;}
.myu-info .btm-info li strong{float:right; font-size:1.083em; color:#ed1c97; line-height:1.538em; letter-spacing:-1px;}

.pauseList li .aLink .title {font-size:1.077em;}

/* 2016 가입정보조회 */
.tbUseinfo .btn_type48.btn_type_normal48{height:24px;}
.tbUseinfo .btn_type48.btn_type_normal48 span{height:24px; line-height:2.083em;}

/* 2016 서비스 변경 내역 */
.btn-area .btn-more{display:block; height:23px; padding-top:10px; border:1px solid #ccc; font-size:1.083em; color:#333; line-height:1.154em; text-align:center;}
.msg.mb30.pColor{background: url("../images/common/new16/bg_msg_pink.png") no-repeat 0 2px; background-size:8px auto;}

/* 2016 일시정지/해제 */
.pauseInfo{padding:10px 0; background-color:#fff; border-color:#ccc;}
.pauseInfo .btn .btn_type48{width:65px; height:24px; font-size:0.917em;}
.pauseInfo .btn .btn_type48 span{height:24px; font-size:0.917em; line-height:2.083em;}
.pauseList li .aLink{background-image:none; background-color:#fff;}
.pauseList li .aLink .title .inner {padding-left:15px;}
.pauseList li .aLink .use{color:#ec068d;}
.pauseList li .aLink .use .inner {padding-right:40px;}
.bg-white h2.subTitle{margin:0 0 8px; background:#fff;}

/* 2016 My혜택 2017024 수정*/
.page-link-list {padding-bottom:30px; border-top:1px solid #ddd;}
.page-link-list > li {border-bottom:1px solid #ddd;} 
.page-link-list > li > a {position:relative; display:block; height:42px; background:url(../images/common/new16/bg_right_arrow_gray.png) no-repeat 100% 50%; background-size:17px 10px;}
.page-link-list > li .link-name {position:absolute; top:50%; left:19px; margin-top:-15px; font-size:1.167em; font-weight:600; line-height:1.929em; color:#333;} 
.page-link-list > li .link-name.two-line {width:40%; line-height:1.167em; margin-top:0; transform: translateY(-50%); white-space:pre-wrap; word-break:keep-all;} /*17.02.24 수정*/
.page-link-list > li .link-option {position:absolute; top:50%; right:30px; margin-top:-8px; font-size:0.9em; line-height:1.364em; color:#ec068d; letter-spacing:-0.05em; text-align:right;width:24% transform: translateY(-50%);}/*17.02.24 수정*/
.page-link-list > li .link-option.two-line {margin-top:-16px;}
.page-link-list > li .link-option.two-line02 {width:46%; line-height:1.167em; margin-top:0; transform: translateY(-50%); white-space:pre-wrap;word-break:keep-all;}/*17.02.24 수정*/
.page-link-list > li.benefit-confirm .link-option {color:#999;}

.benefit-area {padding:0 15px 20px; border-bottom:1px solid #dabfe0; background:#f4e8f6;}
.benefit-area .benefit-title-box {padding:15px 0 14px; text-align:center;}
.benefit-area .benefit-title-box .benefit-use-name {line-height:1.667em;}
.benefit-area .benefit-title-box .benefit-name {display:block; padding-toP:5px; font-size:1.417em; font-weight:800; line-height:1.588em;}
.benefit-area .benefit-title-box .benefit-text {padding-top:110px; font-size:0.917em; line-height:1.455em;}
.benefit-area .benefit-title-box .benefit-care {background:url(../images/icon/new16/icon_benefit_care.png) no-repeat 50% 0; background-size:110px 110px;}
.benefit-area .benefit-title-box .benefit-membership {background:url(../images/icon/new16/icon_benefit_membership.png) no-repeat 50% 0; background-size:110px 110px;}
.benefit-area .benefit-title-box .benefit-damaged {background:url(../images/icon/new16/icon_benefit_damaged.png) no-repeat 50% 0; background-size:110px 110px;}
.benefit-area .benefit-title-box .benefit-union {background:url(../images/icon/new16/icon_benefit_union.png) no-repeat 50% 0; background-size:120px 110px;}
.benefit-area .benefit-title-box .benefit-video {background:url(../images/icon/new16/icon_benefit_video.png) no-repeat 50% 0; background-size:110px 110px;}
.benefit-area .benefit-title-box .benefit-family {background:url(../images/icon/new16/icon_benefit_family.png) no-repeat 50% 0; background-size:110px 110px;}
.benefit-area .benefit-title-box .benefit-discount {background:url(../images/icon/new16/icon_benefit_discount.png) no-repeat 50% 0; background-size:120px 110px;}
.benefit-area .benefit-title-box .benefit-datarefill {background:url(../images/icon/new16/icon_benefit_datarefill.png) no-repeat 50% 0; background-size:110px 110px;}
.benefit-area .benefit-info {position:relative; border-top:1px solid #ccc;}
.benefit-area .benefit-info:after {content:''; position:absolute; top:0; left:0; right:0; height:1px; background:#fff;}
.benefit-area .benefit-info .info-list {padding:7px 0 18px;}
.benefit-area .benefit-info .info-list > li {overflow:hidden; padding:5px;}
.benefit-area .benefit-info .info-list > li .info-title {float:left; padding:0 10px 0 8px; background:url(../images/common/bg_dot1.png) no-repeat 0 4px; background-size:4px auto; font-size:0.917em; font-weight:400; line-height:1.273em;}
.benefit-area .benefit-info .info-list > li .info-text {float:left; font-size:0.917em; line-height:1.273em; color:#ed1c97;}
.benefit-area .benefit-info .info-list > li .info-text > span {color:#666;}
.benefit-area .benefit-info .info-box {position:relative; margin:10px 0 20px; padding:14px; border:1px solid #dabfe0; border-radius:5px;}
.benefit-area .benefit-info .info-box .info-title {position:absolute; top:50%; left:14px; font-size:0.917em; font-weight:600; line-height:1.273em; color:#333; transform: translateY(-50%);}
.benefit-area .benefit-info > p.info-center{ text-align: center; margin-top: 20px;} /*2016-12-12 추가 */
.benefit-area .benefit-info .info-box .info-text {text-align:right; font-size:0.833em; line-height:1.700em; color:#666;}
.benefit-area .benefit-info .info-box .info-text > strong {display:block; font-size:1.600em; font-weight:600; line-height:1.063em; color:#ec068d;}

.pauseInfoBox {border:0; border-radius:0; background:none; box-shadow:none; text-align:left;}
.pauseInfoBox .after {margin-bottom:6px; padding:0; border:0; border-radius:0; font-weight:400; color:#333;}
.pauseInfoBox .after > p {padding:2px 0 3px; font-weight:600;}
.pauseInfoBox .after > p > span {font-weight:400;}

/* 2016 검색 */
.customer-search-box{position:relative; margin:0 15px; padding:15px 85px 15px 0;}
.customer-slt-box{overflow:hidden; padding:15px; background:#fff;}
.customer-slt-box .normalSel{width:26%; box-sizing:border-box;}
.customer-search-box.slt-style{float:left; width:74%; margin:0; padding:0 85px 0 5px; box-sizing:border-box;}
.bg-white .shopList{margin:0; border:1px solid #ccc; border-width:1px 0;}
.bg-white .shopList li{border-top:0;}
.bg-white .shopList.h130 li .shopTit{padding:19px 0; border-top:1px solid #ccc; border-bottom:0;}
.bg-white .shopList.h130 li:first-child .shopTit{border-top-color:#fff;}
.bg-white .shopList .menu-list-text{font-size:0.917em; color:#333; line-height:2.909em;}
.bg-white .btn-area{padding:0 15px;}
.faq-info-box{padding:20px 0;}
.faq-info-box .faq-header{overflow:hidden; padding-right:15px;}
.faq-info-box .faq-header h2.subTitle{float:left;}
.faq-info-box .faq-header .btn_type48{float:right; width:66px; height:24px;}
.faq-info-box .faq-header .btn_type48 span{height:24px; font-size:0.917em; line-height:2.083em;}
.bg-white .askList{margin:5px 15px -1px; border:2px solid #aaa; border-width:2px 0;}
.memTxt.border.mg15{margin:0 15px;}
.popularity-menu-box{padding:17px 0 20px;}
.uSearchBox .searchOuter .btnX {top:9px; width:17px; height:17px;}
.uSearchBox .normalSel {border:0;}
.uSearchBox .normalSel a {background:#ec068d url(../images/common/new16/bg_phone_select.png) no-repeat right 50%; background-size:25px 20px; color:#fff;}

.contSearch_title{border-bottom:2px solid #aaa;padding:10px 15px;}
.contSearch_title .cate{padding:6px 0; color:#333;}
.contSearch_title .btnSet{float:right; position:relative; height:23px; padding:0 10px; border:1px solid #ccc; border-radius:0; background:#fff; font-size:0.917em; line-height:2.091em; color:#ec068d; vertical-align:middle;}

.contSearch {border-top:2px solid #aaa;}
.contSearch li {width:100%;}
.contSearch li:first-child {border-top:none;}

.contSearch li .deLink {position:relative; width:100%; height:53px; color:#81858b; border-bottom:1px solid #aaa; display:table;}
.contSearch li div.deLink .ch1 {position:relative; width:100%; padding:4px 15px; height:53px; color:#333; border-bottom:1px solid #aaa;list-style:none;}

.contSearch li .deLink .dot {position:absolute; left:20px; top:50%; margin-top:-4px;}
.contSearch li .deLink .title {padding:10px 36px; line-height:1.05em; text-align:left; vertical-align:middle; background-color:#ffffff; color:#333; display:table-cell;}
.contSearch .pad > a {display:block; border:1px solid #ccc; font-size:1.077em; line-height:2.500em; color:#333; text-align:center;}
.contSearch .pad > a img {display:none;}

.contSearch li .aLink{position:relative; width:100%; height:53px; color:#81858b; border-bottom:1px solid #aaa; display:table;}
.contSearch li:last-child .aLink {border-bottom:1px solid #92979e;}
.contSearch li .aLink .dot {position:absolute; left:20px; top:50%; margin-top:-4px;}
.contSearch li .aLink .bgImg {position:absolute; right:20px; top:50%; margin-top:-5px;}

.contSearch li .aLink .title {padding:10px 36px; line-height:1.05em; text-align:left; vertical-align:middle; background-color:#ffffff; display:table-cell;}
.contSearch li:first-child .aLink .title {wbox-shadow:1px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;}

.contSearch li.answer {display:none;}
.contSearch li.answer .box {position:relative; width:100%; height:70px; color:#484848; border-bottom:1px solid #aaa; background-color:#f8f8f8; display:table;}
.contSearch li.answer .box .txt {padding:20px 25px 20px 36px; text-align:left; vertical-align:middle; display:table-cell;}
.contSearch li.answer .box .txt .con {margin-left:5px; margin-bottom:10px; line-height:1.3em; display:inline-block; word-break:break-all;}
.contSearch li.answer .box .txt .c6f89ac {font-size:0.875em; color:#6f89ac;}
.contSearch li.answer .box .bgA {position:absolute; left:20px; top:18px;}

.contSearch li .more {width:100%;  border-bottom:1px solid #aaa; text-align:center;padding:14px 0;background:#92979e;}
.contSearch li .more p{color:#ffffff;padding:10px;cursor:pointer;display:inline;}
.contSearch li .more p:first-child{margin-right:32px;}

.contSearch li.li_hidden{display:none;}

/* 2016 all menu */
.all-menu-title {display:block; padding:0 15px; background:#ec068d; font-size:1.250em; font-weight:400; line-height:2.800em; color:#fff;}
.all-sub-title {display:block; padding:0 15px; font-size:0.917em; font-weight:600; line-height:2.636em; color: #333;}
.book-menu {overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.book-menu > li {position:relative; float:left; width:20%; margin-top:-1px; border-top:1px solid #ddd;}
.book-menu > li:after {content:''; position:absolute; top:0; bottom:0; left:0; width:1px; background:#ddd;}
.book-menu > li:nth-child(5n+1):after {display:none;}
.book-menu > li > a {display:block; height:27px; padding:44px 0 0; font-size:0.833em; line-height:1.200em; text-align:center; color:#333;}
.book-menu > li > a > span {position:absolute; display:block; top:41px; left:0; right:0;/* transform: translateY(-50%);*/}
.book-menu > li > a > span.one-line {top:47px;}
.book-menu > li.menu-list01 > a {background:url(../images/icon/new16/icon_book_menu01.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list02 > a {background:url(../images/icon/new16/icon_book_menu02.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list03 > a {background:url(../images/icon/new16/icon_book_menu03.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list04 > a {background:url(../images/icon/new16/icon_book_menu04.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list05 > a {background:url(../images/icon/new16/icon_book_menu05.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list06 > a {background:url(../images/icon/new16/icon_book_menu06.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list07 > a {background:url(../images/icon/new16/icon_book_menu07.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list08 > a {background:url(../images/icon/new16/icon_book_menu08.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list09 > a {background:url(../images/icon/new16/icon_book_menu09.png) no-repeat 50% 13px; background-size:auto 26px;}
.book-menu > li.menu-list10 > a {background:url(../images/icon/new16/icon_book_menu10.png) no-repeat 50% 13px; background-size:auto 26px;}



.all-menu-list {position:relative; min-height:671px; margin-top:10px; padding-left:71px; border-top:1px solid #ddd; background:#f2eff8;}
.all-menu-list > li > strong {position:absolute; left:0; width:72px; height:68px; padding-top:45px; border-bottom:1px solid #ddd; font-size:0.846em; line-height:1.091em; text-align:center; box-sizing:border-box;}
.all-menu-list > li.menu-list01 > strong {top:0; padding-top:40px; background:url(../images/icon/new16/icon_all_menu07.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-list02 > strong {top:68px;padding-top:39px; background:url(../images/icon/new16/icon_all_menu01.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-list03 > strong {top:136px; background:url(../images/icon/new16/icon_all_menu02.png) no-repeat 50% 11px; background-size:auto 30px;}
/*20161207 U+혜택아이콘추가*/
.all-menu-list > li.menu-list04 > strong {top:204px; padding-top:45px; background:url(../images/icon/new16/icon_all_menu08.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-list05 > strong {top:272px; background:url(../images/icon/new16/icon_all_menu03.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-list06 > strong {top:340px; padding-top:40px; background:url(../images/icon/new16/icon_all_menu04.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-list07 > strong {top:408px; background:url(../images/icon/new16/icon_all_menu05.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-list08 > strong {top:476px; background:url(../images/icon/new16/icon_all_menu06.png) no-repeat 50% 11px; background-size:auto 30px;}
.all-menu-list > li.menu-active > strong {background-color:#fff;}
.new-all-menu { height:902px;}
.all-menu-list > li .sub-menu-area {display:none; min-height:671px; padding:14px 15px 40px 20px; border-left:1px solid #ddd; background:#fff; box-sizing:border-box;}
.all-menu-list > li.menu-active .sub-menu-area {display:block;}
.all-menu-list > li .sub-menu-area .sub-menu-title {display:block; margin-bottom:10px; font-size:1.231em; font-weight:bold; line-height:1.250em; color:#333;}
.all-menu-list > li .sub-menu-area .sub-menu-title span {display:inline-block; width:10px; height:16px; margin-left:8px; background:url(../images/common/new16/bg_right_arrow_pink3.png) no-repeat right 4px; background-size:auto 12px; vertical-align:top;}
.all-menu-list > li .sub-menu-area .sub-menu-list {border-top:2px solid #ec068d;}
.all-menu-list > li .sub-menu-area .sub-menu-list > li a {display:block; padding:0 25px 0 10px; border-bottom:1px solid #ddd; background:url(../images/common/new16/bg_menu_link.png) no-repeat 100% 50%; background-size:21px auto; font-size:1.077em; line-height:3.143em; color:#333;}
.all-menu-list > li .sub-menu-area .sub-menu-list > li.etc-icon a {background:url(../images/icon/new16/icon_doc_down.png) no-repeat 100% 50%; background-size:29px auto;}
/* .all-menu-list > li > strong {display:block; padding:0 15px; background:#f5f5f5; font-size:0.917em; font-weight:600; line-height:2.636em; color:#333;}
.all-menu-list .sub-menu-list {border-top:1px solid #ddd;}
.all-menu-list .sub-menu-list > li > a {display:block; padding:0 15px; border-bottom:1px solid #ddd; background:#fff url(../images/common/new16/bg_menu_link.png) no-repeat 100% 50%; background-size:21px 10px; font-size:1.083em; line-height:3.846em; color:#333;} */
.all-menu-close {position:absolute; top:0; right:0; width:18px; height:18px; padding:12px 15px; background:url(../images/common/new16/icon_close.png) no-repeat 50% 50%; background-size:18px 18px; font-size:0; line-height:0;}


/* 2019 xpay tab style button 4 */
.tab-num04{overflow:hidden; margin-top:10px;}
.tab-num04 li{float:left; width:25%; margin-left:-1px;}
.tab-num04 li:first-child {margin-left:0;}
.tab-num04 li a{display:inline-block; width:100%; padding:3px 0 3px; border:1px solid #ccc; background:#f5f5f5; font-size:1.000em; font-weight:bold; color:#666; line-height:2.250em; text-align:center; box-sizing:border-box;}
.tab-num04 li.on a{position:relative; border-color:#ec068d; background:#ec068d; color:#fff;}
.tab-num04 li.active a{position:relative; border-color:#ec068d; background:#ec068d; color:#fff;}/*1221추가*/
/* 2016 new tab style num03 */
.tab-num03{overflow:hidden; margin-top:10px;}
.tab-num03 li{float:left; width:33.3%; margin-left:-1px;}
.tab-num03 li:first-child {margin-left:0;}
.tab-num03 li a{display:inline-block; width:100%; padding:3px 0 3px; border:1px solid #ccc; background:#f5f5f5; font-size:1.000em; font-weight:bold; color:#666; line-height:2.250em; text-align:center; box-sizing:border-box;}
.tab-num03 li.on a{position:relative; border-color:#ec068d; background:#ec068d; color:#fff;}
.tab-num03 li.active a{position:relative; border-color:#ec068d; background:#ec068d; color:#fff;}/*1221추가*/
/* 2016 new tab style num03 */
.tab-num02{overflow:hidden; margin-top:10px;}
.tab-num02 li{float:left; width:50%; margin-left:-1px;}
.tab-num02 li:first-child {margin-left:0;}
.tab-num02 li a{display:inline-block; width:100%; padding:3px 0 3px; border:1px solid #ccc; background:#f5f5f5; font-size:1.000em; font-weight:bold; color:#666; line-height:2.250em; text-align:center; box-sizing:border-box;}
.tab-num02 li.on a{position:relative; border-color:#ec068d; background:#ec068d; color:#fff;}
.tab-num02 li.active a{position:relative; border-color:#ec068d; background:#ec068d; color:#fff;}/*1221추가*/
/* 2016 해외로밍 */
.tariff-system-info{overflow:hidden; padding:0 15px 13px;}
.tariff-system-info div{float:left; width:50%;}
.tariff-system-info div span{display:inline-block; margin-top:13px; font-size:1.000em; color:#333; line-height:1.000em;}
.tariff-system-info .left-box{margin-top:24px;}
.tariff-system-info .left-box .pColor{display:block; font-size:1.308em; line-height:1.235em;}
.tariff-system-info .left-box span{padding-right:17px; background:url(../images/common/new16/bg_right_arrow_pink3.png) no-repeat right 1px; background-size:auto 12px;}
.tariff-system-info .right-box{margin-top:18px; padding:8px 0; background:url(../images/common/new16/bul_middle_line2.png) repeat-y left top; text-align:right;}
.tariff-system-info .right-box strong{font-size:1.167em; color:#333; line-height:1.143em;}
.tariff-system-info .right-box .pColor{display:block; margin-top:3px; font-size:1.923em; line-height:1.280em;}
.tariff-system-info .right-box span{margin-top:9px;}
.roaming-sub-menu .charge-sever-check{padding-top:12px;}
.roaming-sub-menu .charge-sever-check .sever-check-text{margin-bottom:10px;}
.roaming-sub-menu .charge-sever-check .sever-check-text{}
.roaming-sub-menu .charge-loding{padding:55px 0 15px; background-position:50% 25px;}
.roaming-sub-menu .charge-refresh{padding:27px 0 4px;}
.roaming-sub-menu .alignC{padding:15px 15px 20px;}
.inputTxt{background-color:#fff;}
.tbTypeY2 tbody tr.addrTr td{background:#fff;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine{margin-bottom:0; background:none;}
.tbTypeY2 tbody tr.addrTr td .addrBox .bgLine .addrList{box-shadow: 0 2px 0 0 rgba(233, 233, 233, 0.5) inset; background:#fff;}
.country li a{border-radius:5px;}
.country li a span{padding:1px 0 0; color:#333;}
.customer-slt-box.no-search .normalSel{float:left; width:72%;}
.customer-slt-box.no-search .customer-search-box{float:right; width:26%; margin:0; padding:0; box-sizing:border-box;}
.customer-slt-box.no-search .customer-search-box a{width:100%; max-width:inherit; margin-left:5px;}
.tbUseinfo tbody td.none-border{border-left:0;}
.tbUseinfo tbody td.none-border .alignR a img{width:30px;}
.tbUseinfo tbody td.none-border .btn_type48.btn_type_normal48{width:57px; max-width:inherit;}
.tbl-map-info{margin-top:10px;}
.tbl-map-info li{margin-top:5px; padding-bottom:1px; border:1px solid #ccc; background:#fff;}
.tbl-map-info li:first-child{margin-top:0;}
.tbl-map-info li strong{display:block; padding-left:9px; font-size:1.000em; color:#333; line-height:3.167em;}
.tbl-map-info li .map-img{border-top:1px solid #ccc;}
.tbl-map-info li .map-img img{width:100%;}
.claimList .tbl-map-info li {border:1px solid #ccc;}

/* 2016 etc page */
.etc-page-box {padding:0 15px 20px; background:#fff;}
.etc-page-box > strong {display:block; padding:104px 0 14px; font-size:1.500em; font-weight:400; line-height:1.111em; color:#ed1c97; text-align:center;}
.etc-page-box > p {margin-top:12px; color:#333; text-align:center;}
.etc-page-box > p > span {color:#ed1c97;}
.etc-page-box > p > strong {font-weight:600;}
.etc-page-box .etc-page-btn {margin-top:37px;}

.error-page > strong {background:url(../images/common/new16/bg_error_page.png) no-repeat 50% 40px; background-size:60px 51px;}
.shutOut-page > strong {background:url(../images/common/new16/bg_shut_out_page.png) no-repeat 50% 40px; background-size:53px 53px;}
.esb-page > strong {padding-top:23px;}
.menu-shutOut-page > strong {padding-top:23px;}
.page-move > strong {padding-top:93px; background:url(../images/common/new16/loading.gif) no-repeat 50% 62px; background-size:21px 21px; font-size:1.083em; line-height:1.308em; color:#ed1c97;}

/* 2016 최대가능한도 팝업 */
.changeBox.bg-white{padding:10px 0 0;}
.changeBox.bg-white .tbTypeX4{margin:7px 0 5px;}

/* 2016 마케팅 팝업 */
/*.wrap-marketing-popup{position:absolute; top:0; bottom:0; left:0; right:0; padding:30px; background:rgba(0, 0, 0, 0.25); z-index:101;}*/
/*.marketing-popup {position:relative; height:100%;}*/
.marketing-box{/*position:absolute; top:50%; left:50%; */width:100%; max-width:300px; border:1px solid #444; background:#fff;/* transform:translate(-50%, -50%);*/}
.marketing-popup .banner-img{background:#eee;}
.marketing-popup .banner-img img{width:100%;}
.marketing-popup .alignC{padding:10px; border-top:1px solid #d6d6d6;}

/* 2016 튜토리얼 */
.tutorial-bg {background:#341a2a;}
/*.tutorial-info-box {position:absolute; top:0; bottom:0; left:0; background: linear-gradient(to bottom, #641c63 0%,#d25ab1 100%); z-index:100;}*/
.tutorial-info-box {position:absolute; top:0; bottom:0; left:0; background:url(../images/common/new16/bg_tutorial_page.jpg) repeat-x center top; background-size:100% 100%; z-index:100;}
/*.tutorial-info-box .btn-customer-service{display:block; height:36px; padding-top:14px; background:#341a2a; font-size:18px; color:#fff; line-height:25px; text-align:center;}*/
.tutorial-info-box .btn-customer-service{display:block; height:50px; background:#341a2a; font-size:18px; color:#fff; line-height:50px; text-align:center; position:absolute; left:0; right:0; bottom:0;}
.tutorial-info-box.swiper-container {padding-top:0; border-top:0;}
.tutorial-info-box.swiper-container .swiper-pagination {top:17px; right:50%; transform:translateX(50%);}
.tutorial-info-box.swiper-container .swiper-pagination .swiper-pagination-bullet {background:rgba(255, 255, 255, 0.3);}
.tutorial-info-box.swiper-container .swiper-pagination .swiper-pagination-bullet-active {background:rgba(255, 255, 255, 1);}
.tutorial-info-box.swiper-container .swiper-wrapper { height:100%;}
.tutorial-info-box.swiper-container .swiper-wrapper .swiper-slide { height:100%; padding-bottom:50px; text-align:center; box-sizing:border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.tutorial-info-box.swiper-container .swiper-wrapper .swiper-slide img {width:auto; height:100%;}
.tutorial-info-box.swiper-container .swiper-wrapper { margin-top:0px !important; }

/* 2016 멤버십 - 조회 */
.wrap-user-grade{overflow:hidden; border-bottom:1px solid #dabfe0; background:#fff5ff;}
.wrap-user-grade p{float:left; width:50%; padding:16px 16px 12px; color:#333; box-sizing:border-box;}
.wrap-user-grade .left-box{padding-right:16px;}
.wrap-user-grade .right-box{border-left:1px solid #dabfe0;}
.wrap-user-grade p strong{display:block; margin-top:17px; font-size:2.083em; color:#ec068d; line-height:1.280em; text-align:right;}
.member-tbl-area .hTitle{font-size:1.000em; color:#333;}
.member-tbl-area .tbTypeY2 tbody th{font-size:0.917em; font-weight:bold; color:#333;}
.member-tbl-area .tbTypeY2 tbody td{font-size:0.917em; color:#666; position:relative; }
.member-tbl-area .tbTypeY2 tbody td .alignL a{position:absolute; top:2px; right:5px;}
.member-tbl-area .alignC{margin-top:25px; padding:0 16px;}
.bgLine .addrList2{overflow-y:auto; height:109px; padding:8px 15px; border:2px solid #c5c5c5; border-radius:5px;}
.wrap-category-select{padding:6px 0; border:2px solid #a9a9a9; border-width:2px 0;}

/* 2016 멤버십 - 카드신청/재발급 */
.new-step-box{overflow:hidden; border-bottom:1px solid #c4c4c4;}
.memberBox .new-step-box{margin:-28px 0 15px;}
.new-step-box li{float:left; width:33%; padding:3px 0 4px; background:#f5f5f5; font-size:0.917em; font-weight:600; line-height:1.091em; color:#333; text-align:center;}
.new-step-box li:first-child{width:34%;}
.new-step-box li{background:#f5f5f5 url(../images/common/new16/bg_step_num2.jpg) no-repeat right 0; background-size:11px auto;}
.new-step-box li.step-list3{background:#f5f5f5 none;}
.new-step-box li .step-number{display:block; font-size:0.909em; color:#666; line-height:1.500em;}
.new-step-box.step1-type li.step-list1{background:#fff url(../images/common/new16/bg_step_num.jpg) no-repeat right 0; background-size:11px auto; color:#ec068d;}
.new-step-box.step1-type li.step-list1 .step-number{color:#ec068d;}
.new-step-box.step2-type li.step-list1{background:#f5f5f5 url(../images/common/new16/bg_step_num3.jpg) no-repeat right 0; background-size:11px auto;}
.new-step-box.step2-type li.step-list2{background:#fff url(../images/common/new16/bg_step_num.jpg) no-repeat right 0; background-size:11px auto; color:#ec068d;}
.new-step-box.step2-type li.step-list2 .step-number{color:#ec068d;}
.new-step-box.step3-type li.step-list1{background:#f5f5f5 url(../images/common/new16/bg_step_num2.jpg) no-repeat right 0; background-size:11px auto;}
.new-step-box.step3-type li.step-list2{background:#f5f5f5 url(../images/common/new16/bg_step_num3.jpg) no-repeat right 0; background-size:11px auto;}
.new-step-box.step3-type li.step-list3{background:#fff none; color:#ec068d;}
.new-step-box.step3-type li.step-list3 .step-number{color:#ec068d;}
.memberInfo.tb-border{border:1px solid #a4a4a4; border-width:1px 0; border-radius:0; box-shadow:none; background:#fff;}
.memberInfo.tb-border .fs16{padding-left:0; background:none;}
.terms{background:#fff;}
.terms article{background-position:0 4px; background-size:4px auto;}
.tbTypeY2 tbody th{font-weight:600;}
.datatype_webpop_first{padding:8px 0; border-top: 2px solid #92979e;}
.pointcolor_pink{padding-right:10px; font-weight:600; color:#ec068d;}
.leftgap{color:#ec068d;}
.leftgap strong{font-weight:normal;}
.changeTxt{margin-bottom:15px;}
.changeTxt .txt.t-border{border-top: 1px solid #92979e;}
.datatype_webpop{margin-top:9px;}
.tbTypeX2 thead th, .tbTypeX2 thead td,
.tbTypeX2 tbody th, .tbTypeX2 tbody td{background:#fff;}
.tbTypeX2 thead th .pad, .tbTypeX2 thead td .pad{border-color:#ec068d;}
.appAct{width:100%; height:35px; border-color:#ccc; border-radius:0; background:#fff; text-align:center; box-sizing:border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -mos-box-sizing: border-box;}
.appAct p {font-size:1em;}
.appAct .titleBig {padding:0; font-size:1em; color:#ec068d;}
.appAct .bgArrow{display:none; top:55%; right:0; width:21px;}
.wrap-user-grade .month-grade{width:100%; padding:12px 0 33px; border-top:1px solid #dabfe0;}
.wrap-user-grade .month-grade span{display:inline-block; padding-top:20px; font-size:1.167em; font-weight:600; vertical-align:middle;}
.wrap-user-grade .month-grade strong{display:inline-block; padding-left:11px; vertical-align:middle;}

/* 2016 요금조회납부 */
.historyInfoBox.bg-other{padding:19px 15px; border-bottom:1px solid #dabfe0; background:#fff5ff;}
.historyInfoBox.bg-other .share-txt{margin-top:11px; font-size:0.800em; line-height:1.500em;}
.historyInfoBox.bg-other .share-txt strong{display:block;}
.historyInfoBox.bg-other .alignC{margin-top:12px;}
.num-use-txt{overflow:hidden; margin-top:6px; font-size:0.917em; font-weight:600; line-height:1.636em;}
.num-use-txt .num-title{float:left; font-weight:600;}
.num-use-txt ul{float:left; padding-left:10px;}
.real-day .num-use-txt ul li span{color:#ec068d;}
.real-data .num-use-txt ul li span{color:#5e59c9;}
.real-voice .num-use-txt ul li span{color:#ec068d;}
.real-message .num-use-txt ul li span{color:#f17c43;}
.real-ring .num-use-txt ul li span{color:#ff9a17;}
.historyInfoBox strong.unpaid-txt{font-weight:600; color:#333;}

/* 2016 링충전 */
.tbPayment tbody th{background:#f2eff8; font-weight:600; color:#333; text-align:left;}
.tbPayment tbody td .pad{padding:0 10px; font-weight:600;}
.tbPayment tbody td .certify-txt{margin-top:4px; padding:0 10px; text-align:left;}
.reBox textarea{padding:5px 10px; background:#f5f5f5; font-size:0.917em; line-height:1.455em; resize:none;}
.claimList {border-top:1px solid #ccc;;}
.claimList li {border:0;}
.claimList li .aLink{border-bottom:1px solid #ccc; background-color:#fff;}
.claimList li:last-child .aLink {border-color:#ccc;}
.claimList li .useInfo{padding:15px; border-bottom:1px solid #ccc; background:#fbf6fb; color:#333;}
.claimList li .useInfo .innerBox {padding:0;}
.claimList li .aLink .bgImg {height:6px; margin-top:-3px;}
.useInfo .innerBox .mb12{margin-bottom:12px;}

/* 2016 guide layer */
.guide-layer {display:none; position:absolute; top:35px; left:1px; width:135px; padding:9px 0 8px; border:1px solid #5c2563; background:#fff; font-size:0.667em; font-weight:600; line-height:1.300em; z-index:2; text-align:center; box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.3);}
.guide-layer:before {content:''; position:absolute; bottom:100%; left:50%; margin-left:-4px; border-bottom:10px solid #5c2563; border-left:10px solid transparent; border-right:10px solid transparent;}
.guide-layer:after {content:''; position:absolute; bottom:100%; left:50%; margin-left:-2px; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent;}
.guide-layer > strong {font-weight:600; color:#ec068d;}
.payment-area  ul > li.no-arrow .stro-box.guide-on .guide-icon {background-image:url(../images/icon/new16/bg_guide_point_on.png);}
.guide-on .guide-layer {display:block;}

/* //================ apim 202006 출금일 ================// */
.guide-layer2 {display:none; position:absolute; padding:8px 8px 8px 8px; border-radius: 12px; border:1px solid #5c2563; background:#fff; font-size:0.667em; font-weight:600; line-height:1.300em; z-index:2; text-align:left; box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.3);}
.guide-layer2:before {content:''; position:absolute; bottom:100%; left:50%; margin-left:-4px; border-bottom:10px solid #5c2563; border-left:10px solid transparent; border-right:10px solid transparent;}
.guide-layer2:after {content:''; position:absolute; bottom:100%; left:50%; margin-left:-2px; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent;}
.guide-layer2 > strong {font-weight:600; color:#ec068d;}
.guide-icon2{position:absolute; width:20px; height:20px; background:url(../images/main/ico_overview.png) no-repeat 0 -201px; background-size:167px 233px; font-size:0; line-height:0; text-indent:-9999px;}
.guide-on2 .guide-icon2{background-position-x:-20px}
.guide-on2 .guide-layer2 {display:block;}

/* 2016 pagging */
.pageBox {padding:15px 0;}
.pageBox > a {display:inline-block; width:24px; height:24px; margin:0 3px; font-size:0; line-height:0; vertical-align:middle;}
.pageBox > a img {width:100%; height:100%;}
.pageBox .page {position:relative; width:24px; height:24px; margin:0 3px; padding-top:2px; font-size:0.923em; line-height:1.833em; color:#666; text-align:center; box-sizing:border-box;}
.pageBox .page:after {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ccc;}
.pageBox .page > strong {display:inline-block; position:absolute; top:0; bottom:0; left:0; right:0; width:auto; height:auto; padding-top:2px; background:#ed1c97; line-height:1.833em; color:#fff; z-index:2;}
.pageBox .pageL,
.pageBox .pageR {margin:0;}

.search-page-area .customer-slt-box {padding:0 0 15px;}
.search-page-area .shopList.h130 li .shopTit {padding:0;}
.search-page-area .shopList.h130 li .shopTit .title {width:100%; padding:0;}
.search-page-area .askList {margin:5px 0 0;}
.search-page-area .faq-info-box {padding:30px 0 0;}
.search-page-area .faq-info-box .faq-header {padding:0;}
.search-page-area .btn-area {padding:0;}

/* 2016 혜택 가이드 */
.my-benefit-list {padding:0 15px;}
.my-benefit-list > li {margin-bottom:10px; border:1px solid #ccc; border-radius:3px; box-shadow:0px 2px 4px 2px rgba(0, 0, 0, 0.1);}
.my-benefit-list > li a {display:block; min-height:79px; padding:10px 35px 10px 90px; background:url(../images/icon/new16/icon_doc_down.png) no-repeat 100% 50%; background-size:29px 16px; color:#333; box-sizing:border-box;}
.my-benefit-list > li strong {display:block; padding-top:11px; font-size:1.231em; font-weight:bold; line-height:1.125em;}
.my-benefit-list > li span {display:block; padding-top:4px; color:#ec068d;}
.my-benefit-list > li.benefit-list01 {background:url(../images/icon/new16/icon_benefit_guide01.png) no-repeat 10px 10px; background-size:75px 59px;}
.my-benefit-list > li.benefit-list02 {background:url(../images/icon/new16/icon_benefit_guide02.png) no-repeat 10px 10px; background-size:75px 59px;}
.my-benefit-list > li.benefit-list03 {background:url(../images/icon/new16/icon_benefit_guide05.png) no-repeat 10px 10px; background-size:75px 59px;}/* 2016-12-12 수정 */
.my-benefit-list > li.benefit-list04 {background:url(../images/icon/new16/icon_benefit_discount.png) no-repeat 10px 10px; background-size:75px 59px;}
.my-benefit-list > li.benefit-list05 {background:url(../images/icon/new16/icon_benefit_datarefill.png) no-repeat 10px 10px; background-size:75px 59px;}/* 2016-12-12 수정 */
.my-benefit-list > li.benefit-list06 {background:url(../images/icon/new16/icon_benefit_guide03.png) no-repeat 10px 10px; background-size:75px 59px;}
.my-benefit-list > li.benefit-list07 {background:url(../images/icon/new16/icon_benefit_guide04.png) no-repeat 10px 10px; background-size:75px 59px;}/* 2016-12-12 수정 */
.my-benefit-list > li.benefit-list08 {background:url(../images/icon/new16/icon_benefit_guide06.png) no-repeat 10px 10px; background-size:75px 59px;}/* 2016-12-12 추가 */
.my-benefit-list > li.benefit-list09 {background:url(../images/icon/new16/icon_benefit_guide07.png) no-repeat 10px 10px; background-size:75px 59px;}/* 2016-12-12 추가 */


/* 2016 권한설정 */
.authority-header {padding:27px 0 30px; font-size:1.154em; line-height:1.200em; color:#333; text-align:center;}
.authority-header img {height:32px;}
.authority-header p {margin-top:16px;}
.authority-header strong {font-weight:normal; color:#ec068d;}
.authority-box {border-bottom:1px solid #ccc;}
.authority-box .authority-title {display:block; padding:0 22px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f9f9f9; font-size:1.154em; line-height:1.667em; color:#333;}
.authority-box .compulsory-title {color:#ec008c;}
.authority-box .authority-list {padding:10px 0 6px 23px;}
.authority-box .authority-list > li {position:relative; padding:15px 20px 15px 66px; color:#666;}
.authority-box .authority-list > li:after {content:''; position:absolute; top:0; left:66px; right:0; height:1px; background:#eee;}
.authority-box .authority-list > li:first-child:after {display:none;}
.authority-box .authority-list > li > strong {display:block; font-size:1.154em; line-height:1.533em; color:#333;}
.authority-box .authority-list > li.authority-phone {background:url(../images/common/new16/bg_authority_phone.png) no-repeat 0 50%; background-size:50px 50px;}
.authority-box .authority-list > li.authority-save {background:url(../images/common/new16/bg_authority_save.png) no-repeat 0 50%; background-size:50px 50px;}
.authority-box .authority-list > li.authority-sms {background:url(../images/common/new16/bg_authority_sms.png) no-repeat 0 50%; background-size:50px 50px;}
.authority-box .authority-list > li.authority-point {background:url(../images/common/new16/bg_authority_point.png) no-repeat 0 50%; background-size:50px 50px;}
.authority-bottom-text {padding:15px 15px 17px; line-height:1.385em; color:#333; text-align:center;}
.authority-bottom-text > strong {color:#ed1c97;}
.authority-btn {padding:0 15px; text-align:center;}

/* 2016 메인 - 업데이트 */
.update-style .appInfo{padding-bottom:28px;}
.update-style .update-top{overflow:hidden;}
.update-style .update-img{float:left;}
.update-style .update-img img{width:105px;}
.update-style .update-top dl{padding-left:120px;}
.update-style .update-top dl dt{font-weight:600; color:#ec008c;}
.update-style .uAppBest{background:none;}
.update-style .uAppSer{border-top:0; background:none; color:#333;}
.update-style .uAppSer ul{padding:0; background:none;}
.update-style .uAppSer ul li{padding-left:0; background:none;}
.update-style .uAppSer ul li .uAppTxt{overflow:hidden;}
.update-style .uAppSer ul li .uAppTxt .pColor{float:left; font-size:1.154em; font-weight:bold;}
.update-style .uAppSer ul li p{padding-left:30px;}
.update-style .uAppSer ul li p strong{display:block;}
.update-style .uAppSer .update-info-txt2{margin-top:30px; padding:30px 0 0; border-top:1px solid #ccc; font-size:1.154em;}
.update-style .uAppSer .update-info-txt2 li{margin-top:4px; line-height:1.667em;}
.update-style .uAppSer .update-info-txt2 li:first-child{margin-top:0;}

/* 2016 인증서 목록 */
.wrap-certificate-popup{position:absolute; top:0; bottom:0; left:0; right:0; padding:15px; background:rgba(0, 0, 0, 0.25); z-index:101;}
.certificate-popup {position:relative; height:100%;}
.certificate-box{position:absolute; top:50%; left:50%; width:100%; max-width:300px; background:#fff; transform:translate(-50%, -50%);}
.certificate-box input{margin-top:10px;}
.text-area-all{border:1px solid #e0e0e0; border-width:1px 0;}
.text-area-wrap input:before{content:""; display:block; position:absolute; top:-10px; width:100%; height:1px; border-bottom:1px solid #e0e0e0;}
.certificate-head{border-bottom:1px solid #ec068d;}
.certificate-head h2{padding:6px 15px 7px; font-size:1.231em; font-weight:600; color:#ec068d; line-height:1.688em;}
.certificate-cont{padding:10px;}
.text-area-wrap{overflow-y:auto; height:130px;background:#f5f5f5 url(../images/common/new16/bg_top_line_repeat.png) repeat-x 0 0;}
.text-area-wrap .b-box-area{border:1px solid #e0e0e0; border-width:0 1px; box-sizing:border-box;}
.text-area-wrap .b-box-area.no-list{display:table; width:100%; height:100%;}
.text-area-wrap .b-box-area .certificate-list-empty{display:table-cell; font-size:1em; color:#999; text-align:center; vertical-align:middle;}
.text-area-wrap ul li a{display:inline-block; width:100%; padding:8px; box-sizing:border-box;}
.text-area-wrap ul li.on{position:relative;}
.text-area-wrap ul li.on a{background:#fff;}
.text-area-wrap ul li.on a:after{content:""; display:block; position:absolute; top:0; bottom:0; left:-1px; right:-1px; border:1px solid #ec068d;}
.text-area-wrap ul li a strong{overflow:hidden; display:block; max-height:35px; font-weight:400; color:#333; line-height:1.385em; word-break:break-all;}
.text-area-wrap ul li a ul{overflow:hidden; margin-top:6px;}
.text-area-wrap ul li a ul li{float:left; padding:0 7px; border-left:1px solid #c4c4c4; font-size:0.769em; color:#666; line-height:1.000em;}
.text-area-wrap ul li a ul li:first-child{padding-left:0; border-left:0;}
.certificate-popup .banner-img{background:#eee;}
.certificate-popup .alignC{margin-top:10px;}

/* 2016 고객센터 좌우 버튼 추가 */
.uTelBox .normalSel.side-move{padding-left:10px;}
.side-move .btn-area a.btnL{position:absolute; top:-1px; left:0; padding-left:13px; background:url(../images/icon/new16/icon_arrow_left3.png) no-repeat 0 50%; background-size:6px 11px;}
.side-move .btn-area a.btnL img,
.side-move .btn-area a.btnR img{display:none;}
.side-move .btn-area a.btnR{position:absolute; top:-1px; right:0; padding-right:13px; background:url(../images/icon/new16/icon_arrow_right3.png) no-repeat 100% 50%; background-size:6px 11px;}

/* swiper 라이브러리 추가 */
.swipe {  overflow: hidden;  visibility: hidden;  position: relative;}
.swipe-wrap {  overflow: hidden;  position: relative;}
.swipe-wrap > div { float:left; width:100%; position: relative;}
.swipe-wrap .swiper-slide img { width:100%;}
.swiper-pagination-bullet { color:transparent;}

/* PSH작업 2016.12 */
.infoBtnBox { padding:20px 10px 10px;}
.infoBtnBox strong {display:block; padding:10px 10px 15px; text-align:center; line-height:170%;}
.infoBtnBox strong em { color:#ed0e91;}
.infoBtnBox a.btn_type48 { max-width:none; width:inherit; display:block; }

.hBtn { position:relative;}
.hBtn a{ position:absolute; right:0; top:-10px;}

.btn_type_full + .btn_type_full { margin-top:10px !important; }
.textL {text-align:left !important; padding-left:10px !important;}

.timeLimit { font-size:0.923em; padding-top:5px; }
.timeLimit span {color:#e4427c;}
.timeLimit strong { display:block; }

.historyInfoBox + .tbTypeY2 { margin-top:0;}

.menu-link > li.wHalf { width:50%; }
.menu-link > li.wHalf span {display:inline-block; padding-right:40px; background:url(../images/icon/new16/icon_doc_down.png) no-repeat 100% 50%; background-size:29px auto;}

.cable-common-box.detail { padding-bottom:5px;}

.residualDetail { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; position:relative;}
.residualDetail + .residualDetail { border-top:none; }

.residualDetail h2, .residualDetail h3 { display:inline-block; float:left; line-height:150%; font-weight:600; }
.residualDetail h2 {font-size:1.083em; color:#333;}
.residualDetail h2 strong, .residualDetail h3 strong { display:inline-block; padding-left:5px;}
.residualDetail h3 { font-size:1em; color:#333; background:url(../images/common/new16/bg_star02.png) no-repeat 0 6px; background-size:5px auto; padding-left:8px; }
.residualDetail section { clear:both; padding:5px 0 0 25px;}
.residualDetail section + section { margin-top:10px;}

.residualDetail.day strong {color:#f83218 !important;}
.residualDetail.ring strong {color:#34b2b5 !important;}
.residualDetail section.data strong, .residualDetail .infoPoint { color:#aa36bb !important;}
.residualDetail section.videoData strong {color:#376193 !important;}
.residualDetail.call strong {color:#ec068d !important;}
.residualDetail.mms strong {color:#f17d44 !important;}

.residualDetail.data h2 { background:url(../images/icon/new16/icon_data.png) no-repeat 0 50%; background-size:25px auto; padding-left:25px;}
.residualDetail.call h2 { background:url(../images/icon/new16/icon_call.png) no-repeat 0 50%; background-size:25px auto;padding-left:25px;}
.residualDetail.mms h2 { background:url(../images/icon/new16/icon_mms.png) no-repeat 0 50%; background-size:25px auto;padding-left:25px;}
.residualDetail.ring h2 { background:url(../images/icon/new16/icon_ring.png) no-repeat 0 1px; background-size:25px auto;padding-left:25px;}

.residualDetail .summary { float:right; text-align:right; font-size:0.917em; letter-spacing:-0.5px; margin-top:2px; }
.residualDetail .summary span { display:inline-block; margin-left:3px; padding-left:5px; color:#333333; background:url(../images/common/new16/bul_middle_line4.png) no-repeat 0 50%; background-size:1px auto;}
.residualDetail h2:after, .residualDetail h3:after {clear:both; content:""; display:block; height:3px;}

.residualDetail.data h3 , .residualDetail.call h3 { float:none; }
.residualDetail.data .summary, .residualDetail.call .summary { float:none; margin-top:0; padding-bottom:2px; }
.residualDetail.data .summary strong:first-child, .residualDetail.call .summary  strong:first-child { float:left; font-size:1.125em; padding-left:8px; }
.residualDetail.data h3:after, .residualDetail.call h3:after { height:0;}

.residualDetail .info { margin:3px 0 0 5px; font-size:0.833em; padding-left:5px; line-height:140%; padding-left:13px; color:#6f6f6f; background:url("../images/common/bg_msg.png") no-repeat 0 3px; background-size:8px auto; word-break:keep-all;}
.residualDetail .infoPoint { font-size:0.833em; padding-left:5px; line-height:120%; font-weight:600; margin-top:3px;}

.residualDetail ul { color:#333333; font-size:0.833em; padding-left:5px; margin-top:2px;}
.residualDetail ul li span { display:inline-block; padding-right:2px;}
.residualDetail ul li span.typeNum { padding-left:59px;}
.residualDetail ul li span.typeNumNew { padding-left:62px;} /*babydunk 20190329 들여쓰기 수정  */
.residualDetail.mms ul { margin-left:25px; }
.residualDetail.ring .info { margin-left:25px; }

.residualDetail .lineGraph { clear:both; background:#eeeeee; border:1px solid #cccccc; position:relative; height:13px; border-radius:10px;;}
.residualDetail.ring .lineGraph, .residualDetail.mms .lineGraph { margin-left:25px;}
.residualDetail .lineGraph span { display:inline-block; position:absolute; top:-1px; left:-1px; bottom:0-1px; height:15px; border-radius:10px; text-indent:-9999em; }

.residualDetail .lineGraph span.day { background-color:#f83218;}
.residualDetail .lineGraph span.ring { background-color:#34b2b5;}
.residualDetail .lineGraph span.data { background-color:#aa36bb;}
.residualDetail .lineGraph span.videoData {background-color:#376193;}
.residualDetail .lineGraph span.mobile {background-color:#ec068d;}
.residualDetail .lineGraph span.video {background-color:#ec068d;}
.residualDetail .lineGraph span.mms {background-color:#f17d44;}

.residueTblWrap { padding:15px; }
.residueTblWrap .memTxt { padding:0 0 15px 0;}
.tbResidue tr.data th,.tbResidue tr.data td { color:#aa36bb; }
.tbResidue tr.call th,.tbResidue tr.call td { color:#ed078b; word-break:keep-all; }

.tbResidue tr td:last-child { color:#676767; }

.tbResidue2 {border-top:2px solid #aaa;}
.tbResidue2 thead th { padding:8px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#eeeeee; font-size:0.917em; font-weight:600; line-height:1.364em; color:#333;}
.tbResidue2 thead th:first-child {border-left:0;}
.tbResidue2 tbody th,.tbResidue2 tbody td { padding:0 15px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; font-size:0.917em; font-weight:600; line-height:1.364em;}
.tbResidue2 tbody tr:first-child td {border-top:none;}
.tbResidue2 tbody td:first-child {border-left:0;}
.tbResidue2 a { display:block; color:#676767; text-align:center; padding:8px 15px 8px 0; background:url(../images/common/new16/bg_right_arrow_tbl.png) no-repeat 100% 50%; background-size:14px auto;}

.sixPlanText {  border-top:1px solid #a4a4a4; padding:20px 0 0; margin-top:20px; text-align:center; }
.claimBox.bg-white .sixPlanText:first-child { border:none; padding-top:0; margin-top:0;}
.sixPlanText p {padding:0 10px 20px; font-size:1.250em; line-height:150%; color:#333; word-break:keep-all;}
.sixPlanText p span { color:#ec068d;}
.sixPlanText a { height:35px;}
.sixPlanText a span { font-size:1em; line-height:35px;}
.sixPlanText + .alignC { margin-top:10px; }

.sixPlanQnA { display:none; border:1px solid #a4a4a4; margin-bottom:20px; padding:20px 15px 0; position:relative;}
.sixPlanQnA dt {background:url(../images/ask/new16/icon_q.png) no-repeat 0 0; background-size:18px auto; margin-top:20px; padding:0 0 0 25px; line-height:150%; font-weight:600;word-break:keep-all;}
.sixPlanQnA dt:first-child { border-bottom:1px dashed #a4a4a4; padding-bottom:10px; margin-top:0; }
.sixPlanQnA dd { margin-top:10px; padding:0 0 20px 25px; background:url(../images/ask/new16/icon_a.png) no-repeat 0 0; background-size:18px auto;  line-height:150%; word-break:keep-all;}
.sixPlanQnA dd:nth-child(2) { border-bottom:1px solid #a4a4a4; }
.sixPlanQnA dd strong { color:#ec068d; }
.sixPlanQnA dd .msg { margin-top:7px;}
.sixPlanClose { display:inline-block; width:30px; height:30px; position:absolute; right:-1px; top:-1px; background:url(../images/common/new16/btn_card_close2.png) no-repeat center center; background-size:20px auto; border:1px solid #a4a4a4; text-indent:-9999em;}


/* PSH작업 2017.01 */
.wrap_noFoot.bgColor { background-color:#fff5ff; }
.additionalMainBox { border-top:1px solid #dabfe0; border-bottom:1px solid #dabfe0; margin:5px 0 0 0; background-color:#fff; position:relative; padding:10px 0 5px; }
.additionalMainBox h2 { display:inline-block; font-size:1.154em; line-height:24px; padding:0 0 0 25px; margin-left:15px;}
.additionalMainBox h2.giftCard { background: url(../images/icon/new16/icon_new_data02.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox h2.exchange { background: url(../images/icon/new16/icon_new_exchange.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox h2.media { background: url(../images/icon/new16/icon_new_media.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox h2.data { background: url(../images/icon/new16/icon_new_data.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox h2.call { background: url(../images/icon/new16/icon_new_call.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox h2.relax { background: url(../images/icon/new16/icon_new_block.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox .more { display:inline-block; position:absolute; top:10px; right:15px; line-height:24px; padding:0 10px 0 0; font-size: 0.917em; color: #333; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 8px; background-size:5px auto;}
.additionalMainBox ul { overflow:hidden; margin-top:7px; }
.additionalMainBox ul li { float:left; width:50%; padding:1px 0; position:relative; }
.additionalMainBox ul li:after { position:absolute; content:''; width:1px; height:100%; border-left:1px solid #ddd; left:100%; top:0;}
.additionalMainBox ul li a { display:block; border-top:1px solid #dddddd; margin:0 15px; padding:5px 15px 3px 0; font-size:0.917em; color:#333; background:url(../images/icon/new16/icon_arrow_right4.png) no-repeat 100% 7px; background-size:14px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.additionalMainBox ul li:first-child a { border-top:none;}
.additionalMainBox ul li:nth-child(2) a { border-top:none;}

/* vvip */
.additionalMainBox2 { border-top:1px solid #dabfe0; border-bottom:1px solid #dabfe0; margin:5px 0 0 0; background-color:#fff; position:relative; padding:10px 0 5px; }
.additionalMainBox2 h2 { display:inline-block; font-size:1.154em; line-height:24px; padding:0 0 0 0px; margin-left:15px;}
.additionalMainBox2 h2.giftCard { background: url(../images/icon/new16/icon_new_data02.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox2 h2.exchange { background: url(../images/icon/new16/icon_new_exchange.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox2 h2.media { background: url(../images/icon/new16/icon_new_media.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox2 h2.data { background: url(../images/icon/new16/icon_new_data.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox2 h2.call { background: url(../images/icon/new16/icon_new_call.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox2 h2.relax { background: url(../images/icon/new16/icon_new_block.png) no-repeat 0 1px; background-size: 20px auto;}
.additionalMainBox2 .more { display:inline-block; position:absolute; top:10px; right:15px; line-height:24px; padding:0 10px 0 0; font-size: 0.917em; color: #333; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 8px; background-size:5px auto;}
.additionalMainBox2 ul { overflow:hidden; margin-top:7px; }
.additionalMainBox2 ul li { float:left; width:50%; padding:1px 0; position:relative; }
.additionalMainBox2 ul li:after { position:absolute; content:''; width:1px; height:100%; border-left:1px solid #ddd; left:100%; top:0;}
.additionalMainBox2 ul li a { display:block; border-top:1px solid #dddddd; margin:0 15px; padding:5px 15px 3px 0; font-size:0.917em; color:#333; background:url(../images/icon/new16/icon_arrow_right4.png) no-repeat 100% 7px; background-size:14px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.additionalMainBox2 ul li:first-child a { border-top:none;}
.additionalMainBox2 ul li:nth-child(2) a { border-top:none;}

.additionalMainWrap { clear:both; overflow:hidden; position:relative; }
.additionalMainWrap:after { position:absolute; content:''; width:1px; height:100%; border-left:1px solid #ddd; left:50%; top:6px;}
.additionalMainWrap .additionalMainBox { display:inline-block; float:left;  width:50%;}
.additionalMainWrap .additionalMainBox ul li { float:none; width:100%; }
.additionalMainWrap .additionalMainBox ul li:first-child a { border-top:none;}
.additionalMainWrap .additionalMainBox ul li:nth-child(2) a {border-top:1px solid #dddddd;}
.additionalMainWrap .additionalMainBox ul li:after { display:none; }

.lineBoxWrap { border-top:1px solid #dabfe0; border-bottom:1px solid #dabfe0; background-color:#fff; position:relative; overflow:hidden; }
.lineBoxWrap div { display:inline-block; float:left; width:50%; padding:10px 0; text-align:center;}
.lineBoxWrap.box2:after { position:absolute; content:''; width:1px; height:100%; border-left:1px solid #dcc3e2; left:50%; top:0;}
.lineBoxWrap .planTit,.lineBoxWrap .addTit { display:block; text-align:left; font-weight:400; font-size:1.154em; line-height:150%; color:#333; padding-left:25px; padding:0 10px 0 25px; margin:0 5px 0 15px;}
.lineBoxWrap .planTit { background: url(../images/icon/new16/icon_new_rate.png) no-repeat 0 50%; background-size:19px auto; }
.lineBoxWrap .addTit { background: url(../images/icon/new16/icon_new_Service.png) no-repeat 0 50%; background-size:19px auto; }
.lineBoxWrap .planName, .lineBoxWrap .addName { display:block; margin:2px 15px 0; text-align:left; font-size:1.167em; line-height:220%; font-weight:bold; color:#ec068d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;*/ }
.lineBoxWrap .planTit span,.lineBoxWrap .addTit span { display:inline-block; padding-right:18px; background:url(../images/icon/new16/icon_arrow_right4.png) no-repeat 100% 5px; background-size:14px auto;}

.lineBoxWrap .btn_type40 { margin-top:5px; }
.lineBoxWrap .tit { display:inline-block; padding:15px 0 15px 40px; background: url(../images/icon/new16/icon_service.png) no-repeat 15px 50%; background-size: 18px auto; font-weight:400; font-size:1.154em; color:#333;}
.lineBoxWrap .more { display:inline-block; position:absolute; top:13px; right:15px; line-height:24px; padding:0 10px 0 0; font-size: 0.917em; color: #333; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 7px; background-size:5px auto;}
.lineBoxWrap .clickOnly { display:block; padding:16px 0; font-weight:400; font-size:1.154em; color:#333; padding-left:40px; }
.lineBoxWrap .clickOnly.auth { background:url(../images/icon/new16/icon_new_auth.png) no-repeat 15px 50%; background-size:20px auto; }
.lineBoxWrap .clickOnly.auth span { display:block; background:url(../images/icon/new16/icon_doc_down.png)  no-repeat 100% 50%; background-size:29px auto; }
.lineBoxWrap .clickOnly.selection { background:url(../images/icon/new16/icon_new_contract.png) no-repeat 15px 50%; background-size:20px auto; }
.lineBoxWrap .clickOnly.selection span { background:url(../images/main/new16/bg_amount_arrow.png) no-repeat 100% 35%; background-size: 6px auto; padding-right:15px;}

.lineBoxWrap .textSystem { font-size:1.167em; line-height:200%; color:#a56fa4; }
.lineBoxWrap .textLoding span { display:inline-block; font-size:1.167em; line-height:200%; color:#a56fa4; padding-left:29px; background:url(../images/common/new16/loading.gif) no-repeat 0 50%; background-size:21px 21px; }
.lineBoxWrap .btnRefresh { display:inline-block; font-size:1.167em; line-height:200%; color:#a56fa4; display:inline-block; padding:0 0 0 28px; background:url(../images/icon/new16/icon_refresh.png) no-repeat 0 50%; background-size:22px 22px; }
.lineBoxWrap div > p { min-height:32px; margin:0 15px;}
.lineBoxWrap.brNone { border-bottom:none; }
.myu-area +.lineBoxWrap, .lineBoxWrap +.lineBoxWrap { margin-top:5px; }

.keywordWrap { margin-top:10px; background-color:#f5f5f5; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; padding:5px 5px 0 15px; }
.keywordWrap strong { display:block; line-height:170%; font-weight:600; font-size:0.917em; color:#333333; letter-spacing:-0.5px; background:url(../images/icon/new16/icon_keyword.png) no-repeat 0 50%; background-size:12px auto; padding:0 0 0 17px; }
.keywordWrap div { padding:5px 0 0 10px;}
.keywordWrap div a { display:inline-block; background-color:#ec068d; color:#fff; line-height:180%; font-size:0.917em; font-weight:600; margin:0 0 5px 5px; padding:0 5px 0 4px; }
.keywordWrap ul { padding:5px 0 0 18px; }
.keywordWrap ul li { padding-left:20px; margin-bottom:5px;}
.keywordWrap ul a { display:inline-block; color:#333; font-size:0.917em; font-weight:600; padding:0 5px 0 4px; }
.keywordWrap ul li:nth-child(1) {background:url(../images/icon/new16/icon_num1.png) no-repeat 0 50%;}
.keywordWrap ul li:nth-child(2) {background:url(../images/icon/new16/icon_num2.png) no-repeat 0 50%;}
.keywordWrap ul li:nth-child(3) {background:url(../images/icon/new16/icon_num3.png) no-repeat 0 50%;}
.keywordWrap ul li:nth-child(4) {background:url(../images/icon/new16/icon_num4.png) no-repeat 0 50%;}
.keywordWrap ul li:nth-child(5) {background:url(../images/icon/new16/icon_num5.png) no-repeat 0 50%;}

.menuTab { padding-top:10px; border-bottom:1px solid #ec068d; overflow:hidden; background-color:#f5f5f5; }
.menuTab a { display:inline-block; width:50%; float:left; font-size:1.125em; height:40px; line-height:280%; text-align:center; color:#333; border-top:1px solid #dddddd; background-color:#f2eff8; }
.menuTab a.on { background-color:#ec068d; border-top:1px solid #ec068d; color:#fff;}

.all-menu-list > li .sub-menu-area .sub-menu-list > li a { margin-left:25px; padding-left:5px;}
.all-menu-list > li .sub-menu-area .sub-menu-list > li a.bookmark { display:inline-block; float:left; padding:0; background:none; line-height:0; font-size:0; width:25px; height:44px; margin-left:0; background:url(../images/icon/new16/icon_bookmark_off.png)  no-repeat 50% 50%; background-size:18px auto;}
.all-menu-list > li .sub-menu-area .sub-menu-list > li a.bookmark.on {background:url(../images/icon/new16/icon_bookmark_on.png)  no-repeat 50% 50%; background-size:18px auto;}
.all-menu-list > li .sub-menu-area .sub-menu-list > li { clear:both; }

.all-menu-list { margin-top:0; border-top:1px solid #ec068d;}
.all-sub-title { background-color:#fff;}

.bookmarkMenuWrap {}
.bookmarkMenu { border-top:1px solid #ec068d; }
.bookmarkMenu ul { background-color:#fff; }
.bookmarkMenu li { clear:both; padding:0 0 0 35px; border-bottom:1px solid #ddd; font-size:1.077em; line-height:3.143em; color:#333; background:#fff url(../images/icon/new16/icon_bookmark_on.png)  no-repeat 10px 50%; background-size:15px auto;  margin:0 15px; }
.bookmarkMenu li a { color:#333;}
.bookmarkMenu li a:last-child { display:inline-block; line-height:3.143em; width:30px; float:right; background:url(../images/common/new16/btn_delete.png)  no-repeat 50% 50%; background-size:12px auto; text-indent:-9999em;}
.bookmarkMenuWrap .btnAllDel { display:inline-block; font-size:0.917em; color:#ec068d; padding:0 5px 0 20px; line-height:2.0em; background:url(../images/icon/new16/icon_del_all.png)  no-repeat 5px 50%; background-size:10px auto; float:right; margin-right:15px; border:1px solid #bebebe; margin-top:10px;}

.bookmarkNone { text-align:center; margin:0 15px 10px; padding:20px 0; line-height:200%; font-size:1.125em; border-bottom:1px solid #ddd;  }
.bookmarkNone strong { color:#ec068d;  font-weight:normal; }
.bookmarkNone img { width:15px; vertical-align:middle;}

.titBox { margin-top:10px; border-top:1px solid #c8c8c8; padding-top:15px;}
.titBox h3 { font-size:1.125em; line-height:200%; padding-left:8px; background:url(../images/common/new16/bul_pink_dot.png)  no-repeat 0 50%; background-size:3px auto;}

.alignC > a:first-child {margin-right:2px;}
.msgDot { padding:0 10px 10px;}
.msgDot li {margin-bottom:5px; padding-left:8px; font-size:0.917em; color:#6f6f6f; background:url(../images/common/new16/bul_pink_dot.png) no-repeat 0 7px; background-size:3px auto;}
.msgDot li.point { color:#ec068d;}

.newTab { padding-top:10px; border-bottom:2px solid #ec068d; overflow:hidden; background-color:#f5f5f5; }
.newTab li { display:inline-block; width:50%; float:left; }
.newTab a { display:block; font-size:1.125em; color:#333; height:40px; line-height:280%; text-align:center; background-color:#f3ddf2; border-top-left-radius:5px; border-top-right-radius:5px; border-top:1px solid #cda6cc; }/*background-color:#d8b5d7;*/
.newTab a.on { background-color:#ec068d; color:#fff; border-top:1px solid #ec068d;  }
.newTab.telNone { padding-top:0; }
.newTab.telNone a { border-radius:0;}

.infoBox ul li a { display:inline-block; font-size:0.917em; color:#ec068d; background:url(../images/icon/new16/icon_calendar2.png) no-repeat 0 50%; background-size:15px auto; padding-left:20px; }
.infoBox ul li p { font-size:0.8em; color:#333;}

.calendarWrap { position:relative;}
.selDays { display:none; border-bottom:1px solid #ccc; background-color:#f5f5f5; padding:5px 0;  text-align:center; }
.selDays .label { display:inline-block; color:#333; background:url(../images/icon/new16/icon_calendar_checked.png) no-repeat 0 50%; background-size:15px auto; padding:0 10px 0 22px;}
.selDays strong { display:inline-block; background-color:#fff; margin:0 3px 0 5px; line-height:23px; padding:0 10px; font-weight:400; border:1px solid #cccccc; border-radius:5px; }
.selCalendar { display:none; position:absolute; top:35px; left:0; right:0; background-color:#fff; border-bottom:1px solid #c4c4c4; z-index:90; padding:5px 15px 15px; }
.selCalendar .calendarHead { display:table; overflow:hidden; width:100%; border-top:1px solid #c4c4c4;  border-bottom:1px solid #c4c4c4;  background-color:#f5f5f5; }
.selCalendar .calendarHead li { display:table-cell; padding:5px 0; font-size:0.917em; text-align:center;}
.selCalendar .calendarBody { overflow:hidden; background:url(../images/common/new16/bg_btm_line.png) repeat-x 0 100%; }
.selCalendar .calendarBody li { float:left; width:13.9%; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; font-size:0.8em; text-align:center;}
.selCalendar .calendarBody li.blank {border-left:1px solid #fff;}
.selCalendar .calendarBody li.blank:first-child {border-left:none;}
.selCalendar .calendarBody li:first-child, .selCalendar .calendarBody li:nth-child(8), .selCalendar .calendarBody li:nth-child(15), .selCalendar .calendarBody li:nth-child(22),.selCalendar .calendarBody li:nth-child(29) { border-left:none; }
.selCalendar .calendarBody li:last-child {border-right:1px solid #c8c8c8;}
.selCalendar .calendarBody li:nth-child(35) {border-right:none;}
.selCalendar .calendarBody li a { display:block;  height:44px; line-height:44px; position:relative;}
.selCalendar .calendarBody li span { display:block; height:44px; line-height:normal;}
.selCalendar .calendarBody li:first-child a, .selCalendar .calendarBody li:nth-child(8) a, .selCalendar .calendarBody li:nth-child(15) a, .selCalendar .calendarBody li:nth-child(22) a,.selCalendar .calendarBody li:nth-child(29) a { color:#ed058f;}
.selCalendar .calendarBody li.selTerm, .selCalendar .calendarBody li.selColor{ background-color:#f8eaf9; }
.selCalendar .calendarBody li a.start, .selCalendar .calendarBody li a.end {  color:#fff; line-height:30px; }
.selCalendar .calendarBody li a.start { background:url(../images/icon/new16/icon_cal_start2.png) no-repeat 100% 0;}
.selCalendar .calendarBody li a.end { background:url(../images/icon/new16/icon_cal_end2.png) no-repeat 0 0;}
.selCalendar .calendarBody li a em { font-size:0.9em; display:block; position:absolute; left:0; right:0; bottom:5px; color:#fff; line-height:normal;}
.selCalendar .calendarBody li a.start { text-indent:-10px; font-size:1.125em; font-weight:600;}
.selCalendar .calendarBody li a.end { text-indent:10px; font-size:1.125em; font-weight:600;}
.selCalendar .alignC { margin-top:15px; }
.selCalendar .alignC .btn_type40 { min-width:100px;}

.selCalendar .calendarBody li.blank + .selCalendar .calendarBody li { border-left:1px solid #f00;}
.btn_type_purple { background-color:#a56fa3; display:inline-block; line-height:26px; padding:0 15px; font-size:0.8em; color:#fff;}

.tbTypeY2.textR td {text-align:right; padding-right:10px;}
.tbTypeY2 td .subText { display:block; }
.tbTypeY2 .pointColor { color:#ed058f;}
.tbTypeY2 .blockLine { border-top:1px solid #d1aad0 !important; }
.tbTypeY2 .blockLine th { background-color:#ecd4eb;}
.tbTypeY2 .blockLine1 { border-bottom:2px solid #c7cbd3; }
.tbTypeY2 .blockLine1 th { background-color:#ecd4eb;}

.tbTypeY2 + .msg { margin-top:10px;}
.tbTypeY2 + .tbTypeY2 { margin-top:10px; }

.personalMsgWrap { padding:15px; margin:0; color:#333; word-break:keep-all; border-bottom:1px solid #dabfe0; }
.personalMsgWrap.inner { margin:-15px -15px 20px; border-bottom:none; background-color:#f4e8f6;}

.personalMsgWrap div { background-color:#fff5ff; border:1px solid #d9c0e0; border-radius:3px; padding:20px 15px 15px; }
.personalMsgWrap.inner div { background-color:#fff; }
.personalMsgWrap div strong { font-size:1.25em; }
.personalMsgWrap div p { margin-top:10px; font-size:0.917em; line-height:170%; letter-spacing:-0.5px;}
.personalMsgWrap div p span { color:#ed058f; font-weight:600; }
.personalMsgWrap ul { margin-top:10px;padding:0 5px; }
.personalMsgWrap ul li { font-size:0.917em; line-height:150%; background:url(../images/common/new16/bul_pink_dot.png) no-repeat 0 7px; background-size:3px auto; margin-bottom:5px; padding-left:8px; }

.advancePayWrap { letter-spacing:-0.5px; }
.advancePayWrap .tit { font-size:1.25em;  text-align:center; line-height:170%; display:block; color:#ed058f; font-weight:normal; padding:0 0 15px 0; word-break:keep-all; }
.advancePayWrap .text { margin-bottom:20px; color:#333; }

.advancePayWrap .advancePay { padding:15px 0; border-top:2px solid #ed1c97; position:relative;}
.advancePayWrap .advancePay span {display:block; margin-bottom:8px; font-size:1.25em; font-weight:600; color:#515862; text-align:center; margin-right:50%;}
.advancePayWrap .advancePay strong { display:block; font-size:1.25em; line-height:1.333em; color:#ed1c97;  text-align:center; margin-right:50%;}
.advancePayWrap .advancePay .btn_type_purple { position:absolute; right:0; top:50%; line-height:30px; font-size:0.917em; margin-top:-15px; }
.advancePayText { padding:10px 0 20px; text-align:center;}
.advancePayText strong { font-weight:600; color:#ed1c97;  }

.openMsgWrap { display:none; position:fixed; left:5px; right:5px; top:50%; background-color:#fff; border:1px solid #444245; z-index:9999; }
.openMsgWrap h1{border-bottom:2px solid #ed008c; margin:20px 15px 0; padding:0 0 15px 15px; font-size:1.25em; color:#333;}
.openMsgWrap h1.point {color:#ed058d; text-align:center;}
.openMsgWrap h1.largeTxt { font-size:20px; font-weight:600; }
.openMsgWrap .innerWrap + .innerWrap { border-top:1px solid #e5e5e5; }
.openMsgWrap .innerWrap { padding:15px 5px 20px 10px; margin:0 15px; }
.openMsgWrap .innerWrap h2 {display:inline-block; padding:0 0 0 25px; background:url(../images/icon/new16/icon_new_rate.png) no-repeat 0 50%; background-size:21px auto; font-size:1.25em; font-weight:400; line-height:150%; color:#333;letter-spacing:-0.05em;}
.openMsgWrap .innerWrap + .innerWrap h2 { background:url(../images/main/new16/icon_amount_month.png) no-repeat 0 0; background-size:21px auto; }
.openMsgWrap .innerWrap strong { display:block; color:#ed058d; font-weight:normal; font-size:1.25em; padding:10px 0 10px 0; letter-spacing:-0.5px; text-align:center;}
.openMsgWrap .innerWrap strong.plan { text-align:center; padding-left:0; }
.openMsgWrap .innerWrap .infoText { padding:0 0 10px 30px; word-break:keep-all; line-height:170%; }
.openMsgWrap .innerWrap .infoText span {color:#ed058d; font-weight:600;}
.openMsgWrap .innerWrap .point {display:block; color:#ed058d; font-weight:normal; word-break:keep-all; line-height:150%; }
.openMsgWrap .innerWrap .point em { color:#333; }
.openMsgWrap .innerWrap.textOlny strong {  padding:5px 0 20px 0; text-align:center; }
.openMsgWrap .innerWrap.textOlny .infoText { padding:0 0 10px 0;}
.openMsgWrap .openMsgFooter { display:table; width:100%; background-color:#f2f2f2; padding:0; }
.openMsgWrap .openMsgFooter.lineY {border-top:1px solid #d3d3d3;}
.openMsgWrap .openMsgFooter a { display:table-cell; width:50%; border-left:1px solid #d3d3d3; padding: 13px 0; color:#333; text-align:center; font-size:1.125em; letter-spacing:-0.5px;}
.openMsgWrap .openMsgFooter a:first-child { border-left:none; }
.openMsgWrap .notice li { font-size:0.917em; line-height:170%; background:url(../images/common/new16/bul_pink_dot.png) no-repeat 0 7px; background-size:3px auto; margin-bottom:5px; padding-left:8px; }
.openMsgWrap .notice { padding:0 0 10px;}
.openMsgWrap.colorY { background-color:#fff5ff; }
.openMsgWrap .choiceDiscountPop { padding:15px 15px 20px; }
.openMsgWrap .choiceDiscountPop .imgBox { font-size:14px; line-height:170%; padding:0 20px 65px;background:url(../images/common/new16/img_pop_choice.png) no-repeat 50% 100%; background-size:105px auto; }
.openMsgWrap .choiceDiscountPop .imgBox strong { display:block; font-size:16px; color:#ed058d; font-weight:600; }
.openMsgWrap .choiceDiscountPop .lineBox { margin-top:10px; border:1px solid #ffdcff; background-color:#fff; border-radius:10px; padding:8px 10px 8px 15px; font-size:14px; color:#ed058d; line-height:150%; letter-spacing:-0.05px; }
.openMsgWrap .choiceDiscountPop .notice { font-size:13px; line-height:150%;padding:10px 20px;}
.openMsgWrap .choiceDiscountPop .closeTop { position:absolute; right:10px; top:10px;background:url(../images/common/new16/btn_close.png) no-repeat 0 0; background-size:12px auto;  width:12px; height:12px; text-indent:-9999em;}

.openMsgWrap .choiceDiscountPop .alignC { margin:0 15px; }
.openMsgWrap .innerWrap strong + .alignC { margin-top:10px; }

.layerMask{ display:none; position:fixed; z-index:9998; top:0; right:0; bottom:0; left:0; background:#000; filter:alpha(opacity=70) !important; opacity:.7; -moz-opacity:0.7; -khtml-opacity: 0.7;}

.optionBox .optionText { padding:0 10px;  color:#ed058f; }

.bannerWrap { margin:5px 0;}
.bannerWrap img { width:100%; }

.settingList li .btnSettingWrap {text-align:right; margin-top:10px;}
.settingList li .btnSettingWrap a { position:relative; top:0; right:inherit; }

.nonMember { background-color:#fff5ff; text-align:center; padding:25px 10px; color:#ec068d; }
.nonMember p:first-child {  font-size:1.25em; }
.nonMember .alignC { margin-top:20px;}

.planSimulationInput { margin:15px; }
.planSimulationInput h2 { font-weight:600; color:#333; font-size:1.125em; }

.planSimulationInput table { border-top:1px solid #a4a4a4; margin:15px 0;}
.planSimulationInput table th, .planSimulationInput table td { border-bottom:1px solid #a4a4a4; padding:15px 0; color:#333;}
.planSimulationInput table th { text-align:left; background:url(../images/common/new16/bul_square_pink.png) no-repeat 0 50%; background-size:4px auto; padding-left:10px;}
.planSimulationInput .graySel { width:50%; display:inline-block; vertical-align:middle; }
.planSimulationInput input { width:35%; text-align:right; padding-right:10px; }
.planSimulationInput .planName { font-weight:600; color:#ec068d; }
.planSimulationInput .btnTbl { display:inline-block; font-size:0.917em; color:#333; line-height:220%; text-align:center; min-width:80px; border:1px solid #ccc; background-color:#f7f7f7;}
.planSimulationInput .btnTbl+ .btnTbl { margin-left:4px;}
.planSimulationInput .btnTbl.on { color:#ec068d; background-color:#f2eff8; }
.planSimulationInput .msg { display:none; margin:10px 0 0; word-break:keep-all; }
.planSimulationInput .btnTbl.on + .msg { display:block;}

.planSimulationInfo { margin:15px; text-align:center; color:#ec068d; word-break:keep-all; }
.planSimulation { margin:15px; }
.planSimulation h2 { font-weight:600; color:#333; font-size:1.125em; padding-bottom:10px; }

.planSimulation.summary section { border:1px solid #dabfe0; background-color:#fff5ff; margin-top:10px; text-align:center; padding:15px 20px; position:relative; }
.planSimulation.summary section:last-child { background-color:#f2eff8;}
.planSimulation.summary section h3 { color:#ec068d; line-height:170%; }
.planSimulation.summary  p { line-height:170%; }
.planSimulation.summary .name {font-weight:bold; color:#333;}
.planSimulation.summary .plan { font-weight:600; color:#ec068d; }
.planSimulation.summary .plan em { font-size:0.8em; color:#333; }

.planSimulation.summary ul { display:inline-block; overflow:hidden; margin-top:20px;  text-align:center; }
.planSimulation.summary ul li { float:left; font-size:0.917em; padding:30px 10px 0; }
.planSimulation.summary ul li strong { display:block; color:#333; }
.planSimulation.summary ul li.imgHome {background:url(../images/callingplan/ico_home.png) no-repeat 50% 0; background-size:25px auto;}
.planSimulation.summary ul li.imgMobile {background:url(../images/callingplan/ico_mobile.png) no-repeat 50% 0; background-size:25px auto;}
.planSimulation.summary ul li.imgData {background:url(../images/callingplan/icon_data.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgMsg {background:url(../images/callingplan/icon_msg.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgRing {background:url(../images/callingplan/icon_ring.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgSubject {background:url(../images/callingplan/icon_subject.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgVideo {background:url(../images/callingplan/icon_video.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgVideoVoice {background:url(../images/callingplan/icon_video_voice.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgVideo2 {background:url(../images/callingplan/icon_video2.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgVoice {background:url(../images/callingplan/icon_voice.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgVoiceDefault {background:url(../images/callingplan/icon_voice_default.png) no-repeat 50% 0; background-size:65px auto;}
.planSimulation.summary ul li.imgVoiceEtc {background:url(../images/callingplan/icon_voice_etc.png) no-repeat 50% 0; background-size:65px auto;}
.summaryBtn { margin-top:15px; }
.summaryBtn .btnGray, .summaryBtn .btnPurple { display:inline-block; line-height:26px; padding:0 20px; font-size:0.917em; color:#fff; }
.summaryBtn .btnGray { background-color:#444;}
.summaryBtn .btnPurple { background-color:#9c509b;}

.planSimulation span.my, .planSimulation span.recommend1, .planSimulation span.recommend2 {display:inline-block; color:#fff; line-height:190%; text-align:center; font-size:0.917em; margin-right:5px; min-width:40px; }
.planSimulation span.my { background-color:#969696; }
.planSimulation span.recommend1 { background-color:#ec068d; }
.planSimulation span.recommend2 { background-color:#aa36bb;}

.planSimulation .tab { display:table; width:100%; }
.planSimulation .tab a { display:table-cell; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #a4a4a4; background-color:#f2eff8; text-align:center; line-height:33px; color:#333; }
.planSimulation .tab a.on { border:1px solid #a4a4a4; border-bottom:1px solid #fff; background-color:#fff;}
.planSimulation .tab a.on + a { border-left:none; }
.planSimulation .tab a:last-child {border-right:1px solid #ccc;}
.planSimulation .tab a:last-child.on {border-right:1px solid #a4a4a4;}

.planSimulation.compare section { display:none; margin-top:20px; position:relative; }
.planSimulation.compare section h3 { position:absolute; top:130px; left:0; right:0; text-align:center; }
.planSimulationChart { width:100%; height:120px; overflow:hidden; text-align:center; background:url(../images/common/new16/bg_simulation.png) repeat-x 0 0; }
.planSimulationChart ul { display:inline-block; }
.planSimulationChart ul li { float:left; width:70px; height:120px; position:relative; }
.planSimulationChart ul li span { position:absolute; left:10px; bottom:5px; display:inline-block; width:50px; color:#fff; z-index:91; font-size:0.8em; }
.planSimulationChart ul li strong { position:absolute; left:10px; bottom:0; display:inline-block; width:50px; background-color:#969696;  z-index:90;}
.planSimulationChart ul li.recommend1 strong {background-color:#ec068d;}
.planSimulationChart ul li.recommend2 strong {background-color:#aa36bb;}

.planSimulationDetail { margin-top:40px; background-color:#f2eff8; border-top:2px solid #a4a4a4; border-bottom:1px solid #a4a4a4; }
.planSimulationDetail li { border-top:1px solid #ccc; padding:7px 10px; overflow:hidden; }
.planSimulationDetail li:first-child { border-top:none; }
.planSimulationDetail li .name { color:#333;}
.planSimulationDetail li .value { color:#ec068d; float:right; font-weight:600;  }
.planSimulationDetail li .value em { display:inline-block; font-size:0.917em; font-weight:normal; color:#333; margin-left:2px;}

.planSimulation .alignC { margin-top:20px; }


.planSimulationNotice { background-color:#f7f7f7; margin:15px; padding:15px 15px 5px; }
.planSimulationNotice h2 { color:#ec068d; background:url(../images/icon/new16/icon_warning.png) no-repeat 0 50%; background-size:13px auto; padding-left:17px;}
.planSimulationNotice ul { margin-top:10px;}
.planSimulationNotice ul li { font-size:0.917em; color:#333; background:url(../images/common/new16/bul_dot_gray.png) no-repeat 0 4px; background-size:4px auto; padding-left:10px; margin-bottom:8px; line-height:150%; }

.hide{overflow:hidden; position:absolute; left:-9999px; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; margin:0 !important; padding:0 !important;}

.chargeTypeSel { padding-bottom:10px; text-align:center; } 
.chargeTypeSel .radioBox { font-size:1em; line-height:1.5em; }
.memTxt .point { color:#ec068d; }

.autoChargeTit { display:block; font-size:1.125em; font-weight:600; color:#333; padding:0 0 10px 10px; background:url(../images/common/new16/bul_square_pink.png) no-repeat 0 6px; background-size:4px auto;}
.autoChargeInfo { margin:5px 0 15px; padding-left:20px; border-bottom:1px solid #bdc0c6;}
.autoChargeInfo li { width:170px; margin:0 auto; background:url(../images/common/new16/bul_dot_gray.png) no-repeat 0 5px; background-size:4px auto; padding-left:10px; margin-bottom:8px; line-height:150%;}
.autoChargeInfo li span { display:inline-block; text-align:right; float:right; }

.uSearchBox .searchOuter .inputSearch { background-color:#fff; color:#333; height:26px; border-radius:3px; margin-top:4px; text-indent:10px;}
.uSearchBox .searchOuter .inputSearch::-webkit-input-placeholder {color:#999;}

.openSourceWrap .infoTxt { padding:50px 15px 0 15px;}
.openSourceWrap .infoTxt.ios { display:none; }
.openSourceWrap .infoTxt .txt { margin-bottom:0; }
.openSourceWrap .infoTxt .txt p { line-height:150%;}
.openSourceInfo { padding:15px; font-size:0.917em;}
.openSourceInfo strong { color:#ec068d; }

.openSourceNevi { display:none; background-color:#f5f5f5; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; margin:0 15px; padding:10px;}
.openSourceNevi a { display:block; line-height:170%; background:url(../images/common/new16/bul_dot_gray.png) no-repeat 0 50%; background-size:4px auto; padding-left:10px; color:#333; text-decoration:underline;}
.btnTop { position:fixed; bottom:50px; right:10px; width:35px; height:35px; text-align:center; font-size:0.8em; font-weight:bold; line-height:50px; border:1px solid #999; background:url(../images/common/new16/bg_top.png) no-repeat 50% 0; z-index:5000; color:#333;}

.memTxt + .use-total-title { margin-top:20px; }

.topInfoWrap { letter-spacing:-0.5px; }
.topInfoWrap p { line-height:170%; padding:0 0 10px 0; word-break:keep-all; }
.topInfoWrap p strong { font-weight:600; color:#ed058f;}

.newTab + .small-payment { height:120px; }
.newTab + .small-payment .user-setting-limit { padding-top:17px;}
.newTab + .small-payment .right-box { padding-top:22px; }
.charge-sever-check.only { padding-top:50px;}

.memTxt + .swiper-container { padding-top:0; }

.checkFareInfoWrap { padding:15px;}
.checkFareInfoWrap + .newTab { padding-top:0; }
.checkFareInfoWrap .memTxt { padding:0 0 10px 0;}
.checkFareInfoWrap table .point { color:#ed058f; }
.checkFareInfoWrap .btn { display:inline-block; color:#ed058f; padding:5px 30px 5px 5px; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 10px; background-size:5px auto; margin:-5px 0;}
.checkFareInfoWrap .tit { color:#333; display:block; padding-bottom:5px; }

.checkFareWrap .useDetail { padding:10px 10px 10px 15px; overflow:hidden; }
.checkFareWrap .useDetail .tit { font-size:1.125em; color:#333; line-height:30px; }
.checkFareWrap .useDetail .amountWrap { display:inline-block; float:right; text-align:right;}
.checkFareWrap .useDetail .amount { display:inline-block; min-width:120px; line-height:30px; color:#333; text-align:left; }
.checkFareWrap .useDetail .amount strong {display:inline-block; float:right; color:#ec068d; font-weight:600; padding:0 15px 0 15px; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 10px; background-size:5px auto;}
.checkFareWrap .useDetail .infoText { padding-top:5px; color:#ae51ba; text-align:center;}

.useDetail .textSystem { font-size:1.167em; line-height:200%; color:#a56fa4; }
.useDetail .textLoding span { display:inline-block; font-size:1.167em; line-height:200%; color:#a56fa4; padding-left:29px; background:url(../images/common/new16/loading.gif) no-repeat 0 50%; background-size:21px 21px; }
.useDetail .btnRefresh { display:inline-block; font-size:1.167em; line-height:200%; color:#a56fa4; display:inline-block; padding:0 0 0 28px; background:url(../images/icon/new16/icon_refresh.png) no-repeat 0 50%; background-size:22px 22px; }

.useDetail .useSummary { margin-top:5px; padding-top:10px; color:#333; overflow:hidden; font-size:0.917em; border-top:1px dashed #ccc;}
.useDetail .useSummary p { padding-bottom:3px;}
.useDetail .useSummary dl { overflow:hidden; }
.useDetail .useSummary dl dt { clear:both; display:inline-block; width:58%; padding-top:2px;}
.useDetail .useSummary dl dd { display:inline-block; float:right; width:40%; text-align:right; color:#333; padding-top:2px;}
.useDetail .useSummary dl span { display:inline-block; margin-left:5px;}
.useDetail .useSummary .date { color:#ae51ba; }
.useDetail .useSummary .price { color:#ed058f; }

.checkFareWrap .btnWrap { display:table; width:100%; border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.checkFareWrap .btnWrap a {display:table-cell; width:50%; height:33px; padding:0 10px 0 15px; border:0; border-left:1px solid #ccc;  line-height:2.750em; color:#333;}
.checkFareWrap .btnWrap a:first-child { border-left:none; }
.checkFareWrap .btnWrap a span { display:block; background:url(../images/common/new16/bg_right_arrow_pink2.png) no-repeat 100% 50%; background-size:5px auto; }

.soList li div.aLink .uYo .inPad { padding-right:5px; }
.roaming-sub-menu .alignC + .alignC { padding-top:0 !important; margin-top:-10px; padding-bottom:15px; }

.btnGuide { display:inline-block; margin:0 2px; width:20px; height:20px; background:url(../images/icon/new16/bg_guide_point_off.png) no-repeat 0 0; background-size:20px auto; text-indent:-9999em; vertical-align:middle;}
.guideTxt { display:none;}
.guideTxt td { padding:10px !important; font-size:0.833em; color:#8e5495 !important; text-align:left !important; }

.myu-wrap2 .myu-area{padding-left:2px;}
.myu-wrap2 .myu-area:first-child{padding-left:0; padding-right:2px}

.tbTypeY2.lineY th, .tbTypeY2.lineY td {border-left:1px solid #c7cbd3;}
.tbTypeY2.lineY tr th:first-child, .tbTypeY2.lineY tr td:first-child { border-left:none;}

.h2InfoWrap { position:relative; word-break:keep-all;}
.h2Info { padding-bottom:10px; }
.h2Info strong { color:#ed058f; font-weight:600; }
.h2InfoWrap a { position:absolute; right:0; top:-7px;}
.h2InfoWrap .h2Info { padding:5px 0 15px; }

.tabContsWrap { margin-top:20px; }
.tabContsWrap .titConts { margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #92979e; word-break:keep-all; }
.tabContsWrap .titConts.only { margin-top:20px;}
.tabContsWrap .titConts.lineNone { border-bottom:none; }
.tabContsWrap .titConts strong { display:block; font-size:1.083em;  font-weight:600; color:#333; padding-bottom:8px; border-bottom:2px solid #92979e; margin-bottom:10px; }
.tabContsWrap .titConts strong.point { text-align:center; border-bottom:none; padding-top:20px; color:#ec068d; line-height:170%; }
.tabContsWrap .titConts ul li { font-size:0.917em; color:#515862; margin-top:15px; padding-left:10px; line-height:1.3em; background:url("../images/common/bg_dot1.png") no-repeat 0 5px; background-size:4px auto;}
.tabContsWrap .titConts p { font-size:0.917em; color:#515862; }
.tabContsWrap .titConts img { display:block; margin:10px 0; width:100%;}
.tabContsWrap .titConts ul + .msg { margin-top:10px; }
.tabContsWrap .titConts span { color:#ec068d;}
.tabContsWrap .titConts .btn_type_pink60 span { color:#fff; }
.tabContsWrap .titConts p + table { margin-top:10px;}
.tabContsWrap .titConts .checkTxt { text-align:; font-weight:600; margin-top:5px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.tabContsWrap .titConts .chargeTypeSel { margin-top:15px; padding-bottom:0; }
.tabContsWrap .inputBtnWrap p { font-size:0.917em; color:#515862; margin-top:5px; }
.tabContsWrap .inputBtnWrap p span { color:#ec068d;}
.tabContsWrap .inputBtnWrap + .inputBtnWrap { margin-top:10px;}

.userMsg { background-color:#fff5ff; padding:15px; margin-top:-10px; }
.userMsg .name { display:block; margin-bottom:8px; font-size:1.25em; font-weight:bold; color:#515862; }
.userMsg p strong { color:#ec068d; font-weight:600; }

.charge-payment.only { float:none; width:100%; }
.charge-payment.only ul {  position:relative; overflow:hidden; }
.charge-payment.only ul li { float:left; width:50%; padding-top:0; }
.charge-payment.only ul li:first-child a { margin-right:15px; border-bottom:none; }
.charge-payment.only ul li:last-child a { margin-left:15px; }
.charge-payment.only ul li:after {content:''; position:absolute; bottom:5px; top:5px; left:50%; right:0; width:1px; background:#ddd;}

.tabArrowWrap { border:1px solid #ccc; padding:30px 15px 20px; margin-bottom:20px; position:relative; }
.tabArrowWrap .tabContsWrap .titConts { border-bottom:none; margin-bottom:0; } 
.tabArrowWrap .tabContsWrap .titConts strong  { border-bottom:none; padding-bottom:0; }
.tabArrowWrap .tabArrow { display:table; width:100%; height:30px; position:absolute; top:-1px; left:-1px; right:0;; border:1px solid #844682; }
.tabArrowWrap .tabArrow li { display:table-cell; text-align:center; height:30px; background-color:#f3ddf2 ; }
.tabArrowWrap .tabArrow li span { display:block; padding-right:10px; height:30px; line-height:30px; background:url("../images/callingplan/bg_tab_off.png") no-repeat 100% 0; }
.tabArrowWrap .tabArrow li.on { color:#fff;}
.tabArrowWrap .tabArrow li.on span { background:url("../images/callingplan/bg_tab_on.png") no-repeat 100% 0; }
.tabArrowWrap .tabArrow li:last-child span { background-image:none; padding-right:5px; }
.tabArrowWrap .tabArrow li:last-child.on span { background-color:#a56fa3;}
.tabArrowWrap .tabArrow li.onBefore { border-left:none; background:url("../images/callingplan/bg_tab_on2.png") no-repeat 0 0; }

.payment-area .charge-payment ul li a, .payment-area .payment-info ul li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; padding-right:15px; }

.surveyWrap { padding:15px; }
.surveyWrap section { border-bottom:1px solid #ccc; padding-bottom:20px; }
.surveyWrap section + section { margin-top:20px; }
.surveyWrap section h2 { padding-bottom:10px; font-weight:600; font-size:1.125em; line-height:150%; word-break:keep-all;}
.surveyWrap section h2.bul { background:url("../images/common/new16/bul_square_pink.png") no-repeat 0 8px; background-size:4px auto; padding-left:10px; }
.surveyWrap section h2.question { text-indent:-15px; padding-left:15px; }
.surveyWrap .subject { color:#ec068d; font-size:1.125em; font-weight:600; padding:8px 0; background:#f0f0f0; text-align:center; border-radius:10px; }
.surveyWrap section div, .surveyWrap section ul { margin-left:15px;  word-break:keep-all; }
.surveyWrap section ul li { padding-bottom:5px; }
.surveyWrap textarea { height:150px; resize: none; }

.surveyWrap .info ul { margin-left:0; }
.surveyWrap .info ul li { background:url(../images/bill/bul_hyphen.png) no-repeat 0 7px; background-size:4px auto; padding:0 0 5px 8px; }

.checkTxt .checkBox3 {padding-left:25px; line-height:18px; color:#515862; display:inline-block;}
.checkTxt .checkBox3 {padding-left:22px;}
    
/* 2017-06-14 new header */
.subHeader .btnAllMenu, .subHeader .btnChatBot, .subHeader a.btnMn {background:url(../images_17/common/ico_subheader.png) no-repeat; background-size:22px;}

.subHeader {position:fixed; top:0; left:0; width:100%; height:43px; padding:0 77px; border-bottom:1px solid #a539c2; background:#fff; box-sizing:border-box; z-index:100;}
.subHeader h1 {overflow:hidden; width:100%; padding-top:11px; font-size:15px; text-align:center; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis;}
.subHeader h1 span {display:inline-block;}
.subHeader a.btnMn {display:inline-block; position:absolute; top:0; height:42px;}
.subHeader a.btnBack {left:0; width:40px; background-position:center 0; text-indent:-9999px;}
.subHeader a.btnAllMenu {left:40px; bottom:0; width:37px; background-position:center -42px; text-indent:-9999px;}
/* .subHeader a.btnChatBot {right:0; bottom:0; width:50px; background-position:center -84px; text-indent:-9999px;} */

.new_chat{position:fixed; bottom:20px; right:20px; z-index:10; width:57px; height:57px; background:url(../images_17/common/floating_icon_default.png) no-repeat; background-size:57px auto; text-indent:-1000em; oveflow:hidden;}
.new_chat:focus{position:fixed; bottom:20px; right:20px; z-index:10; width:57px; height:57px; background:url(../images_17/common/floating_icon_focused.png) no-repeat; background-size:57px auto; text-indent:-1000em; oveflow:hidden;}
.new_chat:active{position:fixed; bottom:20px; right:20px; z-index:10; width:57px; height:57px; background:url(../images_17/common/floating_icon_pressed.png) no-repeat; background-size:57px auto; text-indent:-1000em; oveflow:hidden;}

#dim {position:fixed; visibility:hidden; width:100%; left:0; top:0; bottom:0; right:0; background:#000; opacity:0; z-index:110; transition:opacity 300ms ease-in-out 0s, visibility 0s ease-in-out 300ms; -webkit-transition:opacity 300ms ease-in-out 0s, visibility 0s ease-in-out 300ms;}
#dim.on {opacity:0.8; visibility:visible; transition:opacity 300ms ease-in-out 0s, visibility 0s ease-in-out 0s; -webkit-transition:opacity 300ms ease-in-out 0s, visibility 0s ease-in-out 0s;}

@media screen and (max-width:320px) {
	.tbResidue2 tbody th,.tbResidue2 tbody td { padding:0 10px }	
	.planSimulationInput table th { letter-spacing:-0.5px;}
	
	/* 요금제 부가서비스 icon */
	.overViewArea .planSimulation.summary ul li span{letter-spacing:-.5px;}
}
@media screen and (max-width:359px) {
	.residualDetail h3 {float:none; }
	.residualDetail .summary { margin-left:0; }
	.residualDetail .summary { font-size:0.875em;} 
	.residualDetail.data .summary strong:first-child, .residualDetail.call .summary  strong:first-child { font-size:1em; }
}

@media screen and (max-width:360px) {
	/* 요금제 부가서비스 icon */
	.overViewArea .planSimulation.summary ul li span{letter-spacing:-.5px;}
}

/* 2018-01-30 매장찾기_new ================================== */

.msg4 {padding-left:16px; font-size:0.875em; color:#333; background:url("../images/common/bg_dot1.png") no-repeat 0 6px;}
.cs_star {font-size:0.815em; padding-left:16px; letter-spacing:-0.07em; background:url("../images/common/icon_starPk.png") no-repeat 4px 0; background-size:10px auto; color:#ec068d; font-weight:400;}
.claimBox.subtlt h2 {margin-bottom:8px; font-size:1.25em; font-weight:800; color:#333;}
.noTxt {color:#333; font-weight:800; line-height:1.875em;}
.chk_tb tbody td {padding-bottom:10px;} 

h2.subTitle.shop {margin:0 15px 10px 15px; font-size:1.25em; font-weight:800; color:#ec068d;}
h2.subTitle.shop span {color:#333;}

.shopList li .shopTit .shop-list-title {font-size:1.23em; color:#333; font-weight:800;} /* 18-01-30 컬러 수정*/
.shopList li .shopTit .shop-list-number {font-weight:800; color:#333;}
.shopList li .shopTit .shop-list-new-addres {color:#666; padding-top:12px; /* 18-02-09 padding 추가*/}
.shopList li .shopTit .shop-list-old-addres {color:#666;}
.shopList li > .btnBox {position:absolute; right:12px; top:20px; margin-top:0;}
.shopList li > .btnBox img {width:30px; padding-left:5px;/* 18-02-09 padding 추가*/}
.shopList.h130 li .shopTit {height:auto;}

.serviceTb {font-size:0.825em;  letter-spacing:-.1em; color:#5e28b3; text-align:center; margin:0 15px 19px 15px;}
/* 18-02-09 수정 */
.serviceTb table {table-layout:fixed;} 
.serviceTb tbody td {padding:5px 2px; background:url("../images/common/img_line.png") no-repeat 100% 50% #f5f5f5; word-break:keep-all; }
.serviceTb tbody td.shortTxt {width:35px;}
.serviceTb tbody td.middleTxt {width:40px;}
.serviceTb tbody td.longTxt {width:17%;}
.serviceTb tbody td.longTxt2 {width:25%;}
.serviceTb tbody td:last-child {background-image:none;}

@media screen and (max-width:359px) {
	.serviceTb tbody td.longTxt {width:40px;}
}
/* // 18-02-09 수정 */

/* 더보기 버튼 */
.btn_moreShop { border:1px solid #ccc; text-align:center; padding:10px;}
a.btn_moreShopList {padding: 10px 20px;  color:#5e28b3; font-weight:800; }
a.btn_moreShopList:visited, a.btn_moreShopList:hover, a.btn_moreShopList:active {color:#5e28b3;}

/* 2018-02-06 고객동의 프로세스 =============================== */
/* 단말로그 정보 수집 안내 팝업 */
.openDepopWrap { display:none; position:fixed; left:5px; right:5px; top:50%; background-color:#fff; border:1px solid #444245; z-index:9999; }
.openDepopWrap h1{border-bottom:2px solid #ed008c; margin:20px 15px 0; padding:0 0 15px 0; text-align:center; font-size:1.25em; color:#333; font-weight:600;}
.openDepopWrap .innerWrap + .innerWrap { border-top:1px solid #e5e5e5; }
.openDepopWrap .innerWrap { padding:15px 5px 10px 10px; margin:0 15px; }
.openDepopWrap .innerWrap .point {display:block; color:#ed058d; font-weight:normal; word-break:keep-all; line-height:150%; }
.openDepopWrap .innerWrap.textOlny .infoText { padding:0 0 10px 0;}
.openDepopWrap .innerWrap.textOlny .dotText { font-size:1em; color:#333; background:url("../images/common/bg_dot1.png") no-repeat 0 6px; font-weight:800; line-height:150%;}
.openDepopWrap .innerWrap.textOlny .grayText { font-size:1em; color:#666; padding-bottom:10px; line-height:150%;}
.openDepopWrap .innerWrap.textOlny p {padding-left:13px;}
.openDepopWrap .innerWrap .infoText { padding:0 0 10px 30px; word-break:keep-all; line-height:170%; }
.agreePop-btn {padding:10px 0 ; text-align:center; } /* 02-09 padding 수정 */

/* 단말정보수집 설정*/
.memTxt .mem_deTxt span {display:block; color:#515862; padding:0 0 0 10px; margin:5px 0; background:url("../images/common/bg_dot2.png") no-repeat 0 6px; line-height:150%;}
.memTxt .mem_deTxt span:first-child {margin:0;}
.memTxt .mem_deTxt span.strong {color:#ed008c; font-weight:800;}
.memTxt .mem_deTxt span.dateTxt {display:inline-block; background:none; padding-left:-10px; }

/* 광고 수신 항목 리스트 tb */
.adList_tbwrap {padding:20px 0;}
.adList_tbwrap h1 {font-weight:800; line-height:1.8; padding: 15px 10px 5px 10px;}
.adList_tb {border-top:2px solid #92979e;}
.adList_tb tbody th {height:24px; padding:8px 0; color:#484848; text-align:left; border-top:1px solid #edeef2; border-bottom:1px solid #bdc0c6; }
.adList_tb tbody td {height:24px; padding:8px 0; color:#484848; text-align:right; border-bottom:1px solid #bdc0c6; }
.adList_tb tbody th .pad {padding-left:10px;  }
.adList_tb tbody td .pad {padding-right:10px;}
.adList_tb tbody td .pad span{font-size:0; color:transparent; line-height:0;}
.adList_tb tbody tr.icon {display:none;}
.adList_tb tbody td .pad .icon_ii img{width:10px; height:5px;}
.adList_tb tbody td .pad_icon {padding:5px 10px; font-size:0.833em; color:#484848; text-align:left;}
.adList_tb tbody td .pad_icon p {padding-bottom:5px;}
.adList_tb tbody td .pad_icon p.subTxt {padding-left:10px;}
.adList_tb tbody td .pad_icon p.subTxt span {display:block; padding-left:10px; background:url("../images/common/bg_dot2.png") no-repeat 0 6px; }

/* 약관 동의 항목 리스트  tb */
.agreeList_tbwrap {padding:20px 0;}
.agreeList_tbwrap h1 {font-weight:800; line-height:1.8; padding: 15px 10px 5px 10px;}
.agreeList_tb {border-top:2px solid #92979e;}
.agreeList_tb tbody th {height:24px; padding:8px 0; color:#484848; text-align:left; border-top:1px solid #edeef2; border-bottom:1px solid #bdc0c6; }
.agreeList_tb tbody td {height:24px; padding:8px 0; color:#484848; text-align:right; border-bottom:1px solid #bdc0c6; }
.agreeList_tb tbody th .pad {padding-left:10px;  }
.agreeList_tb tbody td .pad {padding-right:10px;}
.agreeList_tb tbody td .pad span{font-size:0; color:transparent; line-height:0;}
.agreeList_tb tbody tr.icon {display:none;}
.agreeList_tb tbody td .pad .icon_ii img{width:10px; height:5px;}
.agreeList_tb tbody td .pad_icon {padding:5px 10px; font-size:0.833em; color:#484848; text-align:left;}
.agreeList_tb tbody td .pad_icon p {padding-bottom:5px;}
.agreeList_tb tbody td .pad_icon p.subTxt {padding-left:10px;}
.agreeList_tb tbody td .pad_icon p.subTxt span {display:block; padding-left:10px; background:url("../images/common/bg_dot2.png") no-repeat 0 6px; }

/* 정보 수신/거부 설정 */
div.radioTxt a.magRadio {margin-right:20%;}
.agreeSel_wrap {padding-top:10px; display:none;}
.agreeSel_wrap div.normalSel {display:inline-block; font-size:0.92em;  }
.agreeSel_wrap div.normalSel a { background-size:auto 20px; padding: 0 30px 0 6px; letter-spacing:-0.15em; height:28px; line-height:30px;}

@media screen and (max-width:359px) {
	div.radioTxt a.magRadio {margin-right:5%;}		
	.agreeSel_wrap div.normalSel {font-size:0.9em; }
	.agreeSel_wrap div.normalSel a {background-size:auto 16px; padding: 0 24px 0 2px; letter-spacing:-0.16em;}
}

/* // 2018-02-06 고객동의 프로세스 =============================== */
/* 2018.06.19 style add */
/*[seogeecha]고객센터App 고도화 2018 프로젝트 - 1차 퍼블리싱반영*/
/* 나의납부정보 */
.myPayInfo{background:#f9f9fc;border-top:2px solid #8c949c;border-bottom:1px solid #cdcdcd;padding:20px 15px;margin-bottom:10px;}
.myPayInfo p{letter-spacing:-1px;line-height:1.5em;}
.myPayInfo strong{font-size:22px;color:#5e28b3;}
.myPaymentMethod{font-size:13px;color:#666;padding:27px 0  0  0}
.myPaymentMethod span{padding-left:86px;}
.tbRightTxt{text-align: right !important;padding-right:10px !important;}
.myPayList{position:relative;}
.btn_refresh{position:absolute;right:0px;top:-5px;display:inline-block;border:1px solid #cecece;padding:6px 10px 4px; font-size:12px; color:#ed008c;line-height:1em;vertical-align:top;}
.btn_refresh img{vertical-align:top;margin-right:5px;}

/* 일시정지/정지해제 체크박스 추가 */
.agreeChkTxt{margin-bottom:40px !important;}
.agreeNoticeChk{position:relative;top:-30px;}
.agreeNoticeChk.checkTxt .checkBox{line-height:1.6em;}

/* 세금계산서 신청 시 발급방법 */
.giveWayLeft{float:left; width:47%; margin-right:3%;}
.giveWayRight{float:left; width:47%;}

/* 팝업창 스타일 */
.openSmBox{width:90%;left:5%;}
.openSmBox.openMsgWrap .innerWrap{padding-top:20px;}
.textCheckCenter{text-align:center;}
.openSmBox .alignC a:first-child{margin-right:2%;}

/* [babydunk]고객센터App 고도화 프로젝트 2018 */
.historyInfoBox .txtB{font-size:20px;color:#515862;font-weight:bold;}

/* [babydunk]고객센터App 고도화 프로젝트 2018 *//* 하단버튼 여백 */
.btnCenterPad{padding:0 15px;}

/* [babydunk]고객센터App 고도화 프로젝트 2018 -요금제 리스트*/
.btn_plan_modiy.btn_no_icon span{background:none;}

/* [babydunk]고객센터App 고도화 프로젝트 2018 -요금제 변경*/
.before.noColorStyle{font-size:24px !important;font-weight:600;letter-spacing:-1px;}

/* [ggonh19899]고객센터App 고도화 프로젝트 2018 -부가서비스 신청해지 */
 .applyTermBox .historyInfoBox{padding-top:0;font-size:15px;padding-bottom:10px;}
 .applySmallTxt{font-size:11px;color:#474747;text-align:left;letter-spacing:-.5px;padding:24px 0 0}
 .bgLeftApply{padding:10px 0}
 .bgLeftApply .noBgType{background:none !important;text-indent:-10px;}
 .bgLeftApply .noBgType strong{color:#922ec6;font-weight:normal;}
 .bgLeftApply ul{font-size:11px;color:#474747;padding:9px 0 0 10px;letter-spacing:-.5px;}
 .applyTermBox .tbTypeY2 tbody td{color:#333;font-size:12px !important;}
 .applyTermBox .tbTypeY2 tbody td .radioTxt .radioBox{font-size:12px !important;float:left;box-sizing: border-box;width:50%;margin:2px 0;}
 .applyTermBox .memTxt p{font-size:11px;background-position:0 3px;}
 .applyTermBox .memTxt.centerBoxTxt{text-align:center;padding:18px 0 0;}
 .applyTermBox .memTxt.centerBoxTxt p{padding:0;background:none;color:#474747;font-size:13px;line-height:1.5em;}
 .mBoldTxt{font-weight:600 !important;}
 
 /* 본인인증 */
.onselfCertify.changeBox h2{color:#333;font-size:13px;font-weight:normal;padding:5px 0 0;margin-bottom:20px;}
.onselfCertify.changeBox h3{color:#ed0e91;font-size:13px;font-weight:600;padding:25px 0 0;margin-bottom:8px;}
.onselfCertify .tab-num03 li a{font-weight:normal;font-size:12px;}
.onselfCertify .changeTxt .txt{border-top:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;margin-bottom:30px;}

/* 간편인증 */
.noBtmPad{padding-bottom:0 !important}
.clauseBox.noBtmPad .memTxt{border-bottom:0;padding:12px 0 25px}
.onselfCertify .clauseBox h2{margin-bottom:8px !important;font-size:13px;color:#474747;font-weight:600;letter-spacing:-.5px;}
.lineNextTxt{display:block;padding-left:5px;}
.lineBeBtm li{margin-bottom:8px;}
.txtTitleInfo{font-size:15px;color:#333;padding:5px 0 25px;text-align:center;letter-spacing:-.5px;line-height:1.5em;}
.memTxt.bgLeftApply p{font-size:11px;background-position:0 3px;line-height:1.5em;}
.onselfCertify .tbTypeY2 tbody td .alignL{color:#333;}
.noListType.bgLeftApply{padding:10px 0 22px;}
.centerBtmTxt{text-align:center;font-size:11px;color:#333;line-height:1.5em;letter-spacing:-.5px;}

/* 요금제 변경 */
.centerPlanBox{border:1px solid #dabfe0;border-width:1px 0;padding-top:62px;background:#fff5fe url(../images/callingplan/icon_center_care.png) no-repeat 50% 27px; background-size:27px 22px;margin-bottom:20px;}
.centerPlanBox p{text-align:center !important;}
.changePlanText p {padding:0 10px 20px; font-size:13px; line-height:1.5em; color:#333; word-break:keep-all;text-align:left;letter-spacing:-1px;}
.changePlanText p span{color:#ed1c97;}
.changePlanText p strong{font-weight:600;}
.changePlanText p span { color:#ec068d;}
.changePlanText .msg{padding:0 0 20px 15px;margin-bottom:6px; background:url(../images/callingplan/bg_changeplan_msg.png) no-repeat 0 2px; background-size:10px 10px; font-size:13px; line-height:1.5em; color:#777;}

/* 요금제변경 아이콘 추가 */
.callTxtLine img{vertical-align:top;margin-top:3px;margin-left:2px;}

 /* 요금제 오버뷰 */
a.btnWH {border:1px solid #c9c9ca; border-radius:4px; background:#fff; color:#555;}
a.btnStyle {display:inline-block; text-align:center;}
a.btnW {width:100%;}
a.btnL {padding:14px 0; font-size:17px; box-sizing:border-box;}
a.btnBlue {color:#ed008c; border:1px solid #c9c9ca; background:#f9f9fc;}
.dataTable {border:1px solid #e3e3e8; border-bottom:none; border-top-left-radius:4px; border-top-right-radius:4px; background:#fff;}
.dataTable li {position:relative; padding:17px 7% 17px 40%; border-top:1px solid #e3e3e8; font-size:16px; text-align:right; line-height:25px;}
.dataTable li:first-child {border-top:none;}
.dataTable li h2 {position:absolute; left:7%; margin:3px 50px 0 0; color:#777; font-size:13px; letter-spacing:-1px;}
.detailArea .btnBlue {border-bottom-left-radius:4px; border-bottom-right-radius:4px;font-weight:600;}
.detailArea .btnW + .btnW {margin-top:15px;}

.overViewArea{background:#f4f4f5;padding-bottom:0;}
.overViewArea .planSimulation{margin:30px 15px;}
.overViewArea .planSimulation h2{font-size:20px;color:#222;padding-bottom:5px;}
.overViewArea .planSimulation h2 span{color:#777;font-size:15px;background:url("../images/callingplan/bg_left_txt.png") no-repeat 10px 2px; background-size:2px 11px;padding-left:20px;}
.overViewArea .planSimulation.summary section{padding:0;background:#f4f4f5;border:none;}
.overViewArea .planSimulation.summary ul{display:block;padding:15px 10px 25px;margin-top:0;background:#fff;border-left:1px solid #e3e3e8;border-right:1px solid #e3e3e8;}
.overViewArea .planSimulation.summary ul li{float:none;width:19%; padding:30px 0 0;color:#222;font-size:11px; display:inline-table;}
.overViewArea .planSimulation.summary ul li span{color:#777;display:block;}
.overViewArea .planSimulation.summary .name{color:#222;font-weight:600;font-size:16px;text-align:left;padding-left:18px;}
.overViewArea .planSimulation.summary .plan{font-size:30px;font-weight:bold;color:#5d28b5;text-align:left;padding-left:18px;}
.overViewArea .planSimulation.summary .plan span{font-size:20px;font-weight:normal;color:#222;}
.overViewArea .planSimulation.summary .plan em{font-size:12px;font-weight:normal;color:#777;}
.overViewArea .planSimulation.summary .plan span.txtWonRight{font-size:20px;color:#5d28b5;}
.overViewArea .planSimulation h2 span.txtPointPlan{color:#ed008c;font-size:13px;letter-spacing:-1px;}

/* 새로 추가한 아이콘 */
.planSimulation.summary ul li.imgData {background:url(../images/callingplan/icon_data_overview.png) no-repeat 50% 0; background-size:26px auto;}
.planSimulation.summary ul li.imgMsg {background:url(../images/callingplan/icon_msg_overview.png) no-repeat 50% 0; background-size:26px auto;}
.planSimulation.summary ul li.imgVideo2 {background:url(../images/callingplan/icon_video_overview.png) no-repeat 50% 0; background-size:27px auto;}
.planSimulation.summary ul li.imgVoice {background:url(../images/callingplan/icon_voice_overview.png) no-repeat 50% 0; background-size:26px auto;}
.planSimulation.summary ul li.imgUseData {background:url(../images/callingplan/icon_data_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseVideo {background:url(../images/callingplan/icon_videodata_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseVoice {background:url(../images/callingplan/icon_voice_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseVideo2 {background:url(../images/callingplan/icon_video_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseMsg {background:url(../images/callingplan/icon_msg_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseDefault {background:url(../images/callingplan/icon_default_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseEtc {background:url(../images/callingplan/icon_etc_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseVoice2 {background:url(../images/callingplan/icon_callvedio.png) no-repeat 50% 0; background-size:27px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseSubject {background:url(../images/callingplan/icon_edu_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.planSimulation.summary ul li.imgUseRing {background:url(../images/callingplan/icon_ring_overview.png) no-repeat 50% 0; background-size:26px auto;margin:4px 0;}
.clearList{clear:both;}
/* 하단메뉴 */
.overViewArea .subMenuList {background:#fff;border-top:1px solid #dcdcdf;border-bottom:1px solid #dcdcdf;}
.overViewArea .subMenuList li {position:relative; border-top:1px solid #dcdcdf; letter-spacing:-1px;}
.overViewArea .subMenuList li:first-child {border-top:none;}
.overViewArea .subMenuList li a {display:block; padding:17px 38px; font-size:16px;color:#555;}
.overViewArea .subMenuList li a:after {right:9%; top:15px; width:20px; height:23px;background:url(../images/callingplan/ico_overview_list.png) no-repeat 50% 0; background-size:100%;}
.overViewArea .subMenuList li a.goLink:after {background-position:0 -23px;}
.overViewArea .subMenuList li a.goApp:after {background-position:0 -46px;}
.overViewArea .subMenuList li:before, .overViewArea .subMenuList li a:after {position:absolute; content:'';}

/* 요금제가 없는 경우 */
.noPlanTxt{font-size:16px;color:#222;font-weight:600;}

/* 부가서비스 오버뷰 */
.overViewArea .subCon{margin:0 15px 35px;box-shadow:0px 0px 12px rgba(45,0,44,0.05)}
.txtAdditional{color:#222;font-size:16px;font-weight:600;text-align:left;padding-left:18px;padding-top:16px;}
.additionalTopBox{background:#fff url(../images/common/bg_additional_overview.png) no-repeat 90%  35px !important; background-size:57px 67px !important;padding:15px 20px !important; border:1px solid #e3e3e8 !important; border-bottom:none !important; border-top-left-radius:4px; border-top-right-radius:4px;}
.additionalTopBox.on{border-bottom:1px solid #e3e3e8 !important;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.txtTitleAdditional{position:relative;color:#222;font-weight:600;font-size:16px;padding:20px 23px;border:1px solid #e3e3e8; border-bottom:none; border-top-left-radius:4px; border-top-right-radius:4px; background:#fff;}
.txtTitleAdditional span{display:inline-block;position:absolute;right:23px;top:22px;color:#777;font-size:12px;}
.noRoundList{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0;border-bottom:1px solid #e3e3e8;}
.dataTable.noRoundList li {padding:0;text-align:left;display:table;width:100%}
.dataTable.noRoundList li h2 {/* position:absolute; left:26px; top:50%; margin-top:-7px; */left:0; position:relative;color:#ed008c; font-size:13px; letter-spacing:-1px; text-align:left; display:table-cell; width:50%;padding-right:15px;vertical-align:top;padding:10px 10px 10px 25px;vertical-align:middle;}
.dataTable.noRoundList li h2 div{/* display:inline-block;position:relative;padding:17px 15px 17px 25px; */}
.dataTable.noRoundList li h2 img, .overViewArea .overCharge.additionalLstBtm li h2 img{display:inline-block;margin-left:6px;vertical-align:middle;position:absolute; right:-10px;top:50%;margin-top:-5px;}
.dataTable.noRoundList li span{color:#222;display:table-cell;width:50%;text-align:right;padding:10px 25px 10px 10px;vertical-align:middle;}
.dataTable.noRoundList li span em{font-size:12px;color:#777;display:block;line-height:1em;}

/* 이용중인 무료 부가서비스 */
.overViewArea .overCharge.additionalLstBtm li{border-top:0}
.overViewArea .overCharge.additionalLstBtm li a{border-top:1px solid #dcdcdf;font-size:16px;color:#555;position:relative;font-weight:600;}
.overViewArea .overCharge.additionalLstBtm li:first-child a{border-top:0}
.overViewArea .overCharge.additionalLstBtm li h2{color:#ed008c; font-size:13px; letter-spacing:-1px;padding:17px 15px 17px 25px; display:inline-block; line-height:1.4em; position:relative;}
.overViewArea .overCharge.additionalLstBtm li span{color:#777;font-size:12px;position:absolute;right:25px;top:50%;margin-top:-9px;}
.overViewArea .overCharge.additionalLstBtm li span em{font-size:12px;color:#777;display:block;line-height:1em;}
.overViewArea .overCharge.additionalLstBtm li ul{margin:0 15px;}
.overViewArea .overCharge.additionalLstBtm li ul li{border-top:1px solid #e3e3e8;}
.overViewArea .subMenuList .overCharge.additionalLstBtm li a:after{right:32px; top:50%; width:15px; height:8px;margin-top:-4px;background:url(../images/common/btn_overview_up.png) no-repeat 50% 0; background-size:15px 8px;}
.overViewArea .subMenuList .overCharge.additionalLstBtm li.on a:after{background:url(../images/common/btn_overview_down.png) no-repeat 50% 0; background-size:15px 8px;}
.overViewArea .subMenuList .overCharge.additionalLstBtm li a.goLink:after{right:32px; top:15px; width:20px; height:23px;background:url(../images/callingplan/ico_overview_list.png) no-repeat 50% 0; background-size:100%;}

/* 요금제 리스트 */
.btn_plan_modiy.btn_no_icon span{background:none;}

/* 요금제 변경 */
.before.noColorStyle{font-size:24px !important;font-weight:600;letter-spacing:-1px;}

/* 요금제 오버뷰 추가 */
.pinkPriceTxt{color:#ed008c !important}
.overViewArea .planSimulation.summary section .planTopBox{padding-left:6px;background:url(../images/callingplan/bg_callingplan_left.png) no-repeat 0 0;background-size:6px 117px;height:117px;}
.overViewArea .planSimulation.summary section .planTopBox div{padding:27px 25px 0 0;background:url(../images/callingplan/bg_callingplan_right.png) no-repeat right top;background-size:2000px 117px;height:90px;}
.overViewArea .planSimulation.summary .plan span.txtWonRight2{font-size:20px;color:#ed008c;}

/* 카드디자인 배경 없는 박스 영역 */
.overViewArea .planSimulation.summary.noBgBox section{padding:15px 0;background:#fff;border:1px solid #e3e3e8;border-bottom:0;border-top-left-radius:4px; border-top-right-radius:4px;}
.overViewArea .planSimulation.summary.noBgBox ul{display:block;padding:0 10px;margin-top:15px;}

/* 요금제 오버뷰 홈상품 추가 */
.overViewArea .planSimulation.summary section .planTopShadow{padding:15px 0;background:#fff;border:1px solid #e3e3e8;border-radius:4px;box-shadow:0px 0px 12px rgba(45,0,44,0.05);}


/* 요금제 없을 경우 */
.planTopBox.noDataPlan{height:auto !important;border:1px solid #e3e3e8;background:#fff !important;}
.planTopBox.noDataPlan div{height:auto !important;padding-top:15px !important;background:#fff !important;padding-bottom:14px !important}

/* 본인 인증 tab style Num03 */
 .onselfCertify .tab-num03{overflow:hidden; margin-top:10px;text-align:center;}
 .onselfCertify .tab-num03 li{float:none; width:32%; margin-left:-1px;display:inline-block;}
 
 /* 요금제변경 ▶ */
.iconLeftArrow{padding:0 0 0 26px !important;background:url(../images/callingplan/ico_changeplan_arrow.png) no-repeat 10px 2px;background-size:14px 13px;}

/* 선택약정안내 */
.wFullType{width:100% !important}
.txtLeftAmount{text-align:left !important}

/* 말줄임처리 */
.txtOverCell{max-width:50%;}


/* 초과사용량 */
#divOverData {border-bottom:1px solid #e3e3e8 !important;border-bottom-left-radius:4px;border-bottom-left-radius:4px;margin-bottom:10px;}
#divOverData li{display:table;width:100%;padding:0 !important;height:60px;}
#divOverData li h2{display:table-cell;width:50%;margin:0;text-align:left;position:static;padding:0 0 0 7%;vertical-align:middle;}
#divOverData p{display:table-cell;width:50%;padding:0 7% 0 0;vertical-align:middle;}

/*  인바운드 - 요금제변경 버튼 */
/*  [babydunk]디지털마케팅 프로젝트 2018*/
.btn_type_digital_r {text-align:center; background:#e3467d; color:#fff;}
.btn_type_digital_l {text-align:center; background:#aa36bb; color:#fff;}





/* 휴대폰 분실 및 파손 */
/* 분실접수 */
.lostReceipt .tab-num02{margin-top:0}
.lostReceipt .tab-num02 li{margin-left:0;}
.lostReceipt .tab-num02 li a{border-width:1px 0;border-bottom:1px solid #ec068d;}
.lostReceipt .tabEmail li a{font-weight:600;font-size:14px;}
.lostReceipt .btnType2{font-size:11px;border:1px solid #dabfe0;height:23px;}
.btnEnrol{background:#fbf6fb;}
.lostReceipt .tbTypeY2 tbody th{font-size:12px;}
.lostReceipt .tbTypeY2 tbody td{color:#333;letter-spacing:-1px;font-size:12px;}
.lostReceipt .claimBox h2.cntTxtType{text-align:center;font-size:21px;color:#333;font-weight:600;letter-spacing:-1px;}
.memTxt.noLeftType{border:none !important;}
.memTxt.noLeftType p{background:none;padding-left:0;text-align:center;line-height:1.5em !important;font-size:14px !important;letter-spacing:-1px;}
.lostReceipt .claimBox h2{font-weight:600;font-size:14px;}
.lostReceipt .btnType2.rightBtnReceipt{border-width:0 0 1px !important;padding:0 !important;border:none;color:#ed008c;font-size:12px;vertical-align:top;line-height:1.2em;height:auto;}
.lostReceipt .btnType2.rightBtnReceipt img{display:inline-block;vertical-align:top;margin-top:1px;}
.lostReceipt .repairStepInfo > li .repair-btn{right:10px;top:18px;margin:0}
.lostReceipt .repairStepInfo > li .repair-info > ul{margin-top:12px;}
.lostReceipt .repairStepInfo > li .repair-info > ul > li{font-size:12px;color:#333;line-height:1.3em;}
.lostReceipt .repairStepInfo > li > strong{font-weight:600;color:#333;font-size:14px;letter-spacing:-1px;}
.repairStepInfo > li.lstLostBg01{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst01.png) no-repeat 10px center;background-size:37px 30px;border:1px solid #dabfe0;}
.repairStepInfo > li.lstLostBg02{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst02.png) no-repeat 10px center;background-size:37px 30px;border:1px solid #dabfe0;}
.repairStepInfo > li.lstLostBg03{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst03.png) no-repeat 10px center;background-size:37px 31px;border:1px solid #dabfe0;}
.repairStepInfo > li.lstLostBg04{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst04.png) no-repeat 10px center;background-size:37px 33px;border:1px solid #dabfe0;}
.lostReceipt .repairStepInfo > li .repair-info{margin-right:0;letter-spacing:-1px}
.lostReceipt .repairInfoList{padding-bottom:30px;}
.lostReceipt .claimBox .memTxt p{line-height:1.4em !important}

/* 휴대폰 분실 등록 sjy 180824*/
.lostRegi_Box .tbTypeY2 tbody td .radioTxt .radioBox {margin:2px 0;}
.lostReceipt .claimBox h2.cntTxtType02 {text-align:center;font-size:17px;color:#333;font-weight:400;letter-spacing:-1px; padding:5px 0;line-height:24px;}
.memTxt.noLeftType p span {color:#333333; font-weight:600;}
.purplePonitTxt.mt10 span {color:#777777;}

/* 휴대폰 분실 등록 추가 */
.lostRegi_Box .tbTypeY2 tbody td .radioTxt .radioBox:first-child{margin-right:5px;}
.thTxtRight{text-align:left !important;padding:0 10px !important}
.selectTypeBox .centerCellList {width:45% !important;display:inline-block;}

/* 분실폰 위치찾기 */
.locationStep.repairStepInfo{overflow:hidden;}
.locationStep.repairStepInfo > li .repair-btn .btnType2{padding:0 5px;height:20px;line-height:20px;}
.locationStep.repairStepInfo > li.lstLostBg01, .locationStep.repairStepInfo > li.lstLostBg02{float:left;width:48%;min-height:77px;background:none;padding:0;vertical-align:top;margin-top:0;margin-bottom:10px;}
.locationStep.repairStepInfo > li.lstLostBg01{margin-right:2%}
.lostReceipt .repairStepInfo.locationStep > li .repair-info > ul{padding:0 11px;}
.lostReceipt .repairStepInfo.locationStep > li .repair-info > ul > li{color:#777;font-size:12px;}
.lostReceipt .repairStepInfo.locationStep > li .repair-info > ul > li a{color:#777;}
.lostReceipt .repairStepInfo.locationStep > li > strong{padding:12px 11px 0;font-size:13px;}
.lostReceipt .repairStepInfo.locationStep > li .repair-btn{right:7px;top:7px;}
.txtCenterLine{font-size:12px; line-height:1.5em; letter-spacing:-.5px;font-weight:normal;color:#333;padding:5px 0 10px;}
strong.titleTop{display:inline-block;font-style:oblique;}
.lostReceipt .repairStepInfo.btnBtmStyle > li .repair-btn{position:static;margin-top:10px;}
.txtGrayList{color:#777 !important;}

.repairStepInfo.btnBtmStyle > li.lstLostBg01{padding:15px 10px 15px 85px;background:url(../images/common/icon_lost_lst08.png) no-repeat 22px center;background-size:37px 41px;border:1px solid #dabfe0;}
.repairStepInfo.btnBtmStyle > li.lstLostBg02{padding:15px 10px 15px 85px;background:url(../images/common/icon_lost_lst09.png) no-repeat 22px center;background-size:37px 41px;border:1px solid #dabfe0;}
.repairStepInfo.btnBtmStyle > li.lstLostBg03{padding:15px 10px 15px 85px;background:url(../images/common/icon_lost_lst10.png) no-repeat 22px center;background-size:37px 41px;border:1px solid #dabfe0;}

/* 분실 등록 및 해제 안내 */
.repairStepInfo.lostPhone > li.lstLostBg00{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst13.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo.lostPhone > li.lstLostBg01{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst13.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo.lostPhone > li.lstLostBg02{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst14.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo.lostPhone > li.lstLostBg03{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst12.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}

/* 임대폰 대여하기 */
.repairStepInfo.rentalPhone > li.lstLostBg01{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst14.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo.rentalPhone > li.lstLostBg02{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst12.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo.rentalPhone > li.lstLostBg03{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst13.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}

h2.titleTop{display:inline-block;font-style:oblique;}
.btnListType{margin-left:10px;}
.thGrayType{background:#f3f3f3 !important;color:#333 !important}
.btnBtmStore{margin:10px 10px 0 10px;}

/*기기변경 sjy 180827 */
.repairStepInfo > li.lstLostBg11{padding:25px 10px 25px 64px;background:url(../images/common/icon_lost_lst11.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo > li.lstLostBg12{padding:25px 10px 25px 64px;background:url(../images/common/icon_lost_lst12.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.repairStepInfo > li.lstLostBg13{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst13.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}

/* 테이블 마지막 셀 스타일 */
.lostReceipt .tbTypeY2.lastCellP tbody th:last-child, .lostReceipt .tbTypeY2.lastCellP tbody td:last-child{padding:0 !important;border-left:1px solid #ed008c !important;border-right:1px solid #ed008c !important;}
.lostReceipt .tbTypeY2.lastCellP tbody td:last-child{color:#ed0e91;}
.lostReceipt .tbTypeY2.lastCellP tbody tr:first-child th:last-child{border-top:1px solid #ed008c !important;border-width:1px !important}
.lostReceipt .tbTypeY2.lastCellP tbody tr:last-child td:last-child{border-bottom:1px solid #ed008c !important;}
.thBorCell div{padding:8px 0;border-top:1px solid #ed008c !important;}

/* 분실보상받기 */
.lostReceipt .repairStepInfo > li .repair-info > ul > li a{color:#333;}
.lostReceipt .repairStepInfo > li{min-height:20px;}
.repairStepInfo > li.lstLostBg15{padding:15px 10px 15px 64px;background:url(../images/common/icon_lost_lst15.png) no-repeat 10px center;background-size:37px 37px;border:1px solid #dabfe0;}
.btnRightTop{position:relative;width:100%;margin-bottom:10px !important}
.btnRightTop a{width:auto;height:24px;position:absolute;right:0;top:-8px;padding:0 5px;font-weight:normal;font-size:12px;height:24px;line-height:24px;font-style:normal;}
.stepReward.repairStepInfo > li{padding:20px 25px 16px 32px;font-size:12px;border:1px solid #dabfe0;position:relative;margin-top:4px;}
.stepReward.repairStepInfo > li .step-num{font-size:16px;color:#ed008c;letter-spacing:-.5px;display:inline-block;font-style:normal;margin-right:12px;vertical-align:top;}
.stepReward.repairStepInfo > li > strong{font-size:16px;color:#333;font-weight:600;display:inline-block;vertical-align:top;}

/* 파손 접수하기 */
.stepRepair.repairStepInfo > li{padding:20px 15px 16px 15px;font-size:12px;border:1px solid #dabfe0;position:relative;margin-top:4px;}
.stepRepair.repairStepInfo > li .step-num{font-size:16px;color:#ed008c;letter-spacing:-.5px;display:inline-block;font-style:normal;margin-right:12px;vertical-align:top;}
.stepRepair.repairStepInfo > li > strong{font-size:16px;color:#333;font-weight:600;display:inline-block;vertical-align:top;}
.stepRepair.repairStepInfo > li .repair-info{margin-left:68px;margin-top:10px;}
.bgArrowBtm{position:absolute;bottom:-15px;left:50%;margin-left:-9px;z-index:10;}
.lostReceipt .repairStepInfo.rewardPrice{text-align:center;font-size:12px; line-height:1.5em; letter-spacing:-.5px;font-weight:normal;color:#333;}
.lostReceipt .repairStepInfo.rewardPrice > li{padding:16px 0 !important;background:#fbf6fb;border:1px solid #d9d9d9 !important}
.lostReceipt .repairStepInfo.rewardPrice > li em{display:block;font-size:16px; line-height:1.5em; letter-spacing:-.5px;font-weight:600;color:#333;}
.lostReceipt .repairStepInfo.rewardPrice > li strong{display:block;font-size:21px !important; line-height:1.5em; letter-spacing:-.5px;font-weight:600;color:#333;}
.lostReceipt .repairStepInfo.rewardPrice > li strong.purpleType span{color:#922ec6;}
.lostReceipt .repairStepInfo.rewardPrice > li strong.pinkType span{color:#ed008c;}
h2.titleTopB, .titleTopB{display:inline-block;font-style:oblique;color:#222 !important}
.noBorType{border-bottom:none !important}
.noMagT{margin-top:0 !important}

/* 수리하기 */
.btmTypeArrow{bottom:10px;top:auto !important;left:64px !important}
.repairStepInfo > li.lstLostBg16{padding:20px 10px 20px 64px;background:url(../images/common/icon_lost_lst16.png) no-repeat 10px center;background-size:35px 34px;border:1px solid #dabfe0;}
.memTxtSmall p {margin-left:13px;margin-top:15px; padding-left:10px; color:#515862; line-height:1.3em; background:url("../images/common/bg_dot4.png") no-repeat 0 5px; background-size:4px auto;}
.memTxtSmall p:first-child {margin-top:10px !important;}
.repairAsLst{border:1px solid #dabfe0;}
.repairAsLst:after{content:'';clear:both;display:block;}
.repairAsLst li{float:left;width:25%;}
.repairAsLst li:first-child a{border:none}
.repairAsLst li a{display:inline-block;width:100%;border:1px solid #dabfe0;border-width:0 0 0 1px;font-size:11px;color:#777;text-align:center;padding:12px 0 0;height:70px;letter-spacing:-.5px;}
.repairAsLst li a img{margin-bottom:10px;}

/* 기존결합에 휴대폰 추가하기 */
.repairStepInfo > li.lstLostBg06{padding:18px 10px 12px 64px;background:url(../images/common/icon_lost_lst06.png) no-repeat 10px center;background-size:36px 37px;border:1px solid #dabfe0;}
.repairStepInfo > li.lstLostBg07{padding:18px 10px 12px 64px;background:url(../images/common/icon_lost_lst07.png) no-repeat 10px center;background-size:36px 37px;border:1px solid #dabfe0;}
.certificate_contPhone{position:relative;margin-top:20px;}
h2.txtDiscountType{padding:12px 0 12px;margin-bottom:0;color:#474747;}
.certificate_contPhone .alignC{display:inline-block;position:absolute;right:0;top:0;}
.certificate_contPhone .text-area-wrap{height:auto;background-color:#fff;}
.certificate_contPhone .subject, .certificate_contPhone .subject2{text-align:left;padding-left:23px;padding-top:13px;padding-bottom:12px;background:#fff url('../images/pop/bg_table_open.png') no-repeat 94% 16px;background-size:11px 11px;}
.certificate_contPhone .subject.on, .certificate_contPhone .subject2.on{background:#f2eff8 url('../images/pop/bg_table_close.png') no-repeat 94% 16px;background-size:11px 11px;}
/* .certificate_contPhone .data, .certificate_contPhone .data2{border-top:1px solid #c7cbd3;} */
.certificate_contPhone .data:first-child, .certificate_contPhone .data2:first-child{border-top:none;}
.certificate_contPhone .alignC > a:first-child{margin-right:8px;}
.certificate_contPhone .closeTop{position:absolute;top:-30px;right:0;}
.noTitleLst{padding-top:40px;}
.noLineDate{border-bottom:none;padding-bottom:0;}

#chargeListCountry .subject.on{background:#f2eff8 url('../images/pop/bg_table_open.png') no-repeat 92% 16px;background-size:11px 11px;}
.chargeCountryBox{border-top:2px solid #92979e;border-bottom:1px solid #c7cbd3;}
.chargeCountryBox li{border-top:1px solid #c7cbd3;}
.chargeCountryBox li:first-child{border-top:0}
#chargeListCountry .data{border-top:1px solid #c7cbd3;}
#chargeListCountry .data:first-child{border-top:none;}


.countryStyleBox.txtInfoPenalty{padding-bottom:24px;}
.txtInfoPenalty{padding-bottom:38px;text-align:center;color:#222;font-size:16px;letter-spacing:-1px;line-height:1.5em;}
.txtInfoPenalty span{color:#ed1c97;}
.txtBType{margin-bottom:20px;}
input[type="checkbox"]:disabled + label {background:url('../images/common/new16/bg_check_off.png') no-repeat 0 1px;background-size:16px 16px;color: #ccc;}
.lostReceipt .tabBox ul li div.pad p a{font-weight:600;font-size:14px;}

/* 분실폰 위치찾기 추가 */
.overTxt{display:block !important;}
.locationStep.repairStepInfo > li.lstLostBg01, .locationStep.repairStepInfo > li.lstLostBg02{min-height:100px !important;}
.overTxt{display:inline-block;}

/* 마케팅카드 팝업 */
.openMainPop{width:76%;left:12%;background:none;border:none;margin-top:0 !important;transform:translate(0, -50%);position:fixed;top:50%;z-index:9999;}
.openMainPop .alignC{position:relative;}
.openMainPop .alignC img{vertical-align:top;}
.openMainPop a.btnCenterM{display:inline-block;vertical-align:top;width:100%;}
.openMainPop .openMsgFooter{display:table;width:100%; padding:0;background:none;border:none;}
.openMainPop .openMsgFooter a{display:table-cell;font-size:1.125em; letter-spacing:-0.5px;width:auto;text-align:left;background:none;border-left:none;padding:0;color:#fff;}
.openMainPop .closeTop{text-align:right !important;}
.openMainPop .closeTop img{margin-right:8px;}
.openMainPop .openMsgFooter .checkTxt{position:relative;top:8px;}
.openMainPop .openMsgFooter .checkTxt .off{padding-left:27px;background:url('../images/mkcard/pop/bg_popcheck_off.png') no-repeat 7px 1px;background-size:14px 14px;}
.openMainPop .openMsgFooter .checkTxt .on{padding-left:27px;background:url('../images/mkcard/pop/bg_popcheck_on.png') no-repeat 7px 1px;background-size:14px 14px;}
.layerMask{ display:none; position:fixed; z-index:9998; top:0; right:0; bottom:0; left:0; background:#000; filter:alpha(opacity=70) !important; opacity:.7; -moz-opacity:0.7; -khtml-opacity: 0.7;}


/* 발신제한 서비스신청 해지 */
.hCheckMTopTxt {padding:12px 4px; border-top:2px solid #a4a4a4; text-align:left; border-bottom:1px solid #a4a4a4; margin-top:10px;}
.hChecktex { margin-bottom:5px;line-height:17px; font-size:13px; color:#555;display:inline-block}
.hChecktex > span {width:5px; height:5px; background:#555;display:inline-block;margin-right:6px}
.hChecktex > p {font-size:12px; display:inline; color:#555; margin-right:4px}

.hCheckGuidTxt {padding-top:0;margin-top: -20px;}
.hCheckGuidTxt .txt {border-top: 1px solid #ddd;border-bottom:0;}
.hCheckGuidTxt .tex{line-height:18px;}

.hCheckMdownTxt {text-align:left;}

.mgb-s {margin-bottom:10px !important}