@charset "utf-8";

/*고객센터 메인*/
.faqSearch {width: 906px;height: 337px;border: #202020 2px solid;margin-bottom: 20px}
.faqSearch .searchZone {width: 100%;height: 122px;background: #f9f9f9;clear: both}
.faqSearch .searchZone .titArea {width:189px;height:100px;float: left;padding: 22px 0 0 34px;border-right: #e0e0e0 1px solid}
.faqSearch .searchZone .sArea {width:635px;float: right;padding: 22px 0 0 47px}
.faqSearch .searchZone .sArea .inputZone {margin: 10px 0 5px;}
input.cusM {height:26px;float: left;margin-right: 8px;line-height: 26px}
.faqSearch .searchZone .sArea .slist li {float: left}
.faqSearch .searchZone .sArea .slist li a {line-height:22px;padding-left: 17px;background: url(../images/customer/line.gif) 8px 1px no-repeat;}
.faqSearch .searchZone .sArea .slist li:first-child + li a {background: none}
.faqSearch .best5 {position: relative;border-top: #a0a0a0 1px solid}
.faqSearch .best5 dt {padding-left: 33px;height: 37px;line-height: 37px;font-weight: bold;font-size: 14px;color: #202020;background: #fcfcfc;border-bottom: #d8d8d8 1px solid}
.faqSearch .best5 dt em {color: #e60021;margin-left: 5px}
.faqSearch .best5 dd {padding:15px 0 0 33px}
.faqSearch .best5 ol li {padding-left: 37px;height: 25px;background: url(../images/customer/icon_ranking.gif) 0 0 no-repeat;}
.faqSearch .best5 ol li a {position: relative;top: 5px}
.faqSearch .best5 ol li + li {margin-top: 5px;background-position:0 -30px}
.faqSearch .best5 ol li + li + li {margin-top: 5px;background-position:0 -60px}
.faqSearch .best5 ol li + li + li + li {margin-top: 5px;background-position:0 -90px}
.faqSearch .best5 ol li + li + li + li + li {margin-top: 5px;background-position:0 -120px}
.faqSearch .best5 .bestMore {position: absolute;top:14px;right: 20px}
.faqSearch .best5 .bestMore a {color: #202020;font-weight: bold;display: inline-block;}
.cusCon .cusInfo {float: left;width: 362px;height: 225px;border: #d8d8d8 1px solid;margin-bottom: 20px}
.cusCon .cusInfo ul {padding:20px 0 0 40px}
.cusCon .cusInfo ul li {font-weight: bold;margin-bottom: 20px}
.cusCon .cusInfo ul li span.tit {margin-right: 22px}
.cusCon .cusInfo ul li span.txt {font-weight: normal;line-height: 18px;vertical-align: top;position: relative;top: -2px}
.cusCon .cusInfo ul li .cusNum {font-weight: bold;font-size: 21px;color: #e60021;font-family: 'Helvetica';position: relative;top: 3px}
.cusCon .cusList {float: right;width: 522px;height: 97px;border: #d8d8d8 1px solid;margin-bottom: 20px}
.cusCon .cusList ul {padding:20px 0 0 20px}
.cusCon .cusList li {float: left;padding:0 17px}
.cusCon .cusList li a {display:block;padding-top: 42px;min-width: 41px;text-align: center;font-weight: bold;color: #202020;background: url(../images/customer/icon_list_01.gif) center 0 no-repeat;}
.cusCon .cusList li + li a {background: url(../images/customer/icon_list_02.gif) center 5px no-repeat;}
.cusCon .cusList li + li + li a {background: url(../images/customer/icon_list_03.gif) center 0 no-repeat;}
.cusCon .cusList li + li + li + li a {background: url(../images/customer/icon_list_04.gif) center 0 no-repeat;}
.cusCon .cusList li + li + li + li + li a {background: url(../images/customer/icon_list_05.gif) center 0 no-repeat;}
.cusCon .cusList li + li + li + li + li + li a {background: url(../images/customer/icon_list_06.gif) center 0 no-repeat;}
.cusCon .storeSearch {float: right;width: 494px;height: 81px;padding:25px 0 0 28px;background: #fbfbfb;border: #d8d8d8 1px solid;margin-bottom: 20px}
.cusCon .storeSearch .storeTit {line-height: 14px;margin-bottom: 16px}
.cusCon .storeSearch .storeTit label {margin-right: 15px}
.cusCon .cusConsult {float: left;width: 333px;height: 104px;padding: 26px 0 0 29px;border: #d8d8d8 1px solid;background: url(../images/customer/icon_consult.gif) 254px 26px no-repeat;}
.cusCon .cusConsult dt {margin-bottom: 7px}
.cusCon .cusConsult dd {line-height: 19px}
.cusCon .cusNotice {float: right;width: 522px;height: 130px;border: #d8d8d8 1px solid;position: relative;}
.cusCon .cusNotice h3 {height: 37px;text-indent: 28px;line-height: 37px;color: #202020;font-weight: bold;border-bottom:#d8d8d8 1px solid;background: #fbfbfb}
.cusCon .cusNotice ul {padding: 10px 26px 0 24px}
.cusCon .cusNotice li {line-height:24px}
.cusCon .cusNotice li a {display: inline-block;/*float: left;*/max-width:350px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;padding-left: 15px;background: url(../images/section/bull_02.gif) 5px 9px no-repeat;}
.cusCon .cusNotice li span {float: right}
.cusCon .cusNotice .cusMore {position: absolute;top:14px;right: 20px}
.cusCon .cusNotice .cusMore a {color: #202020;font-weight: bold;display: inline-block;}

/*자주하는 질문*/
.aSearch {margin: 20px 0 25px !important;padding-left: 35px;width:871px;height: 107px;border: #202020 2px solid;background:#f9f9f9}
.aSearch .tSearch {margin: 22px 0 8px}
.aSearch .tSearch span {margin:8px 0 0 15px;vertical-align: top;}
h4 {font-weight: bold;font-size: 14px;color: #202020}
.aSearch {margin: 20px 0 25px !important;padding-left: 35px;width:871px;height: 107px;border: #202020 2px solid;background:#f9f9f9}
.aSearch input{ padding-left:15px;}
.faqTab {border-top: #202020 2px solid;margin-top: 10px}
.faqTab ul {border-right: #dbdbdb 1px solid;border-bottom: #dbdbdb 1px solid;}
.faqTab li {float:left;width: 181px;height: 39px;border-top: #ededed 1px solid;border-left: #ededed 1px solid}
.faqTab li a {display: block;height: 39px;line-height:39px;padding-left: 34px;color: #202020;font-size: 13px;background: url(../images/section/bull_02.gif) 25px center no-repeat;}
.faqTab li.ui-tabs-active a {color: #e50426;background-image: url(../images/customer/bull_02.gif)}

.faqTab>dl {border-right: #dbdbdb 1px solid;border-bottom: #dbdbdb 1px solid;}
.faqTab>dl>dt {float:left;width: 181px;height: 39px;border-top: #ededed 1px solid;border-left: #ededed 1px solid}
.faqTab>di>dt a {display: block;height: 39px;line-height:39px;padding-left: 34px;color: #202020;font-size: 13px;background: url(../images/section/bull_02.gif) 25px center no-repeat;}
.faqTab>dl>dt.ui-tabs-active a {color: #e50426;background-image: url(../images/customer/bull_02.gif)}



.faqTab #category dl {border-right: #dbdbdb 1px solid;border-bottom: #dbdbdb 1px solid;}
.faqTab #category dt {float:left;width: 181px;height: 39px;border-top: #ededed 1px solid;border-left: #ededed 1px solid}
.faqTab #category dt a {display: block;height: 39px;line-height:39px;padding-left: 34px;color: #202020;font-size: 13px;background: url(../images/section/bull_02.gif) 25px center no-repeat;}
.faqTab #category dt.ui-tabs-active a {color: #e50426;background-image: url(../images/customer/bull_02.gif)}


.faqList {border-top: #e9e9e9 1px solid;margin-top: 20px}
.faqList dt {border-bottom: #e9e9e9 1px solid;height: 39px;clear: both}
.faqList dt .ui-accordion-header-icon {display: none}
.faqList .faqTit {padding: 12px 0 0 40px;width: 117px;float: left}
.faqList dt a {display: block;line-height: 40px;color: #686868;float: left;width: 753px;background: url(../images/customer/btn_toggle.gif) 97% 9px no-repeat;}
.faqList dt.ui-accordion-header-active a {color: #202020;font-weight: bold;background-position: 97% -30px}
.faqList dd {background: #fbfbfb;border-bottom: #e9e9e9 1px solid;zoom:1;}
.faqList dd:after {clear: both;display: block;content: ''}
.faqList dd .aInner {float:left;padding:23px 0 65px;line-height: 24px}

.faqTab .resultCount {margin-top:30px; display:block; font-size:13px; font-weight:bold;}

.faqTab .resultNone {padding:43px 0 0 333px; margin-top:20px; width:578px; height:80px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fbfbfb url(../images/customer/bg_renone.gif) 257px 38px no-repeat;}
.faqTab .resultNone dl dt {font-weight:bold; color:#202020; margin-bottom:13px; font-size:13px;}

/*1:1 상담*/
.noticeInfo {margin-top: 40px;padding: 25px 0 0 125px;width: 783px;height:93px;border: #b7af97 1px solid;background: #fefbf2 url(../images/customer/img_notice.gif) 35px 20px no-repeat}
.noticeInfo dt {font-weight: bold;font-size: 16px;color: #59513a;margin-bottom: 10px}
.noticeInfo dd {padding-left: 7px;line-height: 24px;color: #808080;background: url(../images/section/bull_02.gif) 0 10px no-repeat;}

/*쇼핑가이드*/
.myTab>ul>li {width: 151px}
.myTab>ul>li:first-child {width: 150px}
.myTab>ul>li.ui-tabs-active {width: 150px}
.myTab .tabInner>ul{ display:inline-block; padding:15px 25px;}
.myTab .tabInner>ul>li{ display:inline-block; }
.myTab .tabInner>ul>li a{ padding:0 15px; border-left:#CCC solid 1px;}
.myTab .tabInner>ul>li:first-child a{border-left:none}
.myTab .tabInner>ul>li.ui-tabs-active a{ color:#e60021;}
.myTab .tabInner .tabInnerCon{  border:#dbdbdb solid 1px; border-top:#202020 solid 2px;padding: 30px 0; line-height:18px;}
.myTab .tlineNo .tabInnerCon{border-top:#dbdbdb solid 1px; }
.myTab .tabInner .tabInnerCon dl{ margin-left:40px;}
.myTab .tabInner .tabInnerCon dl dt{ position:relative; color:#202020; font-size:13px; font-weight:bold; margin:25px 0 15px 0 }
.myTab .tabInner .tabInnerCon dl dt .img{ position:absolute; right:40px; top:0;}
.myTab .tabInner .tabInnerCon dl dd{ margin-bottom:15px; background:url(../images/section/bull_06.gif) no-repeat left 6px;; padding-left:10px; }
.myTab .tabInner .tabInnerCon dl dd.iconNo{background:none;}
.myTab .tabInner .tabInnerCon dl dd .ex{ width:400px; border:#CCC solid 1px; padding:10px;}
.myTab .tabInner .tabInnerCon .warning{ padding:15px 25px; background:#f9f9f9; margin:25px 40px;}
.myTab .tabInner .tabInnerCon .warning .txtRed{  color:#e60021; text-decoration:underline; margin-right:25px; }


.classN {width: 80px;height: 23px;padding-top: 57px;text-align:center;font-weight: bold;color: #202020;background: url(../images/customer/icon_class1.gif) 0 0 no-repeat;}
.classN.silver {background-image: url(../images/mypage/icon_class.gif)}
.classN.gold {background-image: url(../images/customer/icon_class2.gif)}
.classN.vip {background-image: url(../images/customer/icon_class3.gif)}
.rowTbl.class th {text-align: center;vertical-align: middle;font-weight: normal;padding: 0;background: #f9f9f9;border-bottom-style: dashed;border-top-style: dashed;}
.rowTbl.class td {text-align: center;vertical-align: middle;padding:0;height: 80px;border-style: dashed;}
.rowTbl.class th.mClass {font-size: 14px;font-weight: bold;border-top-style: solid;border-bottom-style: solid;}
.rowTbl.class td.mClass {padding:13px 0;height: auto;background: #fcfcfc;border-top-style: solid;border-bottom-style: solid;}
.rowTbl.class td strong {color: #202020}
.rowTbl.class td strong.price {font-size: 14px}
.rowTbl.class tr.last th, .rowTbl.class tr.last td {border-bottom-style: solid;}
.rowTbl.class td.brs {border-right-style: solid;}

/*매장안내*/
.shopSearch {margin: 20px 0;width: 906px;height: 582px;border: #202020 2px solid}
.shopSearch .searchZone {padding: 24px 0 0 35px;height: 47px;border-bottom: #a0a0a0 1px solid;background: #f9f9f9}
.shopSearch .searchZone>div {display: inline-block;float: left;margin-right: 16px}
.shopSearch .searchZone>div .tit {margin:3px 10px 0 0}
.shopSearch .searchZone>div .select {vertical-align: top;margin-left: 12px}
.shopSearch .searchZone>div .btnGroup {margin-left: 7px}
.shopSearch .searchZone input[type=text] {border-right: 0 none}
.shopSearch .mapArea .mapZone {float: left;width: 658px;height: 380px}
.shopSearch .mapArea .shopList {float: right;height: 380px;border-left: #d8d8d8 1px solid; width: 247px; overflow-y:auto;}/*width: 247px;  2015.0427 수정*/
.shopSearch .mapArea .shopList dl {padding: 12px 0 12px 19px;height: 82px;border-top: #d8d8d8 1px solid}/*width: 228px;*/
.shopSearch .mapArea .shopList dl:first-child {border-top: 0 none}
.shopSearch .mapArea .shopList dl dt {font-weight: bold;color: #202020;line-height: 20px}
.shopSearch .mapArea .shopList dl dd {color: #808080;line-height: 20px}
.shopSearch .mapArea .shopList dl dd a {margin-top: 5px}
.shopSearch .mapArea .shopList p {color:#202020; font-weight:bold; line-height:20px; padding:15px 0 0 20px;}
.shopSearch .shopPlus{clear:both; border-top: #a0a0a0 1px solid;background: #f9f9f9;padding: 24px 0 0 35px;height: 104px;}
.shopSearch .shopPlus .tit img{ vertical-align:middle; margin-right:15px}
.shopSearch .shopPlus .txt{ margin-top:10px;}
.shopSearch .shopPlus .txt img{ vertical-align:middle}
.shopSearch .shopPlus .txt span{margin-left:15px; color:#b5b5b5}
.shopSearch .shopPlus .txt+.txt{ margin-top:3px;}

#popMapview .shopPlus  img{ vertical-align:middle; margin-top:5px}
#popMapview .shopPlus  span{margin-left:15px; color:#b5b5b5}
#popMapview .shopTxt{ margin-top:25px}
#popMapview .shopTxt .tit{ color:#000; font-weight:bold; width:50px; display:inline-block}
#popMapview .shopTxt span{  display:inline-block}

.shopType {margin-bottom: 20px;width: 908px;height: 72px;border: #d8d8d8 1px solid;position: relative;}
.shopType .tit {padding: 27px 0 0 35px;width: 158px;height: 45px;border-right:#d8d8d8 1px solid;background: #f9f9f9;float: left}
.shopType>div {padding: 23px 38px 0 31px;width: 645px;float: left}
.shopType>div label {margin: 5px 20px 0 0}
.shopType>div label:first-child {position: absolute;top: 28px;left: 117px;margin: 0}
.shopType button {position: absolute;top: 23px;right: 38px}
.shopInfo .section{position:relative}
.shopInfo .section .infoTxt2{ position:absolute; right:0; top:0}

/*지도 상호명 팝업*/
.mapShopTit .popBox{display:block; position:relative; background:#FFFFFF; width:280px; padding:10px 16px 15px;}
.mapShopTit .popBox .popPoint{ position:absolute; bottom:-50px; left:50%;}
.mapShopTit .popBox .shopTit{ font-weight:bold; color:#000; font-size:16px; border-bottom:#474c5b solid 2px; padding-bottom:5px; margin-bottom:10px;}
.mapShopTit .popBox .shopTit span{ vertical-align:middle; }
.mapShopTit .popBox .shopAdd{ margin-bottom:5px;white-space:normal;word-break:break-all; }
.mapShopTit .popBox .shopTel{ padding-bottom:5px; margin-bottom:15px; border-bottom:#8d8d8d solid 1px; }
.mapShopTit .popBox .shopPlus{ border:none;background:#fff;white-space:normal;word-break:break-all; padding:0px; height:65px;}
.mapShopTit {position: absolute;top:0px;left: 0px;background: #fff;border: #2e353f 2px solid;z-index: 100}

/*공지사항 목록*/
.boardSearch .txt {float: left;font-weight: bold;color: #202020;line-height: 22px}
.boardSearch .bSearch {float: right;display: inline-block;}

/*공지사항 보기*/
.boardView {margin: 15px 0 20px;width: 910px;border-top: #d8d8d8 1px solid;border-bottom: #d8d8d8 1px solid}
.boardView .viewTit {padding: 0 22px 0 16px;width: 870px;height: 39px;border-left: #d8d8d8 1px solid;border-right: #d8d8d8 1px solid;border-bottom: #202020 2px solid}
.boardView .viewTit h2 {float: left;font-size: 14px;color: #202020;line-height: 39px}
.boardView .viewTit h2.new {padding-right: 22px;background: url(../images/customer/icon_new.gif) right 13px no-repeat;}
.boardView .viewTit ul {float: right}
.boardView .viewTit ul li {float: left;padding-left: 24px;line-height: 39px;background: url(../images/customer/line_02.gif) 11px 11px no-repeat;}
.boardView .viewTit ul li:first-child {background:none}
.boardView .viewTit ul li strong {color: #202020}
.boardView .fileBox {padding-right: 20px;width: 890px;height: 30px;text-align: right;line-height: 30px;border-bottom: #d8d8d8 1px solid;background: #fbfbfb}
.boardView .fileBox strong {color: #202020}
.boardView .fileBox .fName {display: inline-block;padding-right: 20px;margin-left:5px;background: url(../images/customer/icon_file.png) right 8px no-repeat;}
.boardView .viewCon {padding: 20px 33px;width: 844px;line-height: 24px;color: #686868}
.writeList {margin-top:30px;width: 910px;border-top: #d8d8d8 1px solid;border-bottom: #d8d8d8 1px solid}
.writeList dl {border-top: #ececec 1px solid;height: 40px}
.writeList dl:first-child {border-top: 0 none}
.writeList dl dt {padding: 0 50px 0 23px;line-height: 40px;color: #202020;font-weight: bold;float: left}
.writeList dl dd {line-height: 40px;color: #808080;float: left}

/*etc*/
.desc3 {position: absolute;top: 45px;left: 466px}
.thCheck {position: relative;top: -10px}
*+ html .thCheck {top: 0}