* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    font-size: 16px;
    color: #111111;
    word-break:keep-all;
    overflow-wrap: break-work;
    max-width: 100%;
    /* overflow-x: hidden; */
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@font-face {
    font-family: 'MyCustomFont';
    src: url('/connectPlay/fonts/PretendardVariable.woff2') format('woff2');
    font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;
    font-style: normal;
}
html, body {
    overflow-x: hidden; /* 가로 스크롤 방지 */
    max-width: 100%; /* 가로 크기 제한 */
}

body {
    font-family: 'MyCustomFont', sans-serif;
    background-color: #FAFCFC; 
    overflow: hidden;   
}
img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.pagination {
    margin: 0 auto;
    width: 200px;
}
li,ul {list-style: none;}

.pagination { margin:0 auto; }
.pagination li,.pagination ul {list-style: none;float:left;}
a {text-decoration: none;}
button {
    display: block;
    background-color: #fff;
    border: none;
    padding: 0rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.3125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 130%;
    flex-shrink: 0;
    text-align: center;
    cursor: pointer;
}
/* color */
:root {
    --White: #fff;
    --TextColor: #111111; 
    --MainColor: #0082FF;
    --Gray100: #E8E8E8;
    --Gray600: #7A7A7A;
    --Gray400: #A2A2A2;
}

/* btn */
button.h26 {padding: 0.5rem 0.75rem;}
button.h30 {height: 1.875rem;}
button.h36 {height: 2.25rem;}
button.h44 {height: 2.75rem;}
button.h48 {height: 3rem;}

