@font-face{font-family:"Pretendard-Thin";font-weight:100;src:url(../fonts/Pretendard-Thin.woff) format("woff")}@font-face{font-family:"Pretendard-ExtraLight";font-weight:200;src:url(../fonts/Pretendard-ExtraLight.woff) format("woff")}@font-face{font-family:"Pretendard-Light";font-weight:300;src:url(../fonts/Pretendard-Light.woff) format("woff")}@font-face{font-family:"Pretendard-Regular";font-weight:400;src:url(../fonts/Pretendard-Regular.woff) format("woff")}@font-face{font-family:"Pretendard-Medium";font-weight:500;src:url(../fonts/Pretendard-Medium.woff) format("woff")}@font-face{font-family:"Pretendard-SemiBold";font-weight:600;src:url(../fonts/Pretendard-SemiBold.woff) format("woff")}@font-face{font-family:"Pretendard-Bold";font-weight:700;src:url(../fonts/Pretendard-Bold.woff) format("woff")}@font-face{font-family:"Pretendard-ExtraBold";font-weight:800;src:url(../fonts/Pretendard-ExtraBold.woff) format("woff")}@font-face{font-family:"Pretendard-Black";font-weight:900;src:url(../fonts/Pretendard-Black.woff) format("woff")}@font-face{font-family:"Pretendard-Regular";src:url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");font-weight:400;font-style:normal}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,span,blockquote,th,td,input,select,button,header,main,footer,article,*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}p{line-height:1.8}fieldset,img{border:0 none}dl,ul,ol,menu,li{list-style:none}th,td{border:1px solid #ccc}button{vertical-align:middle;border:0 none;background-color:rgba(0,0,0,0);cursor:pointer}a{color:inherit}body{height:100vh;font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Roboto",sans-serif;background-color:#09f;padding:40px 0;min-height:100vh;min-height:-webkit-fill-available}.talker-case{max-width:480px;height:90%;min-height:600px;max-height:1000px;background-color:#fafafa;border-radius:28px;margin:0 auto;padding:40px 20px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.talker-case ::-webkit-scrollbar{display:none}.sec-intro{display:flex;flex-direction:column;align-items:center;padding-bottom:56px}.sec-intro .intro-title{color:#09f;font-size:40px;font-weight:700;white-space:nowrap}.sec-intro .intro-subtitle{color:#333;font-size:18px;padding-bottom:12px;white-space:nowrap}.sec-intro .intro-icon{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#fff;border-radius:50px;box-shadow:2px 2px 4px 0px rgba(0,0,0,.2)}.sec-intro .intro-text{color:#111;font-size:16px;font-weight:500;text-align:center;padding:24px 0 16px}.sec-intro .intro-list{display:flex;flex-direction:column;align-items:center;background-color:#fff;color:#111;font-size:15px;gap:18px;border-radius:20px;border:1px solid #eee;padding:20px 16px}.sec-intro .intro-list .intro-list-item{display:grid;grid-template-columns:repeat(2, 1fr);border:1px solid #ccc}.sec-intro .intro-list .intro-list-item>span:nth-child(1){grid-row:1;font-size:14px;text-align:center;background-color:#d9e9f5;padding:2px 0;border-right:1px solid #ccc}.sec-intro .intro-list .intro-list-item>span:nth-child(2){grid-row:2;text-align:center;padding:8px;border-right:1px solid #ccc}.sec-intro .intro-list .intro-list-item>span:nth-child(3){grid-row:1;font-size:14px;text-align:center;background-color:#d9e9f5;padding:2px 0}.sec-intro .intro-list .intro-list-item>span:nth-child(4){grid-row:2;text-align:center;padding:8px}.sec-intro .intro-list .intro-list-btn-g{display:flex;width:100%;justify-content:center;font-weight:600;padding-top:8px;gap:20px}.sec-intro .intro-list .intro-list-btn-g .intro-list__btn{padding:12px 20px;background-color:#fff;border:1px solid #ccc;border-radius:24px;color:#09f;cursor:pointer}.sec-intro .intro-list .intro-list-btn-g .intro-list__btn:hover{color:#fff;background-color:#09f;border:1px solid #09f;color:#fff}.sec-case{display:flex;flex-direction:column;align-items:center;padding-bottom:56px;gap:20px}.sec-case-tit{display:inline-block;color:#fff;font-size:20px;font-weight:600;padding:6px 20px;border-radius:24px;box-shadow:2px 2px 4px 0px rgba(0,0,0,.2);background:#09f}.case-wrap{display:flex;width:100%;flex-direction:column;background-color:#fff;border-radius:20px;padding:20px;gap:8px;color:#111;border:1px solid #eee}.case-wrap .case-wrap-tit{display:flex;align-items:center;font-size:18px;font-weight:700;gap:2px 10px;color:#09f;padding-bottom:12px;border-bottom:1px solid #eee}.case-wrap .case-wrap-tit .case-wrap-tit__icon{width:40px;height:40px;grid-row:1/3}.case-wrap .case-desc{font-size:15px;line-height:1.4}.case-wrap .case-list-wrap{overflow:scroll;white-space:nowrap;background-color:#f0f8ff;border-radius:8px}.case-wrap .case-list-wrap .case-list{position:relative;left:0;display:flex;font-size:15px;font-weight:600;padding:10px 12px;gap:4px;color:#24638f;-webkit-user-select:none;-moz-user-select:none;user-select:none}.case-wrap .case-list-wrap .case-list>li>a{padding:4px 8px}.case-wrap .case-list-wrap .case-list>li :hover{background:#d9e9f5;padding:4px 8px;border-radius:20px}.sec-youtube{display:flex;flex-direction:column;align-items:center;padding-bottom:56px}.sec-youtube .video-wrap{width:100%;padding:20px;margin-top:20px;background-color:#fff;border-radius:20px;border:1px solid #eee}.sec-youtube .shorts-wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.sec-youtube .shorts-wrap .video-shorts{display:grid;grid-template-columns:auto 1fr;align-items:center;border-radius:8px;border:1px solid #ccc;padding:8px 16px;gap:12px}.sec-youtube .shorts-wrap .shorts-tit{font-weight:600;line-height:1.4;color:#09f}.sec-youtube .shorts-wrap .shorts-sub{font-size:14px;line-height:1.4;color:#111}.footer{display:flex;flex-direction:column;align-items:center;font-size:14px;gap:8px;padding:0 20px;color:#555}.footer .footer-logo{padding-bottom:8px}.footer .footer-txt-g{display:flex;gap:12px}.footer .footer-txt-g a{text-decoration:underline}.footer .footer-txt-g .footer-txt{display:flex;justify-content:center;align-items:center}.footer .footer-txt-g .footer-txt>img{padding-right:8px}.highlight{color:#09f;font-weight:600}@media(max-width: 480px){body{padding:0;background-color:#f5f5f5}.talker-case{max-width:480px;height:100vh;border-radius:0}.sec-youtube .shorts-wrap .shorts-sub{font-size:13px}.footer .footer-txt-g{gap:8px}.footer .footer-txt-g .footer-txt{justify-content:flex-start}.footer .footer-txt-g .footer-txt>img{height:18px}}@media(max-width: 375px){.talker-case{max-width:375px;height:100vh;border-radius:0}.sec-intro .intro-title{font-size:32px}.sec-intro .intro-subtitle{font-size:15px}.sec-intro .intro-icon{width:80px;height:80px}.sec-intro .intro-icon .intro-icon__img{width:64px;height:64px}.sec-intro .intro-text{font-size:14px;padding:20px 0 20px}.sec-intro .intro-list{width:100%;font-size:14px;padding:16px}.sec-intro .intro-list .intro-list__btn{padding:8px 20px}.sec-case-tit{font-size:16px}.case-wrap{padding:16px}.case-wrap .case-wrap-tit{font-size:16px}.case-wrap .case-wrap-tit .case-wrap-tit__icon{width:32px;height:32px}.case-wrap .case-desc{font-size:13px}.case-wrap .case-list-wrap .case-list{font-size:14px;padding:8px 8px}.sec-youtube .video-wrap{width:100%;padding:16px}.sec-youtube .shorts-wrap{grid-template-columns:auto}.sec-youtube .shorts-wrap .shorts-tit{font-size:13px}.sec-youtube .shorts-wrap .shorts-sub{font-size:12px}.footer{padding:0 16px;font-size:12px}}