@charset "utf-8";

.container.community ::-webkit-input-placeholder { color: #999; font-weight: normal; font-size: 15px; }
.container.community :-moz-placeholder { color: #999; opacity: 1; font-weight: normal; font-size: 15px; }
.container.community ::-moz-placeholder { color: #999; opacity: 1; font-weight: normal; font-size: 15px; }
.container.community :-ms-input-placeholder { color: #999; font-weight: normal; font-size: 15px; }

.headCont.cmhc .visualArea .item .tit.text {margin-bottom: 10px;}

.container.community {padding: 60px 0;}
.container.commuMain {padding: 106px 0;}
.communityWrap .cmmNotitp .notisort {width: 180px;}
.communityWrap .cmmNotitp .notisort .customSelectWrap {height: 46px; font-size: 16px;}
.communityWrap .cmmNotitp .notisort .customSelectWrap .virSelect .virSelectTxt {padding-left: 20px; padding-right: 20px;}
.communityWrap .cmmNotitp .notisort .customSelectWrap .virSelect .attacSelect {right: 20px;}

.communityWrap .cmmWebxlst {height: auto; padding-top: 18px;}
.communityWrap .cmmWebxlst .cmmItems {position: relative; padding: 0 15px 45px;}
.communityWrap .cmmWebxlst .cmmItems .inbt {position: absolute; left: 15px; top: 0; z-index: 1; max-width: 360px; padding: 17px 30px 25px; padding-right: 30px;}
.communityWrap .cmmWebxlst .cmmItems .inbt .btns {margin-right: 10px;}
.communityWrap .cmmWebxlst .cmmItems .inbt .btns.md {min-width: 56px; padding: 0 15px; margin-top: 8px; font-size: 15px;}
.communityWrap .cmmWebxlst .cmmItems .inbt .btns.outline {border-color: #fff; color: #fff;} 
.communityWrap .cmmWebxlst .cmmItems .btnBookmark {position: absolute; right: 45px; top: 27px; z-index: 1; width: 18px; height: 24px; background: url('/resources/images/common/icoBookmark.png') no-repeat;}
.communityWrap .cmmWebxlst .cmmItems .btnBookmark.on {width: 18px; height: 24px; background: url('/resources/images/common/icoBookmark_on.png') no-repeat;}
.communityWrap .cmmWebxlst .cmmItems .btnBookmark a {display: block; width: 100%; height: 100%;}
.communityWrap .cmmWebxlst .cmmItems .regPeopleNum {position: absolute; left: 45px; top: 168px; z-index: 1; width: 101px; height: 27px; padding-left: 30px; padding-right: 8px;
    border-radius: 5px; border: 1px solid #444444; background: #000; text-align: center; font-size: 16px; color: #fff;}
.communityWrap .cmmWebxlst .cmmItems .regPeopleNum::after {position: absolute; left: 10px; top: 8px; z-index: 1; content: ''; width: 17px; height: 11px; background: url('/resources/images/common/icoPeople.png') no-repeat;}
.communityWrap .cmmWebxlst .cmmItems .regPeopleNum>span {display: inline-block; height: 19px; padding-top: 3px;}
.communityWrap .cmmWebxlst .cmmItems .regPeopleNum .regNum {font-weight: bold;}

.communityWrap .cmmWebxlst .cmmItems .itin .thumb {position: relative;}
.communityWrap .cmmWebxlst .cmmItems .itin .thumb::after {position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.8),transparent 65%);}
.communityWrap .cmmWebxlst .cmmItems .itin .intit {height: 185px; padding: 0; margin: 0;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmTit {padding: 20.5px 30px; border-bottom: 1px solid #D5D5D5; letter-spacing: -0.005em;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo {padding: 30px; font-weight: normal; font-size: 16px; color: #999; line-height: 19px;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo li {position: relative; padding-left: 21px;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo .cmmDate span {display: inline-block;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo .cmmDate span.cmmTime {padding-left: 12.5px;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo .cmmDate::after {position: absolute; left: 0; top: 4px; content: ''; width: 13px; height: 13px; background: url('/resources/images/common/icoDate.png') no-repeat;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo .cmmPlace {margin-top: 10px;}
.communityWrap .cmmWebxlst .cmmItems .itin .intit .cmmInfo .cmmPlace::after {position: absolute; left: 2px; top: 3px; content: ''; width: 10px; height: 15px; background: url('/resources/images/common/icoPlace.png') no-repeat;}
.communityWrap .btnMore {width: 190px; margin-top: 15px;}

.communityWrap .btnMore .btns {width: 190px;}


/* view */
.subHeader.community .inbt {}
.subHeader.community .headCont .visualArea.tp2 .item {min-width: 320px; margin-top: 0;}
.subHeader.community .headCont .visualArea.tp2 .item .tit {min-width: 320px; margin-bottom: 22px; line-height: 66px;}
.subHeader.community .headCont .visualArea.tp2 .inbt {padding-left: 0;}
.subHeader.community .headCont .visualArea.tp2 .btns {margin-right: 10px;}
.subHeader.community .headCont .visualArea.tp2 .btns:last-child {margin-right: 0;}
.subHeader.community .headCont .visualArea.tp2 .btns.outline {border-color: #fff; color: #fff;}
.subHeader.community .headCont .visualArea.tp2 .btns.md {min-width: 56px; padding: 0 15px; margin-top: 8px; font-size: 15px;}

.container.commuView {padding: 60px 0;}
.container.commuView .viewWrap {max-width: 100%;}
.container.commuView .viewWrap .topMenuArea {display: none; position: fixed; left: 0; top: 0; z-index: 1; overflow: hidden; width: 100%; height: 72px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.container.commuView .viewWrap .topMenuArea .innerWrap {max-width: 1260px;}
.container.commuView .viewWrap .topMenuArea .cmmTit {float: left; padding-top: 18px;}
.container.commuView .viewWrap .topMenuArea .menuBtnWrap {float: right; margin-top: 12px;}
.container.commuView .viewWrap .topMenuArea .menuBtnWrap .btns {min-width: 153px;}
.container.commuView .viewWrap>.innerWrap {display: flex; flex-direction: row-reverse; max-width: 1260px;}
.container.commuView .viewWrap>.innerWrap .lArea {min-width: 858px;}
.container.commuView .viewWrap>.innerWrap .lArea .cmmPapSection {padding: 50px 68px 80px; margin-left: -68px; margin-right: 0;}
.container.commuView .viewWrap>.innerWrap .rArea {margin-left: 80px; width: 320px;}

.lArea .cmmPapSection>div {}
.lArea .cmmPapSection .cmmsTit {font-weight: bold;}
.lArea .cmmPapSection .cmmTxt {font-size: 18px; line-height: 32px;}
/* .lArea .cmmPapSection .introWrap {padding-bottom: 40px; border-bottom: 1px solid #D5D5D5;} */
.lArea .cmmPapSection .introWrap .intro01 {border-bottom: 1px solid #D5D5D5;}
.lArea .cmmPapSection .introWrap .intro02 {padding-top: 40px;}
.lArea .cmmPapSection .introWrap .intro04 .timeTable {font-size: 18px;}
.lArea .cmmPapSection .introWrap .intro04 .timeTable td span.txt {font-weight: bold;}
.lArea .cmmPapSection .mapWrap {padding-top: 40px; font-size: 18px; display: none;}
.lArea .cmmPapSection .mapWrap .mapBox>iframe {max-height: 400px; border-radius: 10px;}
.lArea .cmmPapSection .mapWrap .dl .dt {font-weight: bold;}
.rArea .titleWrap .btnWrap>.btns.btnReg{display: none;}
/*커뮤니티 참가 신청 버튼 비활성화  */
/*.container.gray.commuView .rArea .titleWrap .btnWrap>.btns.btnReg{display: block;}*/
.rArea .regPeopleWrap{display: none;}
.communityWrap .cmmWebxlst .cmmItems .regPeopleNum{display: none;}
.container.commuView .viewWrap .topMenuArea .menuBtnWrap .btns.btnMenuReg{display: none;}

.rArea>div {padding: 40px 0; border-bottom: 1px solid #D5D5D5; font-size: 18px;}
.rArea>div .cmmsTit {display: block; padding-left: 19px; margin-bottom: 5px; font-weight: bold;}
.rArea .titleWrap {padding-top: 0;}
.rArea .titleWrap .btnWrap>.btns {width: 320px; height: 48px;}
.rArea .infoWrap {}
.rArea .infoWrap .infoList li {position: relative; margin-bottom: 20px;}
.rArea .infoWrap .infoList li:last-child {margin-bottom: 0;}
.rArea .infoWrap .infoList li>span {display: block; font-size: 18px;}
.rArea .infoWrap .infoList .cmmDate {padding-left: 0;}
.rArea .infoWrap .infoList .cmmDate .cmmTxt {padding-left: 0; color: #000;}
.rArea .infoWrap .infoList .cmmDate .cmmTxt span {display: inline-block;}
.rArea .infoWrap .infoList .cmmDate .cmmTxt span.time {padding-left: 5px;}
.rArea .infoWrap .infoList .cmmDate::before {top: 8px; width: 13px; height: 14px; background: url('/resources/images/common/icoCalendar.png') no-repeat;}
.rArea .infoWrap .infoList .cmmPlace::before {position: absolute; left: 0; top: 9px; content: ''; width: 15px; height: 14px; background: url('/resources/images/common/icoPlace_B.png') no-repeat;}
.rArea .infoWrap .infoList .cmmPrice::before {position: absolute; left: 0; top: 10px; content: ''; width: 14px; height: 11px; background: url('/resources/images/common/icoPrice.png') no-repeat;}
.rArea .regPeopleWrap .cmmsTit {position: relative; padding-left: 22px;}
.rArea .regPeopleWrap .cmmsTit::before {position: absolute; left: 0; top: 9px; content: ''; width: 17px; height: 11px; background: url('/resources/images/common/icoPeople02.png') no-repeat;}
.rArea .regPeopleWrap .regPeopleNum span.regNum {display: inline-block; padding-right: 4px;}
.rArea .regPeopleWrap .regPeopleNum span.regTotal {display: inline-block; padding-left: 4px;}
.rArea .regPeopleWrap .regPeopleBox {max-height: 311px; padding: 30px 0; margin-top: 20px; background: #fff; font-size: 16px;}
.rArea .regPeopleWrap .regPeopleBox .regList {overflow-y: auto; max-height: 251px; padding: 0 30px;}
.rArea .regPeopleWrap .regPeopleBox .regList li {margin-top: 17px;}
.rArea .regPeopleWrap .regPeopleBox .regList li:first-child {margin-top: 0;}
.rArea .regPeopleWrap .regPeopleBox .regList li .thumb {display: inline-block; width: 36px; height: 36px; border-radius: 50%; background: #2196F3; text-align: center; color: #fff; line-height: 34px;}
.rArea .regPeopleWrap .regPeopleBox .regList li .name {}
.rArea .regPeopleWrap .regPeopleBox .btns {width: 100%; height: 48px; border-radius: 0 0 5px 5px; background: #999; color: #fff;}
.rArea .sponserWrap {border: 0;}
.rArea .sponserWrap .cmmsTit {padding-left: 0;}
.rArea .sponserWrap .sponserList li {margin-bottom: 30px;}
.rArea .sponserWrap .sponserList li:nth-child(1) {margin-top: 20px; margin-bottom: 30px;}
.rArea .sponserWrap .sponserList li:nth-child(2) {margin-bottom: 40px;}
.rArea .sponserWrap .sponserList li img {max-width: 320px; width: 100%;}


/* registration */
.container.community .cmmTit br.mo {display: none;}
.container.community .reservation .cmmPapSection {padding: 50px 62px 60px 68px; margin-left: -68px; margin-right: -62px;}
.container.community .reservation .cmmPapSection .payType {font-weight: bold; font-size: 20px;}
.container.community .reservation .cmmPapSection .payType span.payPrice {display: inline-block; padding-left: 35px; font-size: 25px; vertical-align: -2px;}
.container.community .reservation .cmmPapSection .reserFormArea {margin-top: 40px;}
.container.community .reservation .cmmPapSection .reserFormArea .userInfoWrap {padding: 40px 0;}
.container.community .reservation .cmmPapSection .reserFormArea .userInfoWrap:last-child {padding-bottom: 0;}
.container.community .reserFormArea .userInfoWrap .cmmInput .cmmInputEmailForm input:disabled {background: #F6F6F6;}
.container.community .reserFormArea input[type="radio"]:disabled ~ label {color: #bbb;}
.container.community .reserFormArea input[type="radio"]:disabled ~ label::after {background: #F6F6F6 no-repeat center center;}
.container.community .reserFormArea .userInfoWrap .cmmType .row .col3 {width: auto; padding-right: 40px;}
/* .container.community .reservation .cmmPapSection .reserFormArea .userInfoWrap:first-child .btnWrap .btns {float: none;} */
.container.community .reserFormArea .userInfoWrap.first .inforBtns .btns {min-width: 147px}
.container.community .reserFormArea .userInfoWrap.first .desc li {position: relative; padding-left: 14px; font-size: 16px;}
.container.community .reserFormArea .userInfoWrap.first .desc li::after {position: absolute; left: 3px; top: 0; content: '·';}
.container.community .reserFormArea .userInfoWrap .cmmInput.selectField {position: relative;}
.container.community .reserFormArea .userInfoWrap .cmmInput.selectField select {display: block; width: 100%; padding: 10px 0; font-size: 15px; padding-left: 10px; color: #999; outline: none;}
.container.community .reserFormArea .userInfoWrap .cmmInput.selectField select::-ms-expand {display: none;}
.container.community .reserFormArea .userInfoWrap .cmmInput.selectField .attacSelect {position: absolute; right: 11px; bottom: 18.5px; display: block; width: 12px; height: 7.5px; background: url("/resources/images/common/icoArrowSelect.png") no-repeat center center; background-size: 12px;}
.container.community .reserFormArea .userInfoWrap .cmmInput.selectField .codeuse_1+.attacSelect {top: 52.5px; bottom: auto;}
.container.community .reserFormArea .userInfoWrap .industryChk .row .col3 {width: auto; padding-right: 28px;}
.container.community .reserFormArea .userInfoWrap .industryChk .row .col3:nth-child(5) {padding-right: 0;}
.container.community .reserFormArea .userInfoWrap .industryChk .row .col3:nth-child(5)>div {float: left;}
.container.community .reserFormArea .userInfoWrap .industryChk .row .col3 div[class$="etc"] {width: 215px; margin-left: 16px; margin-top: -15px;}
.container.community .reserFormArea .userInfoWrap .industryChk .row .col3 div[class$="etc"] input {width: 100%; height: 46px;}
.container.community .reserFormArea .cmmTit span.small {font-size: 16px;}

.container.community .row.rowLike .col3 {width: 19.5%;}
.container.community .row.rowLike .col3:nth-child(2),
.container.community .row.rowLike .col3:nth-child(6),
.container.community .row.rowLike .col3:nth-child(10){width: 21.5%;}
.container.community .row.rowLike .col3:nth-child(3),
.container.community .row.rowLike .col3:nth-child(7),
.container.community .row.rowLike .col3:nth-child(11){width: 24.5%;}
.container.community .row.rowLike .col3:nth-child(4),
.container.community .row.rowLike .col3:nth-child(8) {width: 34.5%;}
.container.community .row.rowLike .col3.lastOp {width: 41%;}
.container.community .row.rowLike .col3.lastOp>div {float: left;}

.container.community .row.rowWay .col3 {width: 19.5%;}
.container.community .row.rowWay .col3:nth-child(2),
.container.community .row.rowWay .col3:nth-child(6),
.container.community .row.rowWay .col3:nth-child(10){width: 21.5%;}
.container.community .row.rowWay .col3:nth-child(3),
.container.community .row.rowWay .col3:nth-child(7),
.container.community .row.rowWay .col3:nth-child(11){width: 24.5%;}
.container.community .row.rowWay .col3:nth-child(4),
.container.community .row.rowWay .col3:nth-child(8){width: 34.5%;}

.container.community .paymethodRadio .col3 {width: auto;}


@media only screen and (max-width: 1300px){
    .container.community {padding: 40px 0;}
    .container.commuMain {padding: 75px 0 40px;}
    .communityWrap .cmmWebxlst {padding-top: 20px;}
    .communityWrap .cmmWebxlst .cmmItems {padding: 0 15px 30px;}
    .communityWrap .cmmWebxlst .cmmItems .inbt {max-width: 90%; padding: 25px 20px;}
    .communityWrap .cmmWebxlst .cmmItems .regPeopleNum {left: 35px;}
    .communityWrap .cmmWebxlst .cmmItems .btnBookmark {right: 35px; top: 26.5px;}
    .communityWrap .btnMore {margin-top: 10px;}

    /* view */
    .container.commuView {padding: 30px 0 50px;}
    .container.commuView .viewWrap .topMenuArea {top: 52px; text-align: center;}
    .container.commuView .viewWrap .topMenuArea .cmmTit {display: none;}
    .container.commuView .viewWrap .topMenuArea .menuBtnWrap {float: none;}
    .container.commuView .viewWrap>.innerWrap {display: block; flex-direction: unset; max-width: 1260px;}
    .container.commuView .viewWrap>.innerWrap .rArea {width: 100%; margin-left: 0;}
    .container.commuView .viewWrap>.innerWrap .lArea {min-width: auto; padding-top: 40px;}
    .container.commuView .viewWrap>.innerWrap .lArea .cmmPapSection {padding: 30px 15px 33px; margin-left: 0; margin-right: 0;}

    .rArea .titleWrap .btnWrap>.btns {width: 153px; margin-bottom: 0;}
    .rArea .titleWrap .btnWrap>.btns.btns.btnMyEvent {margin-left: 14px;}
    .rArea>div {padding: 30px 0;}
    .rArea .regPeopleWrap {display: none;}
    .rArea .sponserWrap {padding: 30px 0 0;}

    .lArea .cmmPapSection .introWrap {padding-bottom: 30px;}
    .lArea .cmmPapSection .mapWrap {padding-top: 30px;}
    .lArea .cmmPapSection .mapWrap .cmmTit {margin-bottom: 20px;}
    .lArea .cmmPapSection .mapWrap .mapBox {position: relative; max-width: 600px; min-height: 230px; height: 0; padding-bottom: 38%; margin: 0 auto;}
    .lArea .cmmPapSection .mapWrap .mapBox>iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .lArea .cmmPapSection .mapWrap .dl .dt {margin-bottom: 5px;}

    /* registration */
    .container.community .reservation .cmmPapSection {padding: 40px 15px; margin-left: 0; margin-right: 0;}
    .container.community .reserFormArea .userInfoWrap .typeArea .col3:last-child .cmmInput.radiochk {margin-bottom: 0;}
    .container.community .reserFormArea .userInfoWrap .industryChk .row .col3:nth-child(5)>div {float: none;}
    .container.community .reserFormArea .userInfoWrap .industryChk .row .col3:nth-child(5) .cmmInput.radiochk {margin-bottom: 5px;}
    .container.community .reserFormArea .userInfoWrap .industryChk .row .col3 div[class$="etc"] {float: none; width: 100%; margin-left:  0; margin-top: 10px;}
    .container.community .row.rowLike .col3 div[class$="etc"] {width: 100%; margin-left: 0;}
    .container.community .row.rowLike .col3:nth-child(7) {width: 50% !important;}
    .container.community .row.rowLike .col3.lastOp {width: 100% !important;}
    .container.community .row.rowLike .col3.lastOp .cmmInput.radiochk {margin-bottom: 5px;}
    .container.community .row.rowLike .col3.lastOp div[class$="etc"] {margin-top: 0;}

    .container.community .row.rowWay .col3 div[class$="etc"] {width: 100%; margin-left: 0; margin-bottom: 15px;}
    .container.community .industryChk  .row.rowWay .col3 div[class$="etc"] {margin-bottom: 0;}

    .container.community .completeBox {padding: 40px 0 20px;}
}
@media only screen and (max-width: 768px){
    .container.community .btnWrap,
    .container.commuView .btnWrap{overflow: hidden;}
    .container.community .btnWrap .btns,
    .container.commuView .btnWrap .btns{float: left; min-width: 48%; width: 48%; padding: 0;}
    .container.community .btnWrap .btns:last-child,
    .container.commuView .btnWrap .btns:last-child{float: right; margin-left: 0;}

    .container.commuView .viewWrap .topMenuArea {text-align: center;}
    .container.commuView .viewWrap .topMenuArea .innerWrap {padding-left: 28px; padding-right: 27px;}
    .container.commuView .viewWrap .topMenuArea .menuBtnWrap>.btns {float: left; min-width: auto; width: 48%; padding: 0;}
    .container.commuView .viewWrap .topMenuArea .menuBtnWrap>.btns.btnMenuMyEvent {float: right;}

    .rArea .titleWrap .btnWrap>.btns {width: 48%;}
    .rArea .titleWrap .btnWrap>.btns.btns.btnMyEvent {margin-left: 0;}
}
@media only screen and (max-width: 480px){
    .subHeader.community .headCont .visualArea.tp2 .item .tit {min-width: 270px; width: 270px; margin: 0 auto 22px; line-height: 56px;}
    .communityWrap .cmmWebxlst .cmmItems .inbt {max-width: 335px;}

    .container.community .cmmTit br.mo {display: block;}
    .container.community .reserFormArea .userInfoWrap.first .inforBtns {overflow: hidden;}
    .container.community .reserFormArea .userInfoWrap.first .inforBtns .btns {float: left; min-width: 120px; width: 48%; padding: 0;}
    .container.community .reserFormArea .userInfoWrap.first .inforBtns .btns:last-child {float: right; margin-left: 0;}
    .cmmInput .cmmInputEmailForm input::-webkit-input-placeholder{visibility: hidden;}
}
@media only screen and (max-width: 400px){
    .container.community .row.rowLike .col3 {width: 100% !important;}
    .container.community .row.rowLike .col3:nth-child(7) {width: 100% !important;}
}
@media only screen and (max-width: 350px){
    .communityWrap .cmmWebxlst .cmmItems .inbt {max-width: 270px;}
}



/* registration - popup */
.inforWrap {display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.inforWrap .inforPopup {position: fixed; left: 50%; top: 50%; width: 655px; height: 590px; transform: translate(-50%, -50%);}
.inforWrap .inforPopup .inforBox {padding: 40px 127px 39px 128px; border-radius: 10px; background: #fff; overflow-y: auto;max-height: 100%;}
.inforWrap .inforPopup .inforBox .cmmTit {font-family: 'Roboto', sans-serif; line-height: 47px;}
.inforWrap .inforPopup .inforBox .cmmsTit{font-size: 14px; color: #999; line-height: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #D5D5D5;}
.inforWrap .inforPopup .inforBox .cmmsTit em{word-break: keep-all;}
.inforWrap .inforPopup .inforBox div:nth-child(2) .cmmInput {margin-top: 39px;}
.inforWrap .inforPopup .inforBox .cmmInput {margin-top: 22px;}
.inforWrap .inforPopup .inforBox .cmmInput .ip input {height: 44px; font-size: 16px;}
.inforWrap .inforPopup .inforBox .cmmInput .ip input:-ms-input-placeholder { color: #999;}
.inforWrap .inforPopup .inforBox .btns {min-width: 160px; height: 48px; line-height: 44px;}
.inforWrap .inforPopup .inforBox .box{border: 1px solid #d5d5d5; border-radius: 4px; overflow-x: hidden;overflow-y: auto; margin: 5px 0;height:100px;padding:5px;}

.inforWrap .inforPopup .inforBox .box table {margin-top:15px;width:90%;border:solid 1px #D5D5D5;margin-left:15px;}
.inforWrap .inforPopup .inforBox .box table tr {border-bottom:solid 1px #D5D5D5;}
.inforWrap .inforPopup .inforBox .box table th {padding-left:20px;font-weight:normal;text-align:left;border-right:solid 1px #D5D5D5;width:40%;border-bottom: solid 1px #D5D5D5;}
.inforWrap .inforPopup .inforBox .box table td {padding:5px 0 5px 20px;border-right:solid 1px #D5D5D5;border-bottom: solid 1px #D5D5D5;}
.inforWrap .inforPopup .btnClose {position: absolute; right: 0; top: -40px;}

@media only screen and (max-width: 768px) {
	.inforWrap .inforPopup {width: calc(100% - 30px); max-height: 635px; height: calc(100% - 75px);}
    .inforWrap .inforPopup .inforBox {height: 100%; padding: 40px 15px 40px 17px;}
}
@media only screen and (max-height: 700px) {
    .inforWrap .inforPopup {top: 60px; transform: translate(-50%, 0);}
    .inforWrap .inforPopup .inforBox {overflow-y: auto;}
}


/* registration - popup */
.inforWrap1 {display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.inforWrap1 .inforPopup {position: fixed;left: 50%;top: 50%;width: 550px;height: 230px;transform: translate(-50%, -50%);}
.inforWrap1 .inforPopup .inforBox {padding: 40px 30px 39px 30px;border-radius: 10px;background: #fff;overflow-y: auto;text-align: center;}
.inforWrap1 .inforPopup .inforBox .cmmTit {font-family: 'Roboto', sans-serif;line-height: 35px;font-size: 18px;font-weight: 500;text-align: center;}
.inforWrap1 .inforPopup .inforBox .cmmsTit{font-size: 14px; color: #999; line-height: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #D5D5D5;}
.inforWrap1 .inforPopup .inforBox .cmmsTit em{word-break: keep-all;}
.inforWrap1 .inforPopup .inforBox div:nth-child(2) .cmmInput {margin-top: 39px;}
.inforWrap1 .inforPopup .inforBox .cmmInput {margin-top: 22px;}
.inforWrap1 .inforPopup .inforBox .cmmInput .ip input {height: 44px; font-size: 16px;}
.inforWrap1 .inforPopup .inforBox .cmmInput .ip input:-ms-input-placeholder { color: #999;}
.inforWrap1 .inforPopup .inforBox .btns {min-width: 160px; height: 48px; line-height: 44px;}
.inforWrap1 .inforPopup .btnClose {position: absolute; right: 0; top: -40px;}

@media only screen and (max-width: 768px) {
	.inforWrap1 .inforPopup {width: calc(100% - 30px); max-height: 635px; height: calc(100% - 75px);}
    .inforWrap1 .inforPopup .inforBox {height: 100%; padding: 40px 15px 40px 17px;}
}
@media only screen and (max-height: 700px) {
    .inforWrap1 .inforPopup {top: 60px; transform: translate(-50%, 0);}
    .inforWrap1 .inforPopup .inforBox {overflow-y: auto;}
}