@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@100..900&display=swap');

/* reset */
*,*:before,*:after{box-sizing:border-box;}
body{width:100%;background-color:#000;line-height:1.37;font-weight:400;color:#fff;font-family:'Pretendard Variable',sans-serif;overflow:hidden;overflow-y:auto;word-break:keep-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;}
th,td{border-collapse:collapse;}
legend,caption,hr{display:none;}
em,cite,i{font-style:normal;}
strong{font-weight:700;}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:inherit;text-decoration:none;outline-offset:-1px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
address{font-style:normal;}
body:before{position:fixed;left:0;top:0;width:100%;height:0;content:'';}
mark{background-color:transparent;outline:none;}
label{vertical-align:middle;}
button{cursor:pointer;transition:all .25s cubic-bezier(0.0, 0.0, 0.2, 1);}
input,textarea{font-family:'Pretendard Variable',sans-serif;}
.mo,
.tb{display:none;}
@media (max-width: 960px) {
	.pc{display:none;}
	.tb{display:block;}
}
@media (max-width: 768px) {
	.mo{display:block;}
}

/* Layout */
.container{}

/* Top */
.top{height:800px;background:url('../images/img_top.jpg') no-repeat center top;background-size:cover;}
.inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1290px;height:100%;margin:0 auto;padding-top:84px;}
.inner:before,
.inner:after{content:'';position:absolute;bottom:0;display:block;height:375px;}
.inner:before{left:36px;width:309px;background:url('../images/img_top-person1.png') no-repeat 0 0;}
.inner:after{right:20px;width:412px;background:url('../images/img_top-person2.png') no-repeat 0 0;}
.inner > img{width:740px;}
.inner > div{display:flex;flex-direction:column;gap:1px;margin-top:49px;font-size:48px;line-height:72px;text-align:center;}
.inner > div i{font-weight:200;}
.inner > div em{font-weight:900;font-size:60px;color:#60FA44;}
.inner > div strong{color:#60FA44;line-height:100px;font-weight:400;font-size:80px;font-family:'Black Han Sans', sans-serif;}
@media (max-width: 1200px) {
	.inner{padding-top:84px;}
	.inner:before,
	.inner:after{height:305px;background-size:auto 100%;}
	.inner:before{left:0;width:251px;}
	.inner:after{right:0;width:335px;}
	.inner > img{width:670px;}
	.inner > div{margin-top:49px;font-size:42px;line-height:66px;}
	.inner > div em{font-size:54px;}
	.inner > div strong{line-height:96px;font-size:74px;}
}
@media (max-width: 960px) {
	.top{height:453px;}
	.inner{max-width:768px;padding-top:40px;}
	.inner:before,
	.inner:after{height:230px;}
	.inner:before{left:18px;width:190px;}
	.inner:after{right:8px;width:253px;}
	.inner > img{width:414px;}
	.inner > div{margin-top:38px;font-size:24px;line-height:35px;}
	.inner > div em{font-size:30px;}
	.inner > div strong{line-height:50px;font-size:40px;}
}
@media (max-width: 700px) {
	.top{height:400px;}
	.inner:before,
	.inner:after{display:none;}
	.inner > img{width:319px;}
	.inner > div{margin-top:34px;line-height:38px;}
	.inner > div em{font-size:32px;}
	.inner > div strong{line-height:53px;font-size:42px;}
}

/* Banner */
.banner{position:relative;max-width:1000px;margin:0 auto;}

/* Content */
.content{max-width:1000px;margin:0 auto;}
.content-title{text-align:center;}
.content.cont1{margin-top:80px;}
.content.cont2{margin-top:95px;}
.content.cont2 .content-title{margin-bottom:66px;}
.content.cont3{margin-top:91px;}
@media (max-width: 960px) {
	.content.cont1{margin-top:61px;}
	.content.cont2{margin-top:51px;}
	.content.cont2 .content-title{margin-bottom:38px;}
	.content.cont2 .content-title img{max-width:609px;}
	.content.cont3{margin-top:52px;}
}
@media (max-width: 768px) {
	.content{padding:0 10px;}
	.content.cont1{margin-top:43px;}
	.content.cont2{margin-top:30px;}
	.content.cont2 .content-title{margin-bottom:23px;}
	.content.cont2 .content-title img{max-width:280px;}
	.content.cont3{margin-top:30px;}
}

/* Video */
.video{display:flex;justify-content:space-between;max-width:974px;margin:0 auto 72px auto;padding:0 35px;}
.video img{max-width:172px;width:100%;}
.video-item{flex:none;display:flex;flex-direction:column;gap:6px;width:19%;}
.video-item > a{position:relative;display:block;}
.video-item > a:before{content:'';position:absolute;left:50%;top:50%;display:block;width:62px;height:62px;background:url('../images/icon_video.png') no-repeat center center;background-size:100% auto;transform:translate(-50%, -50%);}
.video-item div{display:flex;flex-direction:column;gap:7px;}
.video-item div span,
.video-item div pre{display:block;width:100%;padding:8px 5px 6px 5px;margin:0;text-align:center;font-size:15px;font-weight:600;color:#000;line-height:18px;border-radius:1px;white-space:pre-wrap;word-break:break-all;font-family:'Pretendard Variable',sans-serif;}
.video-item div span:nth-child(1),
.video-item div pre:nth-child(1){background-color:#FFF09D;}
.video-item div span:nth-child(2),
.video-item div pre:nth-child(2){background-color:#FFDB65;}
.video-item div span:nth-child(3),
.video-item div pre:nth-child(3){background-color:#FFBA59;}
.video-item div span:nth-child(4),
.video-item div pre:nth-child(4){background-color:#FF8F2C;}
@media (hover: hover) {
	.video-item > a:hover:before{background-image:url('../images/icon_video-active.png');}
}
@media (max-width: 1024px) {
	.video-item div span,
	.video-item div pre{display:flex;align-items:center;justify-content:center;height:68px;padding-top:0;padding-bottom:0;}
	.video-item div span:nth-child(2),
	.video-item div pre:nth-child(2){height:86px;}
	.video-item div span:nth-child(3),
	.video-item div pre:nth-child(3){height:68px;}
}
@media (max-width: 960px) {
	.video{margin-bottom:58px;}
	.video-item > a:before{width:38px;height:38px;}
	.video-item div span,
	.video-item div pre{height:76px !important;font-size:14px;line-height:16px;}
	.video-item div span br,
	.video-item div pre br{display:none;}
}
@media (max-width: 768px) {
	.video{padding:0 15px;margin-bottom:24px;}
	.video-item > a:before{width:30px;height:30px;}
	.video-item div span,
	.video-item div pre{height:58px !important;font-size:10px;line-height:12px;text-align:center;}
}

/* Ask */
.ask{padding:112px 15px 141px 15px;background-color:#fff;color:#000;}
.ask-inner{max-width:730px;margin:0 auto;}
.ask-title{display:flex;flex-direction:column;align-items:center;gap:60px;}
.ask-title span{font-weight:500;font-size:24px;line-height:28px;}
.ask-title strong{font-weight:600;font-size:48px;line-height:47px;letter-spacing:-0.04em;}
.ask-title strong em{font-family:'Black Han Sans', sans-serif;font-size:60px;font-weight:400;letter-spacing:-0.02em;color:#008AA3;}
.ask-form{margin-top:86px;}
.ask-form__title{font-weight:700;font-size:24px;line-height:28px;}
.ask-form__title em{font-weight:500;color:#8E8E8E;}
.ask-form__input{display:flex;column-gap:40px;row-gap:20px;flex-wrap:wrap;margin-top:30px;}
.ask-form__input-item{flex:1;position:relative;display:flex;align-items:center;min-width:250px;height:40px;border-bottom:2px solid #000;}
.ask-form__input-item span{position:absolute;left:0;top:50%;font-size:20px;letter-spacing:-0.01em;line-height:1;transform:translateY(-50%);}
.ask-form__input-item input{width:100%;height:100%;padding-left:80px;border:0;text-align:right;font-size:20px;letter-spacing:-0.01em;line-height:1;font-weight:700;outline:none;}
.ask-form__input-item input::placeholder{color:#D3D3D3;font-weight:400;}
.ask-form__content{display:flex;flex-direction:column;gap:13px;margin-top:58px;}
.ask-form__content strong{letter-spacing:-0.01em;line-height:31px;font-size:24px;font-weight:700;}
.ask-form__content textarea{width:100%;height:222px;padding:30px 40px;border:0;background-color:#E5E5EC;font-size:20px;line-height:30px;resize:none;outline:0;}
.ask-form__content textarea::placeholder{color:#999;}
.ask-form__agree{margin-top:16px;}
.ask-form__agree label{position:relative;min-height:21px;cursor:pointer;}
.ask-form__agree label input{position:absolute;left:0;top:0;opacity:0;}
.ask-form__agree label span{position:relative;padding-left:28px;font-size:16px;letter-spacing:-0.01em;line-height:1;}
.ask-form__agree label span:before{content:'';position:absolute;left:0;top:0;display:block;width:21px;height:21px;background:url('../images/icon_checkbox.svg') no-repeat 0 0;}
.ask-form__agree label input:checked + span:before{background-image:url('../images/icon_checkbox-checked.svg')}
.ask-form__agree label span a{font-weight:700;}
.ask-form__func{display:flex;justify-content:center;margin-top:64px;}
.ask-form__func > *{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:400px;height:90px;border:0;background-color:#008AA3;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1;font-size:32px;cursor:pointer;}
@media (max-width: 960px) {
	.ask{padding-top:51px;padding-bottom:117px;}
	.ask-title{gap:51px;}
	.ask-form{margin-top:69px;}
}
@media (max-width: 768px) {
	.ask{padding:28px 25px 76px 25px;}
	.ask-title{gap:22px;}
	.ask-title span{font-size:10px;line-height:16px;}
	.ask-title strong{font-size:20px;line-height:27px;}
	.ask-title strong em{font-size:32px;}
	.ask-form{margin-top:28px;}
	.ask-form__title{font-size:14px;line-height:30px;}
	.ask-form__input{row-gap:12px;margin-top:15px;}
	.ask-form__input-item{min-width:100%;height:28px;border-bottom:1px solid #000;}
	.ask-form__input-item span{font-size:12px;}
	.ask-form__input-item input{padding-left:40px;font-size:12px;}
	.ask-form__content{gap:4px;margin-top:24px;}
	.ask-form__content strong{font-size:14px;}
	.ask-form__content textarea{padding:16px;font-size:11px;line-height:18px;}
	.ask-form__agree{margin-top:11px;}
	.ask-form__agree label{min-height:12px;}
	.ask-form__agree label span{padding-left:17px;font-size:11px;}
	.ask-form__agree label span:before{width:12px;height:12px;background-size:100% auto;}
	.ask-form__func{margin-top:17px;}
	.ask-form__func > *{height:47px;font-size:20px;}
}

/* Popup */
.pop{position:fixed;left:0;right:0;top:0;bottom:0;display:none;align-items:center;justify-content:center;padding:20px;background-color:rgba(0, 0, 0, 0.5);color:#000;}
.pop.display--show{display:flex;}
.pop-inner{position:relative;min-width:465px;padding:50px 20px 46px 20px;border:1px solid #000;background-color:#fff;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.pop-header{font-size:24px;line-height:1;letter-spacing:-0.01em;font-weight:300;text-align:center;}
.pop-header strong{font-weight:700;}
.pop-body{display:flex;flex-direction:column;gap:20px;padding-left:25px;margin-top:27px;font-size:12px;line-height:16px;letter-spacing:-0.02em;}
.pop-item{display:flex;flex-direction:column;gap:3px;}
.pop-item strong{margin-left:-14px;}
.pop-close{position:absolute;right:0;top:0;width:71px;height:50px;}
.pop-close button{width:100%;height:100%;background:url('../images/icon_pop-close.svg') no-repeat center center;font-size:0;}
@media (max-width: 768px) {
	.pop-inner{min-width:0;}
}

/* Footer */
.footer{display:flex;align-items:center;justify-content:center;height:117px;border:1px solid #a7a5a3;background-color:#b7b7b7;line-height:1;}
.footer a{position:relative;padding-left:30px;margin-left:36px;font-size:46px;font-weight:500;color:#000;cursor:default;text-decoration:none !important;}
.footer a:before{content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:30px;margin-top:-13px;background-color:#9b9b9b;}
@media (max-width: 768px) {
	.footer{height:60px;}
	.footer img{width:132px;}
	.footer a{padding-left:15px;margin-left:17px;font-size:24px;}
	.footer a:before{height:15px;margin-top:-7px;}
}