@charset "UTF-8";html,body{overflow-x:hidden}body{color:#000;font-size:15px;line-height:1.6;letter-spacing:.05em;margin:0}h1,h2,h3,h4,h5{padding:0;margin:0}h2{font-size:clamp(24px,2.64vw,32px)}p{padding:0;margin:0}ul,li{box-sizing:border-box;list-style:none;padding:0;margin:0}a{color:inherit;text-decoration:none}img{vertical-align:bottom}a:hover,a img:hover{color:inherit;opacity:.7;transition:.3s}form,label,input,textarea,select,button{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit}select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.flex-block{display:flex}.flex-center{display:flex;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.sp-br{display:none}.pc-br,.sp-block{display:block}.pc-none{display:none!important}.btn-yel a{display:flex;justify-content:center;align-items:center;background:#F5C342}.btn-blu a{display:flex;justify-content:center;align-items:center;background:#117CB2;color:#fff}.btn-wht a{display:flex;justify-content:center;align-items:center;border:1px solid #117CB2;color:#117cb2}.btn-s a{display:block;width:145px;border-radius:30px;font-size:14px;text-align:center;padding:14px 0}.btn-m a{width:187px;border-radius:30px;font-size:18px;text-align:center;line-height:1;padding:16px 0}.btn-m a img{margin-left:14px}.link,.link:hover{color:#117cb2}#header{width:100%;background:#FFF;position:fixed;top:0;left:0;z-index:1000}.header-container{padding:8px 5px}.header-container .flex-between{align-items:center}.header-container h1{line-height:1}.header-container img{width:165px}#menu-btn{display:none}#nav-container{display:flex;position:static;height:auto;transition:none;transform:none;opacity:1;pointer-events:auto}#nav-container ul{display:flex;align-items:center;gap:20px}#nav-container ul li{font-weight:600}#footer{color:#fff}.footer-container{background:linear-gradient(60deg,rgba(43,112,183,.43) 0%,rgba(10,181,237,.43) 73%),#2B70B7;padding:45px 0 55px}.footer-description{text-align:center}.footer-description h2{font-size:clamp(24px,2.34vw,32px);font-weight:500;padding:0}.footer-description p{font-size:clamp(14px,1.17vw,16px);padding:30px 0}.footer-list ul{gap:16px}.footer-list ul li{max-width:350px;width:100%;background:#2567A5;border-radius:10px;padding:30px}.footer-list ul li div{align-items:flex-start;color:#cadcef;font-size:28px;font-weight:600}.footer-list ul li img{margin-right:16px}.footer-list ul li p{font-size:14px;padding-top:36px}.footer-menu.pc-none{display:none}.footer-menu{background:#000;display:flex;align-items:center;justify-content:space-between;padding:18px}.footer-menu img{width:113px}.footer-menu ul{gap:28px}.footer-menu p{font-size:12px}.breadcrumb{font-size:12px;font-weight:600;padding:20px 0 30px}.breadcrumb a{color:#767676}.top-visual{position:relative}.top-visual img{width:100%;display:block}.top-visual-text{max-width:1080px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:left}.top-visual-text h1{font-size:clamp(22px,4.03vw,55px)}.top-visual-text p{font-size:clamp(15px,3.07vw,42px)}.top-visual-text p span{color:#f5c342}.container,.contents-next-movie{max-width:1080px;width:100%;box-sizing:border-box;margin:0 auto}.contents-bg-blu{background:#E4ECF6;padding:35px 0}.contents-next-movie{background:#FFF;border-radius:10px;padding:35px 42px}h2{padding-bottom:30px}.contents-next-movie .flex-block{gap:30px}.contents-next-movie img{border-radius:5px}.contents-inner{width:100%}.tag{display:inline-block;background:#FDE0DF;color:#fc4343;font-size:clamp(12px,1.17vw,16px);padding:8px 20px;margin-bottom:24px}.title{font-size:clamp(18px,1.76vw,24px);font-weight:600;padding-bottom:14px}.sub-title{font-size:clamp(14px,1.17vw,16px);padding-bottom:24px}.category{display:inline-block;background:#B9D0E7;border-radius:4px;color:#2b70b7;font-size:12px;line-height:1;padding:5px 7px}.contents-next-movie .list-inner .flex-block{align-items:center;gap:6px;padding:33px 0 24px}.contents-next-movie .list-inner .flex-block p{color:#2b70b7;font-size:14px;white-space:nowrap}.indicator{width:100%;height:20px;background-color:#dcdcdc;border-radius:10px;position:relative;overflow:hidden}.indicator-fill{height:100%;width:65%;background:#2B70B7;border-radius:10px;transition:width .3s ease}.indicator-text{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#2b70b7;font-weight:600;z-index:1}.contents-indicator{background:#FDF6E6;border-radius:10px;padding:35px 40px;margin-top:54px}.contents-indicator .indicator-text{display:flex;justify-content:space-between;color:#f5c342;font-weight:600;position:unset}.contents-indicator .indicator-fill{width:30%;background:#F5C342}.contents-movie-list{padding:70px 0 127px}.contents-movie-list .flex-block{width:calc((100% - 20px) / 3);gap:10px}.contents-movie-list-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:46px 10px;line-height:1.2}.image-layer{display:inline-block;position:relative}.movie-image{display:block;width:130px;height:auto}.overlay{width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:5px;position:absolute;top:0;left:0;z-index:1}.lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.contents-movie-list-inner .title{font-size:clamp(16px,1.46vw,20px)}.contents-movie-list-inner .sub-title{font-size:clamp(12px,1.02vw,14px);padding-bottom:14px}.page-index .contents-movie-list .btn-yel a{font-size:16px;margin:50px auto 0}.contents-filter{display:flex;justify-content:space-between;gap:40px}.contents-filter div{flex:1;position:relative}.contents-filter div:after{flex:1;content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none;width:16px;height:9px;background-image:url(/img/icon-select.png);background-size:contain;background-repeat:no-repeat}select{width:100%;border:1px solid #C6C6C6;border-radius:4px;font-size:14px;padding:7px}.page-list .contents-movie-list{padding:30px 0 86px}.page-list .indicator-text{display:flex;justify-content:space-between;color:#117cb2;font-size:12px;transform:none;position:unset;padding-top:20px}.page-list .indicator{height:8px}.page-list .indicator-fill{background:#117CB2}.lock-text{display:flex;align-items:center;color:#8a8a8a;gap:10px;padding-top:8px}.lock-text div{font-size:12px}.unlock-conditions{font-size:10px}.pagination{width:178px;display:flex;justify-content:center;align-items:center;border:1px solid #D6D3D3;border-radius:50px;margin:0 auto 60px}.pagination button{background:none;padding:0 11px;margin:0}.prev,.next{position:relative;display:inline-block;width:9.1px;height:16.1px}.prev:before,.prev:after,.next:before,.next:after{content:"";position:absolute;top:calc(50% - 1px);width:10px;height:2px;border-radius:9999px;background-color:#117cb2}.prev:before,.prev:after{left:0;background-color:#d4d4d4;transform-origin:1px 50%}.next:before,.next:after{right:0;transform-origin:calc(100% - 1px) 50%}.prev:before,.next:before{transform:rotate(45deg)}.prev:after,.next:after{transform:rotate(-45deg)}.page-info{border-right:1px solid #E2E1E1;border-left:1px solid #E2E1E1;color:#117cb2;font-weight:600;padding:10px 35px}.contents-movie-details-inner .title{padding:20px 0}.contents-movie-details{padding-bottom:127px}.contents-movie-details .flex-block{gap:27px}.movie{max-width:515px;flex:1;position:relative;margin:0 auto}video{display:block;width:100%;max-width:515px;max-height:700px;height:auto;border-radius:8px;object-fit:contain}.movie .movie-overlay{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;background-color:#0006;border-radius:8px;box-sizing:border-box;position:absolute;top:0;left:0;transition:opacity .3s ease;padding:16px 10px;z-index:1}.movie .overlay-text{color:#fff;font-size:16px;text-align:left}.movie .overlay-text .title{line-height:1.4;padding-bottom:8px}.movie .movie-overlay.overlay-hidden{opacity:0;pointer-events:none}.movie .play-btn{display:block;width:20%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);-webkit-transform:translateY(-50%) translateX(-50%);z-index:2}.movie .play-btn.playActive{display:none}.movie-description{flex:1}.movie-description .movie-text,.movie-description .movie-correlation-diagram{border-bottom:3px solid #E2E2E2;padding-bottom:42px;margin-bottom:27px}.movie-description p{font-weight:600;padding-bottom:6px}.modal{display:none;width:100vw;height:100vh;background:rgba(0,0,0,.5);justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:1000}.modal.show{display:flex}.modal-content{width:70%;background:#FFF;border-radius:8px;padding:20px}@media screen and (max-width: 768px){.modal-content{width:88%}}.modal-inner{background:#E5F0FA;border-radius:8px;font-size:14px;padding:27px 23px}.modal-inner p{padding-bottom:26px}.radio-option input[type=radio]{display:none}.radio-option{display:flex;align-items:center;gap:20px;background:#FFF;border-radius:8px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:box-shadow .3s ease,background .3s ease;padding:15px;margin-bottom:6px}.radio-option:hover{opacity:.8}.custom-radio{width:30px;height:30px;background:#FFF;border:2px solid #2B70B7;border-radius:50%;box-sizing:border-box;position:relative;flex-shrink:0}.radio-option input[type=radio]:checked+.custom-radio:after{width:20px;height:20px;background:#2B70B7;border-radius:50%;box-sizing:border-box;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-option.answered .custom-radio{background-color:#2b70b7;cursor:default}.radio-option.selected{background:#E5F0FA;box-shadow:0 0 10px 4px #2b70b78f}.radio-option.checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:30px;height:30px;background:#FFF;border:2px solid #2B70B7;border-radius:50%;cursor:pointer;position:relative;padding:0;margin-right:10px}.radio-option.checkbox input[type=checkbox]:checked{background-color:#2b70b7}.box-inner{border:1px solid #D6D3D3;border-radius:10px;padding:40px 30px}.page-mypage .container .box-inner:last-of-type{margin:20px 0}.box-inner h2{font-size:clamp(18px,1.76vw,24px)}.login-info{display:flex;gap:30px}.login-info,.login-name{flex:1}.login-image{flex:0 0 60px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#F4F2F2;border-radius:50%;overflow:hidden}.box-inner h3{font-size:14px;font-weight:600}.login-mail{font-size:12px}.login-name{padding-left:30px}.login-mail p,.login-name p{font-size:16px;font-weight:600}.page-mypage .contents-filter{justify-content:flex-start;gap:30px}.page-mypage .contents-filter div{max-width:330px}.page-mypage .contents-filter button{max-width:150px;background:none;border:1px solid #C6C6C6;border-radius:4px;color:#000;font-size:14px;padding:7px;margin:0}.page-mypage .contents-movie-list{padding-top:0}.page-mypage .contents-movie-list-inner{display:block;width:100%;background:#F3F8FB;border-radius:4px;box-sizing:border-box;padding:17px 44px 17px 17px;margin-top:25px}.page-mypage .contents-movie-list .flex-block{width:auto;gap:32px}.page-mypage .contents-movie-list-inner .list-inner{width:100%}.page-mypage .indicator-text{display:flex;justify-content:space-between;color:#117cb2;font-size:12px;position:unset;transform:none;padding-bottom:3px}.page-mypage .indicator-fill{background:#117CB2}.page-mypage .list-inner .btn-area{display:flex;gap:12px;padding-top:24px}.page-mypage .list-inner .btn-s img{margin-right:5px}.contents-inner{box-sizing:border-box;padding:17px 90px 102px}details{height:auto;border-top:2px solid #E5E5E5;transition:.6s;padding:22px 0}details:last-of-type{border-bottom:2px solid #E5E5E5}details[open]{height:auto}summary::-webkit-details-marker{display:none}summary{display:flex;align-items:center;cursor:pointer;list-style:none;position:relative;padding-right:24px}summary:before{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;background:#117CB2;border-radius:5px;color:#fff;content:"Q";flex-shrink:0;margin-right:16px}summary:after{width:12px;height:12px;border-bottom:3px solid #D0D0D0;border-right:3px solid #D0D0D0;content:"";position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(45deg);transition:transform .3s}summary .label-qa{flex-grow:1}details[open] summary:after{transform:translateY(-50%) rotate(225deg)}details p:before{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;background:#F5C342;border-radius:5px;content:"A";margin-right:16px}details[open] p{animation:fadeIn .8s ease;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.inner-description{font-size:14px;font-weight:600;text-align:center;padding-bottom:23px}input,textarea,button{display:block;width:100%;border:1px solid #DCDCDC;border-radius:3px;box-sizing:border-box;padding:12px 18px;margin:0}form{border-top:2px solid #E5E5E5;padding-bottom:43px}button{cursor:pointer;background-color:transparent;border:none;line-height:1;padding:0}label{display:block;font-size:14px;font-weight:600;padding:23px 0 11px}label span{color:#f90707}::placeholder{color:#959595;font-size:14px}button{max-width:220px;background:#117CB2;border-radius:8px;color:#fff;text-align:center;padding:20px;margin:34px auto 0}button:hover{transition:.3s;opacity:.7}.inner-description-blu{max-width:730px;width:100%;background:#DFEEF6;border-radius:10px;box-sizing:border-box;padding:24px 50px 44px;margin:0 auto}.inner-description-blu img{margin-bottom:20px}.contents-inner .btn-wht{padding-top:27px}.contents-inner .btn-wht a{width:216px;border-radius:10px;margin:0 auto}.text-list{font-size:14px;padding-bottom:65px}.text-list li h3{padding-bottom:12px}.text-list li{padding-bottom:24px}.page-login{border-top:2px solid #E5E5E5;padding-bottom:245px}.page-login .inner-description{padding-bottom:0}.page-login .inner-description h2{padding:88px 0 0}.page-login .inner-description p{padding-top:40px}.page-login form{max-width:600px;width:100%;border:none;padding-top:37px;margin:0 auto}.page-login label{text-align:left}.page-login button{max-width:100%;width:auto}@media screen and (max-width: 1199px){.footer-container{background:linear-gradient(120deg,rgba(43,112,183,.43) 0%,rgba(10,181,237,.43) 73%),#2B70B7;padding:24px 10px 30px}.footer-description p{text-align:left;padding:20px 0}.footer-list ul{flex-wrap:wrap;gap:10px}.footer-list ul li{max-width:100%}.footer-menu ul li{font-size:14px}.container{padding:0 10px}.contents-bg-blu{padding:10px}.top-visual-text{padding-left:10px}}@media screen and (max-width: 768px){.sp-none,.pc-block{display:none}.pc-none{display:block!important}.header-container{padding:8px 17px 8px 5px}.header-container img{width:93px}#menu-btn{display:block;width:17px;height:12px;cursor:pointer;position:relative;z-index:1001}#menu-btn:before,#menu-btn:after,#menu-btn span{content:"";position:absolute;left:0;width:100%;height:2px;background:#909DA4;transition:.3s}#menu-btn span{top:50%;transform:translateY(-50%)}#menu-btn:before{top:0}#menu-btn:after{bottom:0}#menu-btn.open:before{transform:rotate(45deg);top:50%}#menu-btn.open:after{transform:rotate(-45deg);bottom:auto;top:50%}#menu-btn.open span{opacity:0}#nav-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;pointer-events:none}#nav-container.open{transform:translateY(0);opacity:1;pointer-events:auto}#nav-container ul{display:block;text-align:center}#nav-container ul li{margin-bottom:16px}.footer-menu.pc-none{display:block;padding:0}.footer-menu ul{border-bottom:1px solid #262626;padding:9px 0}.footer-menu ul li{font-size:14px;text-align:center;padding:21px 0}.footer-menu .flex-between{align-items:center;padding:15px 10px}.breadcrumb{padding:10px 0 15px}.contents-next-movie{padding:17px 10px}h2{padding-bottom:17px}.tag.pc-none{display:inline-block!important;margin-bottom:12px}.contents-next-movie .flex-block{gap:12px}.contents-next-movie .indicator{margin-bottom:17px}.contents-next-movie .indicator-text{display:flex;justify-content:space-between;transform:none;position:unset;padding:17px 0 4px}.contents-next-movie .btn-m a{width:100%}.contents-indicator{padding:20px;margin-top:20px}.contents-movie-list{padding:44px 0 40px}.contents-movie-list-inner{gap:34px 17px}.contents-movie-list .flex-block{width:calc((100% - 17px)/2);display:block}.image-layer,.movie-image{width:100%}.contents-filter{gap:5px}select{font-size:10px;padding:5px}.contents-filter div:after{right:5px;width:8px;height:5px}.page-details #header{background:transparent}.page-details #main-contents{margin:0!important}.page-details .breadcrumb,.contents-movie-details .movie,.contents-movie-details>.contents-movie-details-inner{display:none}video,.movie .movie-overlay{border-radius:0 0 8px 8px}.contents-movie-details-inner .title{line-height:1.4;padding:10px 0}.movie-description{padding-top:16px}.movie-description .movie-text,.movie-description .movie-correlation-diagram{border:none;padding:0;margin-bottom:23px}.movie-description div img{width:100%}.contents-inner{padding:10px 10px 35px}.box-inner{padding:20px 15px}.box-inner .flex-block{display:block}.login-name{padding:15px 0 0 90px}.page-mypage .contents-filter{gap:5px}.page-mypage .contents-filter button{max-width:80px;font-size:10px}.page-mypage .contents-movie-list-inner{padding:15px 10px}.page-mypage .movie-image{width:50%;margin:0 auto 15px}.page-mypage .contents-movie-list .btn-area{display:flex;justify-content:space-between;gap:unset}}.prev.is-first-page:before,.prev.is-first-page:after{background-color:#d4d4d4}.prev.is-not-first-page:before,.prev.is-not-first-page:after{background-color:#117cb2}.next.is-last-page:before,.next.is-last-page:after{background-color:#d4d4d4}.hidden-movie-item{display:none}.movie-contents-filter-button{max-width:150px;background:none;border:1px solid #C6C6C6;border-radius:4px;color:#000;font-size:14px;padding:7px;margin:0}body.modal-open{overflow:hidden}.modal-inner.hidden{display:none;opacity:0;transition:opacity .5s ease-in-out}.modal-inner.visible{display:block;opacity:1}.typing-wrapper{white-space:normal;word-break:break-word;overflow-wrap:anywhere}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-container{width:100%;padding-top:56.25%;position:relative;overflow:hidden}#questions-container{scroll-behavior:smooth}