@charset "UTF-8";


/*! 악세사리 리스트 아이템 : module/accItem.scss */
.mod-accItem{width:150px}
.mod-accItem .thumb,.mod-accItem .thumb>img{width:150px;height:150px}
.mod-accItem label{display:block;width:100%;text-align:center;font-size:12px;font-family:"dotum";color:#333;line-height:1.5}
.mod-accItem .act{padding-top:15px;text-align:center}
.mod-accItem .act *{vertical-align:middle}
.mod-accItem .act [type=checkbox]{width:20px;height:20px}
.mod-accItem .act a{display:inline-block;padding-left:5px}


/*! IE8 수정 */
.mod-accList{margin:0 auto;width:100%;overflow:hidden}
.mod-accList.type-5up{max-width:850px}
.mod-accList.type-5up .mod-accItem:nth-child(5n+1){margin-left:0}
.mod-accList.type-5up .mod-accItem:nth-child(-n+5){margin-top:0}
.mod-accList.type-6up{max-width:1075px}
.mod-accList.type-6up .mod-accItem{margin-left:35px}
.mod-accList.type-6up .mod-accItem:nth-child(6n+1){margin-left:0}
.mod-accList.type-6up .mod-accItem:nth-child(-n+6){margin-top:0}
.mod-accList .mod-accItem{float:left;margin-top:25px;margin-left:25px}
.mod-accList .mod-accItem:first-child{margin-left:0}
.mod-accList .mod-accItem.no-nthchild-left{margin-left:0}
.mod-accList .mod-accItem.no-nthchild-top{margin-top:0}
/*! // IE8 수정 */


/*! 모듈공통 : module/all.scss */
[class^=mod-],[class^=mod-] *{box-sizing:border-box}


/*! 버튼 모듈 : module/btn.scss */
[class^=btn-],[class^=btn-]>span{display:inline-block;height:47px;background-image:url(/images/common/btn.png);background-repeat:no-repeat}
[class^=btn-]{padding-left:45px;margin-bottom: 20px;}
[class^=btn-]>span{padding:10px 45px 0 0;font-size:22px;color:#fff}
.btn-basic{background-position:0 0}
.btn-basic>span{background-position:right 0}


/*! 버튼 모듈 */
.btn,.btn>span{line-height:1}
.btn.btn-goto,.btn.btn-more{font-size:16px;color:#fff}
.btn.btn-goto,.btn.btn-more,.btn.btn-round{margin:0 5px;border-radius:5px}
.btn{padding:5px 15px 8px}
.btn.btn-goto{background-color:#c06}
.btn.btn-goto.popup{background-color:#888}
.btn.btn-more{padding-right:5px;background-color:#3e87ac}
.btn.btn-more>span{padding-right:20px;background:url(/images/common/bul/bulMoreArrow.png) right 1px no-repeat}
.btn.btn-agree{border-radius:5px;background-color:#3162a2;font-size:16px;color:#fff}
.btn.btn-close,.btn.btn-list,.btn.btn-search{border-radius:5px;background-color:#898989;color:#fff}
.btn,.btn.btn-agree>span,.btn.btn-close>span,.btn.btn-more>span,.btn.btn-save>span,.btn>span{display:inline-block}
.btn.btn-list,.btn.btn-search{font-size:14px}
.btn.btn-list>span,.btn.btn-search>span{display:inline-block;padding:0 5px}
.btn.btn-close{font-size:16px}
.btn.btn-close>span{padding:0 10px}
.btn.btn-save{border-radius:5px;background-color:#3162a2;font-size:14px;color:#fff}
.btn.btn-save>span{padding:0 5px}


/*! 버튼영역 모듈 */
.btnSec{padding-top:15px}
.btnSec.btn-center{text-align:center}
.btnSec.btn-right{text-align:right}


/*! 컴포넌트 : 고객센터 타이틀 */
.component-customer-title{position:relative;margin-top:30px;width:100%;height:40px;overflow:hidden}
.component-customer-title h3{width:100%;height:34px;border-bottom:1px solid #bcbcbc}
.component-customer-title h3 span{font-weight:700;font-size:26px;color:#ff3f3f;line-height:1}
.component-customer-title .tabSec{position:absolute;top:0;right:0}
.component-customer-title .tabSec>li{display:inline-block;margin-left:2px;padding-bottom:5px}
.component-customer-title .tabSec>li>a{display:inline-block;box-sizing:border-box;padding-top:5px;width:90px;height:35px;border:1px solid #bcbcbc;text-align:center;font-size:13px;color:#676767}
.component-customer-title .tabSec>li.on{background:url(/images/board/bulBoardTabArrow.gif) center bottom no-repeat}
.component-customer-title .tabSec>li.on>a{border:1px solid #4b4b4b;background:#4b4b4b;color:#fff}


/*! 컴포넌트 : 고객센터용 게시판 리스트(공통) */
.component-customer-list{position:relative;padding-top:20px;width:100%;overflow:hidden}
.component-customer-list table.listTable{width:100%;table-layout:fixed}
.component-customer-list table.listTable>thead th{padding-bottom:10px;border-bottom:2px solid #afafaf;text-align:center;font-size:13px;color:#333;line-height:1}
.component-customer-list table.listTable>thead th.title{border-bottom:2px solid #e04500}
.component-customer-list table.listTable>tbody td{padding:8px 0;border-bottom:1px solid #d0d0d0;line-height:1.7em;font-size: 12px;color: #676767;}
.component-customer-list table.listTable>tbody td.date,.component-customer-list table.listTable>tbody td.file,.component-customer-list table.listTable>tbody td.index,.component-customer-list table.listTable>tbody td.writer{text-align:center}
.component-customer-list table.listTable>tbody td.title a{display:inline-block;max-width:98%;overflow:hidden;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;zoom:1;color: #676767;}
.component-customer-list table.listTable>tbody td.title a.notice{color:#ff4800}
.component-customer-list table.listTable>tbody td.title *{vertical-align:middle}
.component-customer-list table.listTable>tbody td.colspan{padding:15px 0;text-align:center}



/*! 컴포넌트 : 고객센터용 게시판 리스트(FAQ) */

/*! 컴포넌트 : 고객센터용 게시판 페이징 */
.component-customer-paging{padding-top:20px;width:100%;text-align:center}
.component-customer-paging *{vertical-align:top}
.component-customer-paging .numSec{display:inline-block}
.component-customer-paging .numSec>a:first-child>span{border-left:0}
.component-customer-paging a{display:inline-block;box-sizing:border-box;height:20px;font-size:11px}
.component-customer-paging a>span{display:inline-block;text-align:center;line-height:1}
.component-customer-paging a.num{padding-top:3px}
.component-customer-paging a.num>span{padding:0 9px 0 13px;height:12px;overflow:hidden;border-left:1px solid #333}
.component-customer-paging a.first{background:url(/images/board/bulPaging.gif) no-repeat}
.component-customer-paging a.prev{background:url(/images/board/bulPaging.gif) -20px 0 no-repeat}
.component-customer-paging a.next{background:url(/images/board/bulPaging.gif) -40px 0 no-repeat}
.component-customer-paging a.last{background:url(/images/board/bulPaging.gif) -60px 0 no-repeat}
.component-customer-paging a.first,.component-customer-paging a.last,.component-customer-paging a.next,.component-customer-paging a.prev{width:20px}
.component-customer-paging a.first>span,.component-customer-paging a.last>span,.component-customer-paging a.next>span,.component-customer-paging a.prev>span{position:absolute;clip:rect(0,0,0,0);margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0}


/*! 컴포넌트 : 고객센터용 게시판 상세 */
.component-customer-view{padding-top:20px;width:100%;overflow:hidden}
.component-customer-view>table.viewTable{width:100%;border-top:2px solid #e04500;table-layout:fixed}
.component-customer-view>table.viewTable>tbody>tr>td,.component-customer-view>table.viewTable>tbody>tr>th{padding:7px 0;border-bottom:1px solid #d0d0d0;font-size:13px}
.component-customer-view>table.viewTable>tbody>tr>th{text-align:center;line-height: 21px;}
.component-customer-view>table.viewTable>tbody>tr>td p{padding-bottom:5px}
.component-customer-view>table.viewTable>tbody>tr>td table,.component-customer-view>table.viewTable>tbody>tr>td td,.component-customer-view>table.viewTable>tbody>tr>td th{border:1px solid #333}


/*! 컴포넌트 : 고객센터용 게시판 쓰기 */
.component-customer-write{padding-top:20px;width:100%;overflow:hidden}
.component-customer-write>table.viewTable{width:100%;border-top:2px solid #e04500;table-layout:fixed}
.component-customer-write>table.viewTable>tbody>tr>td,.component-customer-write>table.viewTable>tbody>tr>th{padding:7px 0;border-bottom:1px solid #d0d0d0;font-size:13px}
.component-customer-write>table.viewTable>tbody>tr>th{text-align:center}
.component-customer-write input[type=password].text,.component-customer-write input[type=text].text,.component-customer-write textarea.textarea{border: 1px solid #999999;padding: 2px;color: #FF4800;font-weight: bolder;line-height: 16px;}
    

/*! 고객센터 페이지 */
.customerWrap .contentTopBnrSec{padding-bottom:10px}
.customerWrap .customerTitleSec{padding-top:10px;min-height:24px;width:100%;overflow:hidden}
.customerWrap .customerTitleSec h4{float:left;padding-left:20px;background:url(/images/board/icoRedCircle.gif) 0 50% no-repeat;font-weight:700;font-size:22px;color:#ff3f3f;line-height:1}
.customerWrap .customerTitleSec .component-customer-searchForm{float:right}
.customerWrap .customerTitleSec .component-customer-searchForm>*{vertical-align:middle}


/*! 컴포넌트 : 검색영역 */

/*! IE8 수정됨 */
.component-customer-searchForm>label{display:inline-block;padding-top:7px;padding-right:15px;font-size:13px}
.component-customer-searchForm>select{height:25px}
@media \0screen{
	.component-customer-searchForm>select{padding-bottom:3px}
}
.component-customer-searchForm>input{box-sizing:border-box;height:25px}
.component-customer-searchForm>a{margin-top:-1px}
/*! // IE8 수정됨 */


/*! LNB 요금계산기 : module/lnb.scss */
.writeInfomationSec{width:315px;border:1px solid #d3d3d3;border-width:1px 1px 0;background-color:#fff;color:#666}
.writeInfomationSec h2.tit{padding-top:13px;height:52px;background-color:#1091d0;text-align:center;font-size:24px;color:#fff}
.writeInfomationSec .tac{box-sizing:border-box;margin-top:5px;padding:5px 15px;width:100%;border-bottom:1px solid #dadada;font-family:"dotum"}
.writeInfomationSec .tac:after,.writeInfomationSec .tac:before{display:table;content:"";line-height:0}
.writeInfomationSec .tac:after{clear:both}
.writeInfomationSec .tac dt{float:left;font-weight:700;font-size:14px}
.writeInfomationSec .itemReqeust .spec dd,.writeInfomationSec .tac dd{float:right;text-align:right;font-weight:700;font-size:14px}
.writeInfomationSec .itemReqeust .spec dd,.writeInfomationSec .tac .red{color:red}
.writeInfomationSec .text-md{font-size:14px!important}
.writeInfomationSec .text-minus,.writeInfomationSec .text-required{color:#ff3301!important}
.writeInfomationSec .text-sub{color:#999!important}
.writeInfomationSec .text-interest{color:#006ff9}
.writeInfomationSec .desc{padding-top:3px;text-align:right;font-size:11px;color:#ff725d}
.writeInfomationSec .help{position:relative;vertical-align:middle}
.writeInfomationSec .itemThumb{position:relative;width:313px;height:368px;overflow:hidden}
.writeInfomationSec .itemThumb>img{width:315px;height:290px}
.writeInfomationSec .itemThumb>a.detail{position:absolute;top:315px;left:90px}
/*.writeInfomationSec .itemThumb>img{width:313px;height:368px}
.writeInfomationSec .itemThumb>a.detail{position:absolute;top:305px;left:90px}*/
.writeInfomationSec .itemReqeust{padding-bottom:25px}
.writeInfomationSec .itemReqeust h3{padding-left:24px;background:url(/images/common/icoBlackCircle.gif) 10px 50% no-repeat;font-weight:700;font-size:16px;color:#666}
.writeInfomationSec .itemReqeust .telecomInfoSec{margin:0 auto;padding-top:30px;padding-bottom:22px;width:260px;background:url(/images/common/bulPlus.gif) center bottom no-repeat;font-family:"dotum"}
.writeInfomationSec .itemReqeust .deviceInfoSec{margin:0 auto;padding-top:10px;padding-bottom:40px;width:260px;background:url(/images/common/bulEqual.gif) center bottom no-repeat;font-family:"dotum"}
.writeInfomationSec .itemReqeust .spec{box-sizing:border-box;margin-top:5px;padding:10px;width:100%;height:36px;overflow:hidden;border-radius:5px;background:#1189c4}
.writeInfomationSec .itemReqeust .spec dt{float:left;letter-spacing:-1px;font-weight:700;font-size:14px;color:#fff}
.writeInfomationSec .itemReqeust .spec dd{font-size:14px;color:#fff}
.writeInfomationSec .itemReqeust .total{box-sizing:border-box;margin:5px auto 0;padding:6px 10px;width:260px;height:57px;overflow:hidden;border-radius:5px;background:#1189c4}
.writeInfomationSec .itemReqeust .total dt{float:left;text-align:center;font-weight:700;font-size:16px;color:#fff;line-height:1.4;letter-spacing: -1px;}
.writeInfomationSec .itemReqeust .total dd{float:right;padding-top:8px;vertical-align:baseline;text-align:right;font-size:14px;color:#fff}
.writeInfomationSec .itemReqeust .total dd>strong{font-size:22px}
.writeInfomationSec .happyPoint .point{margin:0 auto;padding:13px 0;width:284px;border-bottom:1px solid #d3d3d3;text-align:center;font-weight:400;font-size:22px;color:#000}
.writeInfomationSec .happyPoint .point>i{color:red}
.writeInfomationSec .happyPoint .point.type-noBorder{padding-bottom:0;border-bottom:0}
.writeInfomationSec .happyPoint .desc{margin:0 auto;padding:10px 0 10px 18px;width:275px;text-align:left;text-indent:-18px;font-size:15px;color:red;line-height:1.3}
.writeInfomationSec .happyPoint .accList{margin:0 auto;width:284px}
.writeInfomationSec .happyPoint .accList .mod-accItem{position:relative;padding:10px 0 10px 140px;min-height:150px;width:100%;overflow:hidden;border-bottom:1px solid #dadada}
.writeInfomationSec .happyPoint .accList .mod-accItem .thumb{position:absolute;top:10px;left:0;width:130px;height:130px}
.writeInfomationSec .happyPoint .accList .mod-accItem .thumb>img{width:130px;height:130px}
.writeInfomationSec .happyPoint .accList .mod-accItem label{display:inline-block;padding-top:15px;text-align:left}
.writeInfomationSec .happyPoint .accList .mod-accItem select{width:60px;height:25px;border:1px solid #c2c2c2}
.component-tooltip{display:none;position:absolute;top:20px;left:0;z-index:100;box-sizing:border-box;padding:15px 10px;border:1px solid #ccc;background:#fff;color:#333}
.component-tooltip .btnClose{position:absolute;top:0;right:0}


/*! LNB : 요금정보표 (custom) : module/lnb.scss */
.writeInfomationSec.type-price .itemThumb{height:300px}
.writeInfomationSec.type-price .itemPriceTable{margin:0 auto;padding-bottom:15px;width:260px}
.writeInfomationSec.type-price .itemPriceTable>.tac:last-child{border-bottom:0}
.writeInfomationSec.type-price .itemPriceTable>h3{text-align:center;font-size:21px;color:#000}
.writeInfomationSec.type-price .selectedPriceType{margin:0 auto;width:95%}
.writeInfomationSec.type-price .selectedPriceType>p{padding:15px 0;text-align:center;letter-spacing:-1px;font-size:21px;color:#000}


/*! LNB 유선상품가입 : module/lnb.scss */
.writeInfomationSec.type-internet .internetDesc{padding:10px 20px;border-bottom:1px solid #d3d3d3;font-size:14px;font-family:"dotum";color:#494949;line-height:1.4}
.writeInfomationSec.type-internet .internetTac{width:100%;overflow:hidden;font-size:14px;font-family:"dotum"}
.writeInfomationSec.type-internet .internetTac *{box-sizing:border-box}
.writeInfomationSec.type-internet .internetTac table{table-layout:fixed}
.writeInfomationSec.type-internet .internetTac th{background-color:#e7e7e7;text-align:left;letter-spacing:-1px;font-weight:700}
.writeInfomationSec.type-internet .internetTac td,.writeInfomationSec.type-internet .internetTac th{padding:10px;border-bottom:1px solid #d3d3d3;vertical-align:middle;line-height:1.4}
.writeInfomationSec.type-internet .internetTac input[type=text]{width:100%;height:30px;border:1px solid silver}
.writeInfomationSec.type-internet .internetTac a.addressSearch{display:inline-block;padding:4px 10px;height:24px;background-color:#686868;font-weight:700;color:#fff}
.writeInfomationSec.type-internet .agree{padding:20px 10px;border-bottom:1px solid #d3d3d3}
.writeInfomationSec.type-internet .agree h3{padding-bottom:10px;font-weight:700;font-size:14px;color:#333}
.writeInfomationSec.type-internet .agree li{padding-bottom:5px}
.writeInfomationSec.type-internet .agreeCheck{padding:10px 0;text-align:center}
.writeInfomationSec.type-internet .agreeCheck *{vertical-align:middle}
.writeInfomationSec.type-internet .agreeCheck input[type=checkbox]{width:20px;height:20px}
.writeInfomationSec.type-internet .agreeCheck label{font-weight:700}
.writeInfomationSec.type-internet .btnSec{text-align:center}
.writeInfomationSec.type-internet .outboundBnr{box-sizing:border-box;margin:15px auto 0;padding-top:50px;width:304px;height:160px;background-repeat:no-repeat}
.writeInfomationSec.type-internet .outboundBnr strong{display:inline-block;width:100%;text-align:center;font-size:30px;color:#d50009}


/*! 핸드폰 리스트 아이템 : module/phoneItem.scss */
.mod-phoneItem{width:210px;height:307px;overflow:hidden;border:1px solid #b4b4b4;box-shadow:0 0 10px #b3b3b3;font-size:14px;font-family:"dotum"}
.mod-phoneItem .phoneLink{display:block;position:relative;width:210px;height:307px}
.mod-phoneItem .phoneLink>span{display:inline-block}
.mod-phoneItem .phoneLink .price,.mod-phoneItem .phoneLink .tit{position:absolute;left:0;width:100%;text-align:center}
.mod-phoneItem .phoneLink .tit{top:247px;color:#5d5d5d}
.mod-phoneItem .phoneLink .price{top:272px;color:#e56464}
.mod-phoneItem .phoneLink .tacSec{position:absolute;top:10px;right:10px}
.mod-phoneList{padding:0 5px;max-width:1223px;width:100%;overflow:hidden}
.mod-phoneList .mod-phoneItem{float:left;margin-top:40px;margin-left:40px}
.mod-phoneList .mod-phoneItem:first-child{margin-left:0}
.mod-phoneList .mod-phoneItem:nth-child(5n+1){margin-left:0}
.mod-phoneList .mod-phoneItem:nth-child(-n+5){margin-top:0}
.mod-phoneList .mod-phoneItem.no-nthchild-left{margin-left:0}
.mod-phoneList .mod-phoneItem.no-nthchild-top{margin-top:0}


/*! 신청단계 : module/tab.scss */
[class^=step-]{width:1224px;height:60px;background-image:url(/images/common/tab.gif);background-repeat:no-repeat}
.step-4up.step1{background-position:0 0}
.step-4up.step2{background-position:0 -70px}
.step-4up.step3{background-position:0 -140px}
.step-4up.step4{background-position:0 -210px}
.step-3up.step1{background-position:0 -280px}
.step-3up.step2{background-position:0 -350px}
.step-3up.step3,.step-3up.step4{background-position:0 -420px}


/*! 탭링크 : module/tab.scss */
.tab-link,.tab-link>ul{width:1224px;overflow:hidden}
.tab-link>ul{position:relative;width:100%;height:60px}
.tab-link>ul li{position:absolute;top:0;left:0;height:60px;border:2px solid #cecece;background-color:#fff}
.tab-link>ul li a{display:inline-block;padding-top:15px;width:100%;height:60px;text-align:center;font-size:22px;color:#a0a0a0}
.tab-link>ul li.on{z-index:2;border:2px solid #1a91d0;border-radius:5px;background-color:#f8ffff}
.tab-link>ul li.on a{color:#0084c7}
.tab-link.tab-3up li{width:33.6%}
.tab-link.tab-3up li:nth-child(1){left:0}
.tab-link.tab-3up li:nth-child(2){left:33%}
.tab-link.tab-3up li:nth-child(3){left:66%}
.tab-link.tab-2up li{width:50.2%}
.tab-link.tab-2up li:nth-child(1){left:0}
.tab-link.tab-2up li:nth-child(2){left:49.8%}
.tab-link.tab-1up li{width:100%}
.tab-link.tab-1up li:nth-child(1){left:0}


/*! 핸드폰 아이템 라벨(택) : module/tac.scss */
.tacSec{width:56px;overflow:hidden}
.tacSec>[class^=tac-]{margin-bottom:4px}
[class^=tac-]{display:inline-block;width:56px;height:56px;background-image:url(/images/common/ico.png);background-repeat:no-repeat}
.tac-max{background-position:0 0}
.tac-new{background-position:0 -80px}
.tac-free{background-position:0 -160px}


/*! 타이틀 모듈 : module/title.scss */
.title-main{min-width:1224px;width:100%;overflow:hidden}
.title-main>h2{float:left;padding-left:15px}
.title-main>h2>span{font-size:24px;color:#171717}
.title-main>h2 i+span{display:inline-block;padding-left:5px}
.title-main .more{float:right}


/*! 아이콘 모듈 : module/title.scss */
i[class^=ico-]{display:inline-block;background-image:url(/images/common/ico.png);background-repeat:no-repeat}
i.ico-cube{width:19px;height:19px;background-position:-100px 0}
i.ico-phone{width:37px;height:66px;background-position:-100px -160px}
i.ico-phonePer{width:56px;height:66px;background-position:-100px -320px}
i.ico-priceType{width:63px;height:66px;background-position:-100px -240px}
i.ico-won{width:38px;height:38px;background-position:-100px -400px}
i.ico-leftArrowBullet{width:28px;height:28px;background-position:-200px 0}
i.ico-dot{width:10px;height:15px;background-position:-109px -109px}

/* 비밀번호 확인란 */
#popupPassword {
    display: none;
    width: 304px;
	height: 114px;
    overflow: hidden;
    position: fixed;
    z-index: 99;
    top: 40%;
    background-color: white;
    left: 40%;
    padding: 10px;
    border: 4px solid #FF3030;
    border-radius: 8px;
}
#popupPassword h2 {
    height: 40px;
    line-height: 24px;
    border: 1px solid #C9C9C9;
    border-radius: 6px;
    margin: 0px 42px 10px 0px;
    background-color: #FF3030;
    padding: 10px;
    text-align: center;
    color: white;
    font-size: 20px;
    letter-spacing: -1px;
}
#popupPassword a.btnClose {
    display: block;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 25px;
    right: 19px;
}
#popupPassword .passwd {
    width: 276px;
    text-align: center;
}
#popupPassword .passwd input[type="password"] {
    width: 124px;
    padding: 4px 7px;
    margin: 0px 10px 0px 0px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bolder;
    color: #666666;
    border: 1px solid #D0D0D0;
    text-align: center;
    vertical-align: middle;
}
#popupPassword .passwd button {
    width: 110px;
    height: 30px;
    padding: 0px 0px 2px 0px;
    border: 1px solid #999999;
    border-radius: 6px;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-weight: bolder;
    vertical-align: middle;
    background-color: #E4E4E4;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.10, #FFFFFF),color-stop(0.859, #999999));
    background-image: -moz-linear-gradient(center top,#FFFFFF,#999999);
}



.hapItem{border: 1px solid #e6e6e6; width: 242px; height: 282px; float:left; cursor: pointer;}
.hapItem.model{height: 312px; }
.hapItem{border-right: 0;}
.hapItem.double{ height: 293px;}
.hapItem.triple{ height: 321px;}
.hapItem:nth-child(5n), .hapItem:last-child{border-right: 1px solid #e6e6e6;}
.hapItem .thumb{height: 229px;}
.hapItem .thumb.double{padding-top:17px;}
.hapItem .title{line-height: 50px; border-top: 1px solid #e6e6e6; text-align: center; background-color: #f6f6f6;}
.hapItem .title.model{line-height: 30px;padding: 10px;}
.hapItem .title.double{line-height: 30px; }



/* layerPop */
.layerPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}

.layerPopup .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.layerPopup .close {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 46px;
    height: 46px;
    z-index: 11;
    text-indent: -9999%;
    opacity: 1;
    background: url("/images/3_close.png") no-repeat 50% 50%;
}

.layerPopup .popWp {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.layerPopup .popCont {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.layerPopup .popCont .popHeader {
    padding: 10px;
    background: #3e6797;
    border-bottom: solid 2px #3e6797;
}

.layerPopup .popCont .popBody {
    overflow: hidden;
    max-height: 580px;
    overflow-y: auto;
    background: #fff;
}

.layerPopup .popCont .popBody .inner {
    padding: 20px;
    min-height: 100px;
}

.layerPopup .popCont .popTit {
    color: white;
    text-align: center;
    font-size: 24px;
    padding: 5;

}

.layerPopup .popCont .titBox1 {
    margin-top: 0;
}

.layerPopup .popCont .titBox1 + .formList {
    margin-top: 10px;
}

.layerPopup .popCont .formList {
    margin-top: 0;
}


.layerPopup .pagetit h2 {
    padding-bottom: 10px;
    font-size: 25px;
    line-height: 35px;
    border-bottom: 1px solid gray;
}

.checkImg {width: 28px; height: 30px;display: inline-block; background: url('/images/page/step4/titTop2.jpg') no-repeat;background-position-y: 10px;}

.layerPopup .userInfoSec>table td {
padding-bottom: 10px;
font-size: 21px;
line-height: inherit;
}

.layerPopup .userInfoSec>table .summary {
    border-top: 1px solid gray;
    padding-top: 10px;
    padding-bottom: 30px;
}
.layerPopup .userInfoSec>table .phone {
    border-top: 1px dashed gray;
    padding-top: 10px;
}

.layerPopup .btnSec{
    text-align: center;
}