/*11-17 오전 추가*/
.table-area {
    height: 78vh; /*기존 공통  style로 75vh 적용되어있었음*/
}
.table-area .title-card{
    top:27px;
}
/*11-17 오전 추가 끝*/
.mobile{
    display: none;
}
.lounge-img {
    position: relative;
    height:440px;/*20201109 박소희 추가*/
}
.lounge-img img {
    width:100%;
    height:136%;/*20201109 박소희 추가*/
}
.lounge-img a {
    position: absolute;
    display: block;
}
.lounge-img a.link1 {
    top: 0;
    left: 0;
    width: 45%;
    height: 124%;/*20201109 박소희 수정*//*원래 77%*/
}
.lounge-img a.link2 {
    top: 0;
    right: 0;
    width: 45%;
    height: 45%;
}
.lounge-img a.link3 {
    bottom: -156px;/*20201109 박소희 수정*/
    /*원래 0 */
    right: 0;
    width: 45%;
    height: 50%;
}
/*이세연 추가 1113 처음*/
.pop_grouptalk{display:none;}
#lp3_P201M0018{ 
  width: 720px; 
  height:auto; 
  position:absolute;
  top:50%; 
  left: 50%;
  transform:translate(-50%,-50%);
  background: #fff;
  z-index:99999;
}
#lp3_P201M0018 .talk_title{
    height:65px;
    background:#4d4d4d;
    color:#fff;
    text-align:center;
    font-size:20px;
    line-height: 65px;
}
#lp3_P201M0018 .talk_title .close{float:right; width:30px; height:30px; padding:20px; margin:10px; background: url("../images/lounge/icon_close.png")no-repeat center center;}
#lp3_P201M0018 .talk_make{
    height:100px;
    background:#fff;
    padding:20px 52px;
    overflow:hidden;
}
#lp3_P201M0018 .talk_make input[type="text"]{
    float:left;
    width:79%;
    height:48px;
    border:2px solid #09c6d2;
    background:#fff;
    font-size:16px;
    line-height:48px;
    padding: 0 30px;
    box-sizing:border-box;
    color: #000;
}
#lp3_P201M0018 .talk_make input[type="submit"]{
    float:right;
    width:18%;
    background:#09c6d2;
    color:#fff;
    font-size:16px;
    line-height:48px;
}
#lp3_P201M0018 .group_talk{
    padding:20px 52px 34px;
    background:#f6f7fc;   
}
#lp3_P201M0018 .group_talk .entrance_talk{
    width:100%;
    height:70px;
    border:1px solid #d7d7d7;
    padding: 16px 28px;
    overflow:hidden;
    background:#fff;
    margin-bottom:10px;
}
#lp3_P201M0018 .group_talk .entrance_talk strong{
    float:left;
    width:75%;
    font-size:18px;
    font-weight:bold;
    color:#000;
    line-height:37px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
#lp3_P201M0018 .group_talk .entrance_talk input[type="submit"]{
    float:right;
    width:20%;
    height:37px;
    line-height:33px;
    border-radius:33px;
    box-sizing:border-box;
    border:2px solid #09c6d2;
    background:#fff;
    color:#09c6d2;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
