@charset "utf-8";

/* #comingsoon{width:100%;padding-top:100px;text-align:center} */


.pagecommon{position:relative;padding-bottom:100px;font-size:15px;line-height:1.5;color:#777;font-family:'Pretendard'}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .tit{margin-bottom:40px;text-align:center;}
.pagecommon .tit span{display:inline-block;color:#222;font-size:16px;font-weight:700;font-family:'Montserrat'}

#p33{padding:0 50px;}
#p33 a{display:inline-block;font-size:13px;font-weight:500;font-family:'Montserrat'}
#p33 a+a{margin-top:80px}
#p33 a div{overflow:hidden;border-radius:20px}
#p33 a img{transition:all .3s;border-radius:20px;width:100%}
#p33 a span{display:inline-block;margin-top:10px;color:var(--primary);opacity:.5}
#p33 .r_cont{display:flex;align-items:flex-start;justify-content:space-around;gap:20px;width:100%}
#p33 .r_cont a:first-child{text-align:right}

#p33 .l_cont{position:sticky;width:100%;height:100%;margin-bottom:60px}
#p33 .l_cont span{display:block;margin-bottom:30px;color:#222;font-size:16px;font-weight:700;font-family:'Montserrat'}
#p33 .l_cont p{color:#666;font-size:16px;white-space:pre-line;font-family:'pretendard'}
#p33 .l_cont .sign{margin-top:50px;text-align:right;color:#222;font-size:16px;font-weight:600}

#p33 .l_cont .big_txt{position:relative;margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid #e1e1e1;font-weight:300;font-size:26px;word-break:keep-all;color:#222;}
#p33 .l_cont .big_txt b{font-weight:700}
#p33 .l_cont .big_txt div{position:absolute;z-index:-1;top:0;left:0;top:0;color:#222}
#p33 .l_cont .big_txt .b_txt{position:relative;width:max-content;background:linear-gradient(to right, #7e36f9, #7e36f9) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;;white-space:nowrap;transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s}

#p34 .mo{display:none}

@media(hover:hover){
#p33 a:hover div img{transform:rotate(3deg) scale(1.1)}
}


/* 반응형 [s] */
@media(max-width:1024px){
.pagecommon .tit span{font-size:15px}
#p33{padding:0 20px}
#p33 .big_txt{font-size:30px}
#p33 .l_cont span{font-size:15px}
#p33 .l_cont p{white-space:normal}
#p33 .l_cont .big_txt{font-size:24px;}

#p34 .img img{width:100%}
}
@media(max-width:768px){
.pagecommon .tit{margin-bottom:20px}
#p33{display:block}
#p33>*{width:100%}
#p33 .l_cont{position:unset;margin-bottom:50px}
#p33 .l_cont span{margin-bottom:20px;text-align:center}
#p33 .l_cont p{margin-top:20px;font-size:15px;text-align:center}
#p33 .l_cont .big_txt{font-size:22px}
#p33 .l_cont .sign{margin-top:30px;text-align:center;}
#p33 .r_cont{margin-left:0}
#p33 .big_txt{text-align:center}
#p33 .big_txt .b_txt{display:none}
#p33 .big_txt div{position:unset;color:var(--primary)}
#p33 a img{width:100%}

}
@media(max-width:480px){
.pagecommon{padding:40px 14px !important}
#p33{padding:0}
#p33 .l_cont{margin-bottom:40px}
#p33 .l_cont .big_txt{margin-bottom:20px;padding-bottom:15px;line-height:1.4;font-size:20px}
#p33 .r_cont{gap:10px}
#p33 a img{width:;}
#p33 a+a{margin-top:50px}
#p34 .img{display:none}
#p34 .mo{display:block;text-align:center;}
#p34 .mo img{width:80%;}
}
@media(max-width:390px){
}
/* 반응형 [e] */