.body{margin:0}.gallery_title{justify-content:space-between;align-items:flex-end;display:flex}.gallery_title h1{z-index:5;font-family:GangwonEduHyeonokT;font-size:4rem;position:relative}.gallery_title h1:after{content:"";z-index:-1;background-color:#58d3ff;width:100%;height:15px;position:absolute;bottom:35%;left:0}.gsub_button{justify-content:flex-end;align-items:center;gap:10px;display:flex}.gsub_button>span{gap:10px;display:flex}.gsub_button>span>button{color:#27678e;border:1px solid #27678e;border-radius:10px;width:95px;height:40px;margin-top:30px;font-size:18px;font-weight:600;transition:all .3s}.gsub_button>span>button:hover{color:#fff;background-color:#27678e;transition:all .3s}.gsub_list_wrap{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;padding-top:20px;display:flex}.gsub_list{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;width:100%;padding:10px 0 30px;transition:all .3s;display:grid}.gsub_list_area.active .gsub_list{grid-template-columns:repeat(4,minmax(0,1fr))}.gsub_list_area{flex:1}.gsub_clickimg{flex-direction:column;flex-shrink:0;width:360px;padding:10px 10px 30px;display:flex;position:sticky;top:100px;box-shadow:0 4px 10px #0003}.gsub_clickimg>span:first-of-type{justify-content:flex-end;align-items:center;gap:10px;padding:10px;display:flex}.gsub_clickimg>span>svg{cursor:pointer}.gsub_clickimg>div{width:350px;height:450px;padding:10px}.gsub_clickimg>div>img{object-fit:cover;width:100%;height:100%}.gsub_clickimg>span:nth-of-type(2){justify-content:flex-end;align-items:center;gap:10px;padding-bottom:10px;font-size:15px;display:flex}.gsub_clickimg>span>button{color:#fff;background-color:#27678e;border-radius:20px;padding:3px 10px}.gsub_clickimg>input{text-align:center;background-color:#0000;border:none;font-size:20px}.gsub_clickimg>input::placeholder{color:#0006}.gsub_clickimg>input:focus::placeholder{color:#0000}.gsub_empty{text-align:center;color:#888;width:100%;padding:80px 0;font-size:16px}.gsub_Tversion{border-bottom:2px solid #27678e;justify-content:center;align-items:center;width:100%;padding-bottom:10px;display:flex}.gsub_Tversion>input{color:#27678e;text-align:center;background-color:#0000;border:none;width:220px;font-size:24px}.gsub_Tversion>input::placeholder{color:#27678e66}.gsub_Tversion>input:focus::placeholder{color:#0000}.gsub_Tversion .pencil{cursor:pointer;align-items:center;font-size:24px;display:flex}.gsub_Tversion .pencil>svg{stroke:#27678e}.gsub_Tversion .check{cursor:pointer;align-items:center;font-size:24px;display:flex}.gsub_Tversion .check>svg{stroke:#27678e}.gsub_img{aspect-ratio:1;background-color:#eee;justify-content:center;align-items:center;display:flex}.gsub_img>figure{width:100%;height:100%;position:relative}.gsub_img>figure>img{object-fit:cover;width:100%;height:100%}.gsub_img>figure>figcaption{background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.gsub_img>figure>figcaption>svg{fill:#fff;cursor:pointer;width:30px;height:30px}.gsub_add>svg{width:20px;height:20px}.gsub_popup{z-index:99999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.pop{background-color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:300px;padding:20px 20px 35px;display:flex;box-shadow:0 4px 10px #0003}.pop>span{justify-content:flex-end;width:100%;display:flex}.pop>span>svg{stroke:#c3c3c3;cursor:pointer;width:20px;height:20px}.pop>input:first-of-type{text-align:center;background-color:#0000;border:none;font-size:20px}.pop>input:first-of-type::placeholder{color:#0006}.pop>input:first-of-type:focus::placeholder{color:#0000}.pop>input:nth-of-type(2){color:gray;width:190px}.pop>input:nth-of-type(2)::-webkit-file-upload-button{color:#fff;cursor:pointer;background-color:#27678e;border:none;border-radius:20px;padding:5px 10px;font-size:18px}.pop>button{color:#fff;background-color:#27678e;border-radius:20px;width:100px;padding:3px 10px;font-size:20px;font-weight:500}input[type=file]::file-selector-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-family:Pretendard,sans-serif;font-size:20px!important}.Fix{stroke:#c3c3c3;cursor:pointer;align-self:flex-end;width:24px;height:24px;margin-bottom:-10px}@media (max-width:1024px){.gallery_title h1{font-size:2.7rem}.gsub_button>span>button{width:80px;height:35px;font-size:16px}.gsub_Tversion>input,.gsub_Tversion .pencil,.gsub_Tversion .check{font-size:20px}.gsub_img>figure>figcaption>svg{width:25px;height:25px}.gsub_clickimg>div{width:300px;height:400px}.gsub_clickimg{width:320px}.gsub_clickimg>span>button{border-radius:18px;padding:1px 8px}.gsub_clickimg>input,.pop>input:first-of-type{font-size:18px}.pop>span>svg{width:18px;height:18px}input[type=file]::file-selector-button{font-size:18px!important}.pop>button{padding:2px 8px;font-size:18px}}@media (max-width:950px){.gallery_title{justify-content:space-between;align-items:flex-end}.gsub_list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gsub_button>span>button{width:75px;height:30px;font-size:14px}.gsub_Tversion>input,.gsub_Tversion .pencil,.check{font-size:18px}.gsub_clickimg>input,.pop>input:first-of-type{font-size:16px}.gsub_clickimg{z-index:5;background-color:#fff;width:220px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.gsub_clickimg>span:first-of-type{padding:0}.gsub_clickimg>span>button{padding:0 8px;font-size:14px}.gsub_clickimg>div{width:200px;height:250px}.gsub_add>svg{width:16px;height:16px}.gsub_list_wrap{padding-top:20px}input[type=file]::file-selector-button{font-size:16px!important}.pop>button{width:80px;font-size:16px}.pop{width:250px;padding:20px 30px 35px}.pop>span>svg{width:16px;height:16px}}@media (max-width:480px){.gsub_button>span>button{width:65px;height:25px;font-size:12px}.gsub_Tversion>input,.gsub_Tversion .pencil,.check{font-size:14px}.gsub_add>svg{width:12px;height:12px}.gsub_clickimg>input,.pop>input:first-of-type{font-size:14px}input[type=file]::file-selector-button{font-size:14px!important}.pop{gap:20px;width:220px}.pop>button{width:70px;font-size:14px}.pop>span>svg{width:14px;height:14px}.gsub_clickimg>div{width:180px;height:230px}.gsub_clickimg{width:200px;padding:10px 10px 20px}.gsub_clickimg>span>svg{width:12px;height:12px}.gsub_clickimg>span>button,.gsub_clickimg>input,.pop>input:first-of-type{font-size:12px}.gsub_img>figure>figcaption>svg{width:14px;height:14px}}