@charset "UTF-8";

/*챗봇 메시지*/
#msgScrollBox {position:relative; padding-bottom:60px;}

/*#msgScrollBox #msgSection {padding:24px 0 10px 0;} */
#msgScrollBox.addSuggest #msgSection {padding:24px 0 10px 0;}
body.is-mobile #msgScrollBox #msgSection {padding:24px 0 10px 0;}
body.is-mobile #msgScrollBox.addSuggest #msgSection {padding:24px 0 10px 0;}


html #msgScrollBox #msgSection {padding:24px 0 10px 0}
html #msgScrollBox.addSuggest #msgSection {padding:24px 0 10px 0}
html.chrome #msgScrollBox #msgSection {padding:24px 0 10px 0;}
html.chrome #msgScrollBox.addSuggest #msgSection {padding:24px 0 10px 0;} 

/* ie 도움말 하단여백 */
html.chrome .cardSlideListBox {padding-bottom:10px;}
body.is-mobile .cardSlideListBox {padding-bottom:10px;}
.cardSlideListBox {padding-bottom:10px;}



/* #msgSection > li {overflow:hidden;} */
#msgSection > li+li,
#msgSection > .userMsg+.userMsg {margin-top:2px;}
#msgSection > li+.userMsg,
#msgSection > .userMsg+li {margin-top:22px;}
#msgSection > li.msgDateLine {margin-top:0 !important;}
#msgSection .msgBox img {width:100%; max-width:300px;}
#msgSection .msgBox .msgBoxIn {position:relative; padding:0 78px 10px 20px; display:inline-block;}

