@charset "utf-8";

#main_bnr_area .main_bnr{position:relative;width:calc(100% - 160px);height:1760px;margin:0 auto;}

/*사이드바*/
.main_bnr .side_bar{position:fixed;right:0;bottom:0;width:80px;height:740px;font-weight:700;font-size:15px;color:#fff;background:url(/sh_img/index/main_bg_red.png) repeat;font-family:'Playfair Display'}
.main_bnr .side_bar.rel{position:absolute;right:-80px;}
.main_bnr .side_bar .side_txt{position:absolute;top:50%;left:-5px;width:90px;transform:rotate(90deg)}
.main_bnr .sns{position:absolute;display:flex;flex-wrap:wrap;gap:13px;bottom:90px;left:30px;width:30px}

/*메인텍스트*/
.main_bnr .main_txt_box{position:relative;z-index:10;width:900px;height:1605px;box-shadow:5px 5px 15px rgba(0,0,0,.2);background:url(/sh_img/index/main_bg_red.png) repeat}
.main_bnr .main_txt_box .main_s_img{position:absolute;left:170px;bottom:250px;width:530px;height:580px;box-shadow:0 0 20px rgba(0,0,0,.3);background:#666}
.main_bnr .main_txt_box .main_s_img a{display:block;height:100%}
.main_bnr .main_txt_box .main_s_img:before{position:absolute;bottom:150px;left:-190px;content:'Welcome to Norutbachi Acting Academy';font-weight:700;font-size:17px;color:rgba(255,255,255,.8);transform:rotate(-90deg);font-family:'Playfair Display'}
.main_bnr .main_txt_box .main_s_img:after{position:absolute;left:-32px;bottom:330px;content:'';width:1px;height:200px;background:rgba(255,255,255,.2)}
.main_bnr .main_txt_box .main_s_img .txt{position:absolute;left:80px;bottom:40px;font-weight:700;font-size:47px;line-height:71px;color:rgba(255,255,255,.9);text-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;transition:all .3s;font-family:'Playfair Display'}
.main_bnr .main_txt_box .main_s_img a:hover .txt{bottom:80px;opacity:1}

.main_bnr .main_txt_box .txt_box{position:absolute;top:225px;left:247px}
.main_bnr .main_txt_box .txt_box .main_tit{position:relative;font-weight:700;font-size:93px;text-shadow:5px 5px 10px rgba(0,0,0,.1);line-height:110px;color:#fff;font-family:'notokr-bold'}
.main_bnr .main_txt_box .txt_box .main_tit:before{position:absolute;top:30%;left:-40%;content:'';width:620px;height:1px;background:rgba(255,255,255,.1);transform:rotate(-40deg)}

.main_bnr .main_txt_box .txt_box .more_brn{position:relative;display:inline-block;margin-top:30px;font-weight:300;font-size:16px;color:rgba(255,255,255,.7);transition:all .3s;font-family: 'Hahmlet'}
.main_bnr .main_txt_box .txt_box .more_brn:before{position:absolute;right:0;top:-24px;content:'';width:70px;height:70px;border-radius:70px;border:1px solid rgba(255,255,255,.1);transition:all .3s;opacity:0}
.main_bnr .main_txt_box .txt_box .more_brn:hover{color:#fff}
.main_bnr .main_txt_box .txt_box .more_brn:hover:before{right:-50px;opacity:1}

.main_bnr .pt_txt{position:absolute;z-index:20;top:600px;right:62px;font-weight:700;font-size:22px;line-height:28px;color:#fff;font-family:'Playfair Display'}
.main_bnr .pt_txt:before{position:absolute;left:0;bottom:-30px;content:'';width:22px;height:3px;background:#fff}
.main_bnr .pt_txt:after{position:absolute;right:-62px;top:-192px;content:'';width:505px;height:505px;border:1px solid rgba(255,255,255,.1);border-radius:505px}

/*메인이미지*/
.main_bnr .main_b_img{position:absolute;z-index:1;top:0;right:0;max-width:1590px;width:calc(100% - 170px);height:100%;box-shadow: 0 0 20px rgb(0 0 0 / 30%);background:#222}
.main_bnr .main_b_img:before{position:absolute;z-index:10;top:0;right:170px;content:'';width:1px;height:100%;background:rgba(255,255,255,.1)}
.main_bnr .main_b_img > div{overflow:hidden;position:absolute;width:100%;height:100%;opacity:0;transition:all 1s}
.main_bnr .main_b_img > div.on{opacity:1}
.main_bnr .main_b_img img{transform:scale(1.05,1.05);transition:all 2s}
.main_bnr .main_b_img .on img{transform:scale(1,1)}

#main_bnr_area .about_cont{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:20;width:1400px;height:330px;margin:0 auto}
.about_cont .about_img img{box-shadow:0 0 20px rgba(0,0,0,.5)}
.about_cont .about_txt{text-align:right}
.about_cont .about_txt .tit{position:relative;margin-bottom:20px;font-weight:700;font-size:26px;color:rgba(255,255,255,.9);font-family: 'Hahmlet'}
.about_cont .about_txt .tit:before{position:absolute;top:13px;right:-35px;content:'';width:103px;height:1px;transform:rotate(45deg);background:rgba(255,255,255,.1)}
.about_cont .about_txt .txt{font-size:14px;line-height:24px;color:rgba(255,255,255,.4);font-family:'notokr-regular'}

#main_bnr_area .bnr_num{position:absolute;right:135px;top:185px;z-index:20;width:95px;height:80px;font-weight:700;font-family:'Poppins'}
#main_bnr_area .bnr_num .b_num span{position:absolute;top:0;right:45px;font-size:47px;color:#fff}
#main_bnr_area .bnr_num .total_num{position:absolute;bottom:0;right:0;font-size:14px;color:rgba(255,255,255,.6)}

@media screen and (min-width:1930px) {
.main_bnr .side_bar {right:calc(50% - 965px)}