/* 공통 */
.sub-content.over-view { overflow: unset; } 

.err-cont { width: fit-content; margin: 0 auto; word-wrap: break-word; word-break: keep-all; } 
.err-cont img { width: 100%; max-width: 700px; margin-bottom: 30px; } 
.err-cont p { text-align: center; line-height: 1.4; font-size: 1.8rem; color: var(--gray-88); } 
.err-cont p:first-of-type { font-size: 3rem; font-weight: 600; color: var(--blue); } 
.err-cont p em { font-weight: 400; } 

div.no-data { width: 100%; padding: 60px 0; border-top: 2px solid var(--main); border-bottom: 1px solid var(--gray-e5); } 
div.no-data p { font-weight: 500; font-size: 2rem; text-align: center; word-wrap: break-word; word-break: keep-all; } 
div.no-data .txt-box p { margin: 10px; } 

.loading-wrap { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; padding-top: 250px; background-color: rgba(255,255,255,0.9); backdrop-filter: blur(2px); } 
.loading-wrap .img-wrap { position: sticky; left: 50%; top: 50%; width: 100px; margin: 0 auto; transform: translate(-50%, -50%); } 

.no-list { padding: 0; } 
.no-list::before , .no-list::after { display: none; } 

.more { display: flex; align-items: center; gap: 10px; color: #666; } 
.more i.arr-next { width: 5px; height: 9px; } 
.more-arr { display: block; width: 40px; height: 40px; font-size: 0; border-radius: 100%; background: var(--gray-f5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M1.48152 9.64001L17.6818 9.64001' stroke='%231A3AC5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0469 2.5L17.6818 9.64008L12.0469 16.7802' stroke='%231A3AC5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px 16px; transition: all .3s; } 

/* a4 인쇄용 사이즈 */
.a4-print { width: 794px; height: 1123px; margin: 0 auto; box-sizing: border-box; } 
.a4-print .popup-box1 { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } 

/* tag */
.tag-process { color: #aaa !important; } 
.tag-process.doing { font-weight: 600; color: var(--green) !important; } 
.tag-process.done { font-weight: 600; color: var(--main) !important; } 
.tag-process.no { font-weight: 600; color: var(--pink) !important; } 

.tag.bg-001 { color: #fff; background-color: var(--main); } 
.tag.bg-002 { color: #fff; background-color: var(--sub); } 
.tag.bg-003 { color: #fff; background-color: var(--yellow); } 
.tag.bg-004 { color: #fff; background-color: var(--pink); } 
.tag.bg-005 { color: #fff; background-color: var(--green); } 

.tag1.bg-aply-001 { color: #fff; background-color: var(--yellow); } 
.tag1.bg-aply-002 { color: #fff; background-color: var(--blue); } 
.tag1.bg-aply-003 { color: var(--main); background-color: var(--gray-f5); } 

.parsley-errors-list { color: var(--pink); } 

@media only screen and (max-width: 767px){
 .sch-box .tab-st3 { width: 100%; margin-right: 0; } 
.sch-box .tab-st3 .tab { justify-content: center; } 
 }

/* 조건 검색 */
/* .srch-detail.active { background-color: var(--main); color: #fff; } 
.srch-detail::before { content: ""; display: inline-block; margin-right: 10px; padding: 6px; background: url(../img/content/detail-srch.svg) no-repeat center / contain; } 
.srch-detail.active::before { filter: brightness(100); } 
.detail-wrap { display: none; width: 100%; margin-bottom: 20px; padding: 40px; border: 1px solid #ddd; background-color: var(--gray-f9); border-radius: 10px; } 
.detail-check .list { display: flex; padding-bottom: 20px; } 
.detail-check .list + .list { padding-top: 20px; border-top: 1px dashed var(--gray-e5); } 
.detail-check .list .lf { flex-shrink: 0; width: 15%; padding-right: 20px; } 
.detail-check .list .lf strong { font-weight: 600; font-size: 1.8rem; word-wrap: break-word; word-break: keep-all; } 
.detail-check .list .left-menu { width: 100px; padding: 10px 0; border-right: 1px solid var(--gray-e5); } 
.check-list { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-top: 10px; } 
.detail-check .list .rg > div:first-child .left-menu { padding-top: 0; } 
.detail-check .list .rg > div:last-child .left-menu { padding-bottom: 0; } 
.detail-check .list .rg button.active { border: 1px solid var(--main); background-color: var(--main); color: #fff; } 

.detail-result { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; padding: 30px 20px; border: 1px solid var(--gray-e5); border-radius: 10px; } 
.detail-result li { display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-radius: 6px; background-color: var(--gray-f5); font-weight: 600; color: var(--main); } 
.detail-result li a { display: inline-block; width: 8px; height: 8px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %231A3AC5; stroke-linecap: round; stroke-linejoin: round; stroke-width: 8px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); } */

/* @media only screen and (max-width: 1023px){
 .detail-check .list { flex-flow: column wrap; gap: 20px; } 
.detail-check .list .lf { width: 100%; } 
 }
@media only screen and (max-width: 800px){
 .check-list { padding: 15px; border: 1px solid var(--gray-e5); border-radius: 6px; } 
.detail-check .list .rg > div .left-menu { width: 100%; border: 0; border-top: 1px solid var(--gray-cc); } 
.detail-check .list .rg > div:first-child .left-menu { border: 0; } 
 }*/

/* table-scroll */
.table-scroll-wrap { position: relative; } 
@media only screen and (max-width: 767px){
 .table-scroll-wrap { width: 100%; word-break: keep-all; overflow-x: scroll; } 
 /* .table-scroll-wrap table { width: 800px; } */
 .table-scroll-event { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8); } 
 .table-scroll-event.hidden { display: none; } 
 .table-scroll-event .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 .table-scroll-event .inner::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E"); animation: leftRight 2.4s infinite linear; } 
 @keyframes leftRight { 
 0% { transform: translateX(0px); } 
 50% { transform: translateX(-20px); } 
 100% { transform: translateX(0px); } 
 }
 .table-scroll-event .inner::after { content: "좌우로 스크롤하세요"; position: absolute; left: 50%; top: 20px; transform: translateX(-50%); display: block; margin-top: 15px; font-size: 14px; } 
 }

/* title style */
.sub-tit { display: block; margin-bottom: 30px; font-size: 2.6rem; color: #333; /* text-align: center; */ } 

.tit-st1 { height: 60px; margin-bottom: 50px; padding: 0 20px; background-color: var(--main); } 
.tit-st1 em { line-height: 60px; font-family: var(--point-fc); font-weight: 500; font-size: 3rem; color: #fff; } 

.cont-box:has(.tit-st1 + .coution) .tit-st1 { margin-bottom: 20px; } 

.tit-st2 { position: relative; margin-bottom: 40px; padding-top: 15px; } 
.tit-st2::before, .tit-st2::after { content: ""; position: absolute; top: 0; width: 6px; height: 6px; border-radius: 100%; background-color: var(--main); } 
.tit-st2::before { left: 0; } 
.tit-st2::after { left: 10px; opacity: 0.5; } 
.tit-st2 em { font-family: var(--point-fc); font-weight: 500; font-size: 2.5rem; } 

.tit-st3 { margin-bottom: 20px; } 
.tit-st3 strong { font-weight: 600; font-size: 3rem; line-height: 1.3; } 

@media only screen and (max-width: 1023px){
 .tit-st1 { height: auto; padding: 10px 20px; } 
.tit-st1 em { line-height: 1.4; } 
 }

/* cont */
.img-box { position: relative; padding-bottom: 100px; } 
.img-box::before { content: ""; position: absolute; top: -150px; right: -425px; width: 780px; height: 810px; background: url(../img/content/img-box-bg1.png) no-repeat center / contain; } 
.img-box::after { content: ""; position: absolute; bottom: -15px; left: -425px; width: 920px; height: 600px; z-index: -1; background: url(../img/content/img-box-bg2.png) no-repeat center / contain; } 
.full-img-outer { position: relative; height: 500px; } 
.full-img-wrap { position: absolute; top: 0; left: calc(-50vw + 50%); width: 0; overflow: hidden; transition: width 1.5s ease; } 
.full-img-wrap .img { width: 1680px; } 
.full-img-wrap .img img { display: block; width: 100%; } 
.img-box > p { line-height: 1.3; font-weight: 700; font-size: 3.3rem; color: var(--main); text-align: right; } 
.img-box .txt-box { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--gray-e5); } 
.img-box .txt-box p { line-height: 1.4; font-size: 2.4rem; color: #444; } 
.img-box .txt-box p + p { margin-top: 20px; } 

@media only screen and (max-width: 1023px){
 .img-box::after { display: none; } 
 }
@media only screen and (max-width: 767px){
 .img-box { padding-bottom: 60px; } 
 }

.list-st1 { position: relative; line-height: 1.5; margin-bottom: 30px; padding-left: 16px; font-size: 2.2rem; color: #444; } 
.list-st1:before { content: ""; position: absolute; top: 11px; left: 0; width: 6px; height: 6px; border-radius: 100%; background-color: var(--light2-main); } 

.detail-list { width: 100%; height: fit-content; margin-top: 20px; border-top: 1px solid var(--main); border-bottom: 1px solid var(--main); } 
.detail-list > li { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--gray-e5); font-size: 1.8rem; word-break: keep-all; word-wrap: break-word; } 
.detail-list > li:last-child { border: 0; } 
.detail-list > li span { flex-shrink: 0; position: relative; display: inline-block; width: 140px; height: fit-content; padding-left: 12px; font-weight: 600; color: #444; } 
.detail-list > li span::before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: var(--main); transform: translateY(-50%); } 
.detail-list > li em { line-height: 1.2; color: #666; } 

.cont-box { margin-bottom: 100px; } 
.cont-box:last-child { margin-bottom: 0; } 

.list-wrap + .list-wrap { margin-top: 50px; } 

.coution { line-height: 1.2; font-size: 1.8rem; color: var(--main); } 

.bd-b { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--gray-e5); } 

.extra-info { line-height: 1.3; font-size: 1.8rem; color: #757575; } 

.scroll-box { height: 400px; padding: 20px 30px; background-color: var(--light-bg); } 
.scroll-box .scroll-info { height: 100%; overflow-y: scroll; } 
.scroll-box .scroll-info::-webkit-scrollbar { width: 10px; } 
.scroll-box .scroll-info::-webkit-scrollbar-thumb { background: var(--light-main); border-radius: 100px; } 
.scroll-box .scroll-info::-webkit-scrollbar-track { background: rgba(255,255,255,0); } 
.scroll-box .scroll-info p { line-height: 1.4; font-size: 1.8rem; color: #444; } 

/******************* sub01 *******************/
/* sub010101 */
.top-box { margin-bottom: 0; } 
.top-box .top { display: flex; align-items: center; gap: 30px; } 
.top-box .top strong { font-family: var(--point-fc); font-size: 9rem; } 
.top-box .top .rg { flex-shrink: 0; } 
.top-box .top span { display: block; font-family: var(--point-fc); font-weight: 600; font-size: 2.6rem; } 
.top-box .top span:last-child { margin-top: 10px; } 

.cont-logo-list { display: flex; flex-wrap: wrap; gap: 10px; } 
.cont-logo-list li { width: calc(25% - 10px); } 
.cont-logo-list li a { display: block; padding: 20px 10px; border: 1px solid var(--gray-e5); text-align: center; } 
.cont-logo-list li img { width: auto; height: 45px; } 

.img-flex { display: flex; gap: 30px; } 
.img-flex li { flex: 1; padding: 60px 30px 30px; border: 1px solid var(--gray-e5); } 
.img-flex li strong { display: block; margin-bottom: 20px; font-weight: 600; font-size: 3rem; text-align: end; } 
.img-flex li img { width: auto; height: 70px; margin-bottom: 60px; } 
.img-flex li > div { padding: 30px; } 
.img-flex li > div p { line-height: 1.4; font-size: 2.2rem; color: #444; word-break: keep-all; word-wrap: break-word; } 

@media only screen and (max-width: 1200px){
 .img-flex { flex-flow: column wrap; gap: 30px; } 
 }
@media only screen and (max-width: 1023px){
 .cont-logo-list li { width: calc(33.3% - 10px); } 
 }
@media only screen and (max-width: 767px){
 .top-box .top { align-items: flex-start; flex-flow: column wrap; gap: 10px; } 
.top-box .top span { display: inline-block; } 
.top-box .top span:last-child { margin-top: 0; padding-left: 10px; } 
 .cont-logo-list li { width: calc(50% - 10px); } 
 }
@media only screen and (max-width: 450px){
 .cont-logo-list li { width: calc(50% - 10px); }
 .cont-logo-list li img { width: 100%; height: 100%; max-height: 45px; }  
 }

/* sub010102 */
.park-info { background: url(../img/content/sub01/park-bg.png) no-repeat right bottom / 250px; } 

.root_daum_roughmap .cont { display: none; } 
.map-adress { margin-bottom: 50px; padding: 20px 0; border-top: 2px solid var(--main); border-bottom: 2px solid var(--main); text-align: center; } 
.map-adress p { font-family: var(--point-fc); font-weight: 500; font-size: 2.5rem; color: var(--main); } 
.map-adress em { position: relative; display: inline-block; margin-right: 15px; padding-right: 15px; } 
.map-adress em::after { content: ""; position: absolute; right: 0; top: 3px; width: 3px; height: 18px; background-color: var(--main); } 
/* 구글맵 임시 마커 */
.map-wrap { position: relative; } 
.map-wrap img { position: relative; } 
/* .map-wrap::after { content: ""; position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: url(../img/content/sub01/map-marker.svg) no-repeat center center / cover; z-index: 9999; } */

.flex-list { display: flex; gap: 30px; } 
.flex-list > li { flex: 1; margin: 0; } 

.bus-list { height: calc(100% - 52px); padding: 30px; background-color: var(--gray-f9); } 
.bus-list li { position: relative; padding-left: 45px; line-height: 1.3; font-size: 2.2rem; color: #444; } 
.bus-list li + li { margin-top: 20px; } 
.bus-list li::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; } 
.bus-list li.blue:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 6.021C21.003 5.875 20.993 4.556 19.7 3.286C18.427 2.036 17.143 2 17 2H6.996C6.757 2 5.503 2.063 4.288 3.302C3.036 4.578 3 5.859 3 6V9H2V12H3V18C3 18.734 3.406 19.373 4 19.721V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H6C6.26522 22 6.51957 21.8946 6.70711 21.7071C6.89464 21.5196 7 21.2652 7 21V20H17V21C17 21.2652 17.1054 21.5196 17.2929 21.7071C17.4804 21.8946 17.7348 22 18 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V19.723C20.3034 19.549 20.5556 19.2981 20.7311 18.9956C20.9067 18.6932 20.9994 18.3497 21 18V12H22V9H21V6.021ZM9 4H15V6H9V4ZM6.5 18C6.10204 17.9999 5.72044 17.8417 5.43913 17.5602C5.15783 17.2787 4.99987 16.897 5 16.499C5.00013 16.101 5.15835 15.7194 5.43984 15.4381C5.72133 15.1568 6.10304 14.9989 6.501 14.999C6.89896 14.9991 7.28056 15.1573 7.56187 15.4388C7.84317 15.7203 8.00113 16.102 8.001 16.5C8.00087 16.898 7.84265 17.2796 7.56116 17.5609C7.27967 17.8422 6.89796 18.0001 6.5 18ZM11 13H5V8H11V13ZM17.5 18C17.102 17.9999 16.7204 17.8417 16.4391 17.5602C16.1578 17.2787 15.9999 16.897 16 16.499C16.0001 16.101 16.1583 15.7194 16.4398 15.4381C16.7213 15.1568 17.103 14.9989 17.501 14.999C17.899 14.9991 18.2806 15.1573 18.5619 15.4388C18.8432 15.7203 19.0011 16.102 19.001 16.5C19.0009 16.898 18.8427 17.2796 18.5612 17.5609C18.2797 17.8422 17.898 18.0001 17.5 18ZM19 13H13V8H19V13Z' fill='%230C4CCD'/%3E%3C/svg%3E") no-repeat center / 24px; } 
.bus-list li.green:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 6.021C21.003 5.875 20.993 4.556 19.7 3.286C18.427 2.036 17.143 2 17 2H6.996C6.757 2 5.503 2.063 4.288 3.302C3.036 4.578 3 5.859 3 6V9H2V12H3V18C3 18.734 3.406 19.373 4 19.721V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H6C6.26522 22 6.51957 21.8946 6.70711 21.7071C6.89464 21.5196 7 21.2652 7 21V20H17V21C17 21.2652 17.1054 21.5196 17.2929 21.7071C17.4804 21.8946 17.7348 22 18 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V19.723C20.3034 19.549 20.5556 19.2981 20.7311 18.9956C20.9067 18.6932 20.9994 18.3497 21 18V12H22V9H21V6.021ZM9 4H15V6H9V4ZM6.5 18C6.10204 17.9999 5.72044 17.8417 5.43913 17.5602C5.15783 17.2787 4.99987 16.897 5 16.499C5.00013 16.101 5.15835 15.7194 5.43984 15.4381C5.72133 15.1568 6.10304 14.9989 6.501 14.999C6.89896 14.9991 7.28056 15.1573 7.56187 15.4388C7.84317 15.7203 8.00113 16.102 8.001 16.5C8.00087 16.898 7.84265 17.2796 7.56116 17.5609C7.27967 17.8422 6.89796 18.0001 6.5 18ZM11 13H5V8H11V13ZM17.5 18C17.102 17.9999 16.7204 17.8417 16.4391 17.5602C16.1578 17.2787 15.9999 16.897 16 16.499C16.0001 16.101 16.1583 15.7194 16.4398 15.4381C16.7213 15.1568 17.103 14.9989 17.501 14.999C17.899 14.9991 18.2806 15.1573 18.5619 15.4388C18.8432 15.7203 19.0011 16.102 19.001 16.5C19.0009 16.898 18.8427 17.2796 18.5612 17.5609C18.2797 17.8422 17.898 18.0001 17.5 18ZM19 13H13V8H19V13Z' fill='%235EB806'/%3E%3C/svg%3E") no-repeat center / 24px; } 
.bus-list li.m-green:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 6.021C21.003 5.875 20.993 4.556 19.7 3.286C18.427 2.036 17.143 2 17 2H6.996C6.757 2 5.503 2.063 4.288 3.302C3.036 4.578 3 5.859 3 6V9H2V12H3V18C3 18.734 3.406 19.373 4 19.721V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H6C6.26522 22 6.51957 21.8946 6.70711 21.7071C6.89464 21.5196 7 21.2652 7 21V20H17V21C17 21.2652 17.1054 21.5196 17.2929 21.7071C17.4804 21.8946 17.7348 22 18 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V19.723C20.3034 19.549 20.5556 19.2981 20.7311 18.9956C20.9067 18.6932 20.9994 18.3497 21 18V12H22V9H21V6.021ZM9 4H15V6H9V4ZM6.5 18C6.10204 17.9999 5.72044 17.8417 5.43913 17.5602C5.15783 17.2787 4.99987 16.897 5 16.499C5.00013 16.101 5.15835 15.7194 5.43984 15.4381C5.72133 15.1568 6.10304 14.9989 6.501 14.999C6.89896 14.9991 7.28056 15.1573 7.56187 15.4388C7.84317 15.7203 8.00113 16.102 8.001 16.5C8.00087 16.898 7.84265 17.2796 7.56116 17.5609C7.27967 17.8422 6.89796 18.0001 6.5 18ZM11 13H5V8H11V13ZM17.5 18C17.102 17.9999 16.7204 17.8417 16.4391 17.5602C16.1578 17.2787 15.9999 16.897 16 16.499C16.0001 16.101 16.1583 15.7194 16.4398 15.4381C16.7213 15.1568 17.103 14.9989 17.501 14.999C17.899 14.9991 18.2806 15.1573 18.5619 15.4388C18.8432 15.7203 19.0011 16.102 19.001 16.5C19.0009 16.898 18.8427 17.2796 18.5612 17.5609C18.2797 17.8422 17.898 18.0001 17.5 18ZM19 13H13V8H19V13Z' fill='%2399B806'/%3E%3C/svg%3E") no-repeat center / 24px; } 
.bus-list li.red:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 6.021C21.003 5.875 20.993 4.556 19.7 3.286C18.427 2.036 17.143 2 17 2H6.996C6.757 2 5.503 2.063 4.288 3.302C3.036 4.578 3 5.859 3 6V9H2V12H3V18C3 18.734 3.406 19.373 4 19.721V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H6C6.26522 22 6.51957 21.8946 6.70711 21.7071C6.89464 21.5196 7 21.2652 7 21V20H17V21C17 21.2652 17.1054 21.5196 17.2929 21.7071C17.4804 21.8946 17.7348 22 18 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V19.723C20.3034 19.549 20.5556 19.2981 20.7311 18.9956C20.9067 18.6932 20.9994 18.3497 21 18V12H22V9H21V6.021ZM9 4H15V6H9V4ZM6.5 18C6.10204 17.9999 5.72044 17.8417 5.43913 17.5602C5.15783 17.2787 4.99987 16.897 5 16.499C5.00013 16.101 5.15835 15.7194 5.43984 15.4381C5.72133 15.1568 6.10304 14.9989 6.501 14.999C6.89896 14.9991 7.28056 15.1573 7.56187 15.4388C7.84317 15.7203 8.00113 16.102 8.001 16.5C8.00087 16.898 7.84265 17.2796 7.56116 17.5609C7.27967 17.8422 6.89796 18.0001 6.5 18ZM11 13H5V8H11V13ZM17.5 18C17.102 17.9999 16.7204 17.8417 16.4391 17.5602C16.1578 17.2787 15.9999 16.897 16 16.499C16.0001 16.101 16.1583 15.7194 16.4398 15.4381C16.7213 15.1568 17.103 14.9989 17.501 14.999C17.899 14.9991 18.2806 15.1573 18.5619 15.4388C18.8432 15.7203 19.0011 16.102 19.001 16.5C19.0009 16.898 18.8427 17.2796 18.5612 17.5609C18.2797 17.8422 17.898 18.0001 17.5 18ZM19 13H13V8H19V13Z' fill='%23CD0C0C'/%3E%3C/svg%3E") no-repeat center / 24px; } 

.map-adress ~ .list-wrap .img-wrap { text-align: center; } 

@media only screen and (max-width: 1023px){
 .park-info { background: none; } 

.flex-list { flex-flow: column wrap; } 

.bus-list { height: auto; padding: 20px; } 
 }

/* sub010102 */
.hotel-item { display: flex; gap: 40px; } 

.hotel-item .lf { flex: 1; } 
.hotel-item .lf strong { font-weight: 600; font-size: 3rem; color: var(--main); } 

.hotel-item + .hotel-item { margin-top: 80px; } 
.hotel-item .rg { width: 430px; } 
.hotel-item .rg .img-wrap { width: 100%; height: 240px; } 
.hotel-item .rg img { width: 100%; height: 100%; object-fit: contain; } 
.hotel-item .rg ul { display: flex; gap: 10px; margin-top: 15px; } 
.hotel-item .rg li { flex: 1; } 
.hotel-item .rg li a { display: flex; align-items: center; width: 100%; justify-content: space-between;} 
.hotel-item .rg li i { display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-left: 10px; line-height: 45px; font-size: 14px; text-align: center; } 
.hotel-item .rg li:first-child i { color: #fff; background-color: var(--main); } 
.hotel-item .rg li:last-child i { color: var(--main); background-color: #fff; } 

@media only screen and (max-width: 1200px){
 .hotel-item { flex-flow: column wrap; gap: 20px; } 
.hotel-item .rg { width: 100%; } 
.hotel-item .rg a { justify-content: space-between; } 
 }
@media only screen and (max-width: 500px){
 .hotel-item .rg ul { flex-flow: column wrap; } 
 }

/* sub010201 */
.review-list { display: flex; gap: 20px; margin-bottom: 80px; } 
.review-list > li { position: relative; flex: 1 1 100%; height: 350px; padding: 20px; color: #fff; background-color: var(--light-main); } 
.review-list > li::before { content: ''; position: absolute; right: 20px; bottom: 20px; width: 90px; height: 90px; background: #fff no-repeat center / 60px; border-radius: 100%; } 
.review-list > li:first-child:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M17.5 45V42.5C17.5 39.1848 18.817 36.0054 21.1612 33.6612C23.5054 31.317 26.6848 30 30 30M30 30C33.3152 30 36.4946 31.317 38.8388 33.6612C41.183 36.0054 42.5 39.1848 42.5 42.5V45M30 30C31.9891 30 33.8968 29.2098 35.3033 27.8033C36.7098 26.3968 37.5 24.4891 37.5 22.5C37.5 20.5109 36.7098 18.6032 35.3033 17.1967C33.8968 15.7902 31.9891 15 30 15C28.0109 15 26.1032 15.7902 24.6967 17.1967C23.2902 18.6032 22.5 20.5109 22.5 22.5C22.5 24.4891 23.2902 26.3968 24.6967 27.8033C26.1032 29.2098 28.0109 30 30 30ZM2.5 45V42.5C2.5 40.5109 3.29018 38.6032 4.6967 37.1967C6.10322 35.7902 8.01088 35 10 35M10 35C11.3261 35 12.5979 34.4732 13.5355 33.5355C14.4732 32.5979 15 31.3261 15 30C15 28.6739 14.4732 27.4021 13.5355 26.4645C12.5979 25.5268 11.3261 25 10 25C8.67392 25 7.40215 25.5268 6.46447 26.4645C5.52678 27.4021 5 28.6739 5 30C5 31.3261 5.52678 32.5979 6.46447 33.5355C7.40215 34.4732 8.67392 35 10 35ZM57.5 45V42.5C57.5 40.5109 56.7098 38.6032 55.3033 37.1967C53.8968 35.7902 51.9891 35 50 35M50 35C51.3261 35 52.5979 34.4732 53.5355 33.5355C54.4732 32.5979 55 31.3261 55 30C55 28.6739 54.4732 27.4021 53.5355 26.4645C52.5979 25.5268 51.3261 25 50 25C48.6739 25 47.4021 25.5268 46.4645 26.4645C45.5268 27.4021 45 28.6739 45 30C45 31.3261 45.5268 32.5979 46.4645 33.5355C47.4021 34.4732 48.6739 35 50 35Z' stroke='%23B28FBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.review-list > li:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none'%3E%3Crect x='22' y='7' width='31' height='46' rx='2' stroke='%23B28FBD' stroke-width='3'/%3E%3Cpath d='M7 25C7 23.8954 7.89543 23 9 23H22V53H9C7.89543 53 7 52.1046 7 51V25Z' stroke='%23B28FBD' stroke-width='3'/%3E%3Cpath d='M15.5 33.5V37' stroke='%23B28FBD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='33' y='40' width='9' height='13' rx='2' stroke='%23B28FBD' stroke-width='3'/%3E%3Cpath d='M32.5 14.5V18M42.5 14.5V18' stroke='%23B28FBD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.5 26.5V30M42.5 26.5V30' stroke='%23B28FBD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.review-list > li:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' fill='none'%3E%3Cg clip-path='url(%23clip0_83_2627)'%3E%3Cpath d='M44.3281 24.7717V43.0652M22.5573 24.7717V43.0652M11.6719 24.7717V43.0652M33.4427 24.7717V43.0652M6.22917 47.3696H49.7708M1.875 52.75H54.125M53.0365 18.8533V20.4674H2.96354V18.8533C12.7604 15.087 21.8737 9.87224 26.7765 4.05707L27.4557 3.25H28.5443L29.2235 4.05707C34.1263 9.87224 43.2396 15.087 53.0365 18.8533Z' stroke='%23B28FBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_83_2627'%3E%3Crect width='55' height='55' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } 
.review-list > li:nth-child(4):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' fill='none'%3E%3Cg clip-path='url(%23clip0_83_2636)'%3E%3Cpath d='M25.3993 15.0358C25.1293 14.2687 24.628 13.6044 23.9644 13.1343C23.3009 12.6643 22.5078 12.4117 21.6946 12.4115H18.65C17.7863 12.4139 16.9538 12.7349 16.312 13.3129C15.6702 13.891 15.2642 14.6854 15.1718 15.5442C15.0793 16.403 15.3069 17.2656 15.811 17.967C16.3151 18.6684 17.0601 19.1592 17.9036 19.3454L22.5314 20.359C23.4784 20.5657 24.3155 21.1151 24.8818 21.9017C25.4482 22.6882 25.7038 23.6564 25.5995 24.62C25.4951 25.5836 25.0383 26.4746 24.3168 27.1218C23.5952 27.7689 22.6599 28.1265 21.6907 28.1258H19.0703C18.2581 28.1261 17.4658 27.8747 16.8023 27.4061C16.1389 26.9376 15.637 26.2749 15.3657 25.5093M20.3864 12.4115V8.48291M20.3864 32.0543V28.1258M27.8782 53.5318V32.9068C27.8782 31.6044 28.3956 30.3554 29.3165 29.4344C30.2375 28.5135 31.4865 27.9961 32.7889 27.9961C34.0913 27.9961 35.3404 28.5135 36.2613 29.4344C37.1823 30.3554 37.6996 31.6044 37.6996 32.9068V43.7104H45.5568C47.6406 43.7104 49.6391 44.5382 51.1126 46.0117C52.5861 47.4852 53.4139 49.4837 53.4139 51.5675V53.5318' stroke='%23B28FBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3903 38.0729C16.7657 38.0724 13.2277 36.9654 10.2492 34.8999C7.27069 32.8344 4.99372 29.9089 3.72271 26.5145C2.4517 23.1201 2.24722 19.4185 3.13661 15.9047C4.02601 12.3909 5.96689 9.23242 8.69975 6.85143C11.4326 4.47045 14.8272 2.98049 18.4297 2.58076C22.0322 2.18103 25.6708 2.89059 28.8592 4.61456C32.0475 6.33853 34.6336 8.99475 36.2717 12.2281C37.9097 15.4614 38.5217 19.1178 38.0257 22.7083' stroke='%23B28FBD' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_83_2636'%3E%3Crect width='55' height='55' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } 
.review-list > li:nth-child(5):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 56' fill='none'%3E%3Cpath d='M42.2114 41.7687L51.3602 50.9175M8.03743 35.1303C9.10801 37.6801 10.6717 39.9933 12.6386 41.9371C14.6055 43.881 16.937 45.4172 19.4992 46.4576C22.0615 47.498 24.8039 48.0221 27.5692 47.9998C30.3345 47.9775 33.0682 47.4092 35.6133 46.3277C38.1584 45.2461 40.4648 43.6725 42.4002 41.6971C44.3355 39.7218 45.8616 37.3837 46.891 34.817C47.9203 32.2503 48.4325 29.5056 48.3983 26.7405C48.3641 23.9753 47.784 21.2441 46.6914 18.7037C44.4972 13.6017 40.3712 9.57665 35.2165 7.50942C30.0617 5.4422 24.2979 5.50112 19.1865 7.67331C14.0751 9.84549 10.0323 13.954 7.94278 19.0998C5.85331 24.2456 5.88734 30.0096 8.03743 35.1303Z' stroke='%23B28FBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.2202 37.417C36.5079 35.3703 35.1762 33.596 33.4099 32.3405C31.6435 31.0849 29.5301 30.4103 27.363 30.4103C25.1959 30.4103 23.0825 31.0849 21.3162 32.3405C19.5498 33.596 18.2181 35.3703 17.5059 37.417M20.3642 19.917C20.3642 21.7735 21.1017 23.554 22.4144 24.8667C23.7272 26.1795 25.5077 26.917 27.3642 26.917C29.2207 26.917 31.0012 26.1795 32.3139 24.8667C33.6267 23.554 34.3642 21.7735 34.3642 19.917C34.3642 18.0605 33.6267 16.28 32.3139 14.9672C31.0012 13.6545 29.2207 12.917 27.3642 12.917C25.5077 12.917 23.7272 13.6545 22.4144 14.9672C21.1017 16.28 20.3642 18.0605 20.3642 19.917Z' stroke='%23B28FBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.review-list > li strong { font-weight: 600; font-size: 2.5rem; } 
.review-list > li ul { margin-top: 20px; } 
.review-list > li ul li { font-size: 2rem; } 
.review-list > li ul li + li { margin-top: 15px; } 

.grid-img { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
.grid-img li { flex: 0 0 25%; max-width: 25%; padding: 0 10px; } 
.grid-img li:nth-child(3n) { margin-right: 0; } 
.grid-img li a { position: relative; display: block; width: 100%; height: auto; margin-bottom: 20px; overflow: hidden; } 
.grid-img li img { width: 100%; transition: all .3s; } 
.grid-img li a:hover img { transform: scale(1.1, 1.1); } 
.grid-img li .txt { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; background-color: var(--gray-f8); text-align: center; } 
.grid-img li .txt strong { font-weight: 600; font-size: 1.8rem; } 

@media only screen and (max-width: 1300px){
 .review-list { flex-wrap: wrap; } 
.review-list > li { flex: unset; width: calc(50% - 10px); height: auto; } 
.review-list.nth5 li:last-child { width: 100%; } 
 }
@media only screen and (max-width: 1023px){
 .grid-img li { flex: 0 0 50%; max-width: 50%; } 
 }
@media only screen and (max-width: 767px){
 .review-list > li { width: 100%; } 
 }
@media only screen and (max-width: 650px){
 .grid-img li { flex: 0 0 100%; max-width: 100%; } 
 }
@media only screen and (max-width: 500px){
 .review-list > li::before { display: none; } 
 }

/* sub010205 */
.year-list { display: flex; flex-wrap: wrap; } 
.year-list > li { position: relative; flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 100px; } 
.year-list > li:nth-child(n + 13) { margin-bottom: 0; } 
.year-list > li::before , .year-list > li::after { content: ""; position: absolute; z-index: 1; border-radius: 100%; background-color: var(--main); } 
.year-list > li::before { left: -4px; top: 80px; width: 8px; height: 8px; } 
.year-list > li::after { left: -8px; top: 76px; width: 16px; height: 16px; opacity: 0.1; } 
.year-list .top { position: relative; margin-bottom: 60px; font-weight: 500; } 
.year-list .top::before { content: ""; position: absolute; left: 0; top: 84px; width: 100%; height: 1px; background-color: #ccc; } 
.year-list .top strong { font-weight: 500; font-size: 2.7rem; } 
.year-list .top p { margin-top: 5px; font-size: 2rem; color: #444; } 
.year-list .bottom { padding-left: 10px; } 
.year-list .bottom li { } 
.year-list .bottom li + li { margin-top: 20px; } 
.year-list .bottom em { position: relative; display: inline-block; width: 100px; padding-left: 15px; font-weight: 600; font-size: 2.2rem; color: var(--main); } 
.year-list .bottom em::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background-color: var(--main); border-radius: 100%; transform: translateY(-50%); } 
.year-list .bottom span { font-size: 2rem; color: #444; } 

/* sub0103 */
@media only screen and (max-width: 1360px){
 .sub0103 .bbs-list-wrap2 { width: 1300px; } 
 }


/* 바이오코리아 마이페이지 */
.bio-mypage { } 
.bio-mypage .bg-box { display: flex; justify-content: space-between; padding: 30px; background: var(--light-bg); } 
.bio-mypage .bg-box .lf .name { display: flex; align-items: center; gap: 10px; font-size: 2.2rem; font-weight: 600; } 
.bio-mypage .bg-box .lf .name b { font-size: 2.5rem; font-weight: 700; color: var(--main); } 
.bio-mypage .bg-box .lf .name .cate { display: inline-block; padding: 5px 10px; font-size: 17px; background: #222; color: #fff; font-weight: 500; } 
.bio-mypage .bg-box .lf p { font-size: 1.8rem; color: #666; margin-top: 20px; } 
.bio-mypage .bg-box .rg-btn-list { display: flex; gap: 5px; align-items: center; } 
.bio-mypage .bg-box .rg-btn-list li { } 
.bio-mypage .bg-box .rg-btn-list li a { display: inline-block; padding: 10px 20px; background: #fff; border: 1px solid var(--main); font-size: 1.8rem; color: var(--main); font-weight: 500; } 

.bio-mypage .bbs-wrap { } 
.bio-mypage .bbs-wrap .bbs-list .btn-list { display: flex; gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap; } 
.bio-mypage .bbs-wrap .bbs-list .btn-list li { } 
.bio-mypage .bbs-wrap .bbs-list .btn-list li a { display: inline-block; width: 100%; height: 100%; padding: 13px 20px; font-size: 16px; background: var(--main); color: #fff; } 
.bio-mypage .bbs-wrap .bbs-list .btn-list li a.none { background: #888; } 
.bio-mypage .bbs-list-wrap1 tbody tr:hover { background: unset; } 


@media only screen and (max-width: 1023px){
 .bio-mypage .bbs-wrap .bbs-list .btn-list { justify-content: left; flex-wrap: wrap; } 
 .bio-mypage .bbs-list-wrap1 tbody tr { flex-direction: column; align-items: unset; padding: 20px; } 
.bio-mypage .bbs-list-wrap1 tbody tr td + td { margin-top: 10px; } 
.bio-mypage .bbs-list-wrap1 tbody tr td { text-align: left; } 
.bio-mypage .bbs-list-wrap1 tbody tr td[data-content="행사명"]::before { display: none; } 
.bio-mypage .bbs-list-wrap1 tbody tr td::before { content: attr(data-content); display: inline-block; width: 70px; color: var(--light-main); } 
.bio-mypage .bbs-list-wrap1 tbody tr td.noList::before {display: none;}
.bio-mypage .bbs-list-wrap1 tbody tr td::after { display: none; } 
.bio-mypage .bbs-list-wrap1 tbody tr td[data-content="상태"] { position: static; width: unset; } 

.bio-mypage .popup-wrap .bbs-list-wrap1 tbody tr td::before { content: attr(data-content); } 
/* .bio-mypage .popup-wrap .bbs-list-wrap1 tbody tr td[data-content="구분"]::before { content: "구분"; } 
.bio-mypage .popup-wrap .bbs-list-wrap1 tbody tr td[data-content="참가유형"]::before { content: "참가유형"; } 
.bio-mypage .popup-wrap .bbs-list-wrap1 tbody tr td[data-content="등록비"]::before { content: "등록비"; } */ } 
/* 제출서류 테이블 */
.bio-mypage .bbs-list-wrap1.file-send tbody tr { flex-direction: row; align-items: center; justify-content: space-between; } 
.bio-mypage .bbs-list-wrap1.file-send tbody tr td + td { margin: unset } 
.bio-mypage .bbs-list-wrap1.file-send tbody tr td::before { content: ""; display: none; } 

/* 회원정보 수정 */
.bio-mypage .myinfo-box { display: flex; gap: 30px; } 
.bio-mypage .myinfo-box > div { width: 50%; } 
.bio-mypage .myinfo-box .lf { display: flex; gap: 20px; flex-wrap: wrap; padding: 30px; background: var(--light-bg); } 
.bio-mypage .myinfo-box .lf .item { gap: 20px; /*width: 33.3%;*/ flex: 1 1 33.3%; background: var(--light-bg);} 
.bio-mypage .myinfo-box .lf .item em { color: var(--main); font-size: 1.8rem; font-weight: 500; } 
.bio-mypage .myinfo-box .lf .item p { font-weight: 500; margin-top: 20px; } 
.bio-mypage .myinfo-box .rg { background: #f7f7f7; padding: 30px; } 
.bio-mypage .myinfo-box .rg strong { font-size: 2rem; font-weight: 600; } 
.bio-mypage .myinfo-box .rg strong { font-size: 1.8rem; } 
.bio-mypage .myinfo-box .rg p { font-size: 1.7rem; color: #666; margin-top: 20px; } 
.bio-mypage .myinfo-box .rg a { display: inline-block; padding: 10px 20px; background: var(--main); color: #fff; margin-top: 20px; } 

@media only screen and (max-width: 767px){
 .bio-mypage .myinfo-box { flex-direction: column; gap: 20px; } 
.bio-mypage .myinfo-box div { width: 100%; } 
.bio-mypage .myinfo-box .lf .item { width: 100%; } 

.bio-mypage .bbs-wrap .bbs-list .btn-list li a { padding: 6px 10px; } 
.bio-mypage .bbs-list-wrap1.file-send tbody tr { flex-direction: column; align-items: baseline; gap: 20px; } 
 }

.pw-find-box { width: 100%; max-width: 800px; margin: 0 auto; } 

/* 연사 회원정보 수정 */
.bio-mypage .speaker-info { display: flex; justify-content: space-between; gap: 30px; align-items: center; flex-wrap: wrap; padding: 30px; background: #fff; border: 1px solid #e5e5e5; } 
.bio-mypage .speaker-submit-box { } 
.bio-mypage .speaker-submit-box .item { padding: 30px 0; border-top: 2px solid var(--main); } 
.bio-mypage .speaker-submit-box .item .sm-tit { font-weight: 700; font-family: 'Montserrat'; color: var(--light-main); } 
.bio-mypage .speaker-submit-box .item .big-tit { font-weight: 700; font-family: 'Montserrat'; color: #222; font-size: 2rem; } 
.bio-mypage .speaker-submit-box .item .item-list { } 
.bio-mypage .speaker-submit-box .item .item-list li { display: flex; justify-content: space-between; align-items: center; gap: 10px 30px; flex-wrap: wrap; padding: 20px 0; } 
.bio-mypage .speaker-submit-box .item .item-list li + li { border-top: 1px solid #e5e5e5; } 
.bio-mypage .speaker-submit-box .item .item-list li:last-child { border-bottom: none; } 
.bio-mypage .speaker-submit-box .item .item-list li p { font-size: 2rem; font-weight: 500; } 
.bio-mypage .speaker-submit-box .item .item-list li a { font-size: 16px; background: #f1f1f1; color: var(--main); } 
.bio-mypage .speaker-submit-box .item .item-list li a.submit { background: var(--main); color: #fff; } 

/* .speaker-submit-pop { border-top: 2px solid var(--main); } */
.speaker-submit-pop .photo-box { padding: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } 
.speaker-submit-pop .photo-box .img-wrap { width: 150px; height: 210px; border: 1px solid #e5e5e5; } 
.speaker-submit-pop .photo-box .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.speaker-submit-pop .detail-box { padding: 30px; background: #f7f7f7; } 
.speaker-submit-pop .detail-box .tit { display: block; font-size: 1.8rem; font-weight: 600; color: var(--main); margin-bottom: 20px; } 
.speaker-submit-pop .detail-box p { font-size: 1.7rem; color: #444; line-height: 1.4; } 
.speaker-submit-pop .detail-box .philmo { display: flex; align-items: center; } 
.speaker-submit-pop .detail-box .philmo + .philmo { margin-top: 20px; } 
.speaker-submit-pop .detail-box .philmo .year { width: 130px; font-size: 1.8rem; color: var(--main); font-weight: 600; flex-shrink: 0; } 

.speaker-submit-pop .list-box { } 
.speaker-submit-pop .list-box li { display: flex; padding: 20px; } 
.speaker-submit-pop .list-box li { border-bottom: 1px solid #e5e5e5; } 
.speaker-submit-pop .list-box li strong { width: 150px; font-size: 1.8rem; font-weight: 600; flex-shrink: 0; } 
.speaker-submit-pop .list-box li a { text-decoration: underline; } 
.speaker-submit-pop .list-box li.big-tit { color: var(--main); background: #f7f7f7; padding: 20px; } 
.speaker-submit-pop .list-box li .txt-box p { font-size: 1.7rem; color: #444; line-height: 1.4; } 
.speaker-submit-pop .list-box li .txt-box p + p { margin-top: 30px; } 

.speaker-submit-pop .form-wrap1 { } 

.popup-top.print { position: relative; color: #fff; background: var(--main); padding: 20px; font-size: 2.5rem; display: flex; justify-content: space-between; } 
.popup-top.print .print-btn { position: absolute; right: 80px; top: 50%; transform: translateY(-50%); display: inline-block; padding: 4px 8px; background: #fff; color:var(--main); font-size: 2rem; } 
.popup-cont.print { padding: 20px; } 

/* 인보이스 인쇄 */
.popup-top.invoice { } 
.popup-top.invoice img { width: 100%; } 
.popup-cont.invoice .inner .tit { display: block; text-align: center; font-size: 30px; color: #5F4BC4; margin: 30px 0; } 
.popup-cont.invoice .inner .cont-box { margin-bottom: 30px; } 
.popup-cont.invoice .inner .cont-box:last-child { margin-bottom: 0; } 
.popup-cont.invoice .inner .cont-box .flex-box { display: flex; justify-content: space-between; align-items: center; } 
.popup-cont.invoice .inner .cont-box .flex-box.top { margin-bottom: 10px; } 
.popup-cont.invoice .inner .cont-box .flex-box.top p { font-size: 16px; color: #000; } 
.popup-cont.invoice .inner .cont-box .flex-box.top p strong { font-size: 15px; font-weight: 600; } 
.popup-cont.invoice .inner .cont-box .flex-box.top p span { margin-left: 5px; } 
.popup-footer strong { display: block; text-align: center; margin: 25px 0; font-size: 20px; } 
.popup-footer img { width: 100%; } 

/******************* sub02 *******************/
/* sub020101 */
.filt-wrap { } 
.filt-wrap .filter-list { display: flex; border: 1px solid #f5f5f5; } 
.filt-wrap .filter-list li { width: 50%; text-align: center; } 
.filt-wrap .filter-list li { } 
.filt-wrap .filter-list li + li { border-left: 1px solid #f5f5f5; } 
.filt-wrap .filter-list li a { display: block; width: 100%; height: 100%; font-size: 2rem; font-weight: 500; color: var(--main); padding: 20px; background: #fff; transition: all .3s ease; } 
.filt-wrap .filter-list li a i { margin-left: 5px; font-size: 16px; } 
.filt-wrap .filter-list li a.active { background: #f5f5f5; } 

.filt-box { position: relative; background: #f5f5f5; margin-top: -2px; } 
.filt-box .filt-search { padding: 30px; } 
.filt-box .filt-search .inp-flex { display: flex; gap: 10px; } 

.filt-option { display: flex; gap: 30px; padding:30px; background: #f5f5f5; } 
.filt-option .option-wrap { width: 25%; } 
.filt-option .option-wrap .filt-tit { font-size: 1.8rem; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid var(--bd-color); margin-bottom: 20px; } 
.filt-option .option-wrap .otp-list { height: 200px; overflow-y: auto; } 
.filt-option .option-wrap .otp-list > * { margin-top: 15px; } 

.color-guide { display: flex; gap: 30px; align-items: center; justify-content: right; } 
.color-guide li { display: flex; align-items: center; gap: 6px; font-size: 1.8rem; font-weight: 600; } 
.color-guide li i { display: block; width: 8px; height: 8px; border-radius: 10px; } 
.color-guide li.cate01 { color: var(--main); } 
.color-guide li.cate02 { color: var(--sub); } 
.color-guide li.cate03 { color: var(--green); } 
.color-guide li.cate04 { color: var(--orange); } 
.color-guide li.cate05 { color: var(--pink); } 
.color-guide li.cate01 i { background: var(--main); } 
.color-guide li.cate02 i { background: var(--sub); } 
.color-guide li.cate03 i { background: var(--green); } 
.color-guide li.cate04 i { background: var(--orange); } 
.color-guide li.cate05 i { background: var(--pink); } 

@media only screen and (max-width: 767px){
 .filt-option { flex-direction: column; } 
.filt-option .option-wrap { width: 100%; } 
.filt-option .option-wrap .otp-list { display: flex; flex-wrap: wrap; height: unset; } 
.filt-option .option-wrap .otp-list > * { width: 50%; flex: 1 1 50%; } 
.color-guide { flex-wrap: wrap; gap: 10px 20px; } 
 }
@media only screen and (max-width: 500px){
 .filt-box .filt-search .inp-flex { flex-direction: column; } 
 .filt-box .filt-search .inp-flex button { width: 100%; } 
 .filt-option .option-wrap .otp-list > * { width: 100%; flex: unset; } 
 }
/* sub020102 */
.session-list { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
.session-list li { width: 33.3%; padding: 0 10px; margin-bottom: 40px; } 
.session-list li a { display: block; width: 100%; height: 100%; } 
.session-list li a .top { display: flex; align-items: center; justify-content: left; gap:10px; padding: 10px 20px; }
.session-list li a.cate01 .top { background: var(--main); }
.session-list li a.cate01 .code { color: var(--main); }
.session-list li a.cate02 .top { background: var(--sub); }
.session-list li a.cate02 .code { color: var(--sub); }
.session-list li a.cate03 .top { background: var(--green); } 
.session-list li a.cate03 .code { color: var(--green); } 
.session-list li a.cate04 .top { background: var(--orange); } 
.session-list li a.cate04 .code { color: var(--orange); } 
.session-list li a.cate05 .top { background: var(--pink); } 
.session-list li a.cate05 .code { color: var(--pink); } 


.session-list li a .top .tit { color: #fff; font-size: 2.5rem; font-weight: 600; } 
.session-list li a .top .code { background: #fff; font-size: 1.8rem; font-weight: 700; border-radius: 7px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding: 7px 10px; } 
.session-list li a .mid-cont { padding: 20px; margin-top: 7px; border: 1px solid var(--bd-color); } 
.session-list li a .mid-cont .date { display: flex; justify-content: space-between; gap: 10px 30px; flex-wrap: wrap; } 
.session-list li a .mid-cont .date em { display: block; font-size: 2rem; font-weight: 600; color: var(--light-main); } 
.session-list li a .mid-cont .date span { display: flex; gap: 10px; color: #666; } 
.session-list li a .mid-cont .date span i { font-size: 15px; } 
.session-list li a .mid-cont .detail-txt { font-size: 2rem; font-weight: 500; word-break: keep-all; line-height: 1.3; height: 52px; } 
.session-list li a .mid-cont .room-num { display: flex; justify-content: right; } 
.session-list li a .mid-cont .room-num span { display: inline-block; padding: 10px 20px; color: #fff; background: #444; } 

/* 오픈세션 */
.session-list.open-session li a .top { background: var(--light-bg); } 
.session-list.open-session li a .top .tit { color: var(--main); } 
.session-list.open-session li a .code { width: 50px; color: var(--main); } 
/* 기업발표 */
.session-list.company-session li a .top { border: 1px solid var(--sub); } 
.session-list.company-session li a .top .tit { color: var(--sub); } 
.session-list.company-session li a .code { color: #fff; background: var(--sub); } 
.session-list.company-session li a .mid-cont .date em { color: #2E75B787; } 
.company-session-info { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; } 
.company-session-info .logo { max-width: 200px; padding: 20px; border: 1px solid #e5e5e5; } 
.company-session-info .logo img { width: 100%; height: auto; } 
.company-session-info .info { display: flex; flex-direction: column; gap: 10px; font-size: 2rem; font-weight: 600; } 
.company-session-info .info a { color: var(--sub); } 
.company-session-info .info a:hover { text-decoration: underline; } 
/* .company-session-info .info a.booth-btn { } */
@media only screen and (max-width: 767px){
 .session-list li { width: 50%; } 
 /* .company-session-info { flex-direction: column; } */ } 
@media only screen and (max-width: 490px){
 .session-list li { width: 100%; margin-bottom: 20px; } 
 }

/* sub020203 */ 
.top-ui { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } 
.top-ui .ui-list { display: flex; gap: 10px; } 
.top-ui .ui-list li { width: 40px; height: 40px; background: var(--light-bg); border-radius: 100px; } 
.top-ui .ui-list li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: var(--main); font-size: 2rem; } 
.top-ui .ui-list li a.copy i { font-size: 2.5rem; } 

.session-box { } 
.session-box .sesison-chair { display: flex; gap: 30px; flex-wrap: wrap; padding: 30px; background: #f5f5f5; } 
.session-box .sesison-chair .chair-info { flex: 1 1 48%; display: flex; gap: 30px; } 
.session-box .sesison-chair .chair-info .img-wrap { width: 100px; height: 120px; border: 5px solid var(--light2-main); } 
.session-box .sesison-chair .chair-info .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.session-box .sesison-chair .chair-info .chair-detail { } 
.session-box .sesison-chair .chair-info .chair-detail strong { display: inline-block; padding: 10px 20px; background: var(--main); color: #fff; font-weight: 600; } 
.session-box .sesison-chair .chair-info .chair-detail p { color: #444; font-weight: 400; word-break: keep-all; } 
.session-box .sesison-chair .chair-info .chair-detail .name { font-size: 2rem; line-height: 1.4; font-weight: 600; color: #222; word-break: keep-all; } 

.session-keyword { display: flex; gap: 20px; } 
.session-keyword li { display: block; font-size: 2.2rem; color: #222; font-weight: 600; } 

.session-box .session-info { } 
.session-box .session-info .conf-title { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; color: #fff; } 
/* 분과 카테고리 색상 */
.session-box .session-info .conf-title.cate01 { background: var(--main); } 
.session-box .session-info .conf-title.cate02 { background: var(--sub); } 
.session-box .session-info .conf-title.cate03 { background: var(--green); } 
.session-box .session-info .conf-title.cate04 { background: var(--orange); } 
.session-box .session-info .conf-title.cate05 { background: var(--pink); } 
.session-box .session-info .conf-title strong { font-size: 2rem; font-weight: 600; } 
.session-box .session-info .conf-title span { font-size: 1.8rem; } 
.session-box .session-info .pro-pop-title { padding: 20px 0; } 
.session-box .session-info .pro-pop-title .session-tit { display: flex; align-items: center; gap: 10px; font-size: 2.3rem; color: #222; font-weight: 700; line-height: 1.3; word-break: keep-all; } 
.session-box .session-info .pro-pop-title .session-tit .session-code { color: #fff; display: inline-block; padding: 4px 8px; font-size: 18px; } 
.session-box .session-info .pro-pop-title .session-tit .session-code.s1 { background: var(--main); } 
.session-box .session-info .pro-pop-title .session-tit .session-code.s2 { background: var(--sub); } 
.session-box .session-info .pro-pop-title .session-tit .session-code.s3 { background: var(--green); } 
.session-box .session-info .pro-pop-title .session-tit .session-code.s4 { background: var(--orange); } 
.session-box .session-info .pro-pop-title .session-tit .session-code.s5 { background: var(--pink); } 
.session-box .session-info .pro-pop-title .session-tit .session-code.p1 { border: 1px solid var(--sub); color: var(--sub); } 
.session-box .session-info .pro-pop-title .session-name { font-size: 1.8rem; color: var(--light-main); font-weight: 400; margin-top: 15px; line-height: 1.3; word-break: keep-all; } 
.session-box .session-info .session-detail { line-height: 1.5; color: #555; margin-top: 20px; word-break: keep-all; } 
.session-box .speak-tit { display: flex; justify-content: space-between; gap: 30px; padding: 15px 20px; background: var(--light-bg); color: var(--main); font-size: 2rem; font-weight: 600; } 
.session-box .speak-tit span { font-size: 16px; color: var(--sub); font-weight: 600; text-align: right; } 
.session-box .speaker-list { } 
.session-box .speaker-list li + li { margin-top: 10px; } 
.session-box .speaker-list li a { display: block; width: 100%; height: 100%; padding: 20px; border: 1px solid #e5e5e5; transition: all .3s ease; } 
.session-box .speaker-list li a:hover { border: 1px solid var(--light-main); } 
.session-box .speaker-list li a .session-time { color: var(--sub); font-weight: 600; text-align: right; } 
.session-box .speaker-list li a .main-txt { display: flex; gap: 30px; } 
.session-box .speaker-list li a .main-txt .img-wrap { width: 100px; height: 120px; border: 5px solid var(--light2-main); } 
.session-box .speaker-list li a .main-txt .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.session-box .speaker-list li a .speaker-txt { width: 100%; } 
.session-box .speaker-list li a .speaker-txt .top { display: flex; gap: 30px; justify-content: space-between; width: 100%; align-items: center; } 
.session-box .speaker-list li a .speaker-txt .top strong { font-size: 1.8rem; color: #666; font-weight: 600; line-height: 1.4; word-break: keep-all; } 
.session-box .speaker-list li a .speaker-txt p { color: #666; font-weight: 400; } 
.session-box .speaker-list li a .speaker-txt .name { font-size: 2.2rem; color: #222; font-weight: 700; } 
.session-box .speaker-list li a .speaker-txt .btn-list { display: flex; gap: 5px; justify-content: right; } 
.session-box .speaker-list li a .speaker-txt .btn-list button { display: inline-block; padding: 8px 15px; color: var(--main); font-weight: 600; background: #f5f5f5; transition: all .3s ease; } 
.session-box .speaker-list li a .speaker-txt .btn-list button:hover { background: var(--main); color: #fff; } 
.session-box .speaker-list li.break-time { padding: 10px; background: #AC82FF; color: #fff; font-weight: 500; text-align: center; } 

@media only screen and (max-width: 767px){
 .session-box .sesison-chair .chair-info .img-wrap { width: 70px; height: 90px; flex-shrink: 0; } 

 .session-box .session-info .conf-title { flex-wrap: wrap; } 
 .session-box .session-info .conf-title strong { display: block; width: 100%; } 
 .session-box .session-info .conf-title span { display: block; margin-top: 10px; width: 100%; text-align: right; } 

 .session-box .speaker-list li a .main-txt { gap: 20px; } 
 .session-box .speaker-list li a .main-txt .img-wrap { width: 60px; height: 80px; flex-shrink: 0; } 
 .session-box .speaker-list li a .speaker-txt .top { flex-wrap: wrap; gap: 10px; } 
.session-box .speaker-list li a .speaker-txt .top strong { display: block; width: 100%; } 
 .session-box .speaker-list li a .speaker-txt .btn-list { margin-top: 20px; justify-content: left; flex-wrap: wrap; } 
 }
/* sub020204 */
 .speaker-detail { padding: 30px; background: #f5f5f5; } 
 .speaker-detail .top-wrap { display: flex; gap: 30px; width: 100%; } 
 .speaker-detail .top-wrap .img-wrap { width: 130px; height: 150px; border: 5px solid var(--light2-main); flex-shrink: 0; } 
 .speaker-detail .top-wrap .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
 .speaker-detail .top-wrap .txt-wrap { width: 100%; } 
 
 .speaker-detail .top-wrap .txt-wrap .session-tit { line-height: 1.3; font-size: 2rem; color: #666; font-weight: 600; word-break: keep-all; } 
 .speaker-detail .top-wrap .txt-wrap .name { display: flex; gap: 15px; align-items: end; flex-wrap: wrap; font-size: 2.4rem; color: #222; font-weight: 700; } 
 .speaker-detail .top-wrap .txt-wrap .position { font-size: 16px; color: #666; font-weight: 400; } 
 .speaker-detail .top-wrap .txt-wrap .company { font-size: 1.8rem; color: #666; font-weight: 400; } 
 .speaker-detail .top-wrap .txt-wrap .btn-list { display: flex; gap: 5px; justify-content: right; flex-wrap: wrap; margin-top: 15px; } 
 .speaker-detail .top-wrap .txt-wrap .btn-list button { display: inline-block; padding: 10px 20px; background: var(--main); font-size: 1.8rem; color: #fff; font-weight: 500; transition: all .3s ease; } 
.speaker-detail .top-wrap .txt-wrap .btn-list button:hover { background: #4b165b; } 

.speaker-info-tit { display: flex; justify-content: space-between; gap: 30px; padding: 10px 20px; font-size: 2rem; font-weight: 500; background: var(--main); color: #fff; } 

.speaker-info-box { display: flex; flex-wrap: wrap; gap: 30px; padding: 30px; border: 1px solid #e5e5e5; } 
.speaker-info-box .txt-box { flex: 1 1 48%; margin: unset; } 
.speaker-info-box .txt-box .tit { display: block; font-size: 1.8rem; color: var(--sub); font-weight: 600; margin-bottom: 15px; } 
.speaker-info-box .txt-box p { line-height: 1.5; color: #444; font-size: 1.8rem; word-break: keep-all; } 
.speaker-info-box .txt-box em { line-height: 1.3; display: block; font-size: 1.8rem; margin-bottom: 10px; font-weight: 600; word-break: keep-all; } 
@media only screen and (max-width: 767px){
 .speaker-detail .top-wrap .img-wrap { width: 80px; height: 100px; } 
 .speaker-detail .top-wrap .txt-wrap .btn-list { justify-content: left; } 
 }
 @media only screen and (max-width: 500px){
 .speaker-detail .top-wrap { flex-direction: column; } 
 .speaker-info-box { padding: 20px; } 
 }
/* sub020201 */ 
.sub020201 .detail-list { counter-reset: outer-counter1; } 
/* .sub020201 .detail-list span { width: 200px; }  */
.sub020201 .detail-list span { width: 348px; } 
.sub020201 .detail-list > li { align-items: center; counter-increment: outer-counter1; } 
.sub020201 .detail-list > li span { padding-left: 30px; } 
.sub020201 .detail-list > li span:before { content: counter(outer-counter1); position: absolute; bottom: 0; left: 0; width: 22px; height: 22px; line-height: 22px; font-weight: 700; font-size: 15px; color: #fff; text-align: center; border-radius: 100%; } 

@media only screen and (max-width: 767px){
 .sub020201 .detail-list > li { flex-flow: column wrap; align-items: flex-start; } 
.sub020201 .detail-list > li span { padding-left: 25px; } 
.sub020201 .detail-list > li span:before { width: 18px; height: 18px; line-height: 18px; font-weight: 700; font-size: 13px; color: #fff; text-align: center; border-radius: 100%; } 
.sub020201 .detail-list > li .rg { padding-left: 25px; } 
.sub020201 .top-box .img-box .flex, .sub020202 .top-box .img-box .flex { flex-direction: column; gap: 30px; } 
 }

/* sub020202 */
.sub020202 table img { width: 100%; max-width: 120px; } 
.sub020202 table a i { color: var(--main); } 
@media only screen and (max-width: 1023px){
 .sub020202 table img { width: 100%; max-width: 80px; } 
.sub020202 table a i { font-size: 1.8rem; } 
 }

/* sub020204 - 인베스트 세션 */
.session-list.invest-session li a .top { background: #7b863d; } 
.session-list.invest-session li a .top .code { width: 50px; color: #7b863d; } 
.comp-list { display: flex; flex-wrap: wrap; margin: 0 -10px -20px -10px; } 
.comp-list li { width: 20%; padding: 0 10px; } 
.comp-list li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: 1px solid #e5e5e5; height: 80px; padding: 20px; margin-bottom: 20px; } 
.comp-list li img { max-width: 100px; width: 100%; height: auto; object-fit: contain; } 
@media only screen and (max-width: 767px){
 .comp-list li { width: 33.3%; } 
 }
@media only screen and (max-width: 500px){
 .comp-list li { width: 50%; } 
 }
/* sub0203 */
@media only screen and (max-width: 1023px){
 .sub0203 .bbs-list-wrap1 tbody tr { padding: 18px; } 
 }

/******************* sub03 *******************/
/* sub030201 */
.appli-step { position: relative; display: flex; gap: 30px; } 
.appli-step::before { content: ""; position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B28FBD' stroke-width='2' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"); } 
.appli-step li { flex: 1; background-color: var(--light-bg); text-align: center; } 
.appli-step .top { height: 220px; padding: 30px 10px; } 
.appli-step .top span { font-weight: 700; font-size: 2.4rem; color: var(--main); } 
.appli-step .top p { position: relative; padding-top: 60px; line-height: 1.3; font-weight: 500; font-size: 1.8rem; color: #444; } 
.appli-step .top p::before { content: ''; position: absolute; left: 50%; top: 20px; width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateX(-50%); } 
.appli-step li:first-child .top p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cg clip-path='url(%23clip0_348_106)'%3E%3Cpath d='M12.1164 3.23603H14.3499C14.7053 3.23603 15.0462 3.37722 15.2975 3.62853C15.5488 3.87985 15.69 4.22071 15.69 4.57613M11.9377 17.8789L8.61425 18.3524L9.08776 15.0736L17.6198 6.55056C18.0008 6.19548 18.5048 6.00218 19.0256 6.01136C19.5464 6.02055 20.0432 6.23152 20.4115 6.59981C20.7798 6.96811 20.9908 7.46498 21 7.98575C21.0092 8.50652 20.8159 9.01052 20.4608 9.39158L11.9377 17.8789ZM5.19251 1.44922H11.4463C11.4463 1.44922 12.1164 1.44922 12.1164 2.11927V4.35278C12.1164 4.35278 12.1164 5.02283 11.4463 5.02283H5.19251C5.19251 5.02283 4.52246 5.02283 4.52246 4.35278V2.11927C4.52246 2.11927 4.52246 1.44922 5.19251 1.44922Z' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6899 17.5308V20.211C15.6899 20.5664 15.5487 20.9073 15.2974 21.1586C15.0461 21.4099 14.7052 21.5511 14.3498 21.5511H2.28884C1.93342 21.5511 1.59256 21.4099 1.34124 21.1586C1.08992 20.9073 0.94873 20.5664 0.94873 20.211V4.57643C0.94873 4.22102 1.08992 3.88015 1.34124 3.62884C1.59256 3.37752 1.93342 3.23633 2.28884 3.23633H4.52235M4.96905 8.59675H11.2229M4.96905 12.6171H7.20256' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_348_106'%3E%3Crect width='22' height='22' fill='%23641E7A' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } 
.appli-step li:nth-child(2) .top p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M19.25 5.54102H2.75L11 11.9577L19.25 5.54102Z' stroke='%23641E7A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M1.83334 6.54101C1.83334 5.98873 2.28106 5.54102 2.83334 5.54102H19.1667C19.719 5.54102 20.1667 5.98873 20.1667 6.54102V16.3744C20.1667 17.4789 19.2712 18.3743 18.1667 18.3743H3.83335C2.72878 18.3743 1.83334 17.4789 1.83334 16.3743V6.54101Z' stroke='%23641E7A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.appli-step li:nth-child(3) .top p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20' fill='none'%3E%3Cpath d='M1.5 6C1.5 4.44667 1.5 3.67 1.75333 3.05778C1.92085 2.65323 2.16643 2.28566 2.47604 1.97604C2.78566 1.66643 3.15323 1.42085 3.55778 1.25333C4.17 1 4.94667 1 6.5 1H16.5C18.0533 1 18.83 1 19.4422 1.25333C19.8468 1.42085 20.2143 1.66643 20.524 1.97604C20.8336 2.28566 21.0791 2.65323 21.2467 3.05778C21.5 3.67 21.5 4.44667 21.5 6V6.83333C21.5 7.05435 21.4122 7.26631 21.2559 7.42259C21.0996 7.57887 20.8877 7.66667 20.6667 7.66667H20.3889C19.7995 7.66667 19.2343 7.90079 18.8175 8.31754C18.4008 8.73429 18.1667 9.29952 18.1667 9.88889C18.1667 10.4783 18.4008 11.0435 18.8175 11.4602C19.2343 11.877 19.7995 12.1111 20.3889 12.1111H20.6667C20.8877 12.1111 21.0996 12.1989 21.2559 12.3552C21.4122 12.5115 21.5 12.7234 21.5 12.9444V13.7778C21.5 15.3311 21.5 16.1078 21.2467 16.72C21.0791 17.1245 20.8336 17.4921 20.524 17.8017C20.2143 18.1113 19.8468 18.3569 19.4422 18.5244C18.83 18.7778 18.0533 18.7778 16.5 18.7778H6.5C4.94667 18.7778 4.17 18.7778 3.55778 18.5244C3.15323 18.3569 2.78566 18.1113 2.47604 17.8017C2.16643 17.4921 1.92085 17.1245 1.75333 16.72C1.5 16.1078 1.5 15.3311 1.5 13.7778V12.9444C1.5 12.7234 1.5878 12.5115 1.74408 12.3552C1.90036 12.1989 2.11232 12.1111 2.33333 12.1111H2.61111C3.20048 12.1111 3.76571 11.877 4.18246 11.4602C4.59921 11.0435 4.83333 10.4783 4.83333 9.88889C4.83333 9.29952 4.59921 8.73429 4.18246 8.31754C3.76571 7.90079 3.20048 7.66667 2.61111 7.66667H2.33333C2.11232 7.66667 1.90036 7.57887 1.74408 7.42259C1.5878 7.26631 1.5 7.05435 1.5 6.83333V6Z' stroke='%23641E7A' stroke-width='1.5'/%3E%3Cpath d='M10.8286 8.1033C11.0831 7.44408 11.2104 7.11372 11.4164 7.06825C11.4715 7.05798 11.528 7.05798 11.5831 7.06825C11.7892 7.11372 11.9164 7.44408 12.171 8.10178C12.3164 8.47761 12.3892 8.66553 12.524 8.79283C12.5616 8.82877 12.6027 8.86077 12.6468 8.8883C12.8043 8.98529 12.9998 9.00347 13.3907 9.03984C14.0528 9.10046 14.3846 9.13228 14.4846 9.32778C14.5053 9.36882 14.5196 9.41277 14.5271 9.4581C14.5604 9.67784 14.318 9.90819 13.8301 10.3674L13.6952 10.4947C13.468 10.7099 13.3543 10.8175 13.2877 10.9508C13.2493 11.0324 13.2232 11.1192 13.2104 11.2084C13.1892 11.357 13.2225 11.5115 13.2892 11.8237L13.3134 11.9359C13.4331 12.495 13.4922 12.7739 13.418 12.9118C13.3861 12.972 13.3392 13.0228 13.2819 13.0595C13.2245 13.0961 13.1587 13.1173 13.0907 13.1209C12.9392 13.1285 12.7255 12.9482 12.2968 12.586C12.0164 12.3465 11.8755 12.2283 11.718 12.1814C11.5757 12.1385 11.4239 12.1385 11.2816 12.1814C11.124 12.2268 10.9831 12.3481 10.7013 12.586C10.274 12.9482 10.0604 13.1285 9.90886 13.1209C9.8409 13.1173 9.77503 13.0961 9.71767 13.0595C9.66031 13.0228 9.61343 12.972 9.58159 12.9118C9.50735 12.7754 9.56644 12.495 9.68765 11.9359L9.71038 11.8237C9.77705 11.513 9.81038 11.357 9.78917 11.2084C9.77632 11.1192 9.75028 11.0324 9.71189 10.9508C9.64523 10.8175 9.53159 10.7083 9.30432 10.4962L9.16795 10.3674C8.6831 9.90819 8.43916 9.67784 8.4725 9.4581C8.47997 9.41277 8.49427 9.36882 8.51492 9.32778C8.61644 9.13228 8.94674 9.10046 9.60886 9.03984C9.99977 9.00347 10.1952 8.98529 10.3513 8.8883C10.3959 8.86085 10.4375 8.82886 10.4755 8.79283C10.6119 8.66553 10.6831 8.47761 10.8286 8.10178V8.1033Z' fill='%23641E7A'/%3E%3C/svg%3E"); } 
.appli-step li:nth-child(4) .top p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M15.9167 17.25H4.91667C3.94421 17.25 3.01157 16.8637 2.32394 16.1761C1.63631 15.4884 1.25 14.5558 1.25 13.5833V2.58333C1.25 2.0971 1.44315 1.63079 1.78697 1.28697C2.13079 0.943154 2.5971 0.75 3.08333 0.75H12.25C12.7362 0.75 13.2025 0.943154 13.5464 1.28697C13.8902 1.63079 14.0833 2.0971 14.0833 2.58333V14.5C14.0833 16.0189 14.3977 17.25 15.9167 17.25Z' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.7499 7.16732C17.7499 6.68109 17.5568 6.21477 17.2129 5.87096C16.8691 5.52714 16.4028 5.33398 15.9166 5.33398H14.0833V14.959C14.0833 16.224 14.6516 17.2507 15.9166 17.2507C17.1816 17.2507 17.7499 16.224 17.7499 14.959V7.16732Z' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.4167 8.08268H4.91675M10.4167 4.41602H4.91675M7.66675 11.7493H4.91675' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); } 
.appli-step li:nth-child(5) .top p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M18.0312 4.625H4.96875C3.63981 4.625 2.5625 5.70231 2.5625 7.03125V15.9688C2.5625 17.2977 3.63981 18.375 4.96875 18.375H18.0312C19.3602 18.375 20.4375 17.2977 20.4375 15.9688V7.03125C20.4375 5.70231 19.3602 4.625 18.0312 4.625Z' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5625 8.75H20.4375M6 13.3906H8.0625V14.25H6V13.3906Z' stroke='%23641E7A' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.appli-step li:nth-child(6) .top p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M9.67075 3.25C6.13975 3.25642 4.28992 3.3435 3.10834 4.52417C1.83325 5.80108 1.83325 7.8535 1.83325 11.9583C1.83325 16.0632 1.83325 18.1156 3.10834 19.3916C4.38434 20.6667 6.43584 20.6667 10.5425 20.6667C14.6473 20.6667 16.6998 20.6667 17.9748 19.3916C19.1573 18.2091 19.2435 16.3602 19.2499 12.8283' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1346 12.4175C9.47096 4.04462 15.4018 1.67045 20.1483 2.48445C20.3399 5.2592 18.9814 6.29779 16.3964 6.77812C16.896 7.30062 17.7778 7.95695 17.6825 8.77645C17.6146 9.36129 17.2186 9.64729 16.4248 10.2211C14.6868 11.477 12.6738 12.269 10.1346 12.4175Z' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 16.084C10.0833 11.0423 11.88 9.33365 13.75 7.83398' stroke='%23641E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.appli-step li > span { display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; padding: 10px; line-height: 1.4; font-weight: 500; font-size: 1.8rem; color: #fff; background-color: var(--main); } 

.main-scedul { position: relative; display: flex; } 
.main-scedul::before { content: ""; position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B28FBD' stroke-width='2' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"); } 
.main-scedul li { position: relative; flex: 1; display: flex; flex-flow: column wrap; height: 310px; padding-left: 80px; } 
.main-scedul li::before ,
.main-scedul li::after { content: ''; position: absolute; left: 50%; top: 50%; border-radius: 100%; transform: translate(-50%, -50%); } 
.main-scedul li::before { width: 10px; height: 10px; background-color: var(--main); } 
.main-scedul li::after { width: 30px; height: 30px; z-index: -1; background-color: var(--light2-main); } 
.main-scedul li:nth-child(2n) { justify-content: flex-end; } 
.main-scedul .txt { margin-bottom: 20px; } 
.main-scedul li:nth-child(2n) .txt { order: 1; margin-top: 20px; margin-bottom: 0; } 
.main-scedul .txt strong { font-size: 2.2rem; color: var(--light-main); } 
.main-scedul .txt p { margin-top: 20px; line-height: 1.2; font-weight: 500; font-size: 1.7rem; color: #666; } 
.main-scedul li > span { font-family: var(--point-fc); font-weight: 600; font-size: 3rem; color: var(--main); } 
/* 영문 */
.main-scedul.en { padding-top: 100px; } 
.main-scedul.en::before { top: 40px; } 
.main-scedul.en li > span span { font-size: 2.4rem; } 
.main-scedul.en li > span { font-size: 2.4rem; } 
.main-scedul.en li { justify-content: unset; height: unset; } 
.main-scedul.en li .txt { order: 1; } 
.main-scedul.en li::before, .main-scedul.en li::after { top: -60px; } 
@media only screen and (max-width: 1200px){
 .main-scedul.en { padding-top: unset; } 
.main-scedul.en::before { top: 50%; } 
.main-scedul.en li::before, .main-scedul.en li::after { top: 50%; } 
.main-scedul.en li .txt { order: unset; } 
 }


.extra-gift { padding: 50px; background: #f9f9f9 url(../img/content/sub03/sub0302_img00.png) no-repeat bottom 35px left 50px / 280px 260px; } 
.extra-gift .list { display: flex; flex-wrap: wrap; row-gap: 30px; } 
.extra-gift .list > li { flex: 1 1 50%; max-width: 50%; position: relative; line-height: 1.5; margin-bottom: 2px; font-weight: 600; font-size: 2.2rem; color: #444; counter-increment: number-counter1; } 
.extra-gift .list > li:before { content: counter(number-counter1); display: block; width: 35px; height: 35px; margin-bottom: 20px; line-height: 35px; font-weight: 700; font-size: 2.5rem; color: #fff; background-color: var(--main); text-align: center; } 
/* .extra-gift .etc { margin-top: 50px; font-size: 1.8rem; color: #666; text-align: right; }  */
.extra-gift .etc { margin-top: 50px; font-size: 1.8rem; color: #666; } 
.extra-gift .etc li + li { margin-top: 10px; } 

.boos-box { } 
.boos-box .top { display: flex; gap: 30px; margin-bottom: 20px; } 
.boos-box .top > li { flex: 1; display: flex; flex-flow: column wrap; padding: 30px; background-color: #f9f9f9; } 
.boos-box .top > li strong { font-weight: 700; font-size: 2.6rem; color: var(--main); } 
.boos-box .top .list1 { margin-top: 30px; } 
.boos-box .list1 > li { margin-bottom: 10px; color: var(--main); } 
.boos-box .top > li .img-wrap { margin-top: auto; } 
.boos-box .bottom { display: flex; gap: 50px; padding: 50px; background-color: #f9f9f9; } 
/* .boos-box .bottom .img-wrap { flex-shrink: 0; width: 100%; max-width: 940px; } */

@media only screen and (max-width: 1300px){
 .appli-step { flex-wrap: wrap; } 
.appli-step::before { display: none; } 
.appli-step li { flex: unset; width: calc(50% - 15px); } 
 }
@media only screen and (max-width: 1200px){
 .main-scedul { flex-flow: column wrap; gap: 40px; margin-top: 40px; } 
.main-scedul::before { left: 20px; width: 1px; height: 86%; transform: translateY(-50%); } 
.main-scedul li::before ,
.main-scedul li::after { left: 20px; top: 50%; border-radius: 100%; transform: translate( unset, -50%); } 
.main-scedul li:nth-child(2n) .txt { order: unset; margin-top: 0; margin-bottom: 20px; } 
/* .main-scedul li { padding-left: 50px; } */ } 
@media only screen and (max-width: 1023px){
 .extra-gift { padding: 30px; } 
.extra-gift .list > li { flex: 1 1 100%; max-width: 100%; } 
.extra-gift .list > li:before { display: inline-block; margin-right: 10px; margin-bottom: 0; width: 25px; height: 25px; line-height: 25px; font-size: 2rem; } 

.boos-box .bottom { flex-flow: column wrap; padding: 30px; gap: 30px; } 
.boos-box .bottom a { margin-top: 30px; } 
 }
@media only screen and (max-width: 767px){
 .appli-step { gap: 10px; } 
.appli-step li { width: 100%; } 
.appli-step .top { height: auto; } 

.boos-box .top { flex-flow: column wrap; } 
 }

/* sub030303 */
.apli-pay { padding: 30px; border: 1px solid var(--sub); background-color: #f8f8fa; } 
.apli-pay .bottom { display: flex; gap: 40px; margin-top: 20px; } 
.apli-pay .bottom .lf { flex: 1; } 
.apli-pay .bottom .total-pay { flex: 1; } 
.apli-pay .apli-wrap + .apli-wrap { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--gray-e5); } 
.apli-pay .flex { display: flex; align-items: center; } 
.apli-pay .flex .choose { white-space: nowrap; margin-right: 30px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 5px; background: #fff; border: 2px solid var(--sub); } 
.apli-pay .flex .choose i { font-size: 3.5rem; color: #aaa; } 
.apli-pay .flex .choose.on { background: var(--sub); } 
.apli-pay .flex .choose.on i { color: #fff; } 
.apli-pay .flex .apli-wrap { flex: 1; } 
.apli-pay .apli-wrap strong { font-weight: 600; font-size: 2.5rem; color: var(--sub); } 
.apli-pay .item { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; color: #666; } 
.apli-pay .item + .item { margin-top: 15px; } 
.apli-pay .item > span { font-weight: 700; font-size: 1.7rem; } 
.apli-pay .item em { font-weight: 700; font-size: 2.2rem; } 
.apli-pay .item em span { font-weight: 400; font-size: 1.8rem; } 
.apli-pay .item select { width: 10rem; } 
.apli-pay .total-fee span { color: var(--sub); } 
.apli-pay .total-fee em { color: var(--sub); font-size: 4rem; } 
.apli-pay .total-fee em span { font-size: 2.5rem; } 

.sub030303 { } 
.sub030303 .tab-st1 .tab > li > a { display: block; height: 100%; padding: 20px 10px; line-height: 1.3; font-weight: 700; font-size: 3rem; color: #888; } 
.sub030303 .tab-st1 .tab > li.on > a { color: var(--main); } 
.sub030303 .tab-st1 .tab > li > a span { display: block; margin-top: 5px; font-size: 2rem; } 



.apli-check { padding: 30px; border: 1px solid var(--main); } 
.apli-check .lf { flex: 1; } 
.apli-check .lf strong { font-weight: 600; font-size: 2.2rem; } 
.apli-check .lf .checklist-st1 { margin-top: 20px; } 
.apli-check .rg { flex: 1; } 
.apli-check .rg li { line-height: 1.3; font-size: 2rem; color: #666; } 
.apli-check .rg li + li { margin-top: 10px; } 

.more-check { margin: 40px 0; padding: 30px; border: 1px solid var(--gray-e5); text-align: center; } 
.more-check p { margin-bottom: 20px; line-height: 1.3; font-weight: 500; font-size: 2.2rem; color: var(--main); } 
.more-check span { font-size: 2rem; color: var(--light-main); } 
.more-check .checkbox { margin-top: 20px; } 

/* 부스 선택 팝업 */
.booth-pop-wrap { } 
.select-result { padding: 10px 20px; border: 1px solid #e5e5e5; margin-top: 10px; } 
.select-result .select-list { display: flex; gap: 10px; } 
.select-result .select-list li { display: inline-flex; gap: 8px; align-items: center; padding: 6px 8px; background: var(--light-bg); } 
.select-result .select-list li button { font-size: 0; } 
.select-result .select-list li button i.icn-close { width: 10px; height: 10px; } 
.select-result .select-list li strong { font-weight: 600; } 

@media only screen and (max-width: 1023px){
 .tab-st1 .tab { flex-flow: column wrap; } 
.tab-st1 .tab > li { flex: unset; width: 100%; } 
 /* .sub030303 .tab-st1 .tab { flex-flow: column wrap; } 
.sub030303 .tab-st1 .tab > li { flex: unset; width: 100%; } */

.apli-pay .bottom { flex-flow: column wrap; } 
.apli-pay .bottom .total-pay { padding-top: 30px; border-top: 1px dashed var(--gray-e5); } 

.apli-check { flex-flow: column wrap; align-items: flex-start; gap: 30px; } 
 }

/* 프린트 팝업 */
/* .sub030303.print .tit-st3 strong { font-size: 2rem; } 
.sub030303.print .tab-st1 .tab { margin-bottom: 20px; } 
.sub030303.print .tab-st1 .tab > li { display: none; } 
.sub030303.print .tab-st1 .tab > li.on { display: block; } 
.sub030303.print .tab-st1 .tab > li > a { font-size: 18px; } 
.sub030303.print .tab-st1 .tab > li > a span { font-size: 13px; } 
.sub030303.print .apli-pay .apli-wrap strong { font-size: 16px; } 
.sub030303.print .apli-pay .bottom * { font-size: 13px !important; } 
.sub030303.print .find-id * { font-size: 13px; } 
.sub030303.print .scroll-box * { font-size: 13px; } 
.sub030303.print input.chk-st1 + label.chk-st1 { font-size: 13px; } */
.sub030303.print * { font-size: 13px; } 
.sub030303.print .tit-st3 strong { font-size: 16px; } 
.sub030303.print .tab-st1 .tab { margin-bottom: 20px; } 
.sub030303.print .tab-st1 .tab > li { display: none; } 
.sub030303.print .tab-st1 .tab > li.on { display: block; } 
.sub030303.print .tab-st1 .tab > li > a { font-size: 18px; } 
.sub030303.print .tab-st1 .tab > li > a span { font-size: 13px; } 
.sub030303.print .apli-pay .apli-wrap strong { font-size: 16px; } 
.sub030303.print .apli-pay .bottom * { font-size: 13px !important; } 
.sub030303.print .scroll-box { height: 100%; } 
.sub030303.print .scroll-box .scroll-info { overflow: visible; } 
.sub030303.print .scroll-box .scroll-info p { font-size: 13px; } 
/******************* sub04 *******************/
/* sub0402 */
.contact-box { position: relative; display: flex; justify-content: space-between; gap: 40px; } 
.contact-box .lf { position: sticky; left: 0; top: 140px; height: fit-content; } 
.contact-box .lf .img-wrap { height: 60px; margin-bottom: 30px; } 
.contact-box .lf .img-wrap img { height: 100%; } 
.contact-box .lf strong { line-height: 1.3; font-weight: 600; font-size: 3rem; } 
.contact-box .contact-list { margin-top: 80px; } 
.contact-box .contact-list li { font-weight: 500; font-size: 2rem; color: #888; } 
.contact-box .contact-list li + li { margin-top: 10px; } 
.contact-box .contact-list em { padding-right: 10px; color: var(--main); } 
.contact-box .rg { flex: 1 1 100%; max-width: 700px; } 
.contact-box .flex-form { display: flex; justify-content: space-between; gap: 40px; margin-bottom: 40px; } 
.contact-box .label { font-weight: 500; font-size: 1.8rem; } 
.contact-box .flex-form .form-group { width: 100%; } 
.contact-box .form-group .col { margin-top: 10px; } 
.contact-box .flex-form input { width: 100%; } 
.contact-box textarea.inp-st1 { min-height: 300px; } 

@media only screen and (max-width: 1100px){
 .contact-box { flex-wrap: wrap; gap: 60px; } 
.contact-box .rg { max-width: 100%; } 
.contact-box .flex-form { flex-flow: column wrap; } 
 }


/******************* 로그인 *******************/
.login-box { width: 100%; max-width: 600px; margin: 0 auto; } 

.login-top { position: relative; display: flex; justify-content: center; width: 100%; margin-bottom: 30px; } 
.login-top img { width: 300px; } 
.login-top::after { content: ''; position: absolute; right: 0; top: 0; z-index: -1; width: 260px; height: 250px; background: url(../img/content/sub00/login-bg.png) no-repeat right top / cover; } 

.login-box .login-tit { display: inline-block; margin-bottom: 30px; font-weight: 600; font-size: 3rem; } 
.login-box .tit-box { text-align: center; margin-bottom: 100px; } 
.login-box .tit-box strong { line-height: 1.4; font-size: 4.4rem; color: var(--main); word-break: keep-all; word-wrap: break-word; } 
.login-box .tit-box p { margin-top: 20px; font-size: 2.2rem; color: #444; word-break: keep-all; word-wrap: keep-all; line-height: 1.3; } 
.login-box .btn-ce .btn-bace5 { flex: 1; } 

.login-inpt input + input { margin-top: 20px; } 
.login-inpt button { width: 100%; } 
.pass-err { font-size: 15px; } 
.login-box .inpt-flex { display: flex; gap: 10px; margin-bottom: 20px; } 
.login-box .inpt-flex button { width: fit-content; min-width: unset; } 

.payment-info { } 
.payment-info .top { display: flex; justify-content: space-between; align-items: center; } 
.payment-info .top span { font-weight: 600; font-size: 2.2rem; color: #444; } 
.payment-info .top strong { font-size: 2.5rem; color: var(--main); } 

.find-id { padding: 20px; background-color: var(--light-bg); } 
.find-id .txt-box { margin-bottom: 30px; } 
.find-id .txt-box:has(ul) { margin-bottom: 0; } 
.find-id .txt-box strong { font-family: var(--point-fc); font-weight: 600; font-size: 2rem; color: var(--main); } 
.find-id .txt-box p { margin-top: 20px; line-height: 1.4; font-size: 1.8rem; color: #444; } 
.find-id .inp-wrap button { width: 100%; } 

/* 회원가입 */
.join { display: flex; justify-content: center; gap: 40px; } 
.join li { display: flex; justify-content: space-between; flex-flow: column wrap; width: 100%; max-width: 250px; height: 340px; padding: 10px; border: 1px solid var(--gray-e5); border-radius: 10px; } 
.join .img-wrap { position: relative; width: 180px; height: 180px; margin: 0 auto 20px; border-radius: 100%; background-color: var(--gray-f8); } 
.join .img-wrap img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.join li p { line-height: 1.4; text-align: center; } 
.join li a { width: 100%; text-align: center; } 

.join-step { position: relative; display: flex; justify-content: space-between; gap: 20px; width: 100%; margin: 0 auto 100px; padding: 10px 0; } 
.join-step::before { content: ""; position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B28FBD' stroke-width='2' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"); } 
.join-step li { flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px; height: 55px; padding: 10px; border: 1px solid var(--light-main); font-family: var(--point-fc); font-weight: 500; font-size: 1.8rem; color: var(--main); outline: 3px solid #fff; background-color: #fff; } 
.join-step li.active { position: relative; border: 1px solid var(--main); font-weight: 600; color: #fff; background-color: var(--main); } 
.join-step li.active::before { content: ""; display: block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.join-step li.step1.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M19.25 5.54102H2.75L11 11.9577L19.25 5.54102Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M1.83334 6.54101C1.83334 5.98873 2.28106 5.54102 2.83334 5.54102H19.1667C19.719 5.54102 20.1667 5.98873 20.1667 6.54102V16.3744C20.1667 17.4789 19.2712 18.3743 18.1667 18.3743H3.83335C2.72878 18.3743 1.83334 17.4789 1.83334 16.3743V6.54101Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.join-step li.step2.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M9.67075 3.25C6.13975 3.25642 4.28992 3.3435 3.10834 4.52417C1.83325 5.80108 1.83325 7.8535 1.83325 11.9583C1.83325 16.0632 1.83325 18.1156 3.10834 19.3916C4.38434 20.6667 6.43584 20.6667 10.5425 20.6667C14.6473 20.6667 16.6998 20.6667 17.9748 19.3916C19.1573 18.2091 19.2435 16.3602 19.2499 12.8283' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1346 12.4175C9.47096 4.04462 15.4018 1.67045 20.1483 2.48445C20.3399 5.2592 18.9814 6.29779 16.3964 6.77812C16.896 7.30062 17.7778 7.95695 17.6825 8.77645C17.6146 9.36129 17.2186 9.64729 16.4248 10.2211C14.6868 11.477 12.6738 12.269 10.1346 12.4175Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 16.084C10.0833 11.0423 11.88 9.33365 13.75 7.83398' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.join-step li.step3.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cg clip-path='url(%23clip0_348_106)'%3E%3Cpath d='M12.1164 3.23603H14.3499C14.7053 3.23603 15.0462 3.37722 15.2975 3.62853C15.5488 3.87985 15.69 4.22071 15.69 4.57613M11.9377 17.8789L8.61425 18.3524L9.08776 15.0736L17.6198 6.55056C18.0008 6.19548 18.5048 6.00218 19.0256 6.01136C19.5464 6.02055 20.0432 6.23152 20.4115 6.59981C20.7798 6.96811 20.9908 7.46498 21 7.98575C21.0092 8.50652 20.8159 9.01052 20.4608 9.39158L11.9377 17.8789ZM5.19251 1.44922H11.4463C11.4463 1.44922 12.1164 1.44922 12.1164 2.11927V4.35278C12.1164 4.35278 12.1164 5.02283 11.4463 5.02283H5.19251C5.19251 5.02283 4.52246 5.02283 4.52246 4.35278V2.11927C4.52246 2.11927 4.52246 1.44922 5.19251 1.44922Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6899 17.5308V20.211C15.6899 20.5664 15.5487 20.9073 15.2974 21.1586C15.0461 21.4099 14.7052 21.5511 14.3498 21.5511H2.28884C1.93342 21.5511 1.59256 21.4099 1.34124 21.1586C1.08992 20.9073 0.94873 20.5664 0.94873 20.211V4.57643C0.94873 4.22102 1.08992 3.88015 1.34124 3.62884C1.59256 3.37752 1.93342 3.23633 2.28884 3.23633H4.52235M4.96905 8.59675H11.2229M4.96905 12.6171H7.20256' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_348_106'%3E%3Crect width='22' height='22' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } 
.join-step li.step4.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M18.0312 4.625H4.96875C3.63981 4.625 2.5625 5.70231 2.5625 7.03125V15.9688C2.5625 17.2977 3.63981 18.375 4.96875 18.375H18.0312C19.3602 18.375 20.4375 17.2977 20.4375 15.9688V7.03125C20.4375 5.70231 19.3602 4.625 18.0312 4.625Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5625 8.75H20.4375M6 13.3906H8.0625V14.25H6V13.3906Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.join-step li.step5.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M11.4997 20.6673C12.7037 20.6688 13.8961 20.4324 15.0085 19.9716C16.1208 19.5109 17.1311 18.8348 17.9814 17.9824C18.8339 17.1321 19.5099 16.1218 19.9706 15.0094C20.4314 13.8971 20.6678 12.7047 20.6663 11.5007C20.6678 10.2967 20.4314 9.10423 19.9706 7.99188C19.5099 6.87954 18.8339 5.8692 17.9814 5.01891C17.1311 4.16648 16.1208 3.49047 15.0085 3.0297C13.8961 2.56894 12.7037 2.33251 11.4997 2.33399C10.2957 2.33251 9.10325 2.56894 7.99091 3.0297C6.87856 3.49047 5.86822 4.16648 5.01793 5.01891C4.16551 5.8692 3.48949 6.87954 3.02873 7.99188C2.56796 9.10423 2.33153 10.2967 2.33301 11.5007C2.33153 12.7047 2.56796 13.8971 3.02873 15.0094C3.48949 16.1218 4.16551 17.1321 5.01793 17.9824C5.86822 18.8348 6.87856 19.5109 7.99091 19.9716C9.10325 20.4324 10.2957 20.6688 11.4997 20.6673Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M7.83301 11.5L10.583 14.25L16.083 8.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.join-step li.step6.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 22' fill='none'%3E%3Cpath d='M17.6666 19.0202C17.9097 19.0202 18.1429 18.9236 18.3148 18.7517C18.4867 18.5798 18.5833 18.3466 18.5833 18.1035V16.9613C18.587 14.3892 14.9405 12.3743 11.25 12.3743C7.55946 12.3743 3.91663 14.3892 3.91663 16.9613V18.1035C3.91663 18.3466 4.0132 18.5798 4.18511 18.7517C4.35702 18.9236 4.59018 19.0202 4.83329 19.0202H17.6666ZM14.5536 6.28218C14.5536 6.71603 14.4682 7.14562 14.3021 7.54644C14.1361 7.94726 13.8928 8.31145 13.586 8.61823C13.2792 8.925 12.915 9.16835 12.5142 9.33437C12.1134 9.5004 11.6838 9.58585 11.25 9.58585C10.8161 9.58585 10.3865 9.5004 9.9857 9.33437C9.58488 9.16835 9.22069 8.925 8.91391 8.61823C8.60714 8.31145 8.36379 7.94726 8.19777 7.54644C8.03174 7.14562 7.94629 6.71603 7.94629 6.28218C7.94629 5.406 8.29436 4.5657 8.91391 3.94614C9.53347 3.32658 10.3738 2.97852 11.25 2.97852C12.1261 2.97852 12.9664 3.32658 13.586 3.94614C14.2056 4.5657 14.5536 5.406 14.5536 6.28218Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
.join-step li.done { padding: 10px 30px; border: 1px solid var(--light-main); font-weight: 500; color: #fff; background-color: var(--light-main); } 
.join-step li.done::before { display: none; } 

.flex .absol-inp { flex-shrink: 0; width: 100%; max-width: 50rem; } 
.absol-inp { position: relative; } 
.absol-inp span { position: absolute; right: 10px; top: 50%; font-weight: 500; font-size: 14px; transform: translateY(-50%); } 

.join-step ~ .form-wrap1 .inp-flex .checkbox { width: 100px; } 

.join-agree { margin-top: 60px; } 
.join-agree > strong { display: block; margin-bottom: 20px; line-height: 1.2; text-align: center; font-size: 2.4rem; color: #333; word-wrap: break-word; word-break: keep-all; } 
.agree-doc { max-height: 300px; margin-bottom: 30px; padding: 30px; border: 1px solid var(--gray-e5); border-radius: 10px; overflow-y: scroll; } 
.agree-doc p { line-height: 1.4; } 
.check-box { margin: 0 auto; } 
.check-box .checkbox { margin: 0 auto; width: fit-content; } 
.all-check { margin: 40px 0 60px; padding: 20px 0; border-radius: 10px; background-color: var(--gray-f5); } 

.table-addr { display: flex; align-items: center; gap: 10px; max-width: 50rem; } 
.table-addr input:first-child { width: 10rem; } 
.table-addr input:nth-child(2) { width: 100%; } 

.join-done { border-radius: 20px; text-align: center; } 
.join-done .icn { display: block; width: 100px; height: 100px; margin: 60px auto 30px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312 312.67'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %23888; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 8px; %7D .cls-2 %7B stroke: %231a3ac5; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Ccircle class='cls-1' cx='246' cy='66' r='62'/%3E%3Cpolyline class='cls-2' points='222.14 64.28 241.6 83.98 269.86 48.02'/%3E%3C/g%3E%3Cline class='cls-1' x1='95.29' y1='139.89' x2='178.71' y2='139.89'/%3E%3Cline class='cls-1' x1='95.29' y1='186.65' x2='178.71' y2='186.65'/%3E%3Cline class='cls-1' x1='95.29' y1='233.41' x2='178.71' y2='233.41'/%3E%3Cg%3E%3Cpolyline class='cls-1' points='166.76 33.16 69.68 33.16 4 98.84 4 308.67 246 308.67 246 154.92'/%3E%3Cpolygon class='cls-1' points='32.31 98.84 69.68 98.84 69.68 33.16 4 98.84 32.31 98.84'/%3E%3C/g%3E%3Cpath class='cls-1' d='M65.03,233.41c0,1.37-1.11,2.49-2.49,2.49s-2.49-1.11-2.49-2.49,1.11-2.49,2.49-2.49,2.49,1.11,2.49,2.49Z'/%3E%3Cpath class='cls-1' d='M65.03,186.65c0,1.37-1.11,2.49-2.49,2.49s-2.49-1.11-2.49-2.49,1.11-2.49,2.49-2.49,2.49,1.11,2.49,2.49Z'/%3E%3Cpath class='cls-1' d='M65.03,139.89c0,1.37-1.11,2.49-2.49,2.49s-2.49-1.11-2.49-2.49,1.11-2.49,2.49-2.49,2.49,1.11,2.49,2.49Z'/%3E%3C/svg%3E") no-repeat center / contain; } 
.join-done strong { font-size: 2.6rem; } 
.join-done p { margin-top: 40px; padding: 30px 10px; border-top: 1px solid var(--gray-e5); line-height: 1.2; font-size: 1.8rem; word-wrap: break-word; word-break: keep-all; } 

.complete-box { border: 1px solid #e5e5e5; padding: 30px; width: 100%; max-width: 600px; margin: 0 auto; text-align: center; } 

.autofill { position: relative; } 
.auto-list { position: absolute; top: 55px; right: 0; width: 100%; max-height: 300px; background: #f9f9f9; padding: 20px; overflow-y: auto; } 
.auto-list.relative { position: relative; top: unset; } 
.auto-list li { padding: 10px 0; } 
.auto-list li { border-bottom: 1px solid #e5e5e5; } 

/* 팝업 */
.regi-compl-pop .txt-box { text-align: center; } 
.regi-compl-pop .txt-box strong { font-weight: 600; font-size: 2.5rem; } 
.regi-compl-pop .txt-box p { margin-top: 40px; font-size: 2rem; color: #444; } 

@media only screen and (max-width: 1400px){
 .join-step { flex-wrap: wrap; gap: 10px; } 
.join-step::before { display: none; } 
.join-step li { flex: 1 1 calc(50% - 10px); padding: 10px 30px; border-radius: 0px; outline: unset; } 
.join-step li.done { border: 0; color: var(--main); background-color: var(--light2-main); } 
 }
@media only screen and (max-width: 1023px){
 .join-step { margin-bottom: 40px; } 
 }
@media only screen and (max-width: 767px){
 .txt-box { margin-bottom: 30px; } 

.join { flex-flow: column wrap; gap: 20px; } 
.join li { max-width: unset; height: 280px; } 
.join .img-wrap { width: 140px; height: 140px; } 
.join .img-wrap img { width: 90px; } 
.join li p br { display: none; } 
 }
@media only screen and (max-width: 600px){
 .join-step li { flex: 1 1 100%; } 
 }
@media only screen and (max-width: 500px) { table.table-st1 button { width: 100%; } 

.table-addr { flex-wrap: wrap; } 
.table-addr button { width: 100%; } 
 }
@media only screen and (max-width: 350px){
 .login-menu { gap: 0; } 
.login-menu li { width: 50%; text-align: center; padding-right: 0; padding: 10px 0; border-bottom: 1px solid var(--gray-e5); } 
.login-menu li:nth-child(2):after { display: none; } 
.login-menu li:nth-child(2) ~ li { border-bottom: 0; } 
 }

.in-scedul { display: flex; gap: 20px; } 
.in-scedul li { flex: 1; padding: 30px; background-color: var(--gray-f8); border-radius: 15px; text-align: center; } 
.in-scedul li::before { content: ''; display: block; width: 60px; height: 60px; margin: 0 auto 20px; } 
.in-scedul li:first-child:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 62' fill='none'%3E%3Cpath d='M30.427 37.473C34.0515 37.473 36.9897 34.5348 36.9897 30.9103C36.9897 27.2859 34.0515 24.3477 30.427 24.3477C26.8025 24.3477 23.8643 27.2859 23.8643 30.9103C23.8643 34.5348 26.8025 37.473 30.427 37.473Z' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.8341 10.2834C39.9052 10.2834 41.5842 8.60441 41.5842 6.53329C41.5842 4.46218 39.9052 2.7832 37.8341 2.7832C35.763 2.7832 34.084 4.46218 34.084 6.53329C34.084 8.60441 35.763 10.2834 37.8341 10.2834Z' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39.8962 10.094C42.1463 15.5316 43.5526 22.8443 43.5526 31.0007C43.5526 47.5949 37.6462 61.0014 30.4272 61.0014C23.2082 61.0014 17.3018 47.5949 17.3018 31.0007C17.3018 14.4066 23.2082 1 30.4272 1C33.5 1 33.9898 1.84377 35.4898 3.34381' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.89553 34.2831C8.67683 35.3143 9.3331 37.6581 8.30182 39.4394C7.27054 41.2207 4.92671 41.877 3.14541 40.8457C1.3641 39.8144 0.707827 37.4706 1.73911 35.6893C2.77039 33.908 5.11422 33.2518 6.89553 34.2831Z' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M54.0537 34.1901C57.2413 38.7839 58.2726 43.0028 56.4913 46.0029C52.8349 52.2843 38.3032 50.6905 23.959 42.3465C9.61482 34.0963 0.895795 22.2835 4.55216 16.0021C8.20853 9.72074 22.7402 11.3145 37.0844 19.6585C41.7721 22.3773 45.8035 25.3774 48.9911 28.5649' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.0219 27.7186C51.8032 26.6873 54.147 27.3436 55.1783 29.1249C56.2096 30.9062 55.5533 33.25 53.772 34.2813C51.9907 35.3125 49.6469 34.6563 48.6156 32.875C47.5843 31.0937 48.2406 28.7499 50.0219 27.7186Z' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.27051 33.9063C10.7394 29.0312 16.6458 23.7811 24.0523 19.5622C38.3965 11.312 52.9282 9.6245 56.5846 15.9059C58.2721 18.8122 57.3346 22.9373 54.3345 27.3437' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M49.0843 33.4395C45.803 36.5333 41.7716 39.6271 37.0839 42.3459C22.7397 50.5961 8.208 52.2837 4.55164 46.0022C3.80161 44.596 3.52035 43.0022 3.89537 41.1271' stroke='%23641E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; } 
.in-scedul li:nth-child(2):before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 62' fill='none'%3E%3Cpath d='M29 26.7188C31.3809 26.7188 33.2857 28.6235 33.2857 31.0045C33.2857 33.3854 31.3809 35.2902 29 35.2902C26.6191 35.2902 24.7144 33.3854 24.7144 31.0045C24.7144 28.6235 26.6191 26.7188 29 26.7188Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29 22.1464V10.5273' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29 51.1932V39.5742' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.38086 39.6682V22.9062' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.66701 22.1456C8.04794 22.1456 9.95268 20.2409 9.95268 17.8599C9.95268 15.479 8.04794 13.5742 5.66701 13.5742C3.28609 13.5742 1.38135 15.479 1.38135 17.8599C1.38135 20.2409 3.28609 22.1456 5.66701 22.1456Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.66701 48.2394C8.03392 48.2394 9.95268 46.3206 9.95268 43.9537C9.95268 41.5867 8.03392 39.668 5.66701 39.668C3.30011 39.668 1.38135 41.5867 1.38135 43.9537C1.38135 46.3206 3.30011 48.2394 5.66701 48.2394Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.667 7.38477L48.4287 15.5752' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.66699 16.1438L25.0954 7.19141' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.0948 54.5226L9.95215 45.9512' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.2379 46.0527L33.1904 54.3385' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M52.1426 22.3359V39.6693' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.3809 9.57338C31.7478 9.57338 33.6665 7.6546 33.6665 5.28767C33.6665 2.92073 31.7478 1.00195 29.3809 1.00195C27.014 1.00195 25.0952 2.92073 25.0952 5.28767C25.0952 7.6546 27.014 9.57338 29.3809 9.57338Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.3809 61.0011C31.7478 61.0011 33.6665 59.0823 33.6665 56.7154C33.6665 54.3485 31.7478 52.4297 29.3809 52.4297C27.014 52.4297 25.0952 54.3485 25.0952 56.7154C25.0952 59.0823 27.014 61.0011 29.3809 61.0011Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M52.333 13.5742C54.714 13.5742 56.6187 15.479 56.6187 17.8599C56.6187 20.2409 54.714 22.1456 52.333 22.1456C49.9521 22.1456 48.0474 20.2409 48.0474 17.8599C48.0474 15.479 49.9521 13.5742 52.333 13.5742Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M52.333 39.668C54.714 39.668 56.6187 41.5727 56.6187 43.9537C56.6187 46.3346 54.714 48.2394 52.333 48.2394C49.9521 48.2394 48.0474 46.3346 48.0474 43.9537C48.0474 41.5727 49.9521 39.668 52.333 39.668Z' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.47705 20.0469L24.715 29.0945' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.2861 33.3848L48.5241 42.4324' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.95215 42.5273L24.7139 32.9082' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.2861 28.7187L48.0479 19.0996' stroke='%23B28FBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; } 
.in-scedul li:last-child:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67 62' fill='none'%3E%3Cpath d='M16.3455 16.1738L7.16064 21.2654' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.3205 21.665L21.7363 16.0742' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.5171 36.342V25.8594' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7363 45.5276L31.1208 40.2363' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.26025 40.2363L16.6447 45.4277' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.86426 25.5586V36.3408' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0407 12.2812C17.5432 12.2812 16.3452 13.4793 16.3452 14.9768C16.3452 16.4743 17.5432 17.6723 19.0407 17.6723C20.5383 17.6723 21.7363 16.4743 21.7363 14.9768C21.7363 13.4793 20.5383 12.2812 19.0407 12.2812Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0407 44.2285C17.5432 44.2285 16.3452 45.4265 16.3452 46.924C16.3452 48.4216 17.5432 49.6196 19.0407 49.6196C20.5383 49.6196 21.7363 48.4216 21.7363 46.924C21.7363 45.4265 20.5383 44.2285 19.0407 44.2285Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66479 20.0684C3.16727 20.0684 1.96924 21.2664 1.96924 22.7639C1.96924 24.2614 3.16727 25.4594 4.66479 25.4594C6.16231 25.4594 7.36035 24.2614 7.36035 22.7639C7.36035 21.2664 6.16231 20.0684 4.66479 20.0684Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66479 36.3418C3.16727 36.3418 1.96924 37.5398 1.96924 39.0373C1.96924 40.5348 3.16727 41.7329 4.66479 41.7329C6.16231 41.7329 7.36035 40.5348 7.36035 39.0373C7.36035 37.5398 6.16231 36.3418 4.66479 36.3418Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.717 25.4594C35.2146 25.4594 36.4126 24.2614 36.4126 22.7639C36.4126 21.2664 35.2146 20.0684 33.717 20.0684C32.2195 20.0684 31.0215 21.2664 31.0215 22.7639C31.0215 24.2614 32.2195 25.4594 33.717 25.4594Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.717 36.3418C32.2195 36.3418 31.0215 37.5398 31.0215 39.0373C31.0215 40.5348 32.2195 41.7329 33.717 41.7329C35.2146 41.7329 36.4126 40.5348 36.4126 39.0373C36.4126 37.5398 35.2146 36.3418 33.717 36.3418Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M51.0884 16.1738L60.2732 21.2654' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M36.1128 21.665L45.6969 16.0742' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.697 45.5276L36.3125 40.2363' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60.173 40.2363L50.7886 45.4277' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.5693 25.5586V36.3408' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.3923 12.2812C49.8898 12.2812 51.0879 13.4793 51.0879 14.9768C51.0879 16.4743 49.8898 17.6723 48.3923 17.6723C46.8948 17.6723 45.6968 16.4743 45.6968 14.9768C45.6968 13.4793 46.8948 12.2812 48.3923 12.2812Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.3923 44.2285C49.8898 44.2285 51.0879 45.4265 51.0879 46.924C51.0879 48.4216 49.8898 49.6196 48.3923 49.6196C46.8948 49.6196 45.6968 48.4216 45.6968 46.924C45.6968 45.4265 46.8948 44.2285 48.3923 44.2285Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.6692 20.0684C64.1667 20.0684 65.3647 21.2664 65.3647 22.7639C65.3647 24.2614 64.1667 25.4594 62.6692 25.4594C61.1717 25.4594 59.9736 24.2614 59.9736 22.7639C59.9736 21.2664 61.1717 20.0684 62.6692 20.0684Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.041 6.49023V12.2807' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0407 1C20.5383 1 21.7363 2.19803 21.7363 3.69555C21.7363 5.19308 20.5383 6.39111 19.0407 6.39111C17.5432 6.39111 16.3452 5.19308 16.3452 3.69555C16.3452 2.19803 17.5432 1 19.0407 1Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.3926 55.5112V49.7207' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.3923 61.0005C46.8948 61.0005 45.6968 59.8025 45.6968 58.3049C45.6968 56.8074 46.8948 55.6094 48.3923 55.6094C49.8898 55.6094 51.0879 56.8074 51.0879 58.3049C51.0879 59.8025 49.8898 61.0005 48.3923 61.0005Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.6692 36.3418C64.1667 36.3418 65.3647 37.5398 65.3647 39.0373C65.3647 40.5348 64.1667 41.7329 62.6692 41.7329C61.1717 41.7329 59.9736 40.5348 59.9736 39.0373C59.9736 37.5398 61.1717 36.3418 62.6692 36.3418Z' stroke='%232E75B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; } 
.in-scedul li span { font-weight: 700; font-size: 2.5rem; } 
.in-scedul li:first-child span { color: var(--main); } 
.in-scedul li:nth-child(2) span { color: var(--light-main); } 
.in-scedul li:last-child span { color: var(--sub); } 
.in-scedul li p { margin-top: 20px; padding: 15px 20px; font-weight: 600; font-size: 2.2rem; color: #fff; border-radius: 100px; } 
.in-scedul li:first-child p { background-color: var(--main); } 
.in-scedul li:nth-child(2) p { background-color: var(--light-main); } 
.in-scedul li:last-child p { background-color: var(--sub); } 

.pass-grade { display: flex; gap: 30px; } 
.pass-grade > li { flex: 1; } 
.pass-grade > li:first-child { background-color: var(--light-bg); } 
.pass-grade > li:nth-child(2) { background-color: var(--light-main); } 
.pass-grade > li:last-child { background-color: var(--sub); } 
.pass-grade > .ap a { color: var(--main); } 
.pass-grade > li a { position: relative; display: flex; flex-flow: column wrap; justify-content: space-between; width: 100%; height: 100%; padding: 30px; color: #fff; } 
/* .pass-grade > li a::before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: translate(-50%, -50%); transition: all .3s; } 
.pass-grade > li a:hover::before { width: calc(100% - 20px); height: calc(100% - 20px); border: 5px solid #fff; } 
.pass-grade > li.ap a:hover::before { border: 5px solid var(--main); } */
.pass-grade .wrap { display: flex; justify-content: space-between; gap: 20px; } 
.pass-grade strong { display: inline-block; margin-bottom: 60px; font-family: var(--point-fc); font-weight: 700; font-size: 4.4rem; } 
.pass-grade .choose { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 5px; background: #fff; } 
.pass-grade .choose i { font-size: 3.5rem; color: #aaa; } 
.pass-grade li:first-child a .choose { border: 2px solid var(--light2-main); } 
.pass-grade li:first-child a.on .choose i { color: var(--main); } 
.pass-grade li:nth-child(2) a.on .choose i { color: var(--main); } 
.pass-grade li:last-child a.on .choose i { color: var(--sub); } 
.pass-grade .detail { display: flex; } 
.pass-grade .detail + .detail { margin-top: 40px; } 

.pass-grade .detail em { display: inline-block; width: 180px; font-weight: 700; font-size: 2.6rem; } 
.pass-grade .detail span { font-weight: 700; font-size: 2.6rem; } 
.pass-grade .price { display: block; margin-bottom: 0; font-size: 3.4rem; text-align: end; } 
.pass-grade > .ap .price { margin-top: 60px; } 
.pass-grade .detail li { margin-bottom: 6px; color: #fff; } 
.pass-grade > .ap .detail li { color: var(--main); } 
.pass-grade > li:last-child .list1 li::before { background-color: rgba(34, 34, 34, 0.6); } 

.pass-grade .list1 { flex: 1; } 

/* 회원가입 최종결제 금액 */
.pass-grade.sign-pass-grade li { background-color: var(--light-bg); } 
.pass-grade.sign-pass-grade li a { cursor:unset; color: #222; } 
.pass-grade.sign-pass-grade > li a:hover::before { display: none; } 
.pass-grade.sign-pass-grade li a .top { display: flex; gap: 10px 0; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } 
.pass-grade.sign-pass-grade li a .top strong { margin-bottom: unset; } 
.pass-grade.sign-pass-grade .detail li { color: #444; } 
.pass-grade.sign-pass-grade > li::before { background:; } 

.join-flex { position: relative; display: flex; justify-content: space-between; gap: 50px; } 
.join-flex > .lf { width: 700px; } 
.join4 .pass-grade { display: block; margin-bottom: 40px; padding: 30px; background-color: var(--light-bg); } 
.join4 .pass-grade .top { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } 
.join4 .pass-grade .top strong { margin: 0; } 
.join4 .pass-grade .detail li { color: #444; } 
.join-flex .sale-code strong { font-weight: 700; font-size: 4.4rem; } 
.join-flex .sale-code .flex .rg { flex-grow: 1; } 
.join-flex .sale-code .total-pay { margin-top: 40px; padding: 30px; border: 1px solid var(--sub); background-color: #f8f8fa; } 
.join-flex .sale-code .total-pay li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; color: #666; } 
.join-flex .sale-code .total-pay li + li { margin-top: 15px; } 
.join-flex .sale-code .total-pay li > span { font-weight: 700; font-size: 1.7rem; } 
.join-flex .sale-code .total-pay li em { font-weight: 700; font-size: 2.2rem; } 
.join-flex .sale-code .total-pay li em span { font-weight: 400; font-size: 1.8rem; } 
.join-flex .sale-code .total-pay .total-fee span { color: var(--sub); } 
.join-flex .sale-code .total-pay .total-fee em { color: var(--sub); font-size: 4rem; } 
.join-flex .sale-code .total-pay .total-fee em span { font-size: 2.5rem; } 
.pay-list { } 
.pay-list > li { padding: 20px; border: 1px solid var(--light2-main); background-color: var(--light2-main); transition: all .3s; } 
.pay-list > li + li { margin-top: 20px; } 
.pay-list > li.on { border: 1px solid var(--main); background-color: #fff; } 
.pay-list > li .top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } 
.pay-list > li.on .top { margin-bottom: 20px; } 
.pay-list > li .top label { font-weight: 600; color: var(--main); } 
.pay-list > li img { width: 80px; } 
.pay-list > li .bottom { display: none; } 
.pay-list > li .bottom > div { padding-top: 20px; border-top: 1px solid var(--gray-e5); } 
.pay-list > li .bottom > .credit-card { border-top: none; } 
.pay-list > li .bottom > div + div { margin-top: 20px; } 
.pay-list > li .bottom > .list1 li { margin-bottom: 15px; } 
.pay-list .pay-name ul li { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; } 
.pay-list .pay-name li + li { margin-top: 20px; } 
.pay-list .pay-name ul li .inp-st1 { flex: 1; } 
.pay-list .pay-name em { display: inline-block; width: 140px; font-size: 2rem; color: var(--sub); word-break: keep-all; } 
.pay-list .pay-name span { line-height: 1.3; font-weight: 600; font-size: 2rem; } 
.pay-list .pay-card span { font-weight: 600; font-size: 2rem; color: var(--sub); } 
.pay-list > li .bottom > a { width: 100%; } 

/*인풋 체크 되어있을 때 */


.join-flex > .rg { position: sticky; top: 150px; right: 0; width: 660px; height: fit-content; } 
.pay-info { padding: 30px; border: 1px solid var(--gray-e5); } 
.pay-info > li + li { margin-top: 60px; } 
.pay-info strong { font-weight: 600; font-size: 2.8rem; } 
.pay-info .item { margin-top: 50px; } 
.pay-info .item em { position: relative; display: inline-block; padding-left: 45px; font-weight: 600; font-size: 2.4rem; } 
.pay-info .item em::before { content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; transform: translateY(-50%); } 
.pay-info .item:first-of-type em::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 29' fill='none'%3E%3Cg clip-path='url(%23clip0_248_822)'%3E%3Cpath d='M28.1422 28.022H4.9691C4.49799 28.022 4.11133 27.634 4.11133 27.1622V10.8071C4.11133 10.3353 4.49799 9.94727 4.9691 9.94727H28.1422C28.6133 9.94727 29 10.3353 29 10.8071V27.1666C29 27.6384 28.6133 28.0264 28.1422 28.0264V28.022Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.7783 24.4941H25.8893' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.22266 24.4941H11.6671' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.22266 22.2891H11.6671' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.8046 14.9207C23.3602 15.9349 22.9868 17.2048 21.9646 17.756C20.9424 18.3072 19.6624 17.9368 19.1069 16.9226C18.5513 15.9084 18.9246 14.6385 19.9468 14.0873C20.9691 13.5361 22.249 13.9065 22.8046 14.9207Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.9292 14.0918L23.4758 13.8802C24.3691 13.6862 25.3202 14.0874 25.778 14.9208C26.3336 15.935 25.9602 17.205 24.938 17.7562C24.458 18.0163 23.9247 18.0693 23.4314 17.9502C23.4314 17.9502 23.1869 17.9017 22.8892 17.7341' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.05799 19.4802L1.03135 7.90068C0.911349 7.44209 1.18246 6.97027 1.63579 6.85121L23.9734 1.00415C24.4267 0.885088 24.9023 1.16289 25.0223 1.61707L27.1111 9.55426' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9468 9.94221L26.2933 6.41016' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_822'%3E%3Crect width='30' height='29' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain; } 
.pay-info .item:last-of-type em::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 27' fill='none'%3E%3Cg clip-path='url(%23clip0_248_846)'%3E%3Cpath d='M22.8795 25.3082C26.1494 25.2461 28.7493 22.5754 28.6865 19.3429C28.6237 16.1105 25.922 13.5404 22.6521 13.6025C19.3822 13.6645 16.7823 16.3353 16.8451 19.5677C16.9079 22.8001 19.6096 25.3702 22.8795 25.3082Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.833 18.2773L21.2727 21.6914L22.5754 18.2773L23.9765 21.6914L25.2577 18.2773' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.3149 19.748H25.7809' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9746 17.6641H3.84131V2.1228C3.84131 1.88983 4.03413 1.69922 4.2698 1.69922H25.6044C25.8401 1.69922 26.0329 1.88983 26.0329 2.1228V14.4406' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.4014 23.3489H1.75015C1.44164 23.3489 1.23168 23.0312 1.36022 22.7516L3.84548 17.6602' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.54346 7.18555H16.7903' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.54346 10.8398H12.1669' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_248_846'%3E%3Crect width='30' height='26' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain; } 
.pay-info .list1 { margin-top: 15px; } 
.pay-info .list1 > li { margin-bottom: 10px; word-break: keep-all; word-wrap: break-word; } 
.pay-info .item .bold { font-weight: 700; } 
.table-etc { color: #666; text-align: end; } 
.join-flex > .rg .btn-wrap > a { width: 100%; } 
.join-flex > .rg .btn-wrap .btn-lf a { flex: 1; } 

@media only screen and (max-width: 1400px){
 .in-scedul { flex-flow: column wrap; } 
.in-scedul li { display: flex; justify-content: center; align-items: center; gap: 10px; } 
.in-scedul li::before { display: inline-block; width: 30px; height: 30px; margin: 0; } 
.in-scedul li p { margin: 0; margin-left: 20px; } 

.pass-grade .top strong { font-size: 3.5rem; } 
.pass-grade .detail { flex-flow: column wrap; } 
.pass-grade .detail li { font-size: 2rem; } 
.pass-grade .detail li br { display: none; } 
.pass-grade .detail em { margin-bottom: 20px; font-size: 2.2rem; } 
 }
@media only screen and (max-width: 1023px){
 .pass-grade { flex-flow: column wrap; } 
.pass-grade .top { height: fit-content; } 
.pass-grade > li strong { margin-bottom: 30px; } 
.pass-grade .detail + .detail { margin-top: 20px; } 
.pass-grade .detail ul { display: flex; flex-wrap: wrap; width: 100%; gap:5px 20px; } 
.pass-grade > li .price { margin-top: 20px; } 
.pass-grade > li.ap .price { margin-top: 20px; } 

.join-flex { flex-flow: column wrap; gap: 50px; } 
.join-flex > .lf { width: 100%; } 
.join-flex > .rg { width: 100%; } 
.join-flex .sale-code strong { font-size: 4rem; } 
.join-flex .sale-code .total-pay .total-fee em { font-size: 3.6rem; } 
.pay-list .pay-name em { width: 120px; } 
 }
@media only screen and (max-width: 700px){
 .in-scedul li { flex-wrap: wrap; } 
.in-scedul li p { width: 100%; margin-left: 0; } 
 }

/******************* 마이페이지 *******************/
html, body { height: 100%; } 

.mypage { min-height: 100%; display: flex; flex-direction: column; } 
.mypage #container { position: relative; flex: 1; display: flex; height: 100%; }
.mypage .top-add img {width:100%;} 
/* .mypage .top-add { position: relative; height: 144px; }  */
/* .mypage .top-add img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } */
.mypage .top-add .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1720px; } 
.mypage .top-add .inner .big-txt { font-size: 30px; color: #fff; font-weight: 700; } 
.mypage .top-add .inner .sm-txt { font-size: 18px; font-weight: 400; color: #fff; } 
.mypage .top-add .inner .sm-txt em { font-weight: 700; color: #FDE047; } 
.mypage .top-add .close { position: absolute; right: 30px; top: 50%; width: 40px; height: 40px; font-size: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.5 4.49967L4.49967 13.5' stroke='%23222222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 13.5003L4.49967 4.5' stroke='%23222222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px; border-radius: 100%; transform: translateY(-50%); } 

@media only screen and (max-width: 1023px){
/*  .mypage .top-add { height: 81px; }  */
.mypage .top-add .inner { display: flex; gap: 0 20px; flex-wrap: wrap; max-width: unset; padding: 0 30px; } 
.mypage .top-add .inner .big-txt { font-size: 20px; } 
 }


.mypage .mypage-header { position: sticky; left: 0; top: 0px; height: fit-content; padding: 0 0 100px; width: 255px; background: #fff; } 
.mypage .mypage-header .logo { height: 100px; display: flex; align-items: center; padding: 0 25px; border-bottom: 1px solid var(--gray-e5); } 
.mypage .mypage-header .gnb-wrap { padding: 30px 25px; } 
.mypage .mypage-header .gnb-wrap .gnb-list { } 
.mypage .mypage-header .gnb-wrap .gnb-list li { } 
.mypage .mypage-header .gnb-wrap .gnb-list li a { display: flex; gap: 10px; width: 100%; height: 100%; font-size: 18px; color: #4B5563; padding: 20px; border-radius: 5px; transition: all .3s ease; } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover { background: var(--light2-main); color: #fff; } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i { display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i.home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M2.5 7.497 10 1.664l7.5 5.833v9.167a1.667 1.667 0 0 1-1.667 1.667H4.167A1.667 1.667 0 0 1 2.5 16.664V7.497Z'/%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M7.5 18.333V10h5v8.333'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i.profile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 17.5v-1.667a3.333 3.333 0 0 0-3.334-3.333h-5a3.333 3.333 0 0 0-3.333 3.333V17.5M10 9.167A3.333 3.333 0 1 0 10 2.5a3.333 3.333 0 0 0 0 6.667Z'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i.search { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%234B5563' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 17.5L13.875 13.875' stroke='%234B5563' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i.agenda { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 3.336H4.167c-.92 0-1.667.746-1.667 1.667v11.666c0 .92.746 1.667 1.667 1.667h11.666c.92 0 1.667-.746 1.667-1.667V5.003c0-.92-.746-1.667-1.667-1.667ZM13.334 1.664v3.333M6.666 1.664v3.333M2.5 8.336h15'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i.messages { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m2.5 17.502 1.583-4.75a7.083 7.083 0 1 1 3.167 3.166L2.5 17.503Z'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a i.favorites { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 11.667c1.241-1.217 2.5-2.675 2.5-4.584A4.583 4.583 0 0 0 13.749 2.5c-1.466 0-2.5.417-3.75 1.667C8.75 2.917 7.716 2.5 6.25 2.5a4.583 4.583 0 0 0-4.583 4.583c0 1.917 1.25 3.375 2.5 4.584L9.999 17.5l5.834-5.833Z'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover i.home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M2.5 7.497 10 1.664l7.5 5.833v9.167a1.667 1.667 0 0 1-1.667 1.667H4.167A1.667 1.667 0 0 1 2.5 16.664V7.497Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M7.5 18.333V10h5v8.333'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover i.profile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 17.5v-1.667a3.333 3.333 0 0 0-3.334-3.333h-5a3.333 3.333 0 0 0-3.333 3.333V17.5M10 9.167A3.333 3.333 0 1 0 10 2.5a3.333 3.333 0 0 0 0 6.667Z'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover i.search { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%23fff' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 17.5L13.875 13.875' stroke='%23fff' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover i.agenda { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 3.336H4.167c-.92 0-1.667.746-1.667 1.667v11.666c0 .92.746 1.667 1.667 1.667h11.666c.92 0 1.667-.746 1.667-1.667V5.003c0-.92-.746-1.667-1.667-1.667ZM13.334 1.664v3.333M6.666 1.664v3.333M2.5 8.336h15'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover i.messages { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m2.5 17.502 1.583-4.75a7.083 7.083 0 1 1 3.167 3.166L2.5 17.503Z'/%3E%3C/svg%3E"); } 
.mypage .mypage-header .gnb-wrap .gnb-list li a:hover i.favorites { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 11.667c1.241-1.217 2.5-2.675 2.5-4.584A4.583 4.583 0 0 0 13.749 2.5c-1.466 0-2.5.417-3.75 1.667C8.75 2.917 7.716 2.5 6.25 2.5a4.583 4.583 0 0 0-4.583 4.583c0 1.917 1.25 3.375 2.5 4.584L9.999 17.5l5.834-5.833Z'/%3E%3C/svg%3E"); } 

.mypage .sub-content { width: calc(100% - 255px); padding-top: unset; border-left: 1px solid var(--gray-e5); } 
.mypage .sub-content .top-header { height: 100px; background: #fff; border-bottom: 1px solid var(--gray-e5); padding: 0 30px; } 
.mypage .sub-content .top-header .logo { display: none; } 
.mypage .sub-content .top-header .header-list li { position: relative; color: #444; } 
.mypage .sub-content .top-header .header-list { display: flex; align-items: center; justify-content: right; gap: 20px; height: 100%; } 
.mypage .sub-content .top-header .header-list li i { display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; } 
.mypage .sub-content .top-header .header-list .search { width: 40px; height: 40px; border-radius: 100px; display: flex; justify-content: center; align-items: center; } 
.mypage .sub-content .top-header .header-list .search:hover { background: #f6f6f6; } 
.mypage .sub-content .top-header .header-list .search i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m17.5 17.5-3.625-3.625m1.958-4.708a6.667 6.667 0 1 1-13.333 0 6.667 6.667 0 0 1 13.333 0Z'/%3E%3C/svg%3E"); } 
.mypage .sub-content .top-header .header-list .search .search-box { position: absolute; top: 30px; right: 0; width: 320px; height: 43.2px; align-items: center; gap: 10px; padding: 12px 25px; background: #fff; border-radius: 50px; display: none; } 
.mypage .sub-content .top-header .header-list .search .search-box { } 
.mypage .sub-content .top-header .header-list .search .search-box-pc { display: flex; justify-content: center; align-items: center; flex-flow: column wrap; width: 100%; height: auto; padding: 100px 0; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); position: fixed; left: 0; top: 0; z-index: 10; transform: translateY(-600px); transition: transform 0.3s; } 
.mypage .sub-content .top-header .header-list .search .search-box-pc strong { display: block; margin-bottom: 20px; font-size: 2.4rem; } 
.mypage .sub-content .top-header .header-list .search .search-box { position: relative; display: flex; align-items: center; gap: 40px; width: 50%; padding-right: 20px; border: 1px solid var(--gray-e9); border-radius: 50px; overflow: hidden; } 
.mypage .sub-content .top-header .header-list .search .search-box input { width: 100%; border: 0; padding: 0 30px; font-size: 1.8rem; line-height: 5rem; } 
.mypage .sub-content .top-header .header-list .search .search-box input:focus { outline: none; } 
.mypage .sub-content .top-header .header-list .search .search-box button { position: relative; font-size: 0; } 
.mypage .sub-content .top-header .header-list .search .search-box button i { font-size: 2rem; color: #666; } 
.mypage .sub-content .top-header .header-list .search .search-box-pc .search-close { position: absolute; right: 30px; top: 40px; width:18px; height:18px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; } 
.mypage .sub-content .top-header .header-list .search .search-box-pc.open { transform: translateY(0); } 
.mypage .sub-content .top-header .header-list .alarm { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100px; } 
.mypage .sub-content .top-header .header-list .alarm:hover { background: #f6f6f6; } 
.mypage .sub-content .top-header .header-list .alarm i { position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.442 17.5a1.666 1.666 0 0 1-2.884 0M15 6.667a5 5 0 0 0-10 0c0 5.833-2.5 7.5-2.5 7.5h15S15 12.5 15 6.667Z'/%3E%3C/svg%3E"); } 
.mypage .sub-content .top-header .header-list .alarm i::after { content: ""; position: absolute; top: -2px; right: -2px; width: 5px; height: 5px; background: #ef4444; border-radius: 10px; } 
.mypage .sub-content .top-header .header-list .switch > ul { display: flex; gap: 30px; } 
.mypage .sub-content .top-header .header-list .switch > ul > li { display: flex; align-items: center; gap: 15px; } 
.mypage .sub-content .top-header .header-list .profile a { position: relative; display: block; width: 60px; height: 0; padding-bottom: 100%; background: #888; border-radius: 100px; } 
.mypage .sub-content .top-header .header-list .profile a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 


/* 스위치 디자인 */
.onoff-btn-st1 { position: relative; display: block; width: 44px; height: 24px; padding: 0 12px; background: #D1D5DB; border-radius: 50px; } 
.onoff-btn-st1:after { content: ""; position: absolute; top: 2px; left: 3px; width: 19px; height: 19px; background: #fff; border-radius: 100%; } 
.onoff-btn-st1 span { display: none; opacity: 0; font-weight: 600; font-size: 14px; color: #777; text-align: right; transition: 0.5s; } 
.onoff-btn-st1 .off-txt { display: block; opacity: 1; } 

.onoff-btn-st1.on { background: var(--main); } 
.onoff-btn-st1.on .on-txt { display: block; opacity: 1; color: #fff; text-align: left; } 
.onoff-btn-st1.on .off-txt { display: none; opacity: 0; } 
.onoff-btn-st1.on:after { animation: on-off-ani1 0.5s forwards; background: #fff; } 
.onoff-btn-st1.off:after { animation: on-off-ani2 0.5s forwards; background: #fff; } 
@keyframes on-off-ani1 { 
 0% { left: 3px; } 
 100% { left: 22px; } 
 }
@keyframes on-off-ani2 { 
 0% { left: 22px; } 
 100% { left: 3px; } 
 }
@media only screen and (max-width: 1300px){
 .mypage-mbtn-box { display: none; } 
 .mypage-mbtn-box .mbtn-box .open { display: none; } 
 }
@media only screen and (max-width: 1023px){
 .mypage .mypage-header { display: none; } 
 .mypage .sub-content .top-header .logo { display: block; } 
 .mypage .sub-content .top-header .logo a { width: 95px; } 
.mypage .sub-content .top-header { display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 20px; } 
.mypage .sub-content .top-header .header-list { gap: 20px; } 
.mypage .sub-content .top-header .header-list > .switch { display: none; } 
.mypage .sub-content .top-header .header-list .profile a { width: 40px; } 
.mypage .sub-content .top-header .header-list .mypage-mbtn-box { right: unset; display: block; } 
.mypage .sub-content .top-header .header-list .mypage-mbtn-box .open { display: block; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 3L7.75 3M19 10L1 10M19 17L12.25 17' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mypage .sub-content .top-header .header-list .mgnb-box .top { margin-bottom: 20px; } 
.mypage .sub-content .top-header .header-list .mgnb-box .member-bt-box { margin-bottom: unset; } 
.mypage .sub-content .top-header .header-list .mgnb-box .member-bt-box .switch { width: 100%; } 
.mypage .sub-content .top-header .header-list .mgnb-box .member-bt-box .switch li { display: flex; justify-content: space-between; } 
.mypage .sub-content .top-header .header-list .mgnb-box .member-bt-box .switch li + li { margin-top: 10px; } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a { position: relative; display: flex; gap: 10px; align-items: center; padding: 20px 0; } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a::after { content: ""; position: absolute; top: 19px; right: 0; width: 15px; height:15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m5.625 11.25 3.75-3.75-3.75-3.75'/%3E%3C/svg%3E"); } 
 .mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i { width: 13px; height: 13px; background-size: contain; } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i.home { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7.49984L10 1.6665L17.5 7.49984V16.6665C17.5 17.1085 17.3244 17.5325 17.0118 17.845C16.6993 18.1576 16.2754 18.3332 15.8333 18.3332H4.16667C3.72464 18.3332 3.30072 18.1576 2.98816 17.845C2.67559 17.5325 2.5 17.1085 2.5 16.6665V7.49984Z' stroke='%234B5563' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 18.3333V10H12.5V18.3333' stroke='%234B5563' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i.profile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 17.5v-1.667a3.333 3.333 0 0 0-3.334-3.333h-5a3.333 3.333 0 0 0-3.333 3.333V17.5M10 9.167A3.333 3.333 0 1 0 10 2.5a3.333 3.333 0 0 0 0 6.667Z'/%3E%3C/svg%3E"); } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i.search { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%234B5563' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 17.5L13.875 13.875' stroke='%234B5563' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i.agenda { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M15.833 3.336H4.167c-.92 0-1.667.746-1.667 1.667v11.666c0 .92.746 1.667 1.667 1.667h11.666c.92 0 1.667-.746 1.667-1.667V5.003c0-.92-.746-1.667-1.667-1.667ZM13.334 1.664v3.333M6.666 1.664v3.333M2.5 8.336h15'/%3E%3C/svg%3E"); } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i.messages { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m2.5 17.502 1.583-4.75a7.083 7.083 0 1 1 3.167 3.166L2.5 17.503Z'/%3E%3C/svg%3E"); } 
.mypage .sub-content .top-header .header-list .mgnb-box .mgnb .gnb-wrap .gnb-list li a i.favorites { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%234B5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m2.5 17.502 1.583-4.75a7.083 7.083 0 1 1 3.167 3.166L2.5 17.503Z'/%3E%3C/svg%3E"); } 
.mypage .sub-content { width: 100%; } 
 }
@media only screen and (max-width: 767px){
 .mypage .sub-content .top-header .header-list .time { display: none; } 
.mypage .sub-content .top-header .logo a { width: 75px; height: 30px; } 
.mypage .sub-content .top-header .header-list .profile a { width: 30px; } 
.mypage .sub-content .top-header .header-list .search .search-box { width: 90%; } 
.mypage .sub-content .top-header .header-list .search .search-box input { padding: unset; } 
 }

.mypage .fc-txt { color: #374151; } 
.mypage .fc-im-txt { color: #1F2937; font-weight: 500; } 
.mypage .fc-blue { color: #374151; } 
.mypage .fc-gr-txt { color:#6B7280; } 
.mypage .bd-bottom { border-bottom: 1px solid var(--gray-e5); } 
.mypage li.bd-bottom:last-child { border: none; } 
.mypage .fs18 { font-size: 18px; } 
.mypage .fs20 { font-size: 20px; } 
.mypage p, .mypage strong, .mypage span, .mypage em { word-break: keep-all; } 

.icn-chev-lf { display: block; width:16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11L6.5 6L1.5 1' stroke='%239CA3AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")no-repeat center center; transform: rotate(180deg); } 
.icn-chev-rg { display: block; width:16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11L6.5 6L1.5 1' stroke='%239CA3AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")no-repeat center center; } 

.mypage .view-all { display: flex; gap: 7px; align-items: center; color: var(--main); } 
.mypage .view-all i { display: block; color: var(--main); font-weight: bold; } 

.mypage .sub-content .con-inner { max-width: unset; padding: 30px; background:#F9FAFB; } 
.mypage .sub-content .con-inner .con-tab-wrap { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--gray-e5); margin-bottom: 30px; } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .edit-btn { display: inline-flex; align-items: center; flex-shrink: 0; gap: 10px; height: 38px; border-radius: 5px; padding: 0 16px; font-size: 14px; border: 1px solid #d1d5db; background: #fff; color: #374151; } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn:hover, .mypage .sub-content .con-inner .con-tab-wrap .edit-btn:hover { background:#F9FAFB; } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn i { display: block; width: 15px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.833 17.5v-1.667A3.333 3.333 0 0 0 12.5 12.5h-5a3.333 3.333 0 0 0-3.333 3.333V17.5M10 9.167A3.333 3.333 0 1 0 10 2.5a3.333 3.333 0 0 0 0 6.667Z'/%3E%3C/svg%3E")no-repeat center center; } 
.mypage .sub-content .con-inner .con-tab-wrap .edit-btn i { display: block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M11.333 2a1.898 1.898 0 0 1 1.376-.671 1.912 1.912 0 0 1 1.427.555 1.885 1.885 0 0 1 .55 1.421A1.877 1.877 0 0 1 14 4.667l-9 9-3.667 1 1-3.667 9-9ZM10 3.333 12.667 6'/%3E%3C/svg%3E"); } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .excel-btn { display: inline-flex; align-items: center; flex-shrink: 0; gap: 10px; height: 38px; border-radius: 5px; padding: 0 16px; font-size: 14px; background-color: #059669; color: #fff; } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .excel-btn i { } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .print-btn { display: inline-flex; align-items: center; flex-shrink: 0; gap: 10px; height: 47px; border-radius: 5px; padding: 0 16px; font-size: 19px; border: 1px solid #d1d5db; background: #fff; color: #374151; } 
.mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .print-btn i { } 
.mypage .sub-content .con-inner .con-tab { display: flex; } 
.mypage .sub-content .con-inner .con-tab li { color: #6B7280; font-weight: 500; } 
.mypage .sub-content .con-inner .con-tab li.on { color: #222; border-bottom: 2px solid var(--main); font-weight: 600; } 
.mypage .sub-content .con-inner .con-tab li a { display: block; width: 100%; height: 100%; padding: 20px 16px; } 

.mypage .sub-content .con-inner .con-flex-wrap { display: flex; } 
.mypage .sub-content .con-inner .con-box { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } 
.mypage .sub-content .con-inner .con-box .tit-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 17px; border-bottom: 1px solid var(--gray-e5); } 
.mypage .sub-content .con-inner .con-box .tit { line-height: 28px; font-size: 20px; font-weight: 600; color: #222; } 
.mypage .sub-content .con-inner .con-box .tab-wrap { } 
.mypage .sub-content .con-inner .con-box .tab-wrap .tab { display: flex; border-bottom: 1px solid var(--gray-e5); } 
.mypage .sub-content .con-inner .con-box .tab-wrap .tab li { color: #6B7280; font-weight: 500; } 
.mypage .sub-content .con-inner .con-box .tab-wrap .tab li a { display: block; width: 100%; height: 100%; padding: 10px 16px; } 
.mypage .sub-content .con-inner .con-box .tab-wrap .tab li.on { color: #222; border-bottom: 2px solid var(--main); font-weight: 600; } 

.mypage .sub-content .con-inner .con-box .info-list li { display: flex; justify-content: space-between; padding: 15px 0; } 
.mypage .sub-content .con-inner .con-box .info-list li .lf { display: flex; gap: 30px; } 

.mypage .sub-content .con-inner .company-profile .profile { display: flex; gap: 20px; align-items: center; margin-top: 20px; } 
.mypage .sub-content .con-inner .company-profile .profile .img-wrap { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 8px; background: #F3F4F6; } 
.mypage .sub-content .con-inner .company-profile .btn { width: 100%; height: 48px; line-height: 48px; background: #F3F4F6; text-align: center; font-size: unset; font-weight: 600; border-radius: 6px; transition: all .3s ease; } 
.mypage .sub-content .con-inner .company-profile .btn:hover { color: #fff; background: var(--main); } 

@media only screen and (max-width: 1500px){
 .mypage .sub-content .con-inner .lf-con { width: calc(100% - 400px); } 
.mypage .sub-content .con-inner .rg-con { width: 400px; } 
 }
@media only screen and (max-width: 1300px){
 .mypage .sub-content .con-inner .con-flex-wrap { flex-direction: column; gap: 30px; } 
 }
@media only screen and (max-width: 1023px){
 .mypage .sub-content .con-inner { padding: 20px; } 
 }
@media only screen and (max-width: 767px){
 .mypage .sub-content .con-inner .con-box { padding: 20px; } 
 .mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .excel-btn { display: none; } 
 .mypage .sub-content .con-inner .con-tab-wrap .save-btn, .mypage .sub-content .con-inner .con-tab-wrap .print-btn { display: none; } 
 }

/* 컨텐츠 페이지 개별 수정 */
/* 메인 */
.mypage .sub-content .con-inner.main .lf-con { width: calc(100% - 542px); } 
.mypage .sub-content .con-inner.main .rg-con { width: 542px; padding-left: 30px; } 
@media only screen and (max-width: 1500px){
 .mypage .sub-content .con-inner.main .lf-con { width: calc(100% - 400px); } 
.mypage .sub-content .con-inner.main .rg-con { width: 542px; padding-left: 30px; } 
 }
@media only screen and (max-width: 1300px){
 .mypage .sub-content .con-inner.main .con-flex-wrap { flex-direction: column; gap: 30px; } 
 .mypage .sub-content .con-inner.main .lf-con { width: 100%; } 
.mypage .sub-content .con-inner.main .rg-con { display: flex; flex-wrap: wrap; gap: 30px; width: 100%; padding-left: unset; } 
.mypage .sub-content .con-inner.main .rg-con .con-box { flex: 1 1 48%; margin-top: unset; } 
 }
@media only screen and (max-width: 767px) { /* 홈 */
.todays-meeting .info-list li { align-items: center; gap: 10px; } 
.todays-meeting .info-list li .lf { flex-direction: column; gap: unset !important; } 
.todays-meeting .info-list li .lf p em { display: block; margin: unset; } 
 }


/* 회사정보 수정 */
.mypage .sub-content .con-inner.company-profile-edit .lf-con, .mypage .sub-content .con-inner.company-profile-view .lf-con, .personal-profile { width: 32%; } 
.mypage .sub-content .con-inner.company-profile-edit .rg-con, .mypage .sub-content .con-inner.company-profile-view .rg-con, .personal-profile { width: calc(100% - 32%); padding-left: 30px; } 
.company-logo .img-wrap { display: flex; justify-content: center; align-items: center; width: 250px; height: 124px; border: 1px solid var(--gray-e5); border-radius: 10px; } 
.company-logo .img-wrap img { max-width: 150px; width: auto; height: auto; } 
.company-logo #logo-upload { border: none; } 
.form-flex-wrap { display: flex; gap: 30px; } 
.form-flex-wrap > div { flex: 1 1 48%; display: flex; flex-direction: column; } 
.company-profile-edit .form-flex-wrap > div:not(.space-y-2) > label { margin-bottom: 10px; } 
.space-y-2 input.chk-st1 + label.chk-st1 { font-size: 1.5rem !important; } 
.space-y-2 input.rdo-st1 + label.rdo-st1 { font-size: 1.5rem !important; } 
.product-entry .flex { flex-wrap: wrap; } 
.product-entry .space-y-2 .label { display: block; } 

.company-profile-view .btn-list { display: flex; gap:10px; align-items: center; } 
.company-profile-view .btn-list li a { display: flex; gap: 5px; } 
.company-profile-view .btn-list li a.print-btn i { width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zM5 14H4v-2h1v2zm1 0v2h8v-2H6zM15 12h1v2h-1v-2z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); } 
.company-profile-view .btn-list li a.word-btn i { width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%231e40af' fill-rule='evenodd' d='M4 2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H4zm3 5a1 1 0 011-1h4a1 1 0 110 2H8a1 1 0 01-1-1zm0 4a1 1 0 011-1h4a1 1 0 110 2H8a1 1 0 01-1-1z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); } 

@media only screen and (max-width: 1300px){
 .mypage .sub-content .con-inner.company-profile-edit .lf-con, .mypage .sub-content .con-inner.company-profile-view .lf-con, .personal-profile { width: 100%; } 
.mypage .sub-content .con-inner.company-profile-edit .rg-con, .mypage .sub-content .con-inner.company-profile-view .rg-con, .personal-profile { width: 100%; padding-left: unset; } 
 }
 
 @media only screen and (max-width: 767px){
 .form-flex-wrap { flex-direction: column; } 
.mypage .sub-content .con-inner.company-profile-edit .company-logo .flex { flex-direction: column; } 
.mypage .sub-content .con-inner.company-profile-view .con-box .tit-top { flex-direction: column; gap: 20px; align-items: baseline; } 
 }
/* 회사정보 보기*/
.company-profile-view .form-flex-wrap { flex-wrap: wrap; } 
.company-profile-view .flex2 { display: flex; gap: 30px; align-items: baseline; } 
.company-profile-view .flex2 .following-tab { } 
.company-profile-view .flex2 .following-tab button { color: #666; } 
.company-profile-view .flex2 .following-tab button.on { color: #222; } 
.company-profile-view .flex2 .con-box { width: 489px; } 
.company-profile-view .flex2 .followers-list > div { max-height: 500px; overflow-y: auto; } 
.follow-btn, .following-btn { white-space: nowrap; margin-left: 20px; } 
.follow-btn { background: #2563eb; color: #fff; } 
@media only screen and (max-width: 1600px){
 .company-profile-view .flex2 { flex-direction: column; } 
.company-profile-view .flex2 .con-box { width: 100%; } 
.company-profile-view .flex2 .con-box { width: 100%; } 
 }
 /* 테일윙즈 */
 .mypage > * { border-style: solid; } 
/* 공통 */
.hidden { display: none; } 
.absolute { position: absolute; } 
.relative { position: relative; } 
.flex { display: flex; } 
.inline-flex { display: inline-flex; } 
.flex-col { flex-direction: column; } 
.justify-center { justify-content: center; } 
.justify-end { justify-content: end; } 
.justify-between { justify-content: space-between; } 
.items-center { align-items: center; } 
.text-center { text-align: center; } 
.flex-1 { flex: 1; } 
.cursor-pointer { cursor: pointer; } 
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; } 
.hover\:bg-gray-50:hover { background-color: #f9fafb; } 
.z-50 { z-index: 50; } 
.overflow-y-auto { overflow-y: auto; } 

/* 위치 및 크기 */
.right-0 { right: 0; } 
.top-\[82px\] { top: 8.2rem; } 
.-top-2 { top: -0.5rem; } 
.-right-2 { right: -0.5rem; } 
.w-4 { width: 1rem; } 
.w-8 { width: 2rem; } 
.w-16 { width: 6.4rem; } 
.w-24 { width: 6rem; } 
.w-32 { width: 8rem; } 
.h-4 { height: 1rem; } 
.h-8 { height: 2rem; } 
.h-16 { height: 6.4rem; } 
.h-24 { height: 6rem; } 
.h-32 { height: 8rem; } 
.w-64 { width: 16rem; } 
.w-80 { width: 32rem; } 
.w-full { width: 100%; } 
.h-full { height: 100%; } 

/* 여백 */
.py-1 { padding-top: 0.4rem; padding-bottom: 0.4rem; } 
.pb-2 { padding-bottom: 0.5rem; } 
.py-1-5 { padding-top: 0.8rem; padding-bottom: 0.8rem; } 
.py-2 { padding-top: 1rem; padding-bottom: 1rem; } 
.py-3 { padding-top: 1.2rem; padding-bottom: 1.2rem; } 
.py-4 { padding-top: 1.6rem; padding-bottom: 1.6rem; } 
.px-0 { padding-left: 0; padding-right: 0; } 
.px-3 { padding-left: 1.2rem; padding-right: 1.2rem; } 
.px-4 { padding-left:1.5rem; padding-right:1.5rem } 
.px-5 { padding-left:2rem; padding-right:2rem } 
.px-6 { padding-left: 2.4rem; padding-right: 2.4rem; } 
.pt-2 { padding-top: 0.8rem; } 
.pt-6 { padding-top: 2.4rem; } 
.pt-8 { padding-top: 2rem; } 
.pb-4 { padding-bottom: 1.6rem; } 
.mt-1 { margin-top: 0.4rem; } 
.mt-2 { margin-top: 0.8rem; } 
.mt-4 { margin-top: 1.6rem; } 
.mt-6 { margin-top: 2.4rem; } 
.mt-8 { margin-top: 3.2rem; } 
.mb-3 { margin-bottom: 1.2rem; } 
.mb-4 { margin-bottom: 2rem; } 
.p-3 { padding: 1.2rem; } 
.p-4 { padding: 1.5rem; } 
.p-6 { padding: 25px; } 

/* 레이아웃 갭 */
.gap-2 { gap: 0.5rem; } 
.gap-3 { gap: 1.6rem; } 
.gap-6 { gap: 2rem; } 
.space-y-2 > * + * { margin-top: 1.0rem; } 
.space-y-3 > * + * { margin-top: 1.2rem; } 
.space-y-4 > * + * { margin-top: 1.6rem; } 

/* 배경, 테두리, 그림자 */
.bg-white { background-color: #ffffff; } 
.bg-gray-50 { --tw-bg-opacity: 1; background-color: #f9fafb; } 
.bg-gray-100 { background-color: #f3f4f6; } 
.border-2.border-gray-200 { border: 2px solid #e5e7eb; } 
.border { border: 0.1rem solid #e5e7eb; } 
.border-r-0 { border-right-width: 0px; } 
.border-t { border-top: 0.1rem solid #e5e7eb; } 
.border-b { border-bottom: 0.1rem solid #e5e7eb; } 
.border-2 { border-width: 0.2rem; } 
.border-gray-200 { border-color: #e5e7eb; } 
.rounded { border-radius: .5rem; } 
.rounded-md { border-radius: .6rem; } 
.rounded-full { border-radius: 9999px; } 
.rounded-lg { border-radius: 0.8rem; } 
.shadow-lg { box-shadow: 0 1.6rem 2.4rem -0.5rem rgba(0,0,0,0.1), 0 0.4rem 0.6rem -0.3rem rgba(0,0,0,0.05); } 

/* 글자 */
.text-xs { font-size: 1.4rem; line-height: 1.6rem; } 
.text-sm { font-size: 1.5rem; line-height: 2.0rem; } 
.text-base { font-size: 1.6rem; line-height: 2.4rem; } 
.text-lg { font-size: 1.8rem; line-height: 2.8rem; } 
.text-xl { font-size: 2rem; line-height: 2.8rem; } 
.font-medium { font-weight: 500; } 
.font-semibold { font-weight: 600; } 
.font-bold { font-weight: 700; } 
.text-gray-900 { color: #111827; } 
.text-gray-700 { color: #374151; } 
.text-gray-600 { color: #4b5563; } 
.text-gray-500 { color: #6b7280; } 
.text-gray-400 { color: #9ca3af; } 
.text-red-500 { color: #ef4444; } 
.text-red-600 { color: #dc2626; } 
.text-red-700 { color: #c64242; } 
.text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } 
.text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } 
.text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } 
.bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } 
.text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } 
.bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } 
.text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } 
.text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } 
.bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } 
.text-purple-800 { --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); } 
.text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } 
.hover\:bg-red-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); } 
.hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } 

/* 이미지 */
.object-cover { object-fit: cover; } 
.object-contain { object-fit: contain; } 
.overflow-hidden { overflow: hidden; } 

/* SVG */
.h-5 { height: 1.6rem; } 
.w-5 { width: 1.6rem; } 

/* 버튼 */
button { background: none; border: none; cursor: pointer; } 

/* 프로필 팝업 전용 */
#profile-popup { border: 0.1rem solid #e5e7eb; } 

/* Company Info Section */
.border-b.pb-4 { border-bottom: 0.1rem solid #e5e7eb; padding-bottom: 1.6rem; } 
h4.text-lg.font-semibold.text-gray-900 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 600; color: #111827; } 

/* Company Logo Upload Section */
label.block { display: block; } 
#logo-preview { background-color: #ffffff; } 
.remove-logo-btn { position: absolute; top: -0.2rem; right: -0.2rem; height: 1.6rem; width: 1.6rem; border-radius: 100px; background-color: #ef4444; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 600; box-shadow: 0 0.4rem 0.6rem -0.3rem rgba(0,0,0,0.05), 0 1.6rem 2.4rem -0.5rem rgba(0,0,0,0.1); cursor: pointer; transition: background-color 0.15s; } 
.remove-logo-btn:hover { background-color: #dc2626; } 



/* Spacing */
.mb-6 { margin-bottom: 1.5rem; /* 24px */ } 
.space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 2rem; } 

/* Layout */
.grid { display: grid; } 
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } 
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
@media (min-width: 1024px){
 .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } 
 }

/* Text Colors */
.text-purple-600 { color: #9333ea; } 
.text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } 
.text-blue-800 { color: #1e40af; } 
.text-white { color: #fff; } 
.text-right { text-align: right; } 
.text-yellow-800 { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); } 

/* Background Colors */
.bg-blue-50 { background-color: #eff6ff; } 
.bg-blue-100 { background-color: #dbeafe; } 
.bg-red-600 { background-color: #dc2626; } 
.bg-red-800 { background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1)); } 
.bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } 
.bg-primary-50 { --tw-bg-opacity: 1; background-color: rgb(240 248 255 / var(--tw-bg-opacity, 1)); } 
.bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } 
.hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } F 

/* Borders */
.border-gray-300 { border-color: #d1d5db; } 
.border-blue-200 { border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } 
.border-primary-200 { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } 
.border-yellow-200 { --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } 

/* Shadows & Effects */
.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); } 
.focus\:border-primary-500:focus { border-color: var(--primary-500); } 
.focus\:ring-primary-500:focus { outline: none; box-shadow: 0 0 0 3px var(--primary-500); } 

/* Display */
.inline-block { display: inline-block; } 

/* Hover States */
.hover\:bg-red-600:hover { background-color: #dc2626; } 
.remove-entry:hover { color: #991b1b; } 

/* Custom Buttons */
.add-entry-btn { background: var(--main); color: #fff; font-weight: 500; } 
.remove-document-btn { background: #ef4444; color: #fff; display: flex; justify-content: center; } 

/* Special Elements */
.remove-entry { color: #dc2626; } 

/* 파트너링 알람 */
.noti-pop { position: absolute; top: 100%; right: 0; width: 318px; border-radius: 15px; background: #fff; border: 1px solid #e5e5e5; z-index: 1; } 
.noti-pop .top-tit { font-weight: 600; color: #222; padding: 15px; border-bottom: 1px solid #e5e5e5; } 
.scroll-list { overflow-y: scroll; height: 320px; } 
.scroll-list li { padding: 15px; border-bottom: 1px solid #f3f3f3; } 
.scroll-list li .top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; } 
.scroll-list li .top .lf { display: flex; gap: 10px; align-items: center; } 
.scroll-list li .top .lf .state-cate { padding: 4px 10px; border-radius: 20px; } 
.scroll-list li .top .lf .status-requested { color: #d97706; background: #fef3c7; } 
.scroll-list li .top .lf .status-agreed { background-color: #d1fae5; color: #059669; } 
.scroll-list li .top .lf .status-declined { background-color: #fee2e2; color: #dc2626; } 
.scroll-list li .top .lf .tit { } 
.scroll-list li .top .lf .time-leave { } 
.scroll-list li p { margin-top: 15px; } 
@media only screen and (max-width: 440px){
 .noti-pop { width: unset; } 
 }

/* 파트너링 검색 */
.mypage .search-menu { } 
.mypage .search-menu .company-swiper { background: #eef3ff; padding: 20px; border-radius: 15px; } 
.mypage .search-menu .company-swiper .swiper-wrapper { } 
.mypage .search-menu .company-swiper .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; align-items: center; gap: 20px; justify-content: space-between; width: 220px; height: 121px; padding: 18px; background: #fff; border-radius: 15px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05); } 
.mypage .search-menu .company-swiper .swiper-wrapper .swiper-slide .img-wrap { width: 100px; height: 100%; } 
.mypage .search-menu .company-swiper .swiper-wrapper .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: contain; } 
.mypage .search-menu .company-swiper .swiper-wrapper .swiper-slide .company-name { font-weight: 600; } 

.mypage .search-menu .search-input { display: flex; gap: 15px; } 
.mypage .search-menu .search-input .inp-st1 { border-radius: 10px; } 
.mypage .search-menu .search-input .btn-wrap { display: flex; gap: 10px; } 
.mypage .search-menu .search-input .btn-wrap button { display: inline-flex; justify-content: center; align-items: center; gap: 5px; height: 50px; line-height: 50px; font-size: 1.8rem; font-weight: 600; color: #fff; padding: 12px 24px; border-radius: 8px; white-space: nowrap; } 
.mypage .search-menu .search-input .btn-wrap button.search { background: #dc2626; } 
.mypage .search-menu .search-input .btn-wrap button.search:hover { background: #b91c1c; } 
.mypage .search-menu .search-input .btn-wrap button.view-all { background: #2563eb; } 
.mypage .search-menu .search-input .btn-wrap button.view-all:hover { background: #1d4ed8; } 
.mypage .search-menu .search-input .btn-wrap button.exel { background: #16a34a; } 
.mypage .search-menu .search-input .btn-wrap button.exel:hover { background: #15803d; } 
.mypage .search-menu .search-input .btn-wrap button.exel i { display: block; width: 13px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; } 

.mypage .search-menu .con-flex-wrap { gap: 30px; } 
.mypage .search-menu .con-flex-wrap .categories-box { width: 288px; } 
.mypage .search-menu .con-flex-wrap .categories-box .top-wrap { } 
.mypage .search-menu .con-flex-wrap .categories-box .inp-st1 { border-radius: 10px; } 
.mypage .search-menu .con-flex-wrap .categories-box .top-wrap button { display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; color: #374151; background: #e5e7eb; border-radius: 10px; font-size: 1.7rem; font-weight: 600; transition: all .3s ease; } 
.mypage .search-menu .con-flex-wrap .categories-box .top-wrap button.on { background: #dc2626; color: #fff; } 
.mypage .search-menu .con-flex-wrap .categories-box .top-wrap button + button { margin-top: 20px; } 
.mypage .search-menu .con-flex-wrap .categories-box .top-wrap .ms-word-btn { display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; background: #2563eb; color: #fff; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list { } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li { } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li a { display: flex; align-items: center; gap: 5px; color: #374151; font-size: 16px; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li a i { display: block; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='investor-arrow' class='w-3 h-3 mr-1 transform transition-transform' fill='%23374151' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); transition: all .3s ease; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li a.on i { transform: rotate(90deg); } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li > .check-list { padding: 15px 0 0 15px; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li .check-list li .checkbox .chk-st1 { font-size: 14px; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list li > .check-list li + li { margin-top: 10px; } 
.mypage .search-menu .con-flex-wrap .result-box { width: calc(100% - 30px - 288px); } 
.mypage .search-menu .con-flex-wrap .result-box .result-list { } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li { background: #fff; padding: 14px; border-radius: 8px; border: 1px solid #e5e5e5; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li + li { margin-top: 10px; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .top { display: flex; justify-content: space-between; gap: 30px; align-items: self-start; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .top .name { display: flex; align-items: center; gap: 10px; line-height: 24px; } 
.mypage .search-menu .partnering-cate { display: inline-flex; align-items: center; height: 24px; padding: 4px 8px; font-size: 12px; font-weight: 500; border-radius: 5px; } 
.mypage .search-menu .partnering-cate01 { color: #991b1b; background: #fee2e2; } 
.mypage .search-menu .partnering-cate02 { color: #1e40af; background: #dbeafe; } 
.mypage .search-menu .partnerting-like-btn { display: inline-flex; gap: 5px; justify-content: center; align-items: center; padding: 4px 8px; font-size: 12px; font-weight: 500; border-radius: 5px; border: 1px solid #e5e5e5; color: var(--main); } 
.mypage .search-menu .partnerting-like-btn.on { border: 1px solid var(--main); background: var(--light-bg); } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .middle { margin-top: 20px; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .middle p + p { margin-top: 7px; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .middle p { font-size: 14px; color: #555; line-height: 1.2; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .middle p em { color: #374151; font-weight: 500; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .middle p a:hover { text-decoration: underline; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .company-profile-view { margin-top: 10px; } 
@media only screen and (max-width: 1300px){
 .mypge .search-menu .con-flex-wrap { flex-direction: column; } 
.mypage .search-menu .con-flex-wrap .categories-box { width: 100%; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list { display: flex; flex-wrap: wrap; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list > li { width: 33.3%; padding: 0 10px; } 
.mypage .search-menu .con-flex-wrap .result-box { width: 100%; } 
 }
@media only screen and (max-width: 767px){
 .mypage .search-menu .search-input { flex-direction: column; } 
.mypage .search-menu .search-input .btn-wrap button { width: 100%; } 
.mypage .search-menu .con-flex-wrap .categories-box .bottom-box .filter-button-list > li { width: 100%; padding: unset; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .top .name { flex-wrap: wrap; } 
.mypage .search-menu .con-flex-wrap .result-box .result-list > li .top { flex-wrap: wrap; gap: 20px; } 
 }
@media only screen and (max-width: 400px){
 .mypage .search-menu .search-input .btn-wrap { flex-wrap: wrap; } 
 }

/* 회사검색 상세 */
.mypage .company-profile-tit { display: inline-block; font-size: 2.4rem; color: var(--main); font-weight: 600; padding-bottom: 10px; border-bottom: 2px solid var(--main); } 
.mypage .company-profile-lf { width: 371px; } 
.mypage .company-profile-lf .img-wrap { display: flex; justify-content: center; align-items: center; height: 125px; padding: 20px; border: 1px solid #e5e5e5; width: 100%; border-radius: 10px; } 
.mypage .company-profile-lf .img-wrap img { width: 100%; height: 100%; } 
.mypage .company-profile-rg { width: calc(100% - 371px - 30px); } 
.mypage .company-profile-rg .tit-wrap { display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap; } 
@media only screen and (max-width: 1300px){
 .mypage .company-profile-lf { display: flex; gap: 30px; width: 100%; } 
.mypage .company-profile-lf > div { margin: unset; width: 100%; } 
.mypage .company-profile-rg { width: 100%; } 
 }
@media only screen and (max-width: 767px){
 .mypage .company-profile-lf { flex-wrap: wrap; } 
 }
/* 사람검색 */
.mypage .person-name { display: flex; gap: 20px; align-items: center; } 
.mypage .person-name .img-wrap { width: 96px; height: 96px; border-radius: 100px; border: 1px solid #e5e5e5; } 
.mypage .person-name .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 

/* 사람검색 상세 */
.mypage .profile-wrap { display: flex; justify-content: center; } 
.mypage .profile-wrap .img-wrap { width: 128px; height: 128px; border-radius: 200px; border: 1px solid #e5e5e5; padding: unset; } 
.mypage .profile-wrap .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 

/* 미팅 모달 */
.mypage .popup-wrap .popup-inner { max-width: 1064px; } 
.meeting-modal { width: 100%; background: #fff; border-radius: 8px; box-shadow: 0 8px 20px rgba(0,0,0,0.15); overflow: hidden; font-family: Arial, sans-serif; } 
/* Header */
.modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-bottom: 1px solid #e5e7eb; } 

.modal-header h2 { font-size: 20px; font-weight: bold; } 

.modal-close { display: block; width: 20px; height: 20px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ca3af' stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18'%3E%3C/path%3E%3Cpath d='m6 6 12 12'%3E%3C/path%3E%3C/svg%3E"); } 

/* Tabs */
.modal-tabs { border-bottom: 1px solid #e5e7eb; } 
.modal-tabs nav { display: flex; padding: 0 24px; } 
.modal-tabs button { padding: 10px 16px; font-size: 14px; font-weight: 500; background: none; border: none; border-bottom: 2px solid transparent; cursor: pointer; } 
.modal-tabs button.active { color: #fff; background: #dc2626; border-bottom-color: #dc2626; } 

/* Body Layout */
.modal-body { padding: 24px; } 
.modal-content { display: flex; gap: 24px; } 
.form-section { flex: 1; display: flex; flex-direction: column; gap: 16px; } 
.delegate-section { width: 280px; border-left: 1px solid #e5e7eb; padding-left: 16px; } 

/* Form Groups */
.form-group label { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #374151; } 
.mypage .form-group input,
.mypage .form-group select,
.mypage .form-group textarea { width: 100%; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 4px; font-size: 14px; } 
.mypage .form-group textarea { resize: none; } 
.helper-text { font-size: 14px; color: #6b7280; margin-top: 10px; } 
.error-message { font-size: 14px; color: #dc2626; margin-top: 10px; } 

/* Participants */
.participants { display: flex; flex-wrap: wrap; gap: 8px; } 
.participant { display: inline-flex; align-items: center; gap: 6px; width: fit-content; height: 100%; padding: 6px 10px; background: #e5e7eb; border-radius: 16px; color: #374151; font-size: 14px; } 
.participant button { width: 16px; height: 16px; background: url(../img/content/sub05/close-btn.svg); cursor: pointer; background-size: 16px; } 
.add-participant { display: inline-flex; align-items: center; gap: 4px; width: fit-content; height: 100%; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 100px; cursor: pointer; background: #fff; white-space: nowrap; } 
.add-participant i { display: block; width: 16px; height: 16px; background: url(../img/content/sub05/plus-btn.svg); cursor: pointer; background-size: 16px; } 
.add-participant:hover { background: #f9fafb; } 


/* Meeting Time */
.time-select { display: flex; align-items: center; gap: 12px; } 
.time-select label { font-size: 12px; color: #6b7280; } 
.time-select select { line-height: unset; } 

/* Actions */
.form-actions { text-align: right; } 
.form-actions button { padding: 8px 16px; background: #dc2626; color: #fff; font-weight: 500; border: none; border-radius: 4px; cursor: pointer; } 
.form-actions button:hover { background: #b91c1c; } 

/* Character Counter */
.char-counter { text-align: right; font-size: 12px; color: #6b7280; margin-top: 10px; } 

/* Delegate Section */
.delegate-section h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; } 
.delegate-section .note { line-height: 1.3; font-size: 14px; color: #6b7280; margin-bottom: 20px; } 
.delegate-list { display: flex; flex-direction: column; gap: 8px; padding-right: 4px; } 
.delegate-item { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid #e5e7eb; border-radius: 6px; cursor: pointer; } 
.delegate-item:hover { background: #f9fafb; } 
.delegate-item input { margin: 0; } 
.delegate-item .checkbox { display: block; width: 18px; height: 18px; } 
.avatar { width: 40px; height: 40px; background: #e5e7eb; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 
.avatar img { width: 100%; height: 100%; object-fit: cover; } 
.delegate-info h4 { font-size: 14px; font-weight: 500; color: #111827; } 
.delegate-info p { color: #6b7280; font-size: 12px; margin-top: 6px; } 
@media only screen and (max-width:1024px){
 .modal-body { padding: 24px; max-height: 500px; overflow-y: auto; } 
.modal-content { flex-direction: column-reverse; } 
.delegate-section { width: 100%; border-left: none; padding: unset; } 
 }

/* 메시지 */
.mypage .sub-content .con-inner.message { position: relative; display: flex; align-items: stretch; height: calc(100vh - 100px); background: #fff; padding: unset; transition: height .3s ease; } 
.mypage .sub-content .con-inner.message.height-change { height: calc(100vh - 244px); } 
.mypage .sub-content .con-inner.message .sidebar { width: 223px; border-right: 1px solid #e5e5e5; } 
.mypage .sub-content .con-inner.message .sidebar .tit { display: block; padding: 20px; font-size: 2rem; font-weight: 600; border-bottom: 1px solid #e5e5e5; } 
.mypage .sub-content .con-inner.message .sidebar .tit button { display: none; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group { padding: 20px; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group .checkbox .chk-st1 { font-size: 14px; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group .sub-filters { padding: 15px 0 15px 15px; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group .sub-filters div + div { margin-top: 10px; } 
@media only screen and (max-width: 1300px){
 .mypage .sub-content .con-inner.message .sidebar .tit { display: flex; justify-content: space-between; border-bottom: none; } 
.mypage .sub-content .con-inner.message .sidebar .tit button { display: block; width: 16px; height: 16px; background: url(../img/content/sub05/icn-arr-down.svg) no-repeat center center; font-size: 0; } 
.mypage .sub-content .con-inner.message .sidebar .tit button.on { transform: rotate(180deg); } 
.mypage .sub-content .con-inner.message { flex-wrap: wrap; } 
.mypage .sub-content .con-inner.message .sidebar { width: 100%; border-bottom: 1px solid #e5e5e5; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group { display: none; padding-top: 0; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group .filter-item + .filter-item { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f5f5f5; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group .sub-filters { display: flex; gap: 20px; padding: unset; margin-top: 10px; flex-wrap: wrap; } 
.mypage .sub-content .con-inner.message .sidebar .filter-group .sub-filters div + div { margin-top: unset; } 
 }
.mypage .sub-content .con-inner.message .top-bar-btn { display: none; } 
.mypage .sub-content .con-inner.message .top-bar { display: flex; flex-direction: column; width: 24%; border-right: 1px solid #e5e5e5; } 
/* .mypage .sub-content .con-inner.message .top-bar button { display: none; } */
.mypage .sub-content .con-inner.message .top-bar .search-sort { padding: 20px; border-bottom: 1px solid #e5e5e5; } 
.mypage .sub-content .con-inner.message .top-bar .search-sort .flex .inp-st1 { width: fit-content; height: 34px; line-height: unset; } 
.mypage .sub-content .con-inner.message .top-bar .message-list { flex: 1; overflow-y: auto; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item { padding: 20px; border-bottom: 1px solid #e5e5e5; } 
/* 메시지 디클라인 버튼 눌렀을 때 */
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item.decline { background: #dc26261b; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item.item-selected { border-left: 4px solid var(--main); background: var(--light-bg); } 

.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top { display: flex; justify-content: space-between; align-items: center; gap: 20px; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top > div { display: flex; align-items: center; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top > div .txt-over1 { word-break: break-all; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .direction-tag-out { background-color: #6b7280; color: white; padding: 5px 8px; border-radius: 4px; font-size: 12px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-right: 6px; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .direction-tag-in { background-color: #3b82f6; color: white; padding:5px 8px; border-radius: 4px; font-size: 12px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-right: 6px; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .tag { display: flex; gap: 5px; padding: unset; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .tag .tag-blue { background-color: #3b82f6; color: white; padding:5px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s ease-in-out; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .tag .tag-white { background-color: white; color: #6b7280; border: 1px solid #d1d5db; padding:5px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s ease-in-out; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .tag .tag-red { background-color: #dc2626; color: white; padding:5px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s ease-in-out; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .tag .tag-green { background-color: #10b981;; color: white; padding:5px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s ease-in-out; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top .tag .status { padding:5px 8px; border-radius: 12px; font-size: 12px; font-weight: 500; } 
 .status-requested { background-color: #dbeafe; color: #1e40af; } 
 .status-agreed { background-color: #d1fae5; color: #059669; } 
 .status-rescheduled { background-color: #fef3c7; color: #d97706; } 
 .status-declined { background-color: #fee2e2; color: #dc2626; } 
 .status-canceled { background-color: #e6e6e6; color: #6b7280; } 
@media only screen and (max-width: 1500px){
 .mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top { flex-wrap: wrap; gap: 10px; } 
.mypage .sub-content .con-inner.message .top-bar .message-list .message-item .top > div { width: 100%; } 
 }
@media only screen and (max-width: 1300px){
 .mypage .sub-content .con-inner.message .top-bar { display: none; } 
.mypage .sub-content .con-inner.message .top-bar-btn { position: absolute; top: 200px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--main); border-radius: 0 8px 8px 0; z-index: 1; } 
.mypage .sub-content .con-inner.message .top-bar-btn i { color: #fff; font-size: 2.5rem; } 
 }
 .mypage .sub-content .con-inner.message .top-bar .message-list .message-item .bottom .lf { line-height: normal; word-break: break-all; } 
 .mypage .sub-content .con-inner.message .top-bar .message-list .message-item .bottom .rg { display: flex; gap: 20px; justify-content: right; align-items: center; margin-top: 10px; } 
 .mypage .sub-content .con-inner.message .chat { display: flex; flex-direction: column; flex: 1 1 0%; width: calc(100% - 223px - 24%); } 
 .mypage .sub-content .con-inner.message .chat .message-header { display: flex; align-items: center; gap: 20px; padding: 20px; border-bottom: 1px solid #e5e5e5; } 
 .mypage .sub-content .con-inner.message .chat .message-header .arrow { display: block; width: 20px; height: 20px; background: url(../img/content/sub05/icn-arr.svg) no-repeat center center; } 
 .mypage .sub-content .con-inner.message .chat .message-header .section { display: flex; align-items: baseline; gap: 20px; width: 50%; } 
 .mypage .sub-content .con-inner.message .chat .message-header .section .sender-label { display: inline-block; padding: 4px 8px; font-size: 13px; font-weight: 500; background-color: #dbeafe; color: #1e40af; border-radius: 3px; } 
 .mypage .sub-content .con-inner.message .chat .message-header .section .recipient-label { display: inline-block; padding: 4px 8px; font-size: 13px; font-weight: 500; background-color: #d1fae5; color: #065f46; border-radius: 3px; } 
 .mypage .sub-content .con-inner.message .message-status { padding: 20px; border-bottom: 1px solid #e5e5e5; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary { display: flex; align-items: center; justify-content: space-between; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-wrap { display: flex; align-items: center; gap: 20px; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-status { display: flex; gap: 20px; align-items: center; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-status .status-requested { display: inline-block; padding: 4px 8px; font-size: 13px; border-radius: 100px; background-color: #fef3c7; color: #d97706; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-schedule { display: flex; gap: 10px; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-schedule i.calender { display: block; width: 16px; height: 16px; background: url(../img/content/sub05/icn-calander.svg) no-repeat center center; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-location { display: flex; gap: 10px; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-location i.pin { display: block; width: 16px; height: 16px; background: url(../img/content/sub05/icn-pin.svg) no-repeat center center; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-toggle-btn { display: flex; gap: 5px; color: #6b7280; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-toggle-btn i.toggle-icon { display: block; width: 16px; height: 16px; background: url(../img/content/sub05/icn-arr-down.svg) no-repeat center center; } 
 .mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-toggle-btn.on i.toggle-icon { transform: rotate(180deg); } 

@media only screen and (max-width: 1300px){
 .mypage .sub-content .con-inner.message .top-bar .message-list .message-item .bottom .rg { flex-wrap: wrap; gap: 10px; } 
 }
@media only screen and (max-width: 767px){
 .mypage .sub-content .con-inner.message .chat .message-header .section { flex-direction: column; gap: 10px; } 
.mypage .sub-content .con-inner.message .message-status .meeting-summary .meeting-wrap { flex-wrap: wrap; gap: 10px; } 
 }

 .mypage .sub-content .con-inner.message .message-collapses p { display: flex; gap: 10px; align-items: center; color: #4b5563; } 
 .mypage .sub-content .con-inner.message .message-collapses p i { color: #9ca3af; font-size: 18px; } 
 .mypage .sub-content .con-inner.message .message-collapses .participants { display: flex; flex-direction: column; gap: 10px; } 
 .mypage .sub-content .con-inner.message .message-collapses .participants p { font-size: 14px; } 
 .mypage .sub-content .con-inner.message .message-collapses .participants ul { display: flex; gap: 10px; } 
 .mypage .sub-content .con-inner.message .message-collapses .participants ul li { display: inline-block; padding: 4px 8px; border-radius: 3px; font-size: 13px; color: #1e40af; background-color: #dbeafe; } 
 .mypage .sub-content .con-inner.message .message-collapses .target-recipients { display: flex; flex-direction: column; gap: 10px; } 
 .mypage .sub-content .con-inner.message .message-collapses .target-recipients p { font-size: 14px; } 
 .mypage .sub-content .con-inner.message .message-collapses .target-recipients ul { display: flex; gap: 10px; } 
 .mypage .sub-content .con-inner.message .message-collapses .target-recipients ul li { display: inline-block; padding: 4px 8px; border-radius: 3px; font-size: 13px; background-color: #dcfce7; color: #166534; } 
 .mypage .sub-content .con-inner.message .message-collapses .btn-rg button { display: inline-flex; gap: 3px; align-items: center; padding: 4px 8px; border-radius: 3px; } 
 .mypage .sub-content .con-inner.message .message-collapses .btn-rg button.agree { color: #fff; background: #15803d; } 
 .mypage .sub-content .con-inner.message .message-collapses .btn-rg button.decline { color: #fff; background: #dc2626; } 
 .mypage .sub-content .con-inner.message .message-collapses .btn-rg button.cancle { color: #fff; background: #ea580c; } 
 .mypage .sub-content .con-inner.message .message-collapses .btn-rg button.edit { color: #374151; border: 1px solid var(--bd-color); } 

 .mypage .sub-content .con-inner.message .chat .chat-box { height: calc(100vh - 333px); min-height: 300px; padding: 20px; background: #f9fafb; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #cbd5e1 #f1f5f9; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box { width: 100%; padding: 15px; border-radius: 8px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.blue { background-color: #eff6ff; border:1px solid #bfdbfe; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.blue i { background: #3b82f6; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.red { background-color: #fef2f2; border: 1px solid #fecaca; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.red i { background: #ef4444; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.green { background-color: #ecfdf5; border: 1px solid #a7f3d0; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.green i { background: #22c55e; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.orange { background-color: #fff7ed; border: 1px solid #fed7aa; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.orange i { background: #f97316; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.purple { background-color: #f5f3ff; border: 1px solid #ddd6fe; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box.purple i { background: #a855f7; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box { display: flex; gap: 10px; align-items: center; font-size: 14px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box + .status-box { margin-top: 10px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box i { display: block; width: 7px; height: 7px; border-radius: 10px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box .status-text { font-size: 16px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .status-box .status-date { font-size: 13px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .recieve-chat { display: flex; justify-content: left; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .recieve-chat { max-width: 650px; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .send-chat { display: flex; justify-content: right; } 
 .mypage .sub-content .con-inner.message .chat .chat-box .send-chat .inner { max-width: 650px; } 
 .mypage .sub-content .con-inner.message .chat .inp-box { display: flex; gap: 10px; align-items: end; background: #fff; padding: 20px; border-top: 1px solid #e5e5e5; } 
 .mypage .sub-content .con-inner.message .chat .inp-box button { padding: 12px 24px; background: #2563eb; color: #fff; border-radius: 8px; font-weight: 600; font-size: 14px; white-space: nowrap; cursor: pointer; } 

/* Agenda */

/* Layout */
.header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 20px; } 
/* Date Tabs */
.date-tabs { display: flex; gap: 10px; } 
.date-tab { padding: 6px 12px; font-size: 16px; font-weight: 500; border-radius: 5px; border: 1px solid #d1d5db; background-color: #ffffff; color: #374151; cursor: pointer; transition: background-color 0.2s; } 
.date-tab:hover { background-color: #f9fafb; } 
.date-tab.active { background-color: var(--main); color: #ffffff; border-color: transparent; } 
/* Category Legend */
.category-legend { display: flex; gap: 10px; font-size: 14px; font-weight: 500; flex-wrap: wrap; } 
/* Base legend item */
.legend-item { display: inline-block; text-align: center; padding: 4px 8px; border-radius: 3px; } 
/* Color Variants */
.legend-item.green { background-color: #ecfdf5; color: #047857; } 
.legend-item.purple { background-color: #f5f3ff; color: #6d28d9; } 
.legend-item.amber { background-color: #fffbeb; color: #b45309; } 
.legend-item.blue { background-color: #eff6ff; color: #1d4ed8; } 
.legend-item.indigo { background-color: #eef2ff; color: #4338ca; } 
.legend-item.red { background-color: #fef2f2; color: #b91c1c; } 
.agenda-table { border: 1px solid #e5e7eb; background: #fff; border-radius: 15px; overflow: hidden; } 
.agenda-table .table-header { display: flex; border-bottom: 1px solid #e5e7eb; } 
.agenda-table .table-header .onsite-partnering-hour { width: 25%; padding: 15px; border-right: 1px solid #e5e7eb; } 
.agenda-table .table-header .programs { width: 75%; padding: 15px; } 
.agenda-table .table-scroll-body { } 
.agenda-table .table-scroll-body .table-tr { display: flex; align-items: stretch; border-bottom: 1px solid #e5e7eb; } 
.agenda-table .table-scroll-body .table-tr .oph { width: 25%; align-content: center; padding: 15px; border-right: 1px solid #e5e7eb; } 
.agenda-table .table-scroll-body .table-tr .oph .top { display: flex; justify-content: space-between; gap: 10px 20px; flex-wrap: wrap } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .tag { display: inline-block; font-size: 12px; font-weight: 500; padding: 4px 8px; border-radius: 100px; color: #fff; } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .exhibition-booth { background: #22c55e; } 
/* .agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .unssigned { background: #6b7280; }  */
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .unssigned { background: #ff8000; } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .special-room { background: #a855f7; } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .general-room { background: #3b82f6; } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .memo-btn { display: inline-block; font-size: 12px; font-weight: 500; padding: 4px 8px; border-radius: 100px; color: #fff; background: #4b5563; } 
.agenda-table .table-scroll-body .table-tr .oph .top .rg-wrap .memo-btn.on { background: #eab308; color: #713f12; } 
.agenda-table .table-scroll-body .table-tr .oph strong { display: block; margin: 8px 0; } 
.agenda-table .table-scroll-body .table-tr .oph .location { font-size: 12px; color: #6B7280; } 
.agenda-table .table-scroll-body .table-tr .oph .location i { margin-right: 3px; } 
.agenda-table .table-scroll-body .table-tr .oph p { display: flex; gap: 15px; font-size: 13px; flex-wrap: wrap; } 
.agenda-table .table-scroll-body .table-tr .oph p span { position: relative; } 
.agenda-table .table-scroll-body .table-tr .oph p span:first-child::before { content: ""; position: absolute; top:5px; right: -8px; width: 1px; height: 8px; background: #c2c2c2; } 
.agenda-table .table-scroll-body .table-tr .program-wrap { width: 75%; display: flex; } 
.agenda-table .table-scroll-body .table-tr .program-wrap .program-item { width: 100%; flex: 1; padding: 15px; border-right: 1px solid #e5e7eb; } 
.agenda-table .table-scroll-body .table-tr .program-wrap .program-item:last-child { border-right: none; } 
 .session-title-horizontal { font-weight: 600; color: #111827; font-size: 11px; margin-bottom: 2px; } 
.conference-zone-session + .conference-zone-session { margin-top: 20px; } 
 /* 카테고리별 제목 색상 */
 .session-title-horizontal { font-size: 14px; } 
 .innovative-biotech .session-title-horizontal { color: #16a34a; } 
 .bio-convergence .session-title-horizontal { color: #9333ea; } 
 .business-development .session-title-horizontal { color: #ea580c; } 
 .open-session .session-title-horizontal { color: #2563eb; } 
 .company-presentation .session-title-horizontal { color: #4338ca; } 
 .invest-fair .session-title-horizontal { color: #dc2626; } 
 .session-subtitle-horizontal { font-size: 13px; color: #6b7280; line-height: 1.2; margin: 6px 0; } 

 @media only screen and (max-width: 767px){
 .agenda-table .table-header { display: none; } 
 .agenda-table .table-scroll-body .table-tr { flex-direction: column; } 
 .agenda-table .table-scroll-body .table-tr .oph { width: 100%; } 
 .agenda-table .table-scroll-body .table-tr .program-wrap { flex-direction: column; width: 100%; } 
 .agenda-table .table-scroll-body .table-tr .program-wrap .program-item { border-right: none; border-bottom: 1px solid #e5e7eb; } 
 .agenda-table .table-scroll-body .table-tr .program-wrap .program-item:last-child { border-bottom: none; } 
 .date-tab { font-size: 14px; } 
 }
/* agenda_meeting */
.agenda-table .table-header .schedule { width: 25%; padding: 15px; border-right: 1px solid #e5e7eb; } 
.table-rg-wrap { display: flex; width: 75%; align-items: center; } 
.table-rg-wrap > div { flex: 1; width: 100%; padding: 15px; border-right: 1px solid #e5e7eb; } 
.table-rg-wrap > div:last-child { border-right: none; } 
.agenda-table .date-section { width: 100%; padding: 15px; background-color: #f9fafb; font-weight: 600; color: #374151; } 
.agenda-table .table-tr .meeting-cell { width: 25%; border-right: 1px solid #e5e7eb; padding: 15px; align-content: center; } 
.agenda-table .table-tr .meeting-cell .note { border-left: 4px solid #facc15; background: #fefce8; } 
@media only screen and (max-width: 767px){
 .agenda-table .table-tr .meeting-cell { width:100%; } 
 }