@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');


html,
body {height: 100%;overflow: hidden;}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.reN_2022 header {background: transparent;mix-blend-mode: difference;}

.Loop {position: relative;background:#fff;height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;max-width: 1860px;margin:0 auto;padding:0 30px;box-sizing: border-box;}
section {position: relative;text-align: center;height: auto}
::scrollbar {display: none;}

.Loop::-webkit-scrollbar {display: none;}
.project {display:flex;justify-content: space-between;}
.project .img {margin-top:170px;font-size: 0;padding-top:70px;}
.project .img>a {display:block;overflow: hidden;}
.project .img>a img {transition:.6s all ease;}
.project .img>a:hover img {transform: scale(1.08);}
.project .img .info {text-align: left;color:#fff;font-size: 18px;margin-top:9px;mix-blend-mode: difference;font-family: 'Pretendard', sans-serif;font-weight: 200;}
.project .img:nth-child(2) {margin-top:0;}

.fixed_bg {position:fixed;left:0;top:40px;width:100%;max-width: 1860px;margin:0 auto;padding:0 30px;box-sizing: border-box;}
.fixed_bg p {display:flex;font-size: 350px;font-family: "neue-haas-grotesk-text", sans-serif;color:#111;letter-spacing: -22px;;}
.fixed_bg p span {position:relative;font-family: inherit;}
.fixed_bg p span {display:block;transition-duration: 1.1s;transition-property: opacity,transform, filter; transform: rotateX(-90deg) rotateY(0deg);will-change: transform;}
.fixed_bg p:first-child {padding-left:20px;font-size: 340px;}
.fixed_bg p+p {position:relative;left:30px;margin-top:-130px;text-align: right;letter-spacing: -8px;justify-content: flex-end;}

.reN_2022 header #gnb ul li a {color:#fff;}
.reN_2022 header #gnb ul li a::before {background:#fff;bottom:3px;}
.reN_2022 footer {position:fixed;bottom:0;width:100%;padding-top:0;background:transparent;mix-blend-mode: difference;}
.reN_2022 footer .footer .f_info2 .link>a {color:#fff;font-family: 'Roboto', sans-serif;font-weight: 100;}
.reN_2022 footer .footer .f_info2 .copyR {color:#fff;font-family: 'Roboto', sans-serif;font-weight: 100;}
.reN_2022 footer .footer .f_info address {color:#fff;;font-weight: 100;}
.reN_2022 footer .footer .f_info .contact>span  {color:#fff;font-family: 'Roboto', sans-serif;font-weight: 100;}

.reN_2022 header h1 a {background-image:url(../../../images/main_reN2023/logo_white.svg)}

.gnbActive.reN_2022 header h1 a {background: url(../../images/reN2022/logo_black.svg) center center no-repeat;}

/* gnb */
header h1 a {margin-left:-9px;}
.reN_2022 header #gnb {right:39px;}
.reN_2022 header #gnb ul li:nth-child(1) {width:39px;height:23px;overflow: hidden;}
.reN_2022 header #gnb ul li:nth-child(2) {width:45px;height:23px;overflow: hidden;}
.reN_2022 header #gnb ul li:nth-child(3) {width:44px;height:23px;overflow: hidden;}
.reN_2022 header #gnb ul li:nth-child(4) {width:55px;height:23px;overflow: hidden;}
.reN_2022 header #gnb ul li:nth-child(5) {width:52px;height:23px;overflow: hidden;}
.reN_2022 header #gnb ul li {overflow: hidden;}
.reN_2022 header #gnb ul li a {display:block;width:100%;height:100%;font-size: 1px;text-indent: -999px;;}
.reN_2022 header #gnb ul li:nth-child(1) a {background:url(../../../images/main_reN2023/gnb1.svg) no-repeat center}
.reN_2022 header #gnb ul li:nth-child(2) a {background:url(../../../images/main_reN2023/gnb2.svg) no-repeat center}
.reN_2022 header #gnb ul li:nth-child(3) a {background:url(../../../images/main_reN2023/gnb3.svg) no-repeat center}
.reN_2022 header #gnb ul li:nth-child(4) a {background:url(../../../images/main_reN2023/gnb4.svg) no-repeat center}
.reN_2022 header #gnb ul li:nth-child(5) a {background:url(../../../images/main_reN2023/gnb5.svg) no-repeat center}

/* footer */
.reN_2022 footer .footer .f_info address {display:inline-block;width:233px;height:15px;font-size: 1px;text-indent: -999px;background:url(../../../images/main_reN2023/address.svg) no-repeat}
.reN_2022 footer .footer .f_info .contact>span {overflow: hidden;}
.reN_2022 footer .footer .f_info .contact>span a {display: inline-block;width:100%;height:100%;font-size: 1px;text-indent: -999px;}
.reN_2022 footer .footer .f_info .contact>span:nth-child(1) {width:115px;height:15px;overflow: hidden;}
.reN_2022 footer .footer .f_info .contact>span:nth-child(2) {width:115px;height:15px;overflow: hidden;}
.reN_2022 footer .footer .f_info .contact>span:nth-child(3) {width:94px;height:15px;overflow: hidden;}
.reN_2022 footer .footer .f_info .contact>span:nth-child(1) a {background:url(../../../images/main_reN2023/tell1.svg) no-repeat;}
.reN_2022 footer .footer .f_info .contact>span:nth-child(2) a {background:url(../../../images/main_reN2023/tell2.svg) no-repeat;}
.reN_2022 footer .footer .f_info .contact>span:nth-child(3) a {background:url(../../../images/main_reN2023/email.svg) no-repeat;}
.reN_2022 footer .footer .f_info2 .link>a {overflow: hidden;display:inline-block;font-size: 1px;text-indent: -999px;}
.reN_2022 footer .footer .f_info2 .link>a:nth-child(1) {width:92px;height:15px;background:url(../../../images/main_reN2023/profile.svg) no-repeat;}
.reN_2022 footer .footer .f_info2 .link>a:nth-child(2) {width:88px;height:15px;background:url(../../../images/main_reN2023/request.svg) no-repeat;}
.reN_2022 footer .footer .f_info2 .link>a:nth-child(3) {width:40px;height:15px;background:url(../../../images/main_reN2023/recruit.svg) no-repeat;}
.reN_2022 footer .footer .f_info2 .copyR {overflow: hidden;display:inline-block;width:75px;height:15px;font-size: 1px;text-indent: -999px;background:url(../../../images/main_reN2023/bvs2024.svg) no-repeat;}


.main_popArea {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
.main_popArea .popInner {display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.main_popArea .popInner .main_pop {display:flex;align-items: top;}
.main_popArea .popInner .pop_button {display:block;width:32px;height:32px;margin-left:20px;background:url(../../../images/main_reN2023/pop_close.png) no-repeat center;}


/* intro | 241231 */
.subMain_wrap2 {position:fixed;left:0;top:0;width:100%;height:100vh;z-index:9999;}
.subMain_wrap2 .logo{position:fixed;left:0;top:0;width:85px;height:100vh;border-right:1px solid rgba(255,255,255,0.2);z-index:9;}
.subMain_wrap2 .logo p{font-family:"miller-banner", serif;font-style:italic;font-size:30px;color:#fff;position:absolute;top:19px;left:-55px;transform:rotate(90.04deg) translate3d(50.2%,0,0);letter-spacing:0.75px;width:204px;}

.subCont{height:100%;width:100%;position:absolute;box-sizing:border-box;z-index:8;display:flex;justify-content:end;}
.panel {height:100%;width:100%;position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}

.mMain{width:100%;height:100vh;overflow:hidden;}
.mMain .bg{width:100%;height:100vh;position:absolute;left:0;top:0;}
.mMain .bg img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;transform:scale(1.3);animation:ani_zoom 1s forwards ease .2s;object-position:90% center;}
.mMain .contInner{position:absolute;left:0;bottom:0;opacity:0;animation:ani_opacity .6s forwards ease .4s;}
@keyframes ani_zoom {
    0% {transform:scale(1.3);}
    100% {transform:scale(1);}
}
@keyframes ani_opacity {
    0% {opacity:0;bottom:-30px;}
    100% {opacity:1;bottom:0;}
}
.mMain .contInner .tit{font-size:90px;color:#fff;line-height:100px;font-family:"neue-haas-grotesk-text", sans-serif;text-align:left;padding:0 0 46px 137px;}
.mMain .contInner .tit i{font-family:"miller-banner", serif;font-style:italic;letter-spacing:2px;}

.mAcademics{z-index:99;justify-content:end;width:auto;}
.mAcademics .index_open{display:flex;justify-content:end;height:100vh;}
.mAcademics .bnr{border-left:1px solid rgba(255,255,255,0.2);flex:0 0 86px;height:100vh;display:flex;box-sizing:border-box;font-size:0;transition:0s all;cursor:pointer;}
.mAcademics .bnr .acc_btn{width:85px;height:100vh;background-repeat:no-repeat;background-position:center top 35px;background-size:30px auto;transition:all 0.2s;}
.mAcademics .bnr .acc_btn .txt{padding:0 0 28px 20px;font-family:'Pretendard',sans-serif;color:#fff;font-size:21px;display:block;transform:rotate(90deg);transform-origin:bottom left;text-align:left;width:400%;}
.mAcademics .bnr .acc_btn.aa{background-image:url(../../images/reN2024/mark_aa.png);}
.mAcademics .bnr .acc_btn.wa{background-image:url(../../images/reN2024/mark_wa.png);}
.mAcademics .background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;visibility:hidden;}
.mAcademics .background img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:-1;opacity:0;transform:scale(1.3);transition:opacity 0.2s, transform 1s 0.2s;}
.mAcademics .background img.active{opacity:1;transform:scale(1);}
.mAcademics .bnr .cont{cursor:default;pointer-events:none;visibility:hidden;}
.mAcademics .bnr .cont .txtWrap{position:absolute;left:0;bottom:66px;z-index:-1;text-align:left;width:100%;padding:0 80px 0 18px;box-sizing:border-box;}
.mAcademics .bnr .cont .txtWrap .txt{font-size:28px;color:#fff;font-family:'Pretendard',sans-serif;margin-bottom:70px;transform:translateY(50px);opacity:0;margin-left:-5px;}
.mAcademics .bnr .cont .txtWrap .tit{font-size:90px;color:#fff;line-height:100px;font-family:"neue-haas-grotesk-text", sans-serif;text-align:left;transform:translateY(50px);opacity:0;padding-right:120px;}
.mAcademics .bnr .cont .txtWrap .tit i{font-family:"miller-banner", serif;font-style:italic;letter-spacing:2px;}
.mAcademics .bnr .cont .txtWrap .arr_btn{position:absolute;right:100px;bottom:0;width:85px;height:85px;background:url(../../images/reN2024/ico_arr_right.svg) no-repeat center center/ 85px auto;opacity:0;}
.mAcademics.on{width:100%;}
.mAcademics .bnr.on{flex: 0 0 calc(100vw - 344px);}
.mAcademics.on .background{pointer-events:auto;visibility:visible;}
.mAcademics.on .bnr:first-child{border-left-color:transparent;}
.mAcademics .bnr.on .acc_btn{opacity:0;}
.mAcademics .bnr.on .cont{width:100%;position:relative;pointer-events:auto;visibility:visible;}
.mAcademics .bnr.on .txtWrap{z-index:50;}
.mAcademics .bnr.on .cont .txtWrap .txt{transform:translateY(0);opacity:1;transition:all 0.6s 0.2s;}
.mAcademics .bnr.on .cont .txtWrap .tit{transform:translateY(0);opacity:1;transition:all 0.6s 0.4s;}
.mAcademics .bnr.on .cont .txtWrap .arr_btn{opacity:1;transition:all 0.6s 0.2s;}

/* 260102 추가 */
.mAcademics.bnr2 .bnr.on{flex: 0 0 calc(100vw - 172px);}
/* //260102 추가 */
@media all and (max-width:1680px) {
    .mMain .contInner .tit{font-size:72px;}
    .mAcademics .bnr .cont .txtWrap .tit{font-size:72px;}
}
@media all and (max-width:1440px) {
    .mMain .contInner .tit{font-size:64px;line-height:74px;}
    .mAcademics .bnr .cont .txtWrap{padding:0 60px 0 0;}
    .mAcademics .bnr .cont .txtWrap .tit{font-size:64px;padding-right:80px;line-height:74px;}
    .mAcademics .bnr.on .cont .txtWrap .txt{font-size:24px;margin-bottom:40px;}
    .mAcademics .bnr .cont .txtWrap .arr_btn{width:64px;height:64px;background-size:contain;right:60px;}
    .mAcademics .bnr .acc_btn{width:75px;}
    .mAcademics .bnr{flex:0 0 75px;}
    .mAcademics .bnr .acc_btn .txt{padding:0 0 20px 20px;font-size:18px;}
    .mAcademics .bnr.on{flex:0 0 calc(100vw - 313px);}
}

@media all and (max-width:1041px) {
    header h1 a {margin-left:0px;} 
    .reN_2022 header #btn_menu {background-image:url(../../../images/main_reN2023/btn_menu_w.png)}
    
    .gnbActive * {mix-blend-mode: inherit !important;}
    
    .project .img .info {color:#111;mix-blend-mode: inherit;font-weight: 400;}

    .reN_2022 footer .footer .f_info2 .link>a:nth-child(1) {width: 50%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(2) {width: 50%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(3) {width: 50%;}
    .reN_2022 footer .footer .f_info address {width: 50%;}

    /* body{overflow-y:auto;}
    .subCont{position:relative;display:block;}
    .panel{position:relative;} */
    .subMain_wrap2 .logo{width:100%;height:70px;border-right:none;border-bottom:1px solid rgba(255,255,255,0.2);}
    .subMain_wrap2 .logo p{transform:none;top:20px;left:24px;width:auto;font-size:24px;}
    .mMain .contInner .tit{padding:0 0 300px 24px;}
    .mAcademics{height:100vh;width:100%;display:block;padding-top:70px;/*position:sticky;top:0;*/}
    .mAcademics .index_open{height:calc(100vh - 70px);flex-wrap:wrap;align-items:end;align-content:end;}
    .mAcademics .bnr{width:100%;height:60px;border-left:none;border-bottom:1px solid rgba(255,255,255,0.2);flex:unset;flex-wrap:wrap;}
    .mAcademics .bnr .acc_btn{width:100%;height:60px;background-position:left 24px center;}
    .mAcademics .bnr .acc_btn .txt{transform:unset;width:auto;padding:0 0 0 75px;height:100%;display:flex;align-items:center;}
    .mAcademics .bnr .cont .txtWrap{padding:0;}
    .mAcademics .bnr.on .cont .txtWrap .arr_btn{right:0;width:54px;height:54px;}
    .mAcademics .bnr.on{flex:unset;height:calc(100% - 180px);align-items:end;padding:0 24px;}
    .mAcademics .bnr.on .cont{height:calc(100% - 180px);}

    /* 260102 추가 */
    .mAcademics.bnr2 .bnr.on{flex:unset;height:calc(100% - 60px);}
    /* //260102 추가 */
}

@media all and (max-width:768px) {
    .fixed_bg {padding:0 15px;}
    .Loop {padding:0 15px;}
    .reN_2022 header #btn_menu {background-image:url(../../../images/main_reN2023/btn_menu_m.svg)}

    .project .img>a img {width:100vw}
    .project .img {margin-top:65px !important;padding-top:0;}

    .project {display:flex;flex-direction: column;flex-wrap: wrap;}
    .project .img:nth-child(1) {order:3}
    .project .img:nth-child(2) {order:1}
    .project .img:nth-child(3) {order:2}

    .reN_2022 footer .footer .f_info address {width: 60%;height: 37px;background: url(../../../images/main_reN2023/address_m.svg) no-repeat;}
    .reN_2022 footer .footer .f_info address br {display: none;}
    .reN_2022 footer .footer .f_info .contact {width: 40%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(1) {width: 60%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(2) {width: 40%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(3) {width: 60%;}


    .mMain .contInner .tit{font-size:44px;line-height:54px;}
    .mAcademics .bnr .acc_btn{background-size:20px auto;}
    .mAcademics .bnr .acc_btn .txt{padding-left:54px;font-size:16px;}
    .mAcademics .bnr .cont .txtWrap{bottom:40px;}
    .mAcademics .bnr .cont .txtWrap .txt{font-size:20px;margin-bottom:20px;}
    .mAcademics .bnr .cont .txtWrap .tit{font-size:44px;line-height:54px;padding:0;}
    .mAcademics .bnr .cont .txtWrap .arr_btn{position:relative;margin-top:20px;right:auto;left:0;display:inline-block;}
}

@media all and (max-width:600px) {
    .main_popArea .popInner .main_pop img {width:350px}
    .main_popArea .popInner .pop_button {width:20px;height:20px;background-size:20px auto;margin-left:10px;}
}

@media all and (max-width:430px) {
    .main_popArea .popInner .main_pop img {width:250px}

    .mMain .contInner .tit{font-size:48px;line-height:58px;}    
    .mAcademics .bnr.on .cont .txtWrap .txt{font-size:20px;}
    .mAcademics .bnr .cont .txtWrap .tit{font-size:48px;line-height:58px;}

    
    .subMain_wrap2 .logo{height:50px;}
    .subMain_wrap2 .logo p{top:12px;}
    .mMain .contInner{height:calc(100svh - 250px);top:0;bottom:auto;display:flex;align-items:end;} 
    .mMain .contInner .tit{font-size:34px;line-height:44px;padding-bottom:0;padding-top:6svh;}    
    .mAcademics{padding-top:100px;height:100svh;}
    .mAcademics .index_open{height:calc(100svh - 100px);}
    .mAcademics .bnr{height:50px;}
    .mAcademics .bnr .acc_btn{height:50px;}
    .mAcademics .bnr .cont .txtWrap .tit{font-size:34px;line-height:44px;}
    .mAcademics .bnr.on .cont .txtWrap .arr_btn{width:42px;height:42px;margin-top:15px;}
    .mAcademics .bnr.on{height:calc(100% - 100px);align-items:end;}
    .mAcademics .bnr.on .acc_btn{height:0;}
    .mAcademics .bnr.on .cont{height:calc(100% - 50px);}
    .mAcademics .bnr .cont .txtWrap{bottom:0;padding-bottom:2svh;box-sizing:border-box;}
    .mAcademics .bnr.on .cont .txtWrap .txt{font-size:14px;line-height:150%;margin-bottom:15px;}
}
@media all and (max-width:390px){
    
}


/* Animation */
.Loop section {opacity: 0;transition:1s all;transition-delay: 1.2s;}
.startAni .Loop section {opacity: 1;}
/* .fixed_bg p {opacity: 0;transition:.5s all;transition-delay: 1s;}
.startAni .fixed_bg p {opacity: 1;transform: translateX(0);} */
.fixed_bg p span {filter:blur(25px);opacity: 0;}
.startAni .fixed_bg p span {transform: rotateX(0deg);filter:blur(0px);opacity: 1;}
.startAni .fixed_bg p span:nth-child(1) {transition-delay: 0;}
.startAni .fixed_bg p span:nth-child(2) {transition-delay: 25ms;}
.startAni .fixed_bg p span:nth-child(3) {transition-delay: .05s;}
.startAni .fixed_bg p span:nth-child(4) {transition-delay: 75ms;}
.startAni .fixed_bg p span:nth-child(5) {transition-delay: .1s;}
.startAni .fixed_bg p span:nth-child(6) {transition-delay: .125s;}
.startAni .fixed_bg p span:nth-child(7) {transition-delay: .15s;}
.startAni .fixed_bg p span:nth-child(8) {transition-delay: .175s;}
.startAni .fixed_bg p span:nth-child(9) {transition-delay: .2s;}
.startAni .fixed_bg p span:nth-child(10) {transition-delay: .225s;}

.Loop section:nth-of-type(3) .project {opacity: 0;}
.Loop.visible section:nth-of-type(3) .project {opacity: 1;}




.subMain {max-width:1920px;margin:0 auto;}
.subMain_wrap * {font-family:'Pretendard',sans-serif !important;}
.subMain_wrap {position:fixed;left:0;top:0;width:100%;height:100vh  ;background:url(../../../images/main_reN2022/award_bg.jpg) no-repeat;background-size:cover;z-index: 9999;}
.subMain_wrap .logo {padding-left:70px;padding-top:70px;color:#fff;font-size:0;}
.subMain_wrap .logo p {display:inline-block;margin-left:10px;vertical-align: top;color:#fff;font-size:22px;font-family: 'Roboto', sans-serif !important;font-weight: 700;}
.subMain_wrap .logo p span {font-weight: 400;}
.subMain_wrap .logo img {display:inline-block;vertical-align:top;}
.subMain_wrap .award_list {position:relative;margin-top:220px;margin-left:70px;z-index: 2;}
.subMain_wrap .award_list .listArea {margin-left:80px;}
.subMain_wrap .award_list .listArea ul {position:relative;top:-5px;}
.subMain_wrap .award_list .listArea ul>li:first-child>a {color:#ffd98f}
.subMain_wrap .award_list .listArea ul>li.on {margin-top:75px;height:100px;}
.subMain_wrap .award_list .listArea ul>li>a {display:inline-block;font-size:0;font-size:50px;color:#fff;font-weight:100;transition:.5s all;transform-origin: left center;}
.subMain_wrap .award_list .listArea ul>li.on>a {font-weight:700;transform:scale(2.1)}
.subMain_wrap .award_list .listArea ul>li {height:20%;margin-top:30px;}
.subMain_wrap .award_img {position:absolute;right:0;top:0;width:1060px;height:100vh;z-index: 1;transition:.1s all;}
.subMain_wrap .award_img>div {position:absolute;right:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;opacity:0;transition:1s all;}
.subMain_wrap .award_img>div .linkArea {display:none;position:absolute;right:60px;bottom:60px;font-size:32px;font-weight:700;padding-right:90px;background:url(../../../images/main_reN2022/siteLink_arrR.png) no-repeat right 0 bottom 5px;color:#fff;z-index: 99;}
.subMain_wrap .award_img>div.on {opacity:1;}
.subMain_wrap .award_img>div.on .linkArea {display:block;}
.subMain_wrap .dot {position:absolute;left:0;top:0;height:100%;width:1px;background:rgba(255,255,255,0.4);}
.subMain_wrap .dot .active-dot {position:absolute;top:-10px;left:-1.5px;width:3px;height:20%;background:#fc2c39;border-radius:5px;transition:.3s all;}
.subMain.reN_2022:before {display:none;animation:none !important;}
.subMain.reN_2022 footer {background:#000;}
.subMain footer .footer .f_info address {color:#fff;}
.subMain footer .footer .f_info .contact>span {color:#fff;}
.subMain footer .footer .f_info2 .link>a {color:#fff;}
.subMain footer .footer .f_info2 .link>a:before {background:#fff;}
.subMain footer .footer .f_info2 .copyR {color:#fff;}
.subMain .mobile_inner {display:none;}
.subMain .btnClose {display:block;position:absolute;right:85px;top:70px;width:28px;height:28px;background:url(../../../images/main_reN2023/btn_close.png) no-repeat center;z-index: 9999;}
.subMain .mobile_inner .item#slickSlide00 .txtArea .tit {color:#ffd98f}
@media all and (max-width:1400px) {
    .subMain_wrap .award_img {width:800px;}
}


@media all and (max-width:1300px) {
    .subMain_wrap .award_list .listArea {margin-left:40px;}
    .subMain_wrap .award_img {width:600px;}
    .subMain_wrap .award_list .listArea ul>li.on>a {transform: scale(1.8);}
    .subMain_wrap .award_img>div .linkArea {right:30px;font-size:25px;}
    .subMain_wrap .award_list {margin-left:50px;}
    .subMain_wrap .logo {padding-left:50px;}

    .subMain .btnClose {top:50px;right:50px;}
}

@media all and (max-width:1200px) {
    .subMain_wrap .award_img {width:480px;}
    .subMain_wrap .award_img>div .linkArea {padding-right:75px;}
}

@media all and (max-width:1041px) {
    .subMain_wrap .logo {position:relative;padding-left:30px;padding-top:20px;z-index:5}
    .subMain_wrap {height:100%;}
    .subMain_wrap .award_img {width:100%;height:400px;}
    .subMain_wrap .award_img>div {background-position:top 20% left 50%;}
    .subMain_wrap .award_list .listArea ul>li>a {font-size:30px;}
    .subMain_wrap .award_list .listArea ul>li.on {height:40px;}
    .subMain_wrap .award_list .listArea ul>li.on {margin-top:35px;}
    .subMain_wrap .award_list {margin-top:425px;}
    .subMain_wrap .award_list {margin-left:30px;}
    .subMain_wrap .award_img>div .linkArea {right:30px;bottom:30px;}
}

@media all and (max-width:767px) {
    .subMain_wrap .inner {display:none;}
    .subMain .mobile_inner {position:relative;display:block;}
    .subMain .mobile_inner .item {position:relative;width:100%;height:calc(var(--vh, 1vh) * 100);;background-repeat:no-repeat;background-size:cover;}
    .subMain .mobile_inner .item .txtArea {position:absolute;left:0;bottom:0;width:100%;padding:0 25px;padding-bottom:80px;}
    .subMain .mobile_inner .item .txtArea .tit {font-size:60px;color:#fff;font-weight:700;line-height:70px;}
    .subMain .mobile_inner .item .txtArea .txt {margin-top:30px;font-size:18px;color:#fff;font-weight:700;}
    .subMain .mobile_inner .slick-dots {position:absolute;left:30px;bottom:50px;top:auto;width:180px;height:1px;background:rgba(255,255,255,0.4);font-size:0;}
    .subMain .mobile_inner .slick-dots li {width:20%;}
    .subMain .mobile_inner .slick-dots li.slick-active button {width:100%;height:3px;background:#fc2c39;border-radius:5px;transition:.3s all;margin-top:-1.5px;}
    .subMain .mobile_inner .slick-dots button {width:100%;height:1px;background:none;border-radius:5px;transition:.3s all;margin-right:0;border:none;}
    
    .subMain .subMain_wrap .logo {position:absolute;padding-left:25px;}
    .subMain_wrap {height:auto;}
    .subMain_wrap .logo img {height:21px;}
    .subMain_wrap .logo p {margin-left:7px;font-size:18px;}

    
    .subMain .btnClose {top:20px;right:20px;} 
}


@media all and (max-width:430px) {
    .subMain .mobile_inner .item .txtArea .tit {font-size:50px;line-height:60px;}
    .subMain .mobile_inner .item .txtArea .txt {margin-top:20px;}
}