.modal-root.hide{display:none;visibility:hidden}.modal-root{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}.modal-root .modal{min-width:560px;min-height:420px;background-color:#fff;padding:24px;border-radius:16px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-root .modal-title{font-size:24px;padding-bottom:20px}.modal-root .modal-content .cont-desc{font-size:11px;color:#555;padding-bottom:10px}.modal-root .modal-content .total-info{display:flex;align-items:center;padding:8px 0;gap:10px}.modal-root .modal-content .total-info .txt__title{font-weight:bold;white-space:nowrap}.modal-root .modal-content .total-info .txt__title .icon-skill{width:35px;height:30px;background-image:url("../images/ico/icon-soft-skill.png")}.modal-root .modal-close{position:absolute;top:24px;right:24px}.modal-root .modal-close .btn-close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='%ED%95%A9%EC%B9%98%EA%B8%B0 55' d='M8 8L.5 15.5 8 8 .5.5 8 8 15.5.5 8 8l7.5 7.5z' fill='none' stroke='%23171717' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.swiper-area img{display:block;width:100%;min-height:150px}.swiper-area.card{width:560px;height:196px}.swiper-area.card .swiper.card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.swiper-area [class*=swiper-button-]{width:60px;height:60px;background-size:contain;background-position:center;margin-top:-30px}.swiper-area [class*=swiper-button-]::after{content:none}.swiper-area .swiper-button-next{background-image:url("../images/ico/round-arrow.png");margin-right:-15px}.swiper-area .swiper-button-prev{background-image:url("../images/ico/round-arrow.png");transform:rotate(-180deg);margin-left:-15px}.swiper-area .swiper-pagination-total{color:#666}.swiper-area .swiper-pagination-current{color:#0057ff;font-weight:bold}.projects-names{width:100%}.projects-names>ul{width:100%;display:flex;flex-wrap:wrap}.projects-names>ul li{position:relative;width:25%;height:60px}.projects-names>ul li img{position:absolute;top:0;left:50%;transform:translate(-50%, 0);display:block;width:auto;height:60px;margin:auto}.projects-images li{overflow:hidden;height:250px;box-shadow:2px 3px 15px 2px rgba(0,0,0,.1);border-radius:8px}.projects-images li img{display:block;width:100%;min-height:240px;margin:0 auto}.projects-slides{width:200px;box-shadow:2px 3px 15px 2px rgba(0,0,0,.1);border-radius:8px}.projects-slides .auto{overflow:hidden;height:360px}.content h2{font-size:14px}.content>ul{padding-top:15px}.content .project__content .txt__title:before{content:"";display:inline-block;vertical-align:sub;width:20px;height:20px;margin-right:4px;background-size:contain;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 3.25C8.91421 3.25 9.25 3.58579 9.25 4V7.6C9.25 8.01421 8.91421 8.35 8.5 8.35C8.08579 8.35 7.75 8.01421 7.75 7.6V4C7.75 3.58579 8.08579 3.25 8.5 3.25Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3572 3.25C12.7714 3.25 13.1072 3.58579 13.1072 4V7.6C13.1072 8.01421 12.7714 8.35 12.3572 8.35C11.943 8.35 11.6072 8.01421 11.6072 7.6V4C11.6072 3.58579 11.943 3.25 12.3572 3.25Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2144 3.25C16.6286 3.25 16.9644 3.58579 16.9644 4V7.6C16.9644 8.01421 16.6286 8.35 16.2144 8.35C15.8001 8.35 15.4644 8.01421 15.4644 7.6V4C15.4644 3.58579 15.8001 3.25 16.2144 3.25Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.28571 6.42188C4.98985 6.42188 4.75 6.66172 4.75 6.95759V19.1719C4.75 19.4677 4.98985 19.7076 5.28571 19.7076H19.4286C19.7244 19.7076 19.9643 19.4677 19.9643 19.1719V6.95759C19.9643 6.66172 19.7244 6.42188 19.4286 6.42188H5.28571ZM3.25 6.95759C3.25 5.8333 4.16142 4.92188 5.28571 4.92188H19.4286C20.5529 4.92188 21.4643 5.83329 21.4643 6.95759V19.1719C21.4643 20.2962 20.5529 21.2076 19.4286 21.2076H5.28571C4.16142 21.2076 3.25 20.2962 3.25 19.1719V6.95759Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.10718 12.1006C7.10718 11.6864 7.44296 11.3506 7.85718 11.3506H16.8572C17.2714 11.3506 17.6072 11.6864 17.6072 12.1006C17.6072 12.5148 17.2714 12.8506 16.8572 12.8506H7.85718C7.44296 12.8506 7.10718 12.5148 7.10718 12.1006Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.10718 15.958C7.10718 15.5438 7.44296 15.208 7.85718 15.208H13C13.4142 15.208 13.75 15.5438 13.75 15.958C13.75 16.3722 13.4142 16.708 13 16.708H7.85718C7.44296 16.708 7.10718 16.3722 7.10718 15.958Z' fill='%23222222'/%3E%3C/svg%3E")}.content .project__content .txt__title.icon-skill{font-weight:bold}.content .project__content .txt__title.icon-skill:before{background-image:url("../images/ico/icon-soft-skill.png")}.content .project__content .txt__content{padding-left:24px}.cordial .content{padding:15px 0px 0 60px}.udid .content{padding:15px 0 0}.skt .modal-content{display:flex;align-items:center;gap:25px}.skt .modal-content .swiper-fraction{z-index:5;position:absolute;bottom:0;left:0;right:0;text-align:center;padding:0 0 8px;background-color:hsla(0,0%,100%,.7)}.skt .modal-content .swiper-fraction span{font-size:11px;color:#666}.jobko .modal-content{display:flex;flex-direction:column;gap:25px}.jobko .modal-content .projects-slides{width:500px;max-width:none;margin:0 auto}.jobko .modal-content .projects-slides .auto{height:auto}.jobko .modal-content .projects-slides .auto .swiper-fraction{z-index:5;position:absolute;bottom:0;left:0;right:0;text-align:center;padding:0 0 8px;background-color:hsla(0,0%,100%,.7)}.jobko .modal-content .projects-slides .auto .swiper-fraction span{font-size:11px;color:#666}@media screen and (max-width: 425px){.cordial .content{padding:0}.modal-root{top:0;transition:all .4s}.modal-root.hide{display:block;top:100%}.modal-root .modal{width:100%;height:100%;min-width:inherit;min-height:inherit;border-radius:0}.modal-root .modal .swiper-area.card{width:100%;height:190px;margin-top:25px}.modal-root .modal .swiper-area [class*=swiper-button-]{display:none}.modal-root .modal .projects-names{width:100%;overflow:hidden;border-radius:8px;box-shadow:2px 3px 15px 2px rgba(0,0,0,.1);margin-top:20px}.modal-root .modal .projects-names>ul li{width:50%}.modal-root .modal .projects-images li{height:210px}.modal-root.skt,.modal-root.jobko{overflow:hidden}.modal-root.skt .modal-content,.modal-root.jobko .modal-content{flex-direction:column;gap:15px;height:calc(100% - 50px)}.modal-root.skt .modal-content .projects-slides,.modal-root.jobko .modal-content .projects-slides{width:100%;overflow:hidden}.modal-root.skt .modal-content .content,.modal-root.jobko .modal-content .content{flex:1;width:100%;overflow:auto}}html,body{width:100%;height:100vh}#wrap{padding:0 20px;max-width:423px;margin:0 auto}#wrap div[class*=history-0]{position:relative;margin:0 auto;text-align:center}.timeLine-box{margin:0 auto;display:flex;flex-direction:column;flex:1;align-items:center}.timeLine-box .timeLine-dot{width:auto;height:auto}.timeLine-box .timeLine-dot .ico{display:block;width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;background-position:center}.timeLine-box .timeLine-dot .ico-cat{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../images/ico/icon-cat.png")}.timeLine-box .timeLine-dot .ico-hurry{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../images/ico/icon-hurry-up.png")}.timeLine-box .timeLine-dot .ico-graphic{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../images/ico/icon-graphic-designer.png")}.timeLine-box .timeLine-dot .ico-discussion{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../images/ico/icon-discussion.png")}.timeLine-box .timeLine-line{width:1px;height:100%;min-height:70px;background-color:rgba(0,0,0,.5)}[class*=btn-]{cursor:pointer}[class*=btn-]:hover{font-weight:bold}.div-history .history-yymm{cursor:pointer;font-size:16px;display:inline-block;width:200px;line-height:24px}.div-history .history-yymm:hover{opacity:.6}.div-history .history-yymm .ico-arrow{background-position:center;background-size:14px;background-image:url("data:image/svg+xml;charset=utf8, %0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9985 0.939451C13.3081 1.21464 13.336 1.68869 13.0608 1.99828L7.72746 7.99828C7.58775 8.15545 7.38848 8.24675 7.17822 8.24992C6.96796 8.2531 6.76603 8.16785 6.62164 8.01498L0.954977 2.01498C0.670567 1.71384 0.68413 1.23916 0.985269 0.954748C1.28641 0.670339 1.76109 0.683901 2.0455 0.98504L7.15014 6.38996L11.9397 1.00174C12.2149 0.692148 12.6889 0.664263 12.9985 0.939451Z' fill='%23222222'/%3E%3C/svg%3E%0A")}.history-content{transition:all .3s;height:auto;width:auto;margin:0 auto}.history-content.active{transition:all .3s;overflow:inherit;height:auto;padding-top:16px;padding-bottom:16px}.history-content h3.title{font-size:16px;text-align:center;width:200px;margin:0 auto}.history-content .detail{display:block;text-align:left;font-size:14px;line-height:1.6;margin-top:15px;padding:15px;box-shadow:2px 3px 15px 2px rgba(0,0,0,.1);border-radius:8px}.history-content .detail p{position:relative}.history-content .detail .sub-title{font-weight:bold;padding:4px 0}.history-content .detail .sub-title~p::before{content:"";width:3px;height:3px;background-color:#0057ff}.history-content .detail .btn-popup{display:inline-flex;align-items:center;margin-top:10px;gap:4px;color:#0057ff;font-weight:600}.history-content .detail .btn-popup::before{content:none !important}.history-content .detail .btn-popup .ico-popup{background-image:url("data:image/svg+xml,%3Csvg fill='%230057ff' width='64px' height='64px' viewBox='0 0 20.00 20.00' xmlns='http://www.w3.org/2000/svg' stroke='%230057ff' stroke-width='0.0002'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.12'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M16 2H7.979C6.88 2 6 2.88 6 3.98V12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 10H8V4h8v8zM4 10H2v6c0 1.1.9 2 2 2h6v-2H4v-6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}.hidden_div{height:0;overflow:hidden;transition:all .3s}i.ico{display:inline-block;width:20px;height:20px;vertical-align:middle;background-repeat:no-repeat;background-size:contain}.current-date-container{box-shadow:2px 3px 15px 2px rgba(0,0,0,.1);border-radius:16px;padding:24px;margin-top:20px}.current-date-container .date-dd{font-size:24px;font-weight:bold}.current-date-container .ico-arrow{margin:0 auto;background-image:url("data:image/svg+xml;charset=utf8, %0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9985 0.939451C13.3081 1.21464 13.336 1.68869 13.0608 1.99828L7.72746 7.99828C7.58775 8.15545 7.38848 8.24675 7.17822 8.24992C6.96796 8.2531 6.76603 8.16785 6.62164 8.01498L0.954977 2.01498C0.670567 1.71384 0.68413 1.23916 0.985269 0.954748C1.28641 0.670339 1.76109 0.683901 2.0455 0.98504L7.15014 6.38996L11.9397 1.00174C12.2149 0.692148 12.6889 0.664263 12.9985 0.939451Z' fill='%23222222'/%3E%3C/svg%3E%0A");background-size:14px;background-position:center}/*# sourceMappingURL=main_2025.css.map */