/*11월 20일 4시 이후  추가*/
#business-Pop{
    display:none;
    width: 720px; 
    height:auto; 
    position:absolute;
    top:50%; 
    left: 50%;
    transform:translate(-50%,-50%);
    padding:48px 50px 27px 50px;
    background: #fff;
    z-index:99999;
}
#business-Pop > strong{
    font-size: 24px;
    color: #000;
    line-height: 1;
    padding: 5px 10px 19px 10px;
    border-bottom: 2px solid #000;
}
#business-Pop .terms{
    width: 100%;
    height: 268px;
    padding: 18px 10px 35px 10px;
    border-bottom: 1px solid #000;
}
#business-Pop .terms p{
    font-size: 14px;
    color: #000;
    line-height: 1.5;
}
#business-Pop .terms p span{
    display:inline-block;
}
#business-Pop .close{
    width: 52px;
    height: 52px;
    text-indent: -99999px;
    position: absolute;
    right: -52px;
    top: 0;
    background: #0963eb url(../images/inc/ico-close.png) no-repeat 50% 50%;
    background-size: 40%; 
}
.come-btn,.en-come-btn{
    display:block;
    padding:27px 0 0;
}
.come-btn a{
    width: 164px;
    height: 41px;
    line-height: 41px;
    border-radius: 30px;
    background: #2a92ef;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin: auto;
}
.en-come-btn a{
    padding:2% 3%;
    border-radius: 30px;
    background: #2a92ef;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin: auto;
}
/*---------11월 20일 4시 이후  추가 끝-----------------*/
.hide {display:block; overflow:hidden; position:absolute; border:0; width:1px; height:1px; clip:rext(1px, 1px, 1px, 1px);}
.paging{margin-top:20px; text-align:center;}
.paging ul li{display:inline-block; margin-right:10px; background:#fff; border:1px solid #d7d7d7;}
.paging ul li.first, .paging ul li.next{border-right:0px; margin-right:0px;}
.paging ul li.first{background: #fff url("../images/lounge/icon_first.gif")no-repeat center center;}
.paging ul li.prev{background: #fff url("../images/lounge/icon_prev.gif")no-repeat center center;}
.paging ul li.next{background: #fff url("../images/lounge/icon_next.gif")no-repeat center center;}
.paging ul li.last{background: #fff url("../images/lounge/icon_last.gif")no-repeat center center;}
.paging a{display:block; width:46px; height:46px;  line-height:46px; text-align:center; font-size:16px; color:#333;}
.paging a:hover, .paging a.on{border-color:#09c6d2;}
@media (max-width:800px) { #lp3_P201M0018{width:85%;}}
@media (max-width:590px) {
    #lp3_P201M0018 .talk_make input[type="text"]{width:65%; padding:0 8px;} 
    #lp3_P201M0018 .talk_make input[type="submit"]{width:30%;}
}
@media (max-width:650px) { 
    #lp3_P201M0018 .group_talk .entrance_talk strong{width:65%;}
    #lp3_P201M0018 .group_talk .entrance_talk input[type="submit"]{width:33%;}
    #lp3_P201M0018 .talk_make{padding:20px 12px;}
    #lp3_P201M0018 .group_talk{padding:20px 12px 34px;}
}
@media (max-width:520px) {
    #lp3_P201M0018 .group_talk .entrance_talk strong{font-size:16px;}
        .paging a{width:28px; height:28px; line-height:28px;}
}
@media (max-width:420px) {
#lp3_P201M0018 .talk_title{font-size:14px;}
#lp3_P201M0018 .group_talk .entrance_talk input[type="submit"]{font-size:14px;}
#lp3_P201M0018 .talk_make input[type="text"]{font-size:14px;}
}  
/*이세연 추가 1113 끝 */

@media (max-width:1024px) {
    .pc{
        display:none;
    }
    .mobile{
        display:block;
    }
    .mobile{}
    .mobile .title{
        font-size: 30px;
        font-weight: bold;
        padding: 30px 0px;
        position: relative;
    }
    .mobile .title .arrow{
        position: absolute;
        right: 0px;
        top: 30px;
    }
    .lounge.mobile .thumb img {
        width: 100%;
    }
    .lounge.mobile .inner {
        padding: 30px 30px 0;
        margin-bottom: 3%;
    }
    .lounge.mobile .inner:last-child {
        margin-bottom: 0px;
    }
    /* 20201118 김소라 추가 */
    .table-area {
        height: 100%;
        margin: 0 2%;
    }
    /***********************/
}
/*11월 20일 4시 이후  추가*/
@media (max-width: 980px) {
    #business-Pop{
        width:520px;
        padding: 38px 40px 15px 40px;
    }
    #business-Pop .terms{
        height:322px;
        overflow:auto;
    }
    .come-btn, .en-come-btn{
        padding: 15px 0 0;
    }
}
/*11월 20일 4시 이후  추가 끝*/
@media (max-width: 768px) {
    .mobile .title {
        font-size: 20px;
    }
    .mobile .title .arrow {
        width: 10px;
        top: 20px;
    }
}
/*11월 20일 4시 이후  추가*/
@media (max-width: 640px){
    #business-Pop{
        width:420px;
        padding: 20px 15px 20px 15px;
    }
    #business-Pop .close{
        right: 0;
        /*20201120 이주현 주석처리*/
        /*top: -52px;*/
    }
    .en-come-btn a{
        font-size: 12px;
    }
}
/*11월 20일 4시 이후  추가 끝*/
@media (max-width: 480px) {
    #lp3_P201M0018 .talk_title.en-talk_title{font-size:14px;}/*11-16 4시 이후 추가*/
    .mobile .title {
        font-size: 16px;
        padding: 20px 0px;
    }
    .mobile .title .arrow {
        width: 8px;
    }
     /*11월 20일 4시 이후  추가*/
    #business-Pop{
        width:340px;
    }
    #business-Pop .terms{
        height:372px;
    }
    /*11월 20일 4시 이후  추가 끝*/
}
/*11-16 4시 이후 추가*/
@media (max-width: 480px){
    #lp3_P201M0018 .talk_title.en-talk_title{font-size:13px;}
}
/*11-16 4시 이후 추가 끝*/

/* 20201120 김소라 추가 */
@media only screen and (max-width: 980px) and  (orientation:landscape){
    .mobile #business-Pop .terms {
        height:150px;
    }
    .mobile #lp3_P201M0018 {
        height: 300px;
        overflow-y: scroll;
    }
}
/************************/