button.solid {background-color: var(--MainColor);color: #fff;}
button.ghost {border: 1px solid var(--MainColor); color: var(--MainColor);}
button.textBtn {color: var(--MainColor);}
button.grayghost {border: 1px solid #E8E8E8; color: var(--TextColor);}

button.solid:hover{background-color: #0061DF;}
button.ghost:hover{background-color: #0061DF;color: #fff;}
button.textBtn:hover {border-bottom: 2px solid var(--MainColor);}
button.grayghost:hover{background-color: #E8E8E8;}



/* contetns */
.contetns {
    width: 1340px;
    padding: 60px 20px 110px;
    margin: 0 auto;
}


/* font */
.ft-46 {
    font-size: 2.875rem;
    line-height: 130%;
    letter-spacing: -0.1725rem;
    font-weight: 600;
}
.ft-30 {
    font-size: 1.875rem;
    line-height: 154%;
    letter-spacing: -0.1125rem;
    font-weight: 600;
}
.ft-25 {
    font-size: 1.5625rem;
    letter-spacing: -0.09375rem;
}
.ft-22 {
    font-size: 1.375rem;
    letter-spacing: -0.05625rem;
}
.ft-20 {
    font-size: 1.25rem;
    letter-spacing: -0.05625rem;
    font-weight: 600;
}
.ft-18 {
    font-size: 1.125rem;
    letter-spacing: -0.05625rem;
}

.ft-16 {
    font-size: 1rem;
    line-height: 154%;
    letter-spacing: -0.06rem;
}

.ft-14 {
    font-size: 0.875rem;
    line-height: auto;
    letter-spacing: -0.05625rem;
}
.ft-12 {
    font-size: 0.75rem;
    line-height: auto;
    letter-spacing: -0.045rem;
}

/* 후기 전체보기버튼 */
.latBtn {
    cursor: pointer;
    width: fit-content;
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.3s;
}
.latBtn:hover {
    border-bottom: 1px solid #111;
}
span.icon {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
span.icon img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* 태그 */
.edu-tag {
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    overflow: hidden;
}
.edu-tag span {
    padding: 0px 6px 0 0;
    color: #909090;
    /* border: 1px solid #909090; */
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}


  /* 탑버튼 */
  .btn_gotop {
    display:none;
    position:fixed;
    bottom:50px;
    right:50px;
    z-index:999;
    outline:none;
    color:#333;
    cursor:pointer;
    text-align: center;
  }
  .btn_gotop .glyphicon {
    display: block;
    width: 50px;
    height: 50px;
    border-radius:70px;
    padding:12px;
    background-color:rgba(0, 0, 0, 0.25);
  }
  .btn_gotop p {
    margin-top: 4px;
    font-size: 14px;
  }

  /* 아이콘 설정 / 사이즈는 해당 파일에서 설정*/
  span.icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  span.down_Black {
    background-image: url(/connectPlay/img/icons/ico_down.svg);
  }
  span.right_Black {
    background-image: url(/connectPlay/img/icons/right-arrow.svg);
  }
  span.right_white {
    background-image: url(/connectPlay/img/icons/right-arrow_W.svg);
  }
  span.right_Blue {
    background-image: url(/connectPlay/img/icons/right-arrow_B.svg);
  }
#mypage .estimateBtn,.inq_top_iner {display: none;}

.inquire-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 154%; /* 27.72px */
    letter-spacing: -1.08px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
/* 뒤로가기 */
.back {
    display: block;
    width: 26px;
    overflow: hidden;
    flex: 0 0 auto;
    cursor: pointer;
    margin-right: 16px;
}

.inquire-Btn{
    display: block;
    width: 114px;
    overflow: hidden;
    flex: 0 0 auto;
    cursor: pointer;
    margin-right: 16px;
}
  
@media all and (max-width: 1340px) {
	.contetns {
        width: 95%;
        margin: 0 auto;
    }
    
}
@media all and (max-width: 1023px) {
    .contetns {
        padding: 56px 0 100px;
    }
    .inquire-title {display: none;}
    #side {display: none;}
    .inq_top_iner {display: block;}
    .inquire05 .inq_top_iner {
        border-bottom: 0px;
    }
    .inq_top_iner {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid var(--Gray100);
    }
    /* #estimate {
        height: 100;
    } */
    .inq_top {
        width: 100%;
        background-color: #fff;
        flex-direction: column;
        margin: 0 auto;
        border-bottom: 1px solid var(--Gray100);
        
        
      }
     .inq_top .inq_top_tit {
        display: flex;
        align-items: center;
        justify-content: space-between; /* 기본적으로 요소를 양 끝에 배치 */
        position: relative; /* 중앙 정렬을 위한 기준 설정 */
        width: 90%;
        margin: 0 auto;
        padding: 12px 0px;
        gap: 10px;
        
    }
    .inq_top .inq_top_tit .back {
        display: block;
        width: 20px;
        overflow: hidden;
        flex: 0 0 auto;
        cursor: pointer;
    }
     .inq_top .inq_top_tit h6 {
        font-size: 18px;
        position: absolute; /* 부모 기준으로 중앙 배치 */
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
    .inq_top .inq_top_text {
        padding: 8px 20px;
        display: flex;
        align-items: flex-end;
        text-align: right;
        align-items: center;
        text-align: right;
        justify-content: flex-end;
    }
    .inq_top .inq_top_text span {
        font-size: 14px;
    }
    .inq_top .inq_top_text .inq_new {
        font-weight: 600;
        
    }
    .btn_gotop {right: 20px;}
    
}


@media all and (max-width: 767px) {
    * {
        font-size: 15px;
    }
	.contetns {
        width: 90%;
        overflow-x: hidden;
    }

}
@media all and (max-width: 425px) {
	/* font */
.ft-46 {
    font-size: 34px;
    line-height: 130%;
    letter-spacing: -0.1725rem;
    font-weight: 600;
}
.ft-30 {
    font-size: 28px;
    line-height: 154%;
    letter-spacing: -0.1125rem;
    font-weight: 600;
}
.ft-25 {
    font-size: 1.5625rem;
    letter-spacing: -0.09375rem;
}
.ft-22 {
    font-size: 1.375rem;
    letter-spacing: -0.05625rem;
}
.ft-20 {
    font-size: 1rem;
    letter-spacing: -0.05625rem;
    font-weight: 400;
}
.ft-18 {
    font-size: 1.125rem;
    letter-spacing: -0.05625rem;
}

.ft-16 {
    font-size: 1rem;
    line-height: 154%;
    letter-spacing: -0.06rem;
}

.ft-14 {
    font-size: 0.875rem;
    line-height: auto;
    letter-spacing: -0.05625rem;
}
.ft-12 {
    font-size: 0.75rem;
    line-height: auto;
    letter-spacing: -0.045rem;
}
}

.pagination li {
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li a {
    color:#cfcfcf;
}    

.pagination li.active a {
    color:#000;
}
@media all and (max-width: 425px) {
    .inq_top .inq_top_tit h6 {
        font-size: 16px;
    }
}