@charset "utf-8";
.right-content-tltle{margin-bottom: 1rem;}
/* ÀÔ½ÃÄÁ¼³Æà */
.ipsi-counsling-m{display: none;}

/* .qual-popup-ipsi{width: 650px; z-index: 1700; max-height: 90%; overflow: hidden; position: fixed; display: none;}

.qual-popup-overlay{z-index: 1600; display: none; position: fixed;} */
.qual-popup-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 99998;
  display: none;
}

/* ±âº»: µ¥½ºÅ©Åé ¸ð´Þ Áß¾Ó */
.qual-popup-ipsi{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 650px;
  max-height: 90vh;
  overflow: auto;
  background: #fff;
  z-index: 99999;
  display: none;
  border-radius: 10px;
}

.qual-popup-body{padding: 0rem; flex: 1;}
.ipsi-popup-inner{background-color: #fff; box-sizing: border-box; padding: 0.8rem;}
.ipsi-popup-title{display: flex; align-items: center; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 0.5rem; margin-bottom: 0.5rem;}
.ipsi-popup-title h2 strong{color: #333; font-family: 'Paperlogy-7Bold';}
.ipsi-popup-title h2 strong b{color: #0C56A0;}
.ipsi-popup-title h2{font-size: 1rem; font-family: 'Paperlogy-6SemiBold';}
.ipsi-popup-title span{font-size: 0.8rem; color: #3293C9; margin-left: 8px;}

.ipsi-popup-top-in-vip{margin-bottom: 0.5rem;}
.ipsi-popup-top-in-title{display: flex; align-items: center; margin-bottom: 0.5rem;}
.ipsi-popup-top-in-title .border{background-color: #254463; width: 10px; height: 40px; margin-right: 8px;}
.ipsi-popup-top-in-title h2{font-size: 1rem; font-family: 'Paperlogy-6SemiBold'; color: #254463;}

.ipsi-popup-top-in01{margin-bottom: 0.5rem; font-size: 0.8rem;}
.ipsi-popup-top-in01:last-child{margin-bottom: 0;}

.ipsi-popup-table{margin-bottom: 0.5rem; text-align: left;}
.ipsi-popup-table tr td{border: 1px solid #ccc; box-sizing: border-box; padding: 0.3rem;}
.ipsi-popup-table .gumjung-first-table-back{width: 20%; text-align: center;}
.ipsi-popup-table tr td.radio-input{display: flex; align-items: center; border: none; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.radio-input01:first-child{margin-right: 10px;}
.ipsi-popup-table textarea{height: 100px; width: 100%; resize: none;}

.ipsi-popup-btm-notice{display: flex; align-items: center; background-color: #f5f5f5; border-radius: 10px; box-sizing: border-box; padding: 0.5rem; font-size: 0.75rem; justify-content: space-between;}
.ipsi-popup-btm-notice img{width: 10%; margin-right: 5px;}

.ipsi-popup-sumbit-btn{margin: 0 auto; margin-top: 0.5rem; width: 60%; background-color: #3293C9; color: #fff; box-sizing: border-box; padding: 0.5rem; border-radius: 8px; text-align: center; cursor: pointer; transition: .1s;}
.ipsi-popup-sumbit-btn:hover{background-color: #254463;}

/* °ËÁ¤°í½Ã·Î Áö¿ø°¡´É´ëÇÐ */
.target-tabs{margin: 0 auto; width: 80%; margin-top: 1rem; margin-bottom: 1rem;}
.target-tab{display: flex; align-items: stretch;}
.target-tab li{width: 50%; border: 1px solid #ddd; box-sizing: border-box; padding: 0.5rem; text-align: center; font-size: 0.8rem; cursor: pointer;}
.target-tab li.active{background-color: #3293C9; color: #fff;}

/* Áö¿ªÅÇ */
.jiyuk-tabs{display: flex; align-items: stretch; margin: 0 auto; width: 90%; justify-content: space-between; margin-bottom: 1rem;}
.jiyuk-tabs li{border: 1px solid #ddd; box-sizing: border-box; padding: 0.3rem; border-radius: 5px; font-size: 0.75rem; cursor: pointer; width: calc(100%/8 - 0.3rem); text-align: center; display: flex; align-items: center; justify-content: center;}
.jiyuk-tabs li.active{background-color: #3293C9; color: #fff;}

/* ´ëÇзΰí */
.universe-logo01{display: flex; align-items: stretch; justify-content: space-between; width: 100%; margin-bottom: 1rem; flex-wrap: wrap;}
.universe-logo-row{display: flex ; align-items: stretch; justify-content: start; width: 100%; margin-bottom: 10px;}
.universe-logo-in01{border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; text-align: center; transition: .1s; box-sizing: border-box; margin-right: 10px; width: calc(100%/6 - 0.5rem);}
.universe-logo-in01:hover{border: 1px solid #FF6A36;}
.universe-logo-in01 a{box-sizing: border-box; padding: 0.5rem;}
.universe-logo-img{width: 85px; margin: 0 auto; margin-bottom: 10px;}
.universe-logo-title{font-size: 0.75rem; overflow-wrap: anywhere; word-break: keep-all;}

/* Àü±¹´ëÇб³ µî±Þ */
.jiyuk-tabs.jiyuk-tabs-ganada{width: 75%;}
.jiyuk-universe-name01{display: flex; border-bottom: 1px solid #ddd;}
.jiyuk-universe-name-in{width: calc(100%/6);}
.jiyuk-universe-name-in a{font-size: 0.8rem;  box-sizing: border-box; padding: 0.5rem; display: block;}

.list_inner {display: flex; flex-wrap: wrap; padding: 30px 0;}
.list_inner li {cursor: pointer; width: calc(100%/5 - 0.5rem); border-bottom: 1px solid #eee;  box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 0.3rem;}
.list_inner li a {display: block; text-align: center; font-size: 15px; line-height: normal; word-break: keep-all; box-sizing: border-box; padding: 0.3rem;}
.list_inner li a:hover {font-weight: 500;}
.list_inner li:hover a{color: #3293C9; font-family: 'Paperlogy-5Medium';}

/* ½Ç½Ã°£Åë°è */
.tong-gye-top{border: 1px solid #ddd; width: 100%; border-radius: 20px; display: flex; align-items: stretch; overflow: hidden;} 
.tong-gye-top-left{background-color: #3293C9; width: 30%; box-sizing: border-box; padding: 1rem;}
.tong-gye-top-left-in01{height: calc(100%/3); box-sizing: border-box; padding: 0.5rem;}
.tong-gye-top-left-title{color: #fff; font-family: 'Paperlogy-5Medium'; font-size: 1rem; margin-bottom: 0.5rem;}
.tong-gye-top-left-inner{border-radius: 10px; box-sizing: border-box; position: relative; height: auto; overflow: hidden; padding: 0.8rem; justify-self: center; width: 100%; text-align: center;}
.tong-gye-top-left-inner01-in{display: flex; align-items: center; width: 100%;}
.opacity{position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; opacity: 0.2; z-index: 1; height: 100%;}
.tong-gye-top-left-inner span{opacity: 1; color: #fff; z-index: 3; position: relative; font-size: 0.8rem; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%;}
.tong-gye-top-left-inner span.text-left{text-align: left; width: 20%;}
.tong-gye-top-left-inner span.text-right{text-align: right; width: 80%;}

.tong-gye-top-left-inner.rolling {position: relative; height: 2rem; overflow: hidden;}
.tong-gye-top-left-inner.rolling .tong-gye-top-left-inner01-in {display: none; height: 100%; align-items: center; justify-content: center;}

.tong-gye-top-right{width: 70%; box-sizing: border-box; padding: 1.5rem;}
.tong-gye-top-right-title{margin-bottom: 1rem;}
.tong-gye-top-right-title h2{font-family: 'Paperlogy-5Medium'; margin-bottom: 5px;}
.tong-gye-top-right-title span{font-family: 'Paperlogy-3Light'; font-size: 0.8rem;}
.tong-gye-top-right-table{border: 1px solid #ddd;}
.tong-gye-top-right-table tr td{box-sizing: border-box; padding: 0.5rem; border-bottom: 1px solid #ddd;}
.tong-gye-top-right-table td a img{width: 30%;}
.gumjung-first-table-back.table-backs td{box-sizing: border-box; padding: 0.8rem;}

.font-orenge-color{color: #FF6A36;}

.tong-gye-middle{display: flex; align-items: start; justify-content: space-between; border: 1px solid #ddd; box-sizing: border-box; border-radius: 20px; background-color: #f5f5f5; overflow: hidden; padding: 1rem; margin-top: 1.5rem;}
.tong-gye-middle-title h2{font-size: 0.9rem; font-family: 'Paperlogy-5Medium'; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.tong-gye-middle-inner{background-color: #fff; border-radius: 10px; border: 1px solid #ddd; font-size: 0.75rem; overflow: hidden; max-height: 260px; transition: max-height 0.3s ease; position: relative;}
.tong-gye-middle01{width: calc(100%/4 - 0.8rem);}
.tong-gye-middle-01{box-sizing: border-box; padding: 0.5rem; border-bottom: 1px solid #ddd; display: flex; align-items: center;}
.left-span{margin-right: 10px;}
.tong-gye-middle-morebtn{background-color: #3293C9; text-align: center; color: #fff; box-sizing: border-box; padding: 0.5rem; cursor: pointer; position: sticky; bottom: 0; z-index: 1;}

.tong-gye-middle-inner.expanded {max-height: 300px; overflow-y: auto;}
.tong-gye-btm-left-btm.expanded,.tong-gye-btm-right-btm.expanded {max-height: 400px; overflow-y: auto;}

.tong-gye-btm-left-btm,.tong-gye-btm-right-btm{max-height: 304px; overflow: hidden; transition: max-height 0.3s;}
.tong-gye-btm{display: flex; align-items: baseline; justify-content: space-between; margin-top: 1.5rem; }
.tong-gye-btm-left,.tong-gye-btm-right{border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px; overflow: hidden; position: relative;}
.tong-gye-btm-left{width: 60%;}
.tong-gye-btm-right{width: 38%;}

.tong-gye-btm-left-top{background-color: #3293C9; box-sizing: border-box; padding: 0.8rem; display: flex; align-items: center; justify-content: space-between;}
.tong-gye-btm-left-top-title{color: #fff; font-size: 0.8rem; font-family: 'Paperlogy-5Medium';}
.tong-gye-btm-left-top-option select{border: 1px solid #ddd; font-size: 0.75rem; background-color: #fff;}
.tong-gye-btm-left-top-option span{color: #fff; font-size: 0.75rem;}

.tong-gye-btm-left-table tr{border-bottom: 1px solid #ddd;}
.tong-gye-btm-left-table tr td{box-sizing: border-box; padding: 0.5rem; font-size: 0.75rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tong-gye-btm-left-table tr:last-child{border-bottom: 0; border-top: 1px solid #ddd;}

.tong-gye-btm-morebtn{position: sticky; bottom: 0; z-index: 1; box-sizing: border-box; padding: 0.5rem; background-color: #fff; color: #3293C9; cursor: pointer; transition: .1s; border-top: 1px solid #ddd;}
.tong-gye-btm-morebtn:hover{background-color: #254463; color: #fff;}

/* ¹ÝÀÀÇü */
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    
}
/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1023px) and (max-width: 1400px) {
    /* °ËÁ¤°í½Ã Áö¿ø°¡´É ´ëÇÐ */
    .jiyuk-tabs{width: 100%;}
    .jiyuk-tabs li{padding: 0.3rem 0.4rem; font-size: 0.75rem;}
    .universe-logo-img{width: 70px;}
    .universe-logo01{margin-bottom: 0.8rem;}
}

/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    /* ÀÔ½ÃÄÁ¼³Æà */
    .ipsi-counsling{display: none;}
    .ipsi-counsling-m{display: block;}

    .ipsi-popup-inner{padding: 0.5rem;}
    .ipsi-popup-title{flex-direction: column; align-items: start;}
    .ipsi-popup-top-in-title{margin-bottom: 0.3rem;}
    .ipsi-popup-title h2{font-size: 0.9rem;}
    .ipsi-popup-title span{font-size: 0.8rem; margin-left: 0;}

    .ipsi-popup-top-in-title .border{width: 8px; height: 35px;}
    .ipsi-popup-top-in-title h2{font-size: 0.8rem;}
    .ipsi-popup-top-in-vip{margin-bottom: 0.5rem;}
    .ipsi-popup-top-in01{margin-bottom: 0.3rem;}

    .ipsi-popup-btm-notice{font-size: 0.7rem;}
    .ipsi-popup-sumbit-btn{font-size: 0.8rem; padding: 0.5rem; margin-bottom: 0.5rem; width: 100%;}

    /* °ËÁ¤°í½Ã Áö¿ø°¡´É ´ëÇÐ */
    .jiyuk-tabs{width: 100%; flex-wrap: wrap;}
    .jiyuk-tabs li{font-size: 0.75rem; padding: 0.3rem 0.5rem; width: calc(100%/4 - 0.3rem); margin-bottom: 0.3rem;}
    .universe-logo-img{width: 70px;}
    .universe-logo01{margin-bottom: 0.5rem;}
    .universe-logo-row{flex-wrap: wrap; margin-bottom: 0;}
    .universe-logo-in01{margin-bottom: 10px; width: calc(100%/3 - 0.5rem);}

    /* Àü±¹´ëÇеî±Þ */
    .jiyuk-universe-name01{flex-wrap: wrap; border-bottom: 0;}
    .jiyuk-universe-name-in{width: calc(100%/3); text-align: center; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
    .list_inner li{width: calc(100%/4 - 0.5rem);}

    /* ½Ç½Ã°£ Åë°è */
    .tong-gye-top{width: 99%; margin: 0 auto; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);}
    .tong-gye-top-left{padding: 0.5rem;}
    .tong-gye-top-left-title,.tong-gye-top-right-title h2{font-size: 0.9rem;}
    .tong-gye-top-left-inner{padding: 0.5rem;}
    .tong-gye-top-right{padding: 0.8rem;}
    .tong-gye-top-right-table td a img{width: 35%;}

    .tong-gye-middle{padding: 0.8rem;}
    .tong-gye-middle01{width: calc(100%/4 - 0.5rem);}
    .tong-gye-middle-title h2{font-size: 0.8rem;}
    .left-span{width: 30%; margin-right: 0;}
    .right-span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%;}

    .tong-gye-btm-left-table tr td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}
    
/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px) { 
    /* ÀÔ½ÃÄÁ¼³Æà */
    .ipsi-counsling{display: none;}
    .ipsi-counsling-m{display: block;}

    .ipsi-popup-inner{padding: 0.5rem;}
    .ipsi-popup-title{flex-direction: column; align-items: start;}
    .ipsi-popup-top-in-title{margin-bottom: 0.3rem;}
    .ipsi-popup-title h2{font-size: 0.8rem;}

    .ipsi-popup-top-in-title .border{width: 8px; height: 35px;}
    .ipsi-popup-top-in-title h2{font-size: 0.8rem;}
    .ipsi-popup-top-in-vip{margin-bottom: 0.5rem;}
    .ipsi-popup-top-in01{margin-bottom: 0.3rem;}

    .ipsi-popup-btm-notice{font-size: 0.7rem;}
    .ipsi-popup-sumbit-btn{font-size: 0.8rem; padding: 0.5rem; margin-bottom: 0.5rem; width: 100%;}
    .ipsi-popup-table textarea{font-size: 0.7rem;}

    .qual-popup-ipsi{
    left: 0; right: 0; bottom: 0; top: auto;
    transform: none;
    width: 100%;
    max-height: 85vh;
    border-radius: 16px 16px 0 0;
    animation: sheet-in .18s ease-out;
  }
  @keyframes sheet-in {
    from { transform: translateY(12px); opacity: .0; }
    to   { transform: translateY(0);    opacity: 1;  }
  }

    /* °ËÁ¤°í½Ã Áö¿ø°¡´É ´ëÇÐ */
    .jiyuk-tabs{width: 100%; flex-wrap: wrap; margin-bottom: 0.5rem;}
    .jiyuk-tabs li{font-size: 0.7rem; padding: 0.2rem; width: calc(100% / 4 - 0.3rem); overflow-wrap: anywhere; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; text-align: center;}
    .universe-logo01{flex-wrap: wrap; margin-bottom: 0.3rem;}
    .universe-logo-in01{width: calc(100% / 3 - 0.5rem); margin-bottom: 0.5rem;}
    .universe-logo-img{width: 65px;}
    .universe-logo-title{font-size: 0.7rem;}

    .universe-logo-row{flex-wrap: wrap; margin-bottom: 0;}
    /* Àü±¹´ëÇеî±Þ */
    .jiyuk-universe-name01{flex-wrap: wrap; border-bottom: 0;}
    .jiyuk-universe-name-in{width: calc(100%/2); text-align: center; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}

    .jiyuk-tabs.jiyuk-tabs-ganada{width: 100%;}
    .jiyuk-tabs.jiyuk-tabs-ganada li{width: calc(100%/4 -0.5rem);}

    .list_inner li{width: calc(100%/3 - 0.5rem);}

    /* ½Ç½Ã°£Åë°è */
    .tong-gye-top{flex-direction: column; width: 98%; margin: 0 auto; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); border-radius: 10px;}
    .tong-gye-top-left{width: 100%; padding: 0.8rem;}
    .tong-gye-top-left-01{display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 0.5rem;}
    .tong-gye-top-left-01 .tong-gye-top-left-in01{width: 48%;}
    .tong-gye-top-left-in01{height: auto; padding: 0;}
    .tong-gye-top-left-title{font-size: 0.8rem;}
    .tong-gye-top-left-inner{padding: 0.5rem;}
    .tong-gye-top-left-inner span{font-size: 0.7rem;}

    .tong-gye-top-right{width: 100%; padding: 0.5rem;}
    .tong-gye-top-right-title{margin-bottom: 0.5rem;}
    .tong-gye-top-right-title h2{font-size: 0.8rem;}
    .tong-gye-top-right-title span{font-size: 0.7rem; overflow-wrap: anywhere; word-break: keep-all;}
    .tong-gye-top-right-table tr td{font-size: 0.6rem; padding: 0.3rem;}
    .gumjung-first-table-back.table-backs td{padding: 0.35rem;}
    .tong-gye-top-right-table td a img{width: 60%;}

    .tong-gye-middle{border-radius: 10px; flex-wrap: wrap; padding: 0.5rem;}
    .tong-gye-middle01{width: calc(100%/2 - 0.3rem);}
    .tong-gye-middle01:first-child,.tong-gye-middle01:nth-child(2){padding-bottom: 0.5rem; border-bottom: 1px solid #ddd;}
    .tong-gye-middle01:nth-child(3),.tong-gye-middle01:nth-child(4){padding-top: 0.5rem;}
    .tong-gye-middle-title h2{font-size: 0.8rem; overflow-wrap: anywhere; word-break: keep-all;}
    .tong-gye-middle-inner{font-size: 0.7rem; max-height: 213px;}
    .tong-gye-middle-01{padding: 0.3rem;}
    .left-span{margin-right: 5px; width: 20%;}
    .right-span{white-space: nowrap; text-overflow: ellipsis; width: 80%; overflow: hidden;}

    .tong-gye-btm{flex-direction: column;}
    .tong-gye-btm-left{margin-bottom: 1rem;}
    .tong-gye-btm-left,.tong-gye-btm-right{width: 100%;}
    .tong-gye-btm-left-top{flex-direction: column; background-color: transparent; padding: 0;}
    .tong-gye-btm-left-top-title{background-color: #3293C9; width: 100%; text-align: center; box-sizing: border-box; padding: 0.5rem;}
    .tong-gye-btm-left-top-option{border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 0.5rem; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
    .tong-gye-btm-left-top-option span{color: #333; margin: 0 3px;}

    .tong-gye-btm-left-table tr td{padding: 0.3rem; font-size: 0.7rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .tong-gye-btm-left-btm, .tong-gye-btm-right-btm{max-height: 246px;}
    .tong-gye-btm-left-table tr td.tong-gye-btm-morebtn{padding: 0.5rem; border-top: 1px solid #ddd;}
}