/* 20190401 추가 */
#suggestList .swiper-slide {margin-right: 8px;}
#suggestList > div:after {content:''; clear:both; display:block;}
#msgSection .msgBox .msgBoxBottom {float:left; margin-bottom:4px; display:block; overflow:hidden;}
#msgSection .msgBox .msgBoxBottom:first-child {float:none;}
#msgSection .msgBox .msgBoxBottom > button {margin-right:4px;}
#suggestListBox1 {min-width:382px; padding:0 20px;}
#suggestListBox1 .suggestBtn,
.csLinkList button{color:#bf134a; font-size:14px; font-weight:bold; background-color:#fff; line-height:24px; padding:7px 9px; border-radius:6px; border:1px solid #d8aeae; letter-spacing:-0.5px;}
#suggestListBox1 .suggestBtn.type2,
.csLinkList button.type2{line-height: 13px; padding: 2px 15px;}
/* 20190423 추가 */
#suggestListBox1 .suggestBtnLong {width:284px;}
#suggestListBox1 .suggestBtnMin {width:140px;}
@media(min-width:383px) {
  #msgSection .msgBox .msgBoxBottom:first-child {float:left;}
  #suggestListBox1 .suggestBtnLong {width:140px;}
}

/*IE 버블높이값 fix*/	
#msgSection .msgBox .msgBoxIn .msgBubbleOuter {position:relative;}

#msgSection .msgBox .msgBoxIn .msgBubbleIn {border-radius:6px; background-color:#fff; box-shadow:0 1px 11px rgba(0,0,0,0.1); line-height:22px; letter-spacing:-0.5px; color:#555; overflow:hidden;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn:before {content:''; position:absolute; left:-9px; top:0px; width:0px; height:0px; border-left:18px solid transparent; border-right:18px solid transparent; border-top:22px solid #fff; border-radius:5px;}
#msgSection .msgBox .msgBoxIn .msgBubble+.msgBubble {margin-top:3px;}
#msgSection .msgBox .msgBoxIn .msgBubble .msgTxt,
#msgSection .msgBox .msgBoxIn .msgBubbleIn .infoBox,
.infoDivBox,
.userInfoTblBox {padding:9px 20px; word-break:break-word;}
#msgSection .msgBox .msgBoxIn .msgBubble .msgTxt strong {color:#bf134a;}
#msgSection .msgBox .msgBoxIn .msgBubble .msgTxt a {text-decoration:underline;}
#msgSection .msgBox .msgBoxIn .msgBubble .msgTxt .msgWriting {width:30px; margin:0 10px; vertical-align:middle;}
#msgSection .msgBox .msgTime {position:absolute; bottom:0; font-size:11px; color:#707070;}
#msgSection .msgBox .msgTime {right:0; padding:0 20px 10px 0;}
#msgSection .msgBox.userMsg .msgTime {left:0; right:inherit; padding:0 0 10px 20px;}
/*이미지만출력*/
#msgSection .msgBox .msgBoxIn .msgBubbleIn .imgBox {text-align:center;}
/*설명 박스*/
#msgSection .msgBox .msgBoxIn .msgBubbleIn .infoBox>dt {font-weight:bold;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .infoBox .infoImgBox,
#msgSection .msgBox .msgBoxIn .msgBubbleIn .infoBox .infoTxt {margin-top:10px;}
/*예약안내 박스*/
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox>dt,
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox>dd {padding:10px 12px;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox>dt {font-weight:bold;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox>dd {background-color:#fbfbfc; border-top:1px solid #e7e6e9;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpList>li+li {margin-top:15px;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpListUl>li {position:relative; padding-left:16px;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpListUl>li::before {content:'-'; position:absolute; left:7px; top:0;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpListDl>dt {font-weight:bold;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpEngineerImgBox {margin-top:5px;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpEngineerImgBox::before {display:none;}
#msgSection .msgBox .msgBoxIn .msgBubbleIn .rsvpBox .rsvpEngineerImg {display:inline-block; width:95px; min-height:100px; border:1px solid #e7e6e9; background:url(../img/engineer_bg.png) center no-repeat #f5f4f6; background-size:29px auto; text-align:center;}
/*사용자 메시지*/
#msgSection .msgBox.userMsg {text-align:right;}
#msgSection .msgBox.userMsg .msgBoxIn {max-width:100%; padding:0 20px 10px 78px;}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubbleIn {background-color:#dedede; text-align:left; box-shadow:none;}
#msgSection #userInfoCI .msgBubbleIn {box-shadow:0 1px 11px rgba(0,0,0,0.1)}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubbleIn:before {left:inherit; right:-9px; border-top-color:#dedede;}
#msgSection .msgBox.userMsg.type2 .msgBoxIn .msgBubbleIn {background-color:#fbfbfc;}
#msgSection .msgBox.userMsg.type2 .msgBoxIn .msgBubbleIn:before {border-top-color:#fff;}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgTxt {min-width:38px; min-height:38px; padding:8px 20px; white-space:pre-wrap; word-wrap:break-word;}
/*유저메시지 보내기 실패시*/
/* #msgSection .msgBox.userMsg.msgFail .msgBoxIn .msgBubbleIn {background-color:#838085;} */
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgReBox {}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgReBox>li {}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgReBox>li button {display:block; width:24px; height:24px; overflow:hidden; text-indent:-9999px;}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgReBox>li .btnMsgRe {position:absolute; top:0; left:-32px; background:url(../img/msg_re.png) center no-repeat; background-size:24px;}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgReBox>li .btnMsgReX {position:absolute; top:-10px; right:-10px; background:url(../img/msg_re_x.png) center no-repeat; background-size:24px;}
#msgSection .msgBox.userMsg .msgBoxIn .msgBubble .msgReBox>li .btnMsgIng {position:absolute; top:50%; left:-32px; width:24px; height:24px; margin-top:-18px; background:url(../img/msg_ing.png) center no-repeat; background-size:24px; display:inline-block; overflow:hidden; text-indent:100%; white-space:nowrap;}

/*날짜라인*/
#msgSection .msgDateLine {margin:20px 0 !important; text-align:center;}
#msgSection .msgDateLine .msgDateLineP {font-size:11px; color:#707070; text-align:center; line-height:16px;}
#msgSection .msgDateLine + .msgBox {margin-top:0 !important;}

/*메시지 내에 버튼*/
.btnListV li>button,
.btnListH li>button,
.btnListV li>a,
.btnListH li>a,
.btnMoreLi .btnMore,
.filebox label {padding:10px 20px; font-size:14px; font-weight:bold; color:#bf134a; text-align:center; line-height:17px; box-sizing:border-box; cursor:pointer;}
/*리스트형*/
.btnListV li,
.btnMoreLi {border-top:1px solid #d7d7d7;}
.btnListV li>button,
.btnListV li>a,
.btnMoreLi .btnMore {width:100%; display:block; overflow:hidden; background-color:#fafafa;}
.btnListV li .btnLink {color:#555555; text-align:left; background: url(../img/arr_r_7.png) right 20px center #f7f0f0 no-repeat; background-size: 6.5px auto;}
.btnMoreLi .btnMore {background:url(../img/arr_d.png) center no-repeat; background-size:auto 6px; text-indent:-99999em;}
.btnMoreLi .btnMore:disabled {background-image:url(../img/arr_d_3.png); background-color:#f5f5f5 !important;}
/*라운드형*/
.btnListH_wrap {border-top:1px solid #d7d7d7;}
.btnListH {text-align:center; overflow:hidden;}
.btnListH li {float:left; width:50%; vertical-align:top;}
.btnListH li + li {border-left:1px solid #d7d7d7;}
/*.btnListH li:last-child {margin-left:3px;}*/
.btnListH li>button,
.btnListH li>a,
.filebox label {width:100%; display:inline-block; background-color:#fafafa; padding:10px 0 11px;}
.btnListH li>button:disabled,
.btnListV li>button:disabled {background-color:#f5f5f5 !important; color:#b3b3b3; border-color:#ededf0; cursor:default;}
.btnListH li>a:disabled,
.btnListV li>a:disabled {background-color:#f4f4f5 !important; color:#aaa; border-color:#ededf0;}
.btnListH_wrap.type2 {padding:0;}
.btnListH_wrap.type3 {padding:15px 0 0;}
.btnListH_wrap.type4 {padding:15px 0;}
.btnListH_wrap.type5 {padding:0;}
.btnListH li>a.type2,
.btnListH li>button.type2 {border:none; color:#555;}
/*좋아요버튼*/
#msgSection .msgBox .msgBoxIn .btnLike {position:absolute; top:50%; right:-27px; margin-top:-12px; height:24px; line-height:26px; border-radius:12px; background:url(../img/btn_like.png) left center no-repeat #a9a2af; background-size:auto 100%; box-shadow:0 1px 3px rgba(0,0,0,0.1); padding-left:24px; text-align:left;}
#msgSection .msgBox .msgBoxIn .btnLike span {display:none;}
#msgSection .msgBox .msgBoxIn .btnLike.on {background-color:#e84472;}

/*제안형 버튼*/
#suggestListBox {position:relative; width:100%; padding-bottom:10px; overflow:hidden;}
.noScroll #suggestListBox {position:fixed; left:0; bottom:70px;}
#suggestListBox.fixbot {position:fixed; left:0; bottom:66px !important;}
#suggestListBox.suggestListBoxRelative{
  position: relative;
  bottom: auto !important;
}
/*.noScroll,
.noScroll body,
.noScroll #wrap,
.noScroll #container,
.noScroll #msgScrollBox {height:100%;}*/
#suggestListBox #suggestList::before,
#suggestListBox #suggestList::after {content:''; position:absolute; left:0; top:0; width:20px; height:40px; background:url(../img/sg_l.png) 0 0 no-repeat; background-size:100% 100%; z-index:5;}
#suggestListBox #suggestList::after {background-image:url(../img/sg_r.png); left:auto; right:0;}
.swiper-container {
  width:100%;
  padding:0 20px;
}
.swiper-slide {
  text-align:center;
  width:auto;
  /* Center slide text vertically */
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
}
#suggestListBox .suggestBtn,
.csLinkList button {padding:4px 20px; background-color:#fff; border:1px solid #d8aeae; font-size:14px; font-weight:bold; color:#bf134a; line-height:24px; border-radius:6px; letter-spacing:-0.5px;}
#suggestListBox .suggestBtn.type2,
.csLinkList button.type2 {padding:2px 15px; line-height:13px;}
#suggestListBox .suggestBtn.suggestBtnNew{
  background-color: #fff2f6;
}
/*서비스센터 찾기 슬라이드*/
#suggestListBox .swiper-pagination {position: relative; display: inline-block; vertical-align: top; bottom: 0; top: 8px;}
.cardSlideListBox .swiper-pagination-bullet,
.csListSlideBox .swiper-pagination-bullet,
#suggestListBox .swiper-pagination-bullet {text-indent: -9999px;width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; margin: 0 5px;}
.cardSlideListBox .swiper-pagination-bullet-active,
.csListSlideBox .swiper-pagination-bullet-active,
#suggestListBox .swiper-pagination-bullet-active {width: 13px; border-radius: 10px; background: #e84472; width: 13px; opacity:1; border-radius: 10px;}
/*.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl tr:nth-child(2) td {height: 40px;}*/

.csListSlideBox {position:relative; padding:0 20px; overflow:hidden;}
.swiper-container.cardSlideList {/*min-width:284px;*/ padding:0 0 30px; overflow:visible;}
.cardSlideList .swiper-slide {width:78%; min-width:280px; max-width:300px}
.csListSlideBox .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.csListSlideBox .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {width: 8px; height: 8px; -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.csListSlideBox .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.csListSlideBox .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform: scale(.66);-ms-transform: scale(.66);transform: scale(.66);}
.csListSlideBox .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.csListSlideBox .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform: scale(.33);-ms-transform: scale(.33);transform: scale(.33);}
.csListSlideBox .cardSlideList .swiper-pagination {bottom:0;}
.swiper-pagination-bullet {background:#d7d7d7; opacity:1;}
.swiper-pagination-bullet-active {background:#bf134a;}
.cardSlideList .swiper-slide .cardSlide {position:relative;width:100%;height: 100%;border:1px solid #d7d7d7;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#fff;text-align:left;/*overflow:hidden;*/}
.cardSlideList .swiper-slide .cardSlide>span{
  /* width: 72px; */
  height: 35px;
  line-height: 30px;
  padding-left: 13px;
  padding-right: 13px;
  position: absolute;
  top: 10px;
  left: 0;
  background: url('../img/ico_flag_newProd.png') no-repeat 50% 50%;
  background-size: 1000px 35px;
  color: #fff;
  letter-spacing: -1px;
}
.cardSlideList .swiper-slide .cardSlide>span:before{
  content: '';
  width: 5px;
  height: 35px;
  position: absolute;
  top: 0;
  left: -5px;
  background: url('../img/ico_flag_newProd.png') no-repeat 0 50%;
  background-size: auto 35px;
}
.cardSlideList .swiper-slide .cardSlide>span:after{
  content: '';
  width: 10px;
  height: 35px;
  position: absolute;
  top: 0;
  right: -10px;
  background: url('../img/ico_flag_newProd.png') no-repeat 100% 50%;
  background-size: auto 35px;
}
.cardSlideList .swiper-slide .cardSlide > div {border-top-left-radius:6px;border-top-right-radius:6px; -moz-border-top-left-radius:6px;-moz-border-top-right-radius:6px; -webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;}
.cardSlideList .swiper-slide .cardSlide #csMap {position:relative; width:100%; height:144px; overflow:hidden;}
.cardSlideList .swiper-slide .cardSlide .csInfobox {position:relative; padding:0;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt {width:calc(100% - 38px); width:-webkit-calc(100% - 38px);width:-moz-calc(100% - 38px);width:-ms-calc(100% - 38px); margin:0 19px; border-bottom:1px solid #d7d7d7; display:table;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt > div {display:inline-block; padding:9px 0 10px; vertical-align:middle;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt .tit {width:calc(100% - 78px); width:-webkit-calc(100% - 72px);width:-moz-calc(100% - 72px);width:-ms-calc(100% - 78px); height:54px; margin-right:8px; color:#333; font-size:15px; font-weight:bold; line-height:18px; letter-spacing:-1px; display:table-cell;}
.cardSlideList.cardSlideList_mkt .swiper-slide .cardSlide .csInfobox .csInfoDl > dt .tit {height:auto; line-height:22px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt .csDistance {width:64px; font-size:13px; color:#555; text-align:right; display:table-cell;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt .csDistance > span {border-left:none;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd {margin-top:12px;height: calc(100% - 66px);display: flex;flex-direction: column;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csAddrBox .csAddr {padding:0; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csAddrBox {min-height:54px; margin-top:0; padding:0 19px 0 43px; background:url('../img/cs_btn_location.png') no-repeat 19px top; background-size:16px; vertical-align:middle;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl {position:relative; width:calc(100% - 38px); width:-webkit-calc(100% - 38px);width:-moz-calc(100% - 38px);width:-ms-calc(100% - 38px); margin:8px 0 0; padding:0 19px 0 43px; background:url('../img/cs_btn_time.png') no-repeat 19px 2px; background-size:16px; display:block;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl th,
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl td {height:20px; font-size:13px; color:#555; line-height:20px; vertical-align: top; border:none; text-align:left;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl th {display:none; width:42px; font-weight:normal; text-align:left;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl td.last {padding:0 0 0 4px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .phnNum {position:absolute; bottom:-28px; left:19px; width:100%;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .phnNum:before {content:''; float:left; width:16px; height:16px; margin-right:8px; background:url('../img/cs_btn_phone.png') no-repeat left 2px; background-size:16px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .phnNum a {margin:0 4px; color:#333; font-weight:bold; text-decoration:underline;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .phnNum td.last {padding:0;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csParkingInfo {width:calc(100% - 38px); width:-webkit-calc(100% - 38px);width:-moz-calc(100% - 38px);width:-ms-calc(100% - 38px); min-height:36px; margin:36px auto 0; background:url('../img/cs_btn_parking.png') no-repeat left top; background-size:16px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csParkingInfo th,
.cardSlideList .swiper-slide .cardSlide .csInfobox .csParkingInfo td {font-size:13px; color:#555; line-height:18px; vertical-align:middle; letter-spacing:-1px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csParkingInfo th {display:none;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csParkingInfo td {padding:0 0 0 23px; vertical-align:top;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice {text-align:center;margin-top: 10px;/* padding:0 9px; */padding-bottom:0;border-top:1px solid #d7d7d7;background:#f7f0f0;overflow:hidden;border-radius: 0 0 6px 6px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice {text-align:center;margin-top: 10px;/* padding:0 9px; */padding-bottom:0;border-top:1px solid #d7d7d7;background:#f7f0f0;overflow:hidden;border-radius: 0 0 6px 6px;}
.csChoice .csChoiceBtn {position:relative; float:left; width:25%; padding-top:0; font-size:14px; font-weight:bold; color:#555;}
.csChoice .csChoiceBtn:disabled {color:#b3b3b3;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice .csChoiceBtn {border:none;padding:12px 0 13px;margin:0;background:#f7f0f0;display: inline-block;float: left;width: 50%;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice .csChoiceBtn.mktChoiceBtn {padding:15px 0 16px;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice .csChoiceBtn:nth-child(3){
  flex: none;
  width: 100%;
  background-color: #f7f7f7;
  text-align: left;
  padding: 8px 18px;
  border-top: 1px solid #d7d7d7;
  font-weight: 300;
  color: #707070;
}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice .csChoiceBtn:nth-last-child(1){float:none;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice .csChoiceBtn:nth-child(3):before{
  background: url(../img/cs_btn_more_prod.png) no-repeat 50% 50%;
  background-size: 20px;
}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice.productChoice .csChoiceBtn:nth-child(3):after{
  background: url(../img/cs_btn_more_arrow.png) no-repeat 50% 50%;
  background-size: 20px;
  width: 20px;
  height: 20px;
  right: 16px;
  margin-top: 0;
  transform: translateY(-50%);
}
.csChoice.type2 .csChoiceBtn {width:33.333%}
.csChoice.type2 .csChoiceBtn:last-child {width:33.334%}
.csChoice.type3 .csChoiceBtn {width:50%;}
.csChoice .csChoiceBtn:before {content:''; display:inline-block; width:20px; height:20px; margin-right:4px; vertical-align:middle;}
.csChoice .csChoiceBtn:after {content:'';position:absolute;top:50%;display:block;width:1px;height:16px;margin-top:-8px;background:#d7d7d7;}
.csChoice .csChoiceBtn:first-child:after {display:none;}
.csChoice .csChoiceBtn.type1:before {background:url(../img/cs_btn_01.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type1:before.off {background:url(../img/cs_btn_01.png) no-repeat left center; background-size:24px; cursor:default; color:#999;}
.csChoice .csChoiceBtn.type2:before {background:url(../img/cs_btn_02.png) no-repeat left center; background-size:24px; display:none;}
body.is-mobile .csChoice .csChoiceBtn.type2:before {display:block;}
.csChoice .csChoiceBtn.type3:before {background:url(../img/cs_btn_03.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type4:before {background:url(../img/cs_btn_04.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type5:before {background:url(../img/cs_btn_05.png) no-repeat left center; background-size:20px;}
.csChoice .csChoiceBtn.type6:before {background:url(../img/cs_btn_map.png) no-repeat left center; background-size:20px;}
.csChoice .csChoiceBtn.type7:before {background:url(../img/cs_btn_chat.png) no-repeat left center; background-size:20px;}
.csChoice .csChoiceBtn.type8:before {background:url(../img/cs_btn_store.png) no-repeat left center; background-size:20px;}
.csChoice .csChoiceBtn:disabled {cursor:default;}
.csChoice .csChoiceBtn.type1:disabled:before {background:url(../img/cs_btn_01_off.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type2:disabled:before {background:url(../img/cs_btn_02_off.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type3:disabled:before {background:url(../img/cs_btn_03_off.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type4:disabled:before {background:url(../img/cs_btn_04_off.png) no-repeat left center; background-size:24px;}
.csChoice .csChoiceBtn.type6:disabled:before {background:url(../img/cs_btn_map_off.png) no-repeat left center; background-size:20px;}
.csChoice .csChoiceBtn.type7:disabled:before {background:url(../img/cs_btn_chat_off.png) no-repeat left center; background-size:20px;}
.csChoice .csChoiceBtn.type8:disabled:before {background:url(../img/cs_btn_store_off.png) no-repeat left center; background-size:20px;}

.csChoice .csChoiceBtn.type1,
.csChoice .csChoiceBtn.type2,
.csChoice .csChoiceBtn.type3,
.csChoice .csChoiceBtn.type4 {font-size:14px; letter-spacing:-0.5px;}
.csChoice .csChoiceBtn.type1:before,
.csChoice .csChoiceBtn.type2:before,
.csChoice .csChoiceBtn.type3:before,
.csChoice .csChoiceBtn.type4:before {width:24px; height:24px; margin:0 auto 7px; display:block;}
.csChoice .csChoiceBtn.type1:after,
.csChoice .csChoiceBtn.type2:after,
.csChoice .csChoiceBtn.type3:after,
.csChoice .csChoiceBtn.type4:after {top:16px; margin-top:0;} 
/*auto width*/
.csChoice {display:-webkit-flex;-webkit-justify-content:center;display: flex;justify-content:center;flex-wrap: wrap;}
.csChoice .csChoiceBtn {width: 139px;float:none;-webkit-flex:1;flex:1;}
.csChoice.productChoice {display: block;}

.csLinkList {text-align:center; margin:10px 0 10px;}
.csLinkList>li {display:inline-block; vertical-align:top;}
.csLinkList button {display:block;}
/* body.is-mobile .cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csInfoTbl tr.phnNum {display:none;} */
/*.csLinkList .btnResearchCs,
.csLinkList .btnCancel {padding-left:9px; padding-right:9px;}*/
.csLinkList .btnResearchCs span,
.csLinkList .btnCancel span {padding-left:18px; background:url(../img/btn_re.png) left center no-repeat; background-size:13px 13px;}
.csLinkList .btnCancel span {background:url(../img/ico_x.png) left center no-repeat; background-size:11px 11px;}
/*카드배너*/
.cardSlideList.type2 {padding:0 20px;}
.cardSlideList.type2 .swiper-slide {width:200px; min-width:auto; max-width:auto;}
.cardSlideList.type2 .swiper-slide .cardSlide {text-align:center;}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt {padding:20px 0 10px; border-radius: 6px;}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop {padding-bottom:186px; background-size:90px 64px; background-position:center 102px; background-repeat:no-repeat; font-size:15px; font-weight:bold; color:#333; line-height:24px;}
.cardSlideList.type2 .swiper-slide .cardSlide.menuCard .cbDl>dt .cbTop {padding-bottom:60px; font-size:13px; font-weight:normal; color:#555;}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type1 {background-image:url(../img/cb_1.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type2 {background-image:url(../img/cb_2.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type3 {background-image:url(../img/cb_6.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type4 {background-image:url(../img/cb_5.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type5 {background-image:url(../img/cb_4.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type6 {background-image:url(../img/cb_3.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type7 {background-image:url(../img/cb_7.png);}

.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type11 {background-image:url(../img/cb_11.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type12 {background-image:url(../img/cb_12.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type13 {background-image:url(../img/cb_13.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type14 {background-image:url(../img/cb_14.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type15 {background-image:url(../img/cb_15.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dt .cbTop.type16 {background-image:url(../img/cb_16.png);}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dd {position:absolute; top:48px; left:0; width:100%; font-size:13px; color:#707070; line-height:20px;}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl>dd .cbTxt {position:absolute; top:130px; width:100%; padding:10px 0; border-top:1px solid #e7e6e9; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background-color:#fbfbfc; font-size:13px; color:#bf134a; line-height:20px;}
.cardSlideList.type2 .swiper-slide .cardSlide .cbDl .btnListH li {width:100%;}

/* 180910 kr 메뉴카드 디자인 변경 */
.cardSlideList.type2 .swiper-slide .cardSlide.menuCard .cbDl>dt {padding-bottom:12px;}
.cardSlideList.type2 .swiper-slide .cardSlide.menuCard .cbDl>dt .cbTop {height:124px; background-size:90px 64px; background-position:center bottom; line-height:20px;}
  .cardSlideList.type2 .swiper-slide .cardSlide.menuCard.mktCard .cbDl>dt .cbTop {background-size:80px 60px;}
.cardSlideList.type2 .swiper-slide .cardSlide.menuCard .cbDl>dd {position:static; border-top:1px solid #e7e6e9; background-color:#fbfbfc; border-radius: 0 0 6px 6px; overflow: hidden;}
.cardSlideList.type2 .swiper-slide .cardSlide.menuCard .cbDl>dd .btnListH li>a.type2, .cardSlideList.type2 .swiper-slide .cardSlide.menuCard .cbDl>dd .btnListH li>button.type2 {color:#bf134a;}


/*컨텐츠별 슬라이드*/
.contentsInfoList>li+li {border-top:1px solid #e7e6e9;}
.contentsInfoList>li>a {display:block; padding:13px;}
.contentsInfoList .cilTitBox {display:table; width:100%;}
.contentsInfoList .cilTitBox .cilTit {display:table-cell; height:30px; line-height:15px; vertical-align:middle; color:#2d2d2d; font-weight:bold;}
/*.contentsInfoList .cilTitBox .cilTit.icoVideo span {display:inline-block; padding-right:15px; background:url(../img/ico_video.png) right center no-repeat; background-size:14px;}*/
.contentsInfoList .cilTitBox .cilTit.center {text-align:center;}
.contentsInfoList .cilTitBox .cilTit .icoVideo {width:14px !important;}
.contentsInfoList .cilTxt {display:block; font-size:12px; color:#666; margin-top:5px;
  /* 한 줄 자르기 */ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space:normal; line-height:14px; text-align:left; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/* 컴포넌트 디자인 변경 */
.swiper-slide .cardSlide {height:auto;}
.swiper-slide.type2 .cardSlide {height:190px;}
.swiper-slide.type2 {/*margin-left:7px;*/text-align:center;}
.swiper-slide.type2 .cilTitBox .cilTit {text-align:center;line-height:18px; padding:0 13px;}
.swiper-slide.type2 .contentsInfoList>li+li {border-top:0 solid #e7e6e9;}
.swiper-slide.type2 .contentsInfoList>li>a {display:block; padding:0;}
.swiper-slide.type2 .contentsInfoList .titContBox {display:block; padding:10px 13px 13px; border-top:1px solid #e7e6e9;}
.swiper-slide.type2 .contentsInfoList .titContBox .cilTxt {line-height:16px;}
.swiper-slide.type2 .contentsInfoList .txt_more {position:absolute; right:13px; bottom:16px; padding-top:10px; font-size:12px; color:#666;text-align:right;}
.swiper-slide.type2 .contentsInfoList img.icoVideo {margin-top:1px;}

.swiper-slide.type2 .contentsInfoList .cilTitBox .cilTit {height:auto;}
.swiper-slide.type2 .contentsInfoList {height:100%; text-align:center;}
.swiper-slide.type2 .contentsInfoList .num {display:inline-block; margin:10px 0 0 0; font-size:12px; color:#e84472; font-weight:bold; padding:3px 14px 2px; border-radius:20px; border:2px solid #e84472;}
.swiper-slide.type2 .contentsInfoList .verbox {display:table; height:53px; vertical-align:middle;width:100%;}
.swiper-slide.type2 .contentsInfoList .verboxCell {text-align:center;display:table-cell; vertical-align:middle; margin-top:0;}

.productsInfo * {font-family:'LGSmHaT', malgun, '맑은 고딕' !important; word-break:normal; table-layout:auto;}
.productsInfo p,
.productsInfo ol,
.productsInfo ul,
.productsInfo dl,
.productsInfo li {margin:5px 0;}
.is-mobile .lgeai-steps > * {margin-left:0 !important; margin-right:0 !important;}
/* 동영상 */
.contents_players {margin:10px 0;}
.contents_players > div {position:relative; width:100% !important; height:auto! important; max-width:100% !important; padding-bottom:40%;}
.contents_players video {}
.contents_players .vjs-big-play-button {
  position:absolute; left:50% !important; top:50% !important; margin:-50px 0 0 -50px;
  background-color:#333;
  opacity:.8;
  width:100px !important;
  height:100px !important;
  border-radius:10%;
  border-style:solid;
  border-width:4px;
  border-color:#FFFFFF;
  margin-left:-11%;
}
/*
  This rule sets the location and size
  of the triangular play icon in the
  big play button
*/
.contents_players .vjs-big-play-button:before {
  font-size:40px !important;
  color:white;
  opacity:.9;
  margin-top:-18px !important;
  margin-left:-18px !important;
  position:absolute;
  left:50%; top:50%;
}

/*사용자 정보 입력*/
.userInfoTblBox {background-color:#fff;border-bottom:1px solid #e7e6e9;}
.userInfoTblBox:after {content:''; position:absolute; top:0; right:-9px; width:0px; height:0px; border-left:18px solid transparent; border-right:18px solid transparent; border-top:22px solid #fff; border-radius:5px; z-index:-2;}

.userInfoTbl th,
.userInfoTbl td {padding:7px 0; vertical-align:top; line-height:18px;text-align:left;}
.userInfoTbl th {width:65px; font-size:12px;text-align:left;}
.userInfoTbl label {text-align:left;}
.basicInput,
.basicLabel {display:block;}
.basicInput {border:none; border-bottom:1px solid #e2e0e4; width:100%; padding:5px 9px; background-color:transparent;}
select.basicInput {padding:6px 5px; font-size:13px;}
.basicInput:focus {border-color:#736d76; outline:none;}
.basicInput.basicInputErr {border-color:#e63869;}
.basicInput.dim {background-color:#f4f4f5; color:#888;}
.basicLabel {padding:5px 0; color:#e84472;}
.searchAddrBox {padding-right:35px; position:relative; margin-bottom:7px;}
.searchAddrBox .btnSearchAddr {position:absolute; right:0; bottom:0; width:30px; height:30px; border:1px solid #e2e0e4; overflow:hidden; border-radius:30px; background:url(../img/btn_re.png) center no-repeat; background-size:13px; text-indent:-99999px;}
.infoDivBox {padding:0; margin-top:-1px;}
.infoDiv,
.inputErrorMsgBox {padding-left:20px; background:url(../img/ico_info.png) left top no-repeat; background-size:16px; color:#666; font-size:11px; line-height:16px;}
.inputErrorMsgBox {color:#bf134a; margin-top:10px}
.inputErrorMsgBox.type2 {margin-top:0;}
.inputErrorMsgBox+.inputErrorMsgBox {margin-top:5px;}

#termsAgree .termsAgreeTxt {font-size: 12px;padding: 7px 0 12px 0;position: relative;}
#termsAgree .termsAgreeTxt p {position: relative;padding-left: 24px;letter-spacing: -0.05em;}
#termsAgree .termsAgreeTxt p em {color: rgb(165, 0, 52);}
#termsAgree .termsAgreeTxt p.on:before {left: 0;background-image: url(../img/ico_chk_red2.png);background-size: 18px;width: 18px;height: 18px;}
#termsAgree .termsAgreeTxt p:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url(../img/ico_chk_grey.png) no-repeat center center;background-size: 12px;width: 12px;height: 9px;}
#btnTermsMore {background: rgb(255, 255, 255);border: 1px solid rgb(226, 224, 228);padding: 5px 10px;line-height: 1;font-size: 12px;position: absolute;left: 210px;top: 4px;border-radius: 5px;}
.layerPopup_s #termsAgree {max-width: 240px; margin: 0 auto;}
.layerPopup_s #termsAgree .termsAgreeTxt {font-size: 12px;}
.layerPopup_s #termsAgree .termsAgreeTxt p {padding-left: 25px;}
.layerPopup_s #termsAgree .termsAgreeTxt p:before {left: 0;}
.layerPopup_s #termsAgree #btnTermsMore,
#termsAgree #btnTermsMore {left: 182px;}

/*사용자 정보 입력 결과*/
.userInfoDl>dt {padding:8px 10px;}
.userInfoDl dt:after {content:''; position:absolute; top:0; right:-9px; width:0px; height:0px; border-left:18px solid transparent; border-right:18px solid transparent; border-top:22px solid #dedede; border-radius:5px; z-index:-1;}
.userInfoDl>dt .tit {padding-left:23px; background:url(../img/ico_user.png) left center no-repeat; background-size:15px; color:#333;}
.userInfoDl .userInfoTblBox {background-color:#514d54;}
.userInfoDl .userInfoTblBox th {color:#ddd;}
.userInfoDl .userInfoTblBox td {color:#fff;}

/*레이어팝업*/
.layerPopupDim {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:100; overflow:hidden; display:none;}
.layerPopup {position:relative; width:100%; height:100%; background-color:#f7f7f7; z-index:101; padding-top:56px; bottom:-100%;}
.layerPopupDim.termsPopup .layerPopup {padding-bottom:60px;}
.layerPopupDim.termsPopup.pb0 .layerPopup {padding-bottom:0px;}                   
.layerPopupDim.termsPopup.termsMore .layerPopup {padding-bottom:100px;}
.layerPopup.engineerPad {padding-top:50px;overflow:hidden;}
.layerPopup.engineerPad .layerPopupCon {overflow-y:auto;}

.layerPopup .layerPopupTop {position:absolute; top:0; left:0; width:100%; height:56px; line-height:56px; background-color:#fff; z-index:105;}
.layerPopup .layerPopupTop .tit {font-size:16px; font-weight:bold; padding:0 15px; color:#333; text-align:center; letter-spacing:-1.3px;}
.layerPopup .layerPopupBottom {position:absolute; left:0; bottom:0; width:100%; padding:8px; background-color:#f7f7f7; z-index:105;}
.layerPopup .layerPopupBottom .termsVerListBox {margin-bottom:15px;}
.layerPopup .layerPopupBottom .termsVerListBox .termsVerList {-webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; width:290px; height:29px; margin:0 auto; border:1px solid #e2e0e4; border-radius:29px; overflow:hidden; padding:0 30px 0 15px; background:url(../img/arr_d_2.png) right 12px center no-repeat; background-size:11.5px auto;}
.layerPopup .layerPopupBottom .termsVerListBox .termsVerList::-ms-expand {display:none;}
.layerPopup .layerPopupCon {position:relative; height:100%; padding:6px; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.layerPopupDim.termsPopup .layerPopup .layerPopupCon {padding:20px 20px 60px;}
.layerPopup .layerTopBtn {position:absolute; bottom:20px; right:20px; width:30px; height:30px; background:url(../img/btn_top.png) center no-repeat; background-size:100%; text-indent:-999999px; overflow:hidden; z-index:106; display:none;}
.termsPopup .layerPopup .layerTopBtn {bottom:70px;}
/*주소입력*/
.layerPopBox+.layerPopBox {margin-top:8px;}
.layerPopDl {border:1px solid #e7e4e9; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.addrInputBox {padding-top:20px;}
.addrInputBox .addrInputBoxIn {position:relative; width:204px; margin:0 auto;}
.addrInputBox .addrInputBoxIn .addrInput {display:block; width:100%; height:37px; line-height:35px; border:1px solid #e2e0e4; border-radius:37px; padding:0 40px 0 12px;}
.addrInputBox .addrInputBoxIn .btnSrcAddr {position:absolute; right:0; top:0; width:37px; height:37px; background:url(../img/btn_src.png) center no-repeat; background-size:19px; text-indent:-999999em; overflow:hidden;}
.addrInputBox .addrInputBoxIn2 {padding:10px 15px; border-top:1px solid #dcd9df; margin-top:20px;}
.addrInputBox .addrInputBoxIn2 .infoUl>li+li {margin-top:10px;}
.addrInputBox .addrInputBoxIn2 .infoDl {line-height:1.3;}
.addrInputBox .addrInputBoxIn2 .infoDl>dt {font-size:11px; color:#666;}
.addrInputBox .addrInputBoxIn2 .infoDl>dd {font-size:10px; color:#999;}
.layerPopDl {border:1px solid #e7e4e9;}
.layerPopDl>dt {font-weight:bold; line-height:16px; border-bottom:1px solid #e7e4e9; padding:11px 12px; position:relative;}
.layerPopDl>dt .layerPopDate {font-size:11px; color:#666; margin-top:5px; font-weight:normal;}
.layerPopDl .layerPopDlCon {padding:15px 12px;}
/*.layerPopDl .layerPopDlCon .layerPopDlConInIn {margin-bottom:15px;}
.layerPopDl .layerPopDlCon .layerPopDlConIn {position:relative; padding-left:60px; margin-bottom:7px;}
.layerPopDl .layerPopDlCon .layerPopDlConIn #zipcode {position:absolute; left:0; top:0; width:56px; padding:5px 0; text-align:center;}*/
.layerPopDl .srcAddrResultUl>li+li {margin-top:4px;}
.layerPopDl .srcAddrResultUl>li button {display:block; width:100%; height:32px; line-height:30px; padding:0 13px; border:1px solid #e2e0e4; border-radius:32px; text-align:left;}
.layerPopDl .srcAddrResultUl>li button.active {padding-left:30px; background:url(../img/ico_chk.png) 13px center no-repeat; background-size:13px auto; border-color:#f69fb7; color:#e63869;}
.layerPopDl .srcAddrResultUl2 {border-top:1px solid #e7e6e9;border-bottom:1px solid #e7e6e9; max-height:235px; overflow-y:auto; width:100%;}
.layerPopDl .srcAddrResultUl2>li+li {border-top:1px solid #e7e6e9;}
.layerPopDl .srcAddrResultUl2>li {position:relative; background-color:#fbfbfc; padding-right:80px;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultTbl {display:table; width:100%; height:47px; table-layout:fixed;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultTbl>div {display:table-cell; vertical-align:middle; font-size:11px; padding:9px 0;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultTbl .addrTxt {text-align:left;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultTbl .zipcode {width:60px; text-align:center; color:#666;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultChk {position:absolute; right:12px; top:50%; margin-top:-15px; width:60px; height:30px; line-height:28px; border:1px solid #e2e0e4; border-radius:30px; font-size:12px; color:#e63869;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultChk>span {display:inline-block;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultChk.active {border-color:#f69fb7;}
.layerPopDl .srcAddrResultUl2>li .srcAddrResultChk.active>span {padding-left:17px; background:url(../img/ico_chk.png) left center no-repeat; background-size:13px auto;}
.srcAddrDone>li+li {border-top:1px solid #e7e6e9;}
.srcAddrDone .srcAddrDoneDl {display:table;}
.srcAddrDone .srcAddrDoneDl>dt,
.srcAddrDone .srcAddrDoneDl>dd {display:table-cell; font-size:11px; vertical-align:middle; padding:9px 5px;}
.srcAddrDone .srcAddrDoneDl>dt {width:80px; text-align:center; color:#666;}
.srcAddrNoBox {padding:20px 0; text-align:center; background-color:#fbfbfc;}
.srcAddrNoBox .srcAddrNo {padding-top:62px; background:url(../img/ico_src.png) center top no-repeat; background-size:52px; font-size:12px; color:#999;}
.layerPopContent_x {padding:0; margin-top:14px;}
/*주소리스트 슬라이드*/
#addrChoiceSlide {padding:0;}
#addrChoiceSlide .swiper-slide {width:100%;}
#addrChoiceSlide .addrChoiceSlidePage {margin:8px 0; text-align:center;}
#addrChoiceSlide .addrChoiceSlidePage .swiper-pagination {position:relative; display:inline-block; vertical-align:top;}
#addrChoiceSlide .addrChoiceSlidePage .swiper-pagination .swiper-pagination-bullet {width:21px; height:21px; line-height:21px; border-radius:0; font-size:12px; color:#2d2d2d; background:none; opacity:1;}
#addrChoiceSlide .addrChoiceSlidePage .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color:#e63869; font-weight:bold;}
#addrChoiceSlide .addrChoiceSlidePage .swiper-button-next,
#addrChoiceSlide .addrChoiceSlidePage .swiper-button-prev {display:inline-block; position:static; width:21px; height:21px; margin-top:auto; background-size:100%; overflow:hidden; text-indent:-100%; vertical-align:top; background-position:0 0;}
#addrChoiceSlide .addrChoiceSlidePage .swiper-button-prev {background-image:url(../img/arr_l_3.png);}
#addrChoiceSlide .addrChoiceSlidePage .swiper-button-next {background-image:url(../img/arr_r_4.png);}
#addrChoiceSlide .addrChoiceSlidePage .swiper-button-next.swiper-button-disabled,
#addrChoiceSlide .addrChoiceSlidePage .swiper-button-prev.swiper-button-disabled {opacity:1; background:none;}

/*엔지니어출장예약*/
.layerPopupStatus {position:relative; left:0; top:0px; width:100%; line-height:14px; font-size:10px; background-color:#948f99; padding:8px 14px; color:#fff;}
.layerPopupStatus .tit {color:#e0dfe1;}
.layerPopupStatus .status {color:#fff;}
.layerPopDl .dateStatus {position:absolute; right:12px; top:50%; margin-top:-8px;}
.layerPopDl .dateStatus>li {float:left; margin-left:15px; padding-left:17px; position:relative; font-size:10px; line-height:16px; font-style:normal; color:#888;}
.layerPopDl .dateStatus>li::before {content:''; position:absolute; left:0; top:50%; width:12px; height:12px; background-color:#e63869; border-radius:6px; margin-top:-6px;}
.layerPopDl .dateStatus>li.first {padding-left:28px;}
.layerPopDl .dateStatus>li.first::before {width:23px; background-color:#e4e4e6;}
.dateChoiceBox .monthBox,
.dateChoiceBox .clndr-controls {width:130px; margin:17px auto; position:relative; font-size:17px; font-weight:bold; color:#2d2d2d; text-align:center;}
.dateChoiceBox .clndr-controls {padding:0 40px; width:230px; display:inline-block;}
.dateChoiceBox .monthBox .swiper-button-prev,
.dateChoiceBox .monthBox .swiper-button-next,
.dateChoiceBox .clndr-controls .clndr-control-button {width:22px; height:22px; margin-top:-12px; overflow:hidden; background-size:7.5px 13px; text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.dateChoiceBox .clndr-controls .clndr-control-button {position:absolute; display:block; top:50%; z-index:102;}
.dateChoiceBox .monthBox .swiper-button-prev,
.dateChoiceBox .clndr-controls .clndr-previous-button {background-image:url(../img/arr_l_2.png); left:0;}
.dateChoiceBox .monthBox .swiper-button-next,
.dateChoiceBox .clndr-controls .clndr-next-button {background-image:url(../img/arr_r_2.png); right:0;}
.dateChoiceBox .monthBox .swiper-button-next.swiper-button-disabled,
.dateChoiceBox .monthBox .swiper-button-prev.swiper-button-disabled {opacity:1;}
.dateChoiceBox .monthBox .swiper-button-prev.swiper-button-disabled,
.dateChoiceBox .clndr-controls .clndr-previous-button.inactive {background-image:url(../img/arr_l.png);}
.dateChoiceBox .monthBox .swiper-button-next.swiper-button-disabled,
.dateChoiceBox .clndr-controls .clndr-next-button.inactive {background-image:url(../img/arr_r_3.png);}
.dateChoiceBox .dateRange {font-size:10px; color:#888; text-align:center; margin-bottom:10px;}
.dateChoiceBox .clndr-controls .clndr-previous-button {left:25px;}
.dateChoiceBox .clndr-controls .clndr-next-button {right:25px;}
.dateChoiceBox .clndr-controls .clndr-previous-year-button,
.dateChoiceBox .clndr-controls .clndr-next-year-button {background-size:13px 13px;}
.dateChoiceBox .clndr-controls .clndr-previous-year-button {left:0; background-image:url(../img/arr_l_5.png);}
.dateChoiceBox .clndr-controls .clndr-next-year-button {right:0; background-image:url(../img/arr_r_6.png);}
.dateChoiceBox .clndr-controls .clndr-previous-year-button.inactive {background-image:url(../img/arr_l_4.png);}
.dateChoiceBox .clndr-controls .clndr-next-year-button.inactive {background-image:url(../img/arr_r_5.png);}
/*달력슬라이드*/
#dateChoiceSlide {padding:0;}
#dateChoiceSlide .swiper-slide {width:100%;}
.dateChoiceTbl {table-layout:fixed;}
.dateChoiceTbl,
.dateChoiceTbl tbody {border-top:1px solid #e7e6e9;}
/*.dateChoiceTbl {border-bottom:1px solid #e7e6e9;}*/
.dateChoiceTbl th {height:32px; line-height:32px; text-align:center;}
.dateChoiceTbl th.sundayTh {color:#e84472;}
.dateChoiceTbl td {padding:2px 0; height:30px; color:#aaa; background-color:#fbfbfc;}
.dateChoiceTbl tbody tr:first-child td {padding-top:12px;}
.dateChoiceTbl tbody tr:last-child td {padding-bottom:12px;}
.dateChoiceTbl td .dateChioceRange {background-color:#e4e4e6; line-height:26px;}
.dateChoiceTbl td .dateChioceRange.first {border-radius:13px 0 0 13px;}
.dateChoiceTbl td .dateChioceRange.last {border-radius:0 13px 13px 0 ;}
.dateChoiceTbl td .dateChioceRange.first.last {border-radius:13px;}
.dateChoiceTbl td .dateChoiceBtn {width:26px; border-radius:13px; line-height:26px;background-color:#e4e4e6;}
.dateChoiceTbl td .dateChoiceBtn.on,
.dateChoiceTbl td .dateChoiceBtn.active {background-color:#e63869 !important; color:#fff; font-weight:bold;}
#dateChoice_us .dateChoiceTbl tbody tr:first-child td {padding-top:17px;}
#dateChoice_us .dateChoiceTbl tbody tr:last-child td {padding-bottom:17px;}
#dateChoice_us .empty button {display:none;}
/*시간슬라이드*/
.ChoiceSlideBox {position:relative;}
#timeChoiceSlide {background-color:#fbfbfc; padding:15px 12px; position:relative;}
#timeChoiceSlide .swiper-slide {width:50px;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn {border:1px solid #e2e0e4; background-color:#fff; width:100%; text-align:center; padding:8px 0 5px;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn>span {display:block;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn .time1 {font-size:10px; color:#888;line-height:12px;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn .time2 {font-size:12px; line-height:18px;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn.on,
#timeChoiceSlide .swiper-slide .timeChoiceBtn.active {border-color:#e63869; background-color:#e63869;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn.on>span,
#timeChoiceSlide .swiper-slide .timeChoiceBtn.active>span {color:#fff;}
#timeChoiceSlide .swiper-slide .timeChoiceBtn.on .time2,
#timeChoiceSlide .swiper-slide .timeChoiceBtn.active .time2 {font-weight:bold;}
.timeChoiceBoxNo {font-size:12px; color:#999; background:url(../img/ico_time.png) center 18px no-repeat #fbfbfc; background-size:52px 52px; padding:80px 0 22px; text-align:center;}

/*엔지니어슬라이드*/
#engineerChoiceSlide {background-color:#fbfbfc; padding:15px 12px;}
#engineerChoiceSlide .swiper-slide {width:110px;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn {position:relative; width:100%; border:1px solid #e2e0e4; border-radius:8px; background-color:#fff; padding:12px;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn>span {display:block;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_img {height:90px; border:1px solid #e7e6e9; background:url(../img/engineer_bg.png) center no-repeat #f8f8f9; background-size:29px auto;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_img img {width:100%; height:100%;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_office {font-size:10px; color:#888; margin-top:6px;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_name {font-size:12px;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active {border-color:#f69fb7;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on::before,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active::before {content:''; position:absolute; left:6px; top:6px; width:20px; height:20px; background:url(../img/ico_chk2.png) center no-repeat; background-size:100%;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on>span,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active>span {color:#e63869;}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on .engineer_name,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active .engineer_name {font-weight:bold;}
.errMsgBoxWrap {padding:15px 12px; border-top:1px solid #e7e6e9;}
.engineerChoiceNo {font-size:12px; color:#999; background:url(../img/ico_engineer.png) center 18px no-repeat #fbfbfc; background-size:52px 52px; padding:80px 0 22px; text-align:center;}


/*작은레이어팝업*/
.layerPopupDim_s {position:fixed; left:0; top:0; width:100%; height:100%; padding:10px; background-color:rgba(0,0,0,0.5); z-index:99999; overflow-y:hidden; display:none;}
.layerPopupDim_s .layerPopup_s_tbl {display:table; width:100%; height:100%; position:relative; bottom:-100%;}
.layerPopupDim_s .layerPopup_s_tblCell {display:table-cell; vertical-align:middle;}
.layerPopup_s {width:280px; margin:0 auto; border-radius:6px; background-color:#fff; z-index:999999; overflow:hidden;}
.layerPopup_s .lpsTop {padding-top:20px; font-size:16px; font-weight:bold; text-align:center; color:#333; line-height:26px;}
.layerPopup_s .researchStep1 {padding:0 20px; text-align:center;}
.layerPopup_s .lpsCon .lpsTxt {font-size:13px; color:#707070; line-height:20px; text-align:center; max-width: 240px; margin: 0 auto; box-sizing:border-box; word-break: keep-all;}
.layerPopup_s .lpsCon .lpsTxt br:after {content:' ';}
.layerPopup_s .lpsCon .lpsTxt br {display:none;}
.layerPopup_s .lpsCon .lpsSubTxt {font-size:11px; color:#666; margin: 16px auto 0 auto; max-width: 240px; box-sizing:border-box; word-break: keep-all;}
.layerPopup_s .lpsCon .lpsTxtCont {padding:32px 0; font-size:15px; color:#555; line-height:24px; text-align:center;}
.layerPopup_s .lpsCon .lpsGreyBox {margin-top:12px; margin-bottom:20px;}
.layerPopup_s .lpsCon .lpsGreyBox .inputErrorMsgBox {display:inline-block;}

/* 문자로 받기 */
.lpsSubTxt {text-align:center; color:#707070; line-height:16px;}
.smsReceiveBox {width:240px; height:90px; padding-top:10px; margin:0 auto; background:#fafafa; text-align:center;}
.layerPopup_s .lpsCon .lpsGreyBox .smsReceiveBox .tit {display:block; margin-bottom:8px; font-size:11px; line-height:16px; color:#333;}
.layerPopup_s .lpsCon .lpsGreyBox .smsReceiveBox .basicInput {display:inline-block; width:150px; text-align:center; font-size:13px; color:#999999;}
.btnListH_wrap .btnListH .layerPopupDim_s_x {color:#333;}

/*만족도조사*/
.researchStep2 {display:none;}
.csResearchBox .csResearchLevel .csResearchLvlBtn {width:32px; height:32px; text-indent:-9999em; overflow:hidden; background:url(../img/ico_star_1.png) center no-repeat; background-size:100%;}
.csResearchBox .csResearchLevel .csResearchLvlBtn.on {background-image:url(../img/ico_star_2.png);}
.csResearchBox .csResearchResultTxt {margin-top:8px; font-size:14px; font-weight:bold; color:#bf134a; line-height:22px;}
/*만족도조사_불만조사*/
.researchStep2 .lpsGreyBox {margin:0 20px; padding:12px 0 0; border-top:1px solid #ebebeb;}
.csResearchUl {padding:0 8px;text-align:left;}
.csResearchUl>li {font-size:13px; line-height:20px; color:#707070;}
.csResearchUl>li+li {margin-top:6px;}
.csResearchUl>li label {display:block; position:relative; width:100%; padding-left:24px; background:url(../img/ico_radio_1.png) left 2px no-repeat; background-size:16px 16px; overflow:hidden; box-sizing:border-box;}
.csResearchUl>li.checked label {background-image:url(../img/ico_radio_2.png);}
.csResearchUl>li label input {position:absolute; left:-99px; top:0;}
#csResearchTxtBox {display:none; text-align:left; margin-top:8px; position:relative;}
#csResearchTxtBox.active {display:block;}
#csResearchTxt {display:block; width:100%; height:50px; padding:8px; resize:none; border:1px solid #ebebeb; font-size:11px; background-color:transparent; color:#333; overflow:auto;}
#csResearchTxt.txtError {border-color:#bf134a;}
#csResearchTxt:focus {border-color:#d7d7d7; outline:none;}
#csResearchTxtBox .remaining {margin-top:7px; text-align:right; font-size:11px; color:#707070;}
#csResearchTxtBox .remaining .count {color:#333333; font-weight:bold;}
#csResearchTxtBox .inputErrorMsgBox {position:absolute; left:0; bottom:-3px;}
.researchEndBtn .btnListH li {position:relative;}
.researchEndBtn .btnListH li>button {padding:19px 0; font-size:15px; font-weight:bold; color:#333; background-color:#f7f0f0;}
.researchEndBtn .btnListH li>button:hover {background-color:#f7f0f0;}
.researchEndBtn .btnListH li + li {border-left:none;}
.researchEndBtn .btnListH li:before {content:''; position:absolute; top:50%; right:0; margin-top:-8px; width:1px; height:16px; background:#d7d7d7; display:block;}
.researchEndBtn .btnListH li:last-child:before {display:none;}

/*인트로*/
#introBox {position:fixed; left:0; top:0; width:100%; height:100%; background-color:#fbfbfb; z-index:99; text-align:center;}
#introBox .introTxt {position:absolute; left:0; top:20%; width:100%; padding-top:110px; background:url(../img/logo_2.png) center top no-repeat; background-size:125px 90px; font-size:14px; font-weight:lighter; color:#333;}
#introBox .introTxt.error {background-image:url(../img/logo_3.png);}
#introBox .introNext {display:block; width:180px; margin:0 auto; height:34px; line-height:34px; color:#fff; border-radius:34px; background-color:#e84472;font-weight:bold; position:absolute; left:50%; bottom:20%; margin-left:-90px;}
#introBox .introBtns {width:100%; position:absolute; bottom:20%; margin:0 0 50px 0; text-align:center;}
#introBox .introBtns > * {vertical-align:middle;}
#introBox .introBtns > *:nth-child(2) {margin-right:6px;}
#introBox .copyrightBox {position:absolute; bottom:14px; left:0; width:100%; font-size:9px; font-weight:lighter; color:#999;}
.introPopup {overflow:hidden;}
#TermsBox .introPopup {z-index: 100000;}
#errorMsgBoxTerms {margin-top: 10px;}
/*.introPopup .layerPopup {right:-100%;}*/
.introPopup .layerPopup {padding-top:56px;}
.introPopup .layerPopup .layerPopupStatus {font-size:11px;}

/*pc화면 스크롤 버튼*/
.slideBtn_pc {display:none; position:absolute; left:0; top:-5px; width:100%; height:100%;}

/*지역명 리스트 더보기*/
.locationSearchList>li {display:none;}
.locationSearchList>li.active {display:block;}

/*약관*/
.termsDl>dt {font-weight:bold;}
.termsDl dt {color:#555;}
.termsDl>dd,
.termsDl a {margin-top:16px; font-size:13px; color:#707070; line-height:20px;}
.termsDl>dd.mt0 {margin-top:0;}
.termsOl>li+li {margin-top:16px; padding-top:16px; border-top:1px solid #ebebeb;}
.termsT,
.termsDl_i>dt {margin-bottom:16px; font-size:14px; font-weight:bold;}
.termsDl_i>dd {}
.termsUl {margin-top:8px;}
.termsUl>li+li {margin-top:5px;}
.termsCmt {margin-top:8px; font-size:13px; color:#555;}
.termsContents {background-color:#ebebeb; border:1px solid #d7d7d7; padding:15px;}
.termsContents.type2 {margin-top:10px;}
.termsContents>li {font-size:13px; color:#333; line-height:20px;}
.termsContents>li+li {margin-top:8px;}
.termsContents>li>a {color:#333;}
.termsT,
.termsP,
.termsOl_i>li,
/*.termsDl_i>dd,*/
.termsDl_i_i.type2 {margin-top:8px;}
.termsCmt2 {font-size:13px; color:#707070;}
.termsTbl {table-layout:auto;margin-top:10px;}
.termsTbl thead th {font-size:13px; font-weight:bold; color:#555; border-top:1px solid #d5d4d7; border-bottom:1px solid #d5d4d7; border-right:1px solid #d5d4d7; background-color:#e6e5e8; padding:6px;}
.termsTbl thead th:last-child {border-right:none;}
.termsTbl thead th,
.termsTbl tbody th,
.termsTbl tbody .termsTbl_mid_td {text-align:center;}
.termsTbl tbody th,
.termsTbl tbody td {color:#666; font-size:13px; padding:13px 6px; border-bottom:1px solid #d5d4d7; background-color:#fbfbfb;}
.termsTbl tbody th,
.termsTbl tbody .termsTbl_mid_td,
.termsTbl tbody .termsTbl_td_br {border-right:1px solid #d5d4d7;}
.termsDl_i_i>dt {font-weight:bold; color:#666;}
.termsDl_i_i>dd,
.termsDl_i_i>dd .termsUl {margin-top:8px;}
.termsDl_i_i>dd+dt {margin-top:15px;}
.termsT {padding-left:6px;}
.termsT span {display:inline-block;text-indent:-6px;}

/* 180910 kr 이용약관 현행 시행 일자 */
.termsOl .termsVer {border-top:none; margin-top:24px; padding-top:0;}
.termsDl .termsVerListBox .termsVerList {-webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; width:100%; height:44px; padding:0 39px 0 15px; margin:0 auto; border:1px solid #d7d7d7; background:#ebebeb url(../img/arr_d_2.png) right 15px center no-repeat; background-size:24px; font-size:13px; color:#333; line-height:20px; overflow:hidden;}

.termsDl .termsVerListBox .termsVerList::-ms-expand {display:none;}

/*에러페이지*/
#errorPage {position:fixed; left:0; top:0; width:100%; height:100%; text-align:center;}
#errorPage .errorMsg {position:absolute; left:0; top:50%; width:100%; margin-top:-172px; padding-top:160px; background:url(../img/ico_error.png) center top no-repeat; background-size:144px 144px;}
#errorPage.error_network .errorMsg {margin-top:-139px; background:url(../img/ico_network.png) center top no-repeat; background-size:144px 144px;}
#errorPage.system_check .errorMsg {margin-top:-209px; background:url(../img/ico_system.png) center top no-repeat; background-size:144px 144px;}
#errorPage .errorMsg .txt1 {font-size:16px; font-weight:bold; color:#707070; line-height:26px;}
#errorPage .errorMsg .txt2 {font-size:15px; font-weight:bold; color:#333; line-height:24px;}
#errorPage .btnListH li {float:none; width:inherit; margin-top:24px;}
#errorPage .btnListH li button {width:inherit; padding:13px 20px 14px; background-color:#bf134a; color:#fff; border-radius:6px;}
#errorPage.system_check .check_date {width:250px; margin:24px auto 0; background:#fff; border-radius:6px; box-shadow:0 1px 11px rgba(0,0,0,0.1); overflow:hidden;}
#errorPage.system_check .check_date .txt1 {color:#bf134a; line-height:44px;}
#errorPage.system_check .check_date .txt2 {padding:12px 0; background:#fafafa;}

/* 로딩페이지 */
.loadingBox {position:absolute; top:50%; left:0; width:100%; margin-top:-3px; text-align:center;}
.loadingBox img {width:33px;}

/*
미국버전
*/
.us .userInfoTbl th {width:70px; word-break:break-word;}
.userInfoDiv50>li+li,
.userInfoDiv50.type2>li {margin-top:7px;}
.is-mobile .lgeai-wrapper .tab-section > ul > li {margin-left:1rem !important;}
#dateChoice_us {text-align:center;}
.imgUploadBtnLabel {position:relative; overflow:hidden;}
.imgUploadBtnLabel #imgUploadBtn {position:absolute; width:100px; right:-100%;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
/*.introPopup .layerPopup.usIntroPop {padding-top:108px;}*/
.usCiList li+li {margin-top:5px;}
#dateChoice_us .dateChoiceTbl td .dateChoiceBtn {background-color:transparent;}
#dateChoice_us .dateChoiceTbl td.inactive .dateChoiceBtn {color:#aaa;}

@media (orientation:landscape) {
  #footer #msgTxtInputBox #msgTxtInput {max-height:40px;}
   /* 주소입력  201803*/
   /* 2019-03-29 #msgTxtInputBoxMkt #msgTxtInputMkt 추가 */   
  #footer #msgTxtInputBoxMkt #msgTxtInputMkt{max-height:40px;}

}

@media (min-width:600px) {
  /*미국버전*/
  .userInfoDiv50>li+li {margin-top:0}
  .userInfoDiv50>li {float:left; width:50%;}
  .userInfoDiv50>li:first-child {padding-right:6px;}
  .userInfoDiv50>li:last-child {padding-left:6px;}
}

/*로그인*/
.loginBox {position:absolute; left:50%; top:60%; width:300px; height:160px; margin:0px 0 0 -150px; box-sizing:border-box; overflow:hidden; padding:30px 0;}
.loginBox p {text-align:left; margin:0 0 10px 11%; font-size:15px; font-weight:bold;}
.loginBox .inputs {width:60%; float:left; margin:0 0 0 10%;}
.loginBox .inputs input {height:24px; line-height:24px; width:95%; margin-bottom:4px; border:1px solid lightgray;}
.loginBox button.loginBtn {width:20%; height:50px; border-radius:10px; float:right; margin:0 10% 0 0; background:#e84472; color:#fff; font-weight:bold;}
.loginBox.msg p {text-align:center; margin:40px 0;}

/*msgTxtInput disabled*/
#msgTxtInputBox {}
#msgTxtInputBox.disabled:after {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2);}

/* 2019-03-29 #msgTxtInputBoxMkt 추가 */
#msgTxtInputBoxMkt{}
#msgTxtInputBoxMkt.disabled:after{content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2);}

/*system popup*/
#systemPopup {display:flex; flex-direction:row; justify-content:center; align-items:center; position:fixed; left:0; top:0; right:0; bottom:0; z-index:999;}
#systemPopup:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
#systemPopup .message-box {padding:20px 10px 10px 10px;position:relative; z-index:1000; background:#fff; border-radius:10px; min-width:320px;}
#systemPopup .message-box p {display:block; padding:0 0 10px 0;}
#systemPopup .message-box .button-box {text-align:center;}
#systemPopup .message-box .button-box button {border:1px solid #e2e0e4; border-radius:16px; min-width:95px; background-color:#fff; padding:7px 10px 6px; margin-right:5px;}
#systemPopup .message-box .button-box button.type2 {display:inline-block; background-color:#e84472; border:none; color:#fff;}

/*contents*/
@font-face {
    font-family:"LG Smart Light";
    src:url(../font/LG_Smart_Light.eot);
    src:url(../font/LG_Smart_Light.eot?#iefix) format("embedded-opentype"),url(../font/LG_Smart_Light.woff) format("woff"),url(../font/LG_Smart_Light.ttf) format("truetype"),url("../font/lg4-common/fonts/lg-smart/LG_Smart_Light.svg#LG Smart Light") format("svg");
}
@font-face {
    font-family:"LG Smart";
    src:url(../font/LG_Smart_Regular.eot);
    src:url(../font/LG_Smart_Regular.eot?#iefix) format("embedded-opentype"),url(../font/LG_Smart_Regular.woff) format("woff"),url(../font/LG_Smart_Regular.ttf) format("truetype"),url("../font/lg4-common/fonts/lg-smart/LG_Smart_Regular.svg#LG Smart") format("svg");
}
#contentsDiv {}
#contentsDiv * {font-family:"LG Smart" !important;}
#contentsDiv h1 {font-family:"LG Smart Light" !important; font-style:normal; font-weight:normal; margin:10px 0;}
/* PC */
#contentsName {line-height:53px;}
/* mobile */
.is-mobile #contentsName {line-height:59px;}

/* progress bar */
#progress {position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999;}
#progress::before {content:''; display:block; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.5);}
#progress::after {content:''; display:block; position:fixed; left:0; top:0; right:0; bottom:0; background:url('../img/progress.gif') center no-repeat; background-size:33px auto;}
@media (max-width:640px) {
  #progress::after {background-size:33px auto;}
}


/* 새창팝업 변경 후 삭제
#contentsDiv .layerPopDlCon p,
#contentsDiv .layerPopDlCon li {margin:20px 0; color:#666;}
#contentsDiv .layerPopDlCon ol li {list-style:decimal;}
html.us #contentsDiv .layerPopDlCon p,
html.us #contentsDiv .layerPopDlCon span,
html.us #contentsDiv .layerPopDlCon li {font-size:20px; line-height:1.6;}
html.us #contentsDiv .layerPopDlCon #contentsViewer li {font-size:16px; line-height:1.4;}
html.us #contentsViewer li {margin:0 0 0 20px; list-style:disc; font-size:14px;}
html.kr #contentsDiv .layerPopDlCon p,
html.kr #contentsDiv .layerPopDlCon span,
html.kr #contentsDiv .layerPopDlCon li {font-size:14px !important; line-height:1.8 !important;}
html.kr #contentsDiv .layerPopDlCon p {padding-top:0.5rem !important;}
html.us #contentsDiv .layerPopDlCon ol li, html.kr #contentsDiv .layerPopDlCon ol li {list-style:decimal;}
#contentsDiv .layerPopDlCon ul {list-style-type:disc; margin:16px 0; padding-left:30px;}
#contentsDiv .lgeai-video-script-area {margin:2rem 0;}
*/

/* intro guide 201802*/
.intro_guide.swiper-container-horizontal>.swiper-pagination-bullets,
.intro_guide .swiper-pagination-custom,.swiper-pagination-fraction {top:20px;}
.intro_guide .swiper-button-next.swiper-button-disabled, 
.intro_guide .swiper-button-prev.swiper-button-disabled {background:#fff;opacity:0;}
.intro_guide .swiper-pagination-bullet-active {opacity:1;background:#fff;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;}
.swiper-container.intro_guide  .swiper-button-prev {display:none;}

.intro_guide.swiper-container {z-index:999; width:100%; height:100%;  position:absolute; top:0; left:0;
  background:#e84472 url("../img/intro_guide_bg.png") no-repeat center center; margin-left:auto; margin-right:auto; padding:0;}
.intro_guide.swiper-container .swiper-button-start {width:44px; height:20px; position:absolute;top:15px;left:18px; cursor:pointer;
  background:url("../img/intro_guide_main.png") no-repeat;  background-size:44px;cursor:pointer;z-index:100;}
.intro_guide.swiper-container .swiper-button-next {width:33px; height:20px; margin:0; position:absolute;top:15px;right:18px;
  background:url("../img/intro_guide_next_txt.png") no-repeat;  background-size:33px;}

.intro_guide .btn_intro_box {width:100%; height:60px;background:#fff;position:absolute; bottom:0;left:0;}
.intro_guide .btn_intro_box>button {width:101px;height:30px; margin-top:15px; display:inline-block; cursor:pointer; z-index:100;
  background:url("../img/intro_guide_btn.png") no-repeat center center; background-size:101px;}
.intro_guide .btn_intro_box>button>span {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0;position:absolute; width:1px;}
.intro_guide button {cursor:pointer; z-index:100;} 

/* 180910 kr - intro guide 변경    */
.intro_guide.kr_ver02.swiper-container {position:relative;background-image:none;}
.intro_guide.kr_ver02.swiper-container:before {display:block;position:absolute;left:0;right:0;top:50%;bottom:0;content:'';background-color:#fff;}
.intro_guide.kr_ver02.swiper-container .swiper-button-next {top:auto;bottom:20px;font-weight:800;background-image:none;}
.intro_guide.kr_ver02.swiper-container .swiper-button-prev {display:block;height:20px;top:auto;left:18px;bottom:20px;font-weight:600;background-image:none;color:#666;}
.intro_guide.kr_ver02.swiper-container .swiper-button-start {width:50px;bottom:20px;top:auto;color:#666;background-image:none;}
  
.intro_guide.kr_ver02 .btn_intro_box {display:none;width:auto; height:20px;background:transparent;position:absolute;left:auto;right:18px;bottom:22px;z-index:100;}
.intro_guide.kr_ver02 .btn_intro_box>button {width:60px;height:20px; margin-top:0px; display:inline-block; cursor:pointer; z-index:100;background:none;}
.intro_guide.kr_ver02 .btn_intro_box>button>span {border:0; clip:inherit; height:auto; margin:auto; overflow:visible; padding:0;position:static; width:100%;color:#e63869;font-weight:bold;}
.intro_guide.kr_ver02 button {cursor:pointer; z-index:100;} 
.intro_guide.kr_ver02.swiper-container-horizontal>.swiper-pagination-bullets, 
.intro_guide.kr_ver02 .swiper-pagination-custom {top:auto;bottom:25px;}
.intro_guide.kr_ver02 .swiper-pagination-bullet-active {background-color:#e63869;}
.intro_guide.kr_ver02 .swiper-slide.one .tit,
.intro_guide.kr_ver02 .swiper-slide.two .tit {position:absolute; top:50%;margin-top:118px;}
.intro_guide.kr_ver02 .swiper-slide.one .visual,
.intro_guide.kr_ver02 .swiper-slide.two .visual {position:absolute; top:50%;margin-top:-243px;}

/* us */
.us.intro_guide.swiper-container .swiper-button-start {width:24px; background:url("../img/intro_guide_main.png") no-repeat;background-size:24px;}
.us.intro_guide.swiper-container .swiper-button-next {width:40px;background:url("../img/intro_guide_next_txt.png") no-repeat; background-size:40px;}
.us.intro_guide .btn_intro_box>button {width:111px; background:url("../img/intro_guide_btn.png") no-repeat center center; background-size:111px;}

.intro_guide .swiper-slide .pc_view {display:block;}
.intro_guide .swiper-slide .mo_view {display:none;}
 body.is-mobile .intro_guide .swiper-slide .pc_view {display:none;}
 body.is-mobile .intro_guide .swiper-slide .mo_view {display:block;}

.intro_guide.swiper-container {min-width:320px; min-height:460px;}
 body.is-mobile.intro_guide.swiper-container {min-height:auto;}
.intro_guide .swiper-slide {margin-left:0;}
/*
.intro_guide .swiper-slide.one .tit {width:360px;position:absolute; top:10%; margin:0 auto;}
.intro_guide .swiper-slide.two .tit {width:360px;position:absolute; top:10%; margin:0 auto;}
.intro_guide .swiper-slide.one .visual {width:360px; position:absolute; bottom:2%; margin:0 auto;}
.intro_guide .swiper-slide.two .visual {width:360px; position:absolute; bottom:15.5%; margin:0 auto;}
*/
.intro_guide .swiper-slide.one .tit {width:360px;position:absolute; top:10%; left:50%; margin-left:-180px;}
.intro_guide .swiper-slide.two .tit {width:360px;position:absolute; top:10%; left:50%; margin-left:-180px;}
.intro_guide .swiper-slide.one .visual {width:360px; position:absolute; bottom:2%; left:50%; margin-left:-180px; max-width:inherit;}
.intro_guide .swiper-slide.two .visual {width:360px; position:absolute; bottom:15.5%; left:50%; margin-left:-180px; max-width:inherit;}


/* 넓이 320이하  */
@media (max-width:320px) { 
  .text_one_auto {padding:5px !important;}
  .text_one_auto textarea {font-size:12px; letter-spacing:-0.8px;}
  .intro_guide.swiper-container {min-height:460px;}
   body.is-mobile .intro_guide.swiper-container {min-height:auto;}
  .intro_guide .swiper-slide.one .tit {margin-left:-160px;}
  .intro_guide .swiper-slide.two .tit {margin-left:-160px;}
  .intro_guide .swiper-slide.one .visual {width:280px;margin-left:-160px;bottom:1%;} 
  .intro_guide .swiper-slide.two .visual {width:280px;margin-left:-140px;bottom:15%;}  
  
   /*  180910 kr - intro guide 변경  */
   .intro_guide.kr_ver02 .swiper-slide.one .visual, 
   .intro_guide.kr_ver02 .swiper-slide.two .visual {margin-top:-188px;margin-left:-140px;}
}
/* 넓이 359이하  */
@media (max-width:359px) {
  .intro_guide .swiper-slide.one .tit,
  .intro_guide .swiper-slide.two .tit {width:320px;margin-left:-160px;}
}
/* 높이 590이하  */
@media (max-height:569px) {
  .intro_guide .swiper-slide.one .visual {width:280px;margin-left:-160px;bottom:3%;} 
  .intro_guide .swiper-slide.two .visual {width:280px;margin-left:-140px;bottom:15%;}
  
  /*  180910 kr - intro guide 변경  */
  .intro_guide.kr_ver02 .swiper-slide.one .visual, 
  .intro_guide.kr_ver02 .swiper-slide.two .visual {margin-top:-188px;margin-left:-140px;}
  .intro_guide.kr_ver02 .swiper-slide.one .tit, 
  .intro_guide.kr_ver02 .swiper-slide.two .tit {margin-top:90px;}
}

/* 높이 699이상 */
@media (min-height:670px) {
  .intro_guide .swiper-slide.one .tit,
  .intro_guide .swiper-slide.two .tit {top:12%;}  
  .intro_guide .swiper-slide.one .visual {bottom:6.5%;} 
  .intro_guide .swiper-slide.two .visual {bottom:17%;}
}

/* 높이 700이상 */
@media (min-height:700px) {
  .intro_guide .swiper-slide.one .tit,
  .intro_guide .swiper-slide.two .tit {top:13%;}  
  .intro_guide .swiper-slide.one .visual {bottom:7%;} 
  .intro_guide .swiper-slide.two .visual {bottom:18%;}
}

/* 출장점검료 180306 */
.errMsgBoxWrap .p_txt1 {padding:3px 0 0 17px;}
.errMsgBoxWrap .p_txt1 strong {color:#2d2d2d;}
.p_txt1 {color:#666; font-size:11px;line-height:150%;}


/* contents view고정 버튼  180307 */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.layerPopup .pb75 {padding-bottom:70px;} 
#msgSection .btnListH li>button.type2:hover {text-decoration:none;}
#msgSection .btnListH li>button.type2.disable {background-color:#c4c1c9; text-decoration:none;}
#msgSection .btnListH_wrap.contentBtn {padding:15px 0;}


/* 주소입력  201803*/
body.is-mobile .text_one_auto {padding:5px;}
.text_one_auto {border-bottom:1px solid #e2e0e4; width:100%; padding:5px 7px; background-color:transparent;}
.text_one_auto textarea {position:relative; width:100%; box-sizing:border-box; height:20px; line-height:20px; padding:0; border:none; font-size:13px; resize:none; vertical-align:top; overflow-y:auto; max-height:80px;color:#333;}
.text_one_auto textarea {max-height:40px;}
/* 도움말 */
.cardSlideList.type2.cbListSlide {padding-bottom:30px;}
/* content_view 버튼 위치 */
.layerPopupDim .btnListH_wrap {border-top:none;}
.layerPopupDim .type5 .btnListH li {width:100%; vertical-align:middle;}
.layerPopupDim .type6 .btnListH li {width:48.5%;}
.layerPopupDim .type6 .btnListH li + li {margin-left:8px; border-left:none;}
.btnListH li>button.type1.contentsLyrPopx {border:1px solid #d7d7d7; background:#fff; color:#555; border-radius:6px;}
.btnListH li>button.type2.contentsLyrPopx {background:#bf134a; color:#fff; border-radius:6px;}
.btnListH li>button.type2.contentsLyrPopx.mobile {line-height:40px;}
.layerPopup .layerPopupBottom.popupBtnListH {background: rgb(255, 255, 255);padding: 12px;background-color: rgb(255, 255, 255);box-shadow: 0 0 6px rgba(0,0,0,0.15);}
.layerPopupBottom.popupBtnListH .btnListH li > button {border: 1px solid rgb(226, 224, 228); border-radius: 5px; color: #000;}
.layerPopupBottom.popupBtnListH .btnListH li {padding: 0 10px; box-sizing: border-box;}
.layerPopupBottom.popupBtnListH .btnListH li + li {border: 0;}
.layerPopupBottom.popupBtnListH .btnListH li + li > button {color: #fff; background-color: rgb(191, 19, 74); border-color: rgb(191, 19, 74);}

body.is-mobile #contentsDiv .layerPopDl>dt {padding:15px 12px 10px;}
/* cl 링크 영역  */
.swiper-slide.type2 .contentsInfoList>li>a {padding-bottom:26px;}

/* 달력  */
.layerPopDl .dateStatus.clfix>li.first::before {width:12px;}
.layerPopDl .dateStatus.clfix>li.first {padding-left:17px;}

/* 약관 전체보기 레이어 팝업 */
#allViewMask {position:absolute;left:0;top:0;z-index:1; background-color:#000; opacity:0.3; display:none;}
.allViewPop {display:none;z-index:2; width:100%; position:absolute; top:10%; left:0;padding:42px 10px 15px; background-color:#fff; border:1px solid #d5d4d7;}
button.allViewClose {position:absolute; right:7px; top:8px; width:25px; height:25px; overflow:hidden; text-indent:-10000%;}
button.allViewClose {background:url(../img/btn_x.png) center no-repeat; background-size:16px auto;}
.allViewT {border:1px solid #d5d4d7;}
.allViewT thead th {font-size:10px; font-weight:bold; color:#555; border-top:1px solid #d5d4d7; border-bottom:1px solid #d5d4d7; border-right:1px solid #d5d4d7; background-color:#e6e5e8; padding:6px;}
.allViewT tbody td {color:#666; font-size:10px; border:1px solid #d5d4d7; text-align:left; padding:6px;}

/* 20180322 */
body.is-mobile #footer #msgTxtInputBox #msgTxtInput {max-height:40px;}
/* 2019-03-29 #msgTxtInputBoxMkt #msgTxtInputMkt 추가 */
body.is-mobile #footer #msgTxtInputBoxMkt #msgTxtInputMkt{ max-height:40px;}

.txt_unde {padding-bottom:1px; border-bottom:1px solid #666;}

/* US Request Repair 모델명 검색  20180816*/
.modelNameSearchBox {padding:18px 11px;}
.modelNameSearchBox .modelNameInput {position:relative;margin-top:8px;}
.modelNameSearchBox .modelNameInput .modelNameInput {border:1px solid #e2e0e4;border-radius:50px;padding:6px 50px 6px 12px;height:37px;line-height:1.8;}
.modelNameSearchBox .modelNameInput .modelNameInput:focus {border-color:#736d76;}
.modelNameSearchBox .modelNameInput button {position:absolute;right:17.5px;top:50%;width:20px;height:20px;margin-top:-11px;background:url(../img/btn_search.png) no-repeat;background-size:100%;text-indent:-999em;}
#timeList dt.searchResultNo {color:#666;}
#timeList dt.searchResultNo strong {color:#2d2d2d;}
.modelSearchResultBox .modelResultScroll {overflow-y:auto;max-height:164px;}
.modelSearchResultBox .modelResultScroll button:first-child {border-top:0;}
.modelSearchResultBox button {width:100%;position:relative;border-top:1px solid #e0e0e0;padding:8px 8px 8px 37px;background-color:#f9f9fa;outline:none;text-align:left;font-size:13px;    vertical-align:middle;}
.modelSearchResultBox button:before {content:'';display:block;position:absolute;left:11px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(../img/ico_radio_1.png) center no-repeat;background-size:100%;}
.modelSearchResultBox button.active {color:#e84472;}
.modelSearchResultBox button.active:before {background-image:url(../img/ico_radio_2.png);}

/* US Request Repair 예약 시간, 엔지니어 약관동의 */
.engineerPad .swiper-wrapper {background-color:#fbfbfc;}
.engineerPad .swiper-wrapper .dateChoiceTbl th {background-color:#fff;}
.usTimeChioce {width:100%;margin:0 0px;padding:17.5px 12px;background-color:#fbfbfc;}
.usTimeChioce button {float:left;width:49.64%;width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);width:-ms-calc(50% - 2px);width:calc(50% - 2px);height:45px;margin:0 1px;padding:5px 0px;border:1px solid #e0e0e0;background-color:#fff;vertical-align:middle;color:#e84472;}
.usTimeChioce button.disable {background-color:#fbfbfc;cursor:default;color:#ccc;outline:none;}
.usTimeChioce button.active {border-color:#e63869;background-color:#e63869;color:#fff;}
button[type="button"].underliner {padding-right:9px;background:url(../img/arr_r_2.png) right center no-repeat;background-size:5px;color:#e63869;text-decoration:underline;}
.usEngenerChioce {padding:17.5px 12px;}
.usEngenerChioce .engineerSelect {position:relative;}
.usEngenerChioce .engineerSelect .basicInput {overflow:hidden;height:29px;padding:6px 30px 6px 15px;border:1px solid #ccc;padding:0 30px 0 15px; background:url(../img/arr_d_2.png) right 12px center no-repeat; background-size:11.5px auto;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.usEngenerChioce .engineerSelect .basicInput::-ms-expand {display:none;}
.usEngenerChioce .engineerSelect .basicInput:focus {border-color:#736d76;}
.requestRepairAgreeBox {padding-top:4px;}
.requestRepairAgreeBox .requestRepairAgree {position:relative;margin-top:11px;line-height:1.5;}
.requestRepairAgreeBox .requestRepairAgree .basicCheckbox {left:-10px;top:0;position:absolute;width:0px;height:0px;font-size:0;}
.requestRepairAgreeBox .requestRepairAgree .basicCheckbox + label {display:block;position:relative;padding-left:23px;}
.requestRepairAgreeBox .requestRepairAgree .basicCheckbox + label:before {display:block;position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid #ccc;border-radius:50%;content:'';background-size:100%;}
.requestRepairAgreeBox .requestRepairAgree .basicCheckbox:checked  + label:before {border:0;background-image:url(../img/ico_chk2.png);}
.requestRepairAgreeBox .requestRepairAgree + button,
.requestRepairAgreeBox .requestRepairAgree + p {margin-top:4px;margin-left:23px;}
.requestRepairAgreeBox .requestRepairAgree + p {color:#757575;}
.inputErrorMsgBox.blackTxt {margin:11px 12px 0px 12px;color:#666;font-size:12px;}
.inputErrorMsgBox.blackTxt strong {color:#333;}

/* main SG */
.mainSuggestList {position:relative; width:100%; overflow:hidden;}
.mainSuggestList .swiper-container {padding-right:40px;}
.mainSuggestList .swiper-container::before,
.mainSuggestList .swiper-container::after {content:''; position:absolute; left:0; top:0; width:26px; height:32px; background:url(../img/sg_l.png) 0 0 no-repeat; background-size:100% 100%; z-index:5;}
.mainSuggestList .swiper-container::after {background-image:url(../img/sg_r.png); left:auto; right:0;}
.mainSuggestList .swiper-container .swiper-wrapper{display:block;}
@media (min-width: 1000px){
	.mainSuggestList .swiper-container .swiper-wrapper {display:flex;}
}
.mainSuggestList .swiper-container .swiper-wrapper .swiper-slide {float:left; margin-bottom:4px; width:140px;margin-right:4px;}

.mainSuggestList .swiper-container .swiper-slide .suggestBtn {width:100%; padding:7px 9px; text-align:left;}
.mainSuggestList .suggestBtn,
.csLinkList button {color:#bf134a; font-size:14px; font-weight:bold; background-color:#fff; line-height:24px; padding:7px 20px; border-radius:6px; border:1px solid #d8aeae; letter-spacing:-0.5px;}
.mainSuggestList .suggestBtn.type2,
.csLinkList button.type2 {line-height:13px; padding:2px 15px;}
#mainSuggestListBox .swiper-container .swiper-slide .suggestBtn span {height:24px;padding-left:28px;line-height:24px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box;}
#mainSuggestListBox .swiper-container .swiper-slide:nth-child(1) span {background:url(../img/ico_sg_01.png) no-repeat left center; background-size:24px;}
#mainSuggestListBox .swiper-container .swiper-slide:nth-child(2) span {background:url(../img/ico_sg_02.png) no-repeat left center; background-size:24px;}
#mainSuggestListBox .swiper-container .swiper-slide:nth-child(3) span {background:url(../img/ico_sg_03.png) no-repeat left center; background-size:24px;}
#mainSuggestListBox .swiper-container .swiper-slide:nth-child(4) span {background:url(../img/ico_sg_04.png) no-repeat left center; background-size:24px;}
#mainSuggestListBox .swiper-container .swiper-slide:nth-child(5) span {background:url(../img/ico_sg_05.png) no-repeat left center; background-size:24px;}
#mainSuggestListBox .swiper-container .swiper-slide:nth-child(6) span {background:url(../img/ico_sg_06.png) no-repeat left center; background-size:24px;}

.topSuggestList{
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
}
.topSuggestList .swiper-wrapper .swiper-slide>button{
  text-align: center !important;
}
.topSuggestList .slideBtn_pc {
	display: none;
}
/* Event */
#msgSection .eventSlide img {height:103px; width:auto;}
.eventSlide.cardSlideList .swiper-slide {width:280px; min-width:inherit; max-width:inherit;}
.eventSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt {padding-top:15px; border-bottom:none; text-align:center;}
.eventSlide .icon_list {padding:0 19px; margin-bottom:8px; overflow:hidden;}
.eventSlide .icon_list li {float:left; width:48px; height:20px; font-size:13px; color:#fff; line-height:20px; text-align:center;}
.eventSlide .icon_list li + li {margin-left:4px;}
.eventSlide .icon_list li.store {background:#39c2b7;}
.eventSlide .icon_list li.online {background:#f36f23;}
.eventSlide .date {padding:0 19px; font-size:14px; color:#333; line-height:22px;}
.eventSlide .csChoice .csChoiceBtn:before {display:none;}

/* 제품 소개 */
#msgSection .productSlide .thumbnail {padding:15px 20px 0; margin-bottom:8px; text-align:center;}
#msgSection .productSlide .thumbnail img {height:132px; width:auto;}
.productSlide.cardSlideList .swiper-slide {width:280px;height: auto;min-width:inherit;max-width:inherit;}
/* .productSlide.cardSlideList .swiper-slide .cardSlide {height:100%;} */
.swiper-container.cardSlideList.productSlide {padding: 0 0 20px;}
.productSlide{height: 100%;}
.productSlide.cardSlideList .swiper-slide .cardSlide{
	display: flex;
	flex-direction: column;
}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox {position:static;/* height: calc(100% - 155px); *//* margin-top: auto; */}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl{
  height: 100%;
}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt {border-bottom:none;}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt div {width:100%; padding:0; text-align:center;}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt .tit {height:auto; margin-right:0; line-height:26px; display:block;}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dt .subtit {margin-bottom:8px; font-size:13px; color:#555; line-height:20px;}
.productSlide.cardSlideList .productInfoTbl {width: calc(100% - 38px);width: -webkit-calc(100% - 38px);width:-moz-calc(100% - 40px);width:-ms-calc(100% - 38px);margin: -8px 19px 66px;}
.productSlide.cardSlideList .productInfoTbl.btn-length3{
	margin-bottom: 100px;
}
.productSlide.cardSlideList .productInfoTbl tr + tr {border-top:1px solid #ebebeb;}
.productSlide.cardSlideList .productInfoTbl th {width:40%;padding: 8px;font-size:11px;font-weight:normal;color:#707070;line-height:18px;text-align:left;vertical-align:top;}
.productSlide.cardSlideList .productInfoTbl td {/* height:53px; */padding: 8px;font-size:13px;color:#333;line-height:18px;vertical-align:top;}
.productSlide.cardSlideList .productInfoTbl tr:last-child th, .productSlide.cardSlideList .productInfoTbl tr:last-child td {padding-bottom:0;}
.productSlide.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice {position:absolute;bottom:0;width:100%;/* margin-top: auto; */overflow: hidden;}
.productSlide.cardSlideList .productInfoTbl td .ellipsis{width:128px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;}
.cardSlideList .swiper-slide .cardSlide .csInfobox .csInfoDl > dd .csChoice .csChoiceBtn {padding: 12px 0 13px;}
.cardSlide.care .csInfoDl dt {min-height: 106px;}
.cardSlide.care .productInfoTbl tr td.last {width: 100%; text-align: right;}
.cardSlide.care .productInfoTbl tr td.last .ellipsis > strong {font-size: 18px; font-weight: bold; color: #f41977;}
.cardSlide.care .productInfoTbl tr td.last .ellipsis .visitCycle {font-size: 11px;}

.cardSlideList .swiper-slide.more_slide {position:relative; width:140px;}
.cardSlideList .swiper-slide.more_slide button {position:absolute; top:50%; left:50%; margin-left:-40px; margin-top:-70px; font-size:15px; font-weight:bold; color:#555; line-height:24px;}
.cardSlideList .swiper-slide.more_slide button:before {content:''; width:80px; height:80px; margin-bottom:12px; background:url(../img/btn_more_slide.png) no-repeat left top; background-size:100%; display:block;}

/* sb scroll */
#msgSection .msgBox .msgBoxIn .msgBubble .sb_scrollBox .msgTxt {font-size:13px; color:#707070; line-height:20px; }
#msgSection .msgBox .msgBoxIn .msgBubble .msgTxt.sb_scroll {max-height:90px; padding:0 20px; margin:8px 0 12px; overflow-y:auto;}
#msgSection .msgBox .msgBoxIn .msgBubble .msgTxt.sb_scroll strong {color:#707070;}

/* 단위환산 표 */
.unit_right {margin-top:2px; margin-bottom:12px; font-size:14px; color:#555; text-align:right;}
.unitTbl {width:100%;}
.unitTbl th,
.unitTbl td {padding:11px 0 12px; border-bottom:1px solid #d7d7d7; font-size:14px; color:#555; line-height:22px; text-align:center;}
.unitTbl th + th,
.unitTbl td +td {border-left:1px solid #d7d7d7;}
.unitTbl th {padding:12px 0 13px; background:#ebebeb; border-top:1px solid #555; font-weight:bold; color:#333;}

@media(min-width:582px) {
  #mainSuggestList .swiper-container .swiper-wrapper .swiper-slide {width:160px;}
  .topSuggestList .swiper-container .swiper-wrapper .swiper-slide {width:auto;}
  #mainSuggestList .swiper-container .swiper-slide:nth-child(1) .suggestBtn {text-align:left}
}
@media(max-width:581px) {
	.mainSuggestList .swiper-container {width:360px; padding-right:0; margin:0;}
	.topSuggestList .swiper-wrapper .swiper-slide:nth-child(1),
	.topSuggestList .swiper-wrapper .swiper-slide:nth-child(2){
	  width: 284px;
	  box-sizing: border-box;
	  text-align: center;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.cardSlideList .swiper-slide .cardSlide .csInfobox .csParkingInfo{
		width: 260px;
		margin: 36px auto 0 20px;
	}
}