@media screen and (max-width:1639px) {
    .section:not(#portfolio) .sec-title {padding-left: 5rem;}
    .partner_list {margin-left: 5rem;}
    .swiper-story {margin-left: 5rem;}
    .partner_list>li:not(:nth-child(8n-7)) {border-left: 1px solid #E8E8E8;}
    .partner_list>li:not(:nth-child(n+1):nth-child(-n+8)) {border-top: 1px solid #E8E8E8;}
}

@media screen and (max-width:1520px) {
    .section-main>.inner {padding-left: 5rem;padding-right: 5rem;}
    .main-title {font-size: 9.21vw;}
    .main-title__navy {font-size: 8.55vw;}
}

@media screen and (max-width:1440px) {
    /* footer */
    .section-footer {padding: 0 5rem;}
}

@media screen and (max-width:1400px) {
    /* Portfolio */
    .portfolio-view-list {width: calc((100% - 7.2rem) / 3);}
}

@media screen and (max-width:1230px) {
    .arrow_box02 {display: none;}
}

@media screen and (max-width:1200px) {
    .section-portfolio .sec-title, .section-portfolio .sec-text {margin-left: 5rem;}
    .portfolio-category>ul {width: calc(100% - 2rem);}
    .btn_recruit {width: 10vw;}
}


@media screen and (max-width:1024px) {
    body {width: 100%;}
    .br_t {display: block;}

    /* header */
    #header {width: 100%;height: 5rem;padding: 1rem 1rem 0 2rem;align-items: flex-start; background: #fff;z-index: 99;}
    .header-logo .img_pc {display: none!important;}
    .header-logo .img_m {display: block!important;width: 5rem;margin-top: 0.3rem;}
    #header nav {width: 100%;background: #fff;position: absolute;top: 5rem;left: 0;box-shadow: 0px 5px 10px -5px rgba(0,0,0,.2);/* padding-bottom: 1rem; */}
    .nav-menu>li {writing-mode: initial;transform: rotate(0);width: 100%;padding: 1rem 0;}
    .nav-menu>li>a {display: block;width: 100%;height: 100%;}
    .nav-menu__bot {padding-bottom: 1rem;}
    .nav-btn {position: fixed;top: 1rem;right: 1rem;padding: 0;}
    .nav-btn img {width: 3rem;height: 3rem;}
    .btn-scroll {display: none;}
    .container {width: 100%;margin-left: 0;}
    .sec-title {font-size: 5rem;padding: 0 2rem;}
    .section>.inner {padding: 0 2rem;}

    /* Main */
    .section-main>.inner {padding: 14rem 5rem 9rem;}

    .main-award_wrap {position: relative;height: 4rem;cursor: pointer; 
        width: 100vw;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        -khtml-user-select: none;
        user-select:none;
        overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;}
    .main-award_wrap::-webkit-scrollbar {display: none;}

    .main-award_flow {display: flex;width: auto;position: absolute;top: 0;left: 0; height: 100%;}
    .main-award.clone {display: flex;}
    .main-award {flex-wrap: nowrap;flex-shrink: 0;}
    .main-award>ul {flex-wrap: nowrap;flex-shrink: 0;margin-right: 2rem;}
    .main-award>ul>li {margin: 0 .5rem;}
    .main-award>ul::before {top: -.7rem;}

    .section:not(#portfolio) .sec-title {padding-left: 2rem;}

    /* Portfolio */
    .portfolio-category>ul {width: 100%;}
    .portfolio-view-list {width: calc((100% - 4.8rem) / 2);}
    .section-portfolio .sec-title, .section-portfolio .sec-text {margin-left: 0;}
    .section-portfolio .sec-title {padding: 0;}

    /* Awards */
    .section-awards {padding: 6rem 0 3rem;}
    .text_circle,
    .swiper-awards .swiper-controller {display: none;}
    .swiper-awards .swiper-wrapper {transform: translate3d(0,0,0)!important;}
   
    .awards-category {position: relative;display: block;width: 100%;height: 2.3rem;margin: 3rem 0;}
    .category-inner {overflow-x: auto; position: absolute; top:0; width: 100%; height: 100%;}
    .category-slide {display: flex;width: fit-content;position: absolute;left: 0;top: 0;}
    .category-slide li {position: relative;padding: 0 2rem;transition: all .2s;}
    .category-slide>li:not(:last-child)::after {content:'';display: block;width: 1px;height: 1rem;background: #D9D9D9;position: absolute;top: .5rem;right: 0;}
    .category-slide>li:first-child {padding-left: 0;}
    .category_svg {fill: none;}
    .category_svg>text { font-family:'Montserrat';stroke: #999;font-size: 2.6rem;font-weight: 700;}
    .category-slide>li.on .category_svg {fill: #53B6E4;}
    .category-slide>li.on .category_svg>text {stroke: none;}

    .awards-container {padding: 0;overflow: visible;}
    .awards-container .swiper-wrapper {flex-direction: column;margin-left: 0;}
    .awards-container .swiper-slide {width: 100%!important;min-height: 16.1rem;height: auto;border: 1px solid #ddd;border-radius: 2rem;}
    .awards-container .swiper-slide:not(.swiper-slide-active),
    .awards-container .swiper-slide-active {max-width: 100%;}
    .awards-container .swiper-slide+.swiper-slide {margin-top: 1rem;}
    .awards-container .swiper-slide-active {align-items: initial;justify-content: initial;}

    .swiper-slide-active .award-bg {opacity: 0;}
    .swiper-slide-active .award-title {text-shadow: none;color: #000;}
    .swiper-slide-active .award-name {color: #777;} 
    .swiper-slide-active .award-mark {width: 4rem;height: 4rem;border-radius: 0;overflow: visible; transition: none;}
    .swiper-slide-active .award-mark.aa,
    .swiper-slide-active .award-mark.wa,
    .swiper-slide-active .award-mark.ieco {background: transparent;}
    .swiper-slide-active .award-year_wa {color: #D22127;}
    .swiper-slide-active .award-year_aa {color: #36469D;}
    .swiper-slide-active .award-year_ieco {color: #37AD5A;}
    .swiper-slide-active .award-con {border-top: 0;padding-left: 2rem;filter: none;}
    .swiper-slide-active .award-con>* {text-align: initial;}

    .awards-container .swiper-slide:hover {height: 30rem;text-align: center;border: 0;border-radius: 6rem 2rem;filter: drop-shadow(2px 7px 12px rgba(0, 0, 0, 0.25));transition: all .3s;}
    .awards-container .swiper-slide:hover .award-mark {width: 4rem;height: 4rem;border-radius: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;margin: 8rem auto 3rem;}
    .awards-container .swiper-slide:hover .award-mark.wa {background: #D22127;}
    .awards-container .swiper-slide:hover .award-mark.aa {background: #36469D;}
    .awards-container .swiper-slide:hover .award-mark.ieco {background: #37AD5A;}
    .awards-container .swiper-slide:hover .award-mark.if {border-radius: 0;width: 6rem;height: 6rem;}
    .awards-container .swiper-slide:hover .award-mark.if>img {width: 6rem;}
    .awards-container .swiper-slide:hover .award-con {padding-top: 0;padding-left: 0.5rem;padding-right: 0.5rem;color: #fff;filter: drop-shadow(2px 2px 30px #000);}
    .awards-container .swiper-slide:hover .award-year,
    .awards-container .swiper-slide:hover .award-name {color: #fff;text-align: center;}
    .awards-container .swiper-slide:hover .award-title {font-size: 1.8rem;text-shadow: 0px .2rem .2rem rgba(0, 0, 0, 0.25);line-height: 1;margin: 1rem 0 1.6rem;color: #fff;text-align: center;}
    .awards-container .swiper-slide:hover .award-bg {width: 100%;height: 100%;opacity: 1;transition: opacity .2s;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);}
    .award-mark {margin: 2rem 0 0 2rem;}
    .award-mark>img {width: 3.4rem;}
    .award-mark.if>img {width: 5.4rem;}
    .award-con {padding: 2rem;border-top: 0;}
    .award-year {font-size: 1.4rem;}
    .award-title {font-size: 2rem;line-height: 2.6rem; /* margin: 0 0 .5rem; */}
    .award-title br {display: none;}
    .award-name {font-size: 1.2rem;}
    .awards-container .swiper-slide:not(.swiper-slide-active) .award-mark {padding-top: 0;padding-left: 0;}
    .awards-container .swiper-slide-active {width: 100%;filter: none;}

    /* Partner */
    .section-partner {padding: 7.2rem 0 8rem;min-height: 144.3rem;}
    .partner_list {margin-top: 3rem;margin-left: 0;}
    .partner_list>li {width: calc(100% / 4);}
    .partner_list>li:not(:nth-child(4n-3)) {border-left: 0;} 
    .partner_list>li:not(:nth-child(n+1):nth-child(-n+4)) {border-top: 0;}
    .partner_list>li .img_m {transform: scale(.6);}

    /* Story */
    .swiper-story {margin-left: 2rem;}
    .story-controller {right: 2rem;}

    /* Footer */
    .section-footer {transform: translateY(-12rem);padding: 0;}
    .footer-content>.inner {padding: 6rem 2rem 4rem;}
    .footer-title {font-size: 4.6rem;letter-spacing: -.184rem;}
    .footer-title_small {font-size: 2rem;padding: 0 1.2rem;margin-bottom: 2rem;}
    .footer-title_small::before, .footer-title_small::after {width: 0.9rem;height: 1.2rem;background-repeat: no-repeat;}
    .footer-title_small::after {bottom: 0;}
    .footer-title_big {font-size: 4.6rem;letter-spacing: -.184rem;line-height: 6rem;}
    .footer-title_change,
    .typing-letters {height: 6rem;}
    .typing-letters_inner {letter-spacing: 0;}
    .active .typing-letters {animation: animatetotopM 2s steps(2) infinite alternate;animation-delay: 3s;}
    .active .typing-letters_inner00:after {animation: animatetoright01M 2s steps(6) 1 forwards;}
    .active .typing-letters_inner01:after {animation: animatetoright02M 2s 1s steps(4) infinite alternate;}
    .active .typing-letters_inner02:after {animation: animatetoright02_1M 2s 3s steps(6) infinite alternate;}

    /* 지우고 쓰기 */
    @keyframes animatetoright01M {
        0% {left: 112%;}
        50% {left: 112%;}
        100% {left: 0%;}
    }

    /* 쓰고 지우기 */
    @keyframes animatetoright02M {
        0% {left: 0;}
        50% {left: 0;}
        80% {left: 112%;}
        100% {left: 112%;}
    }

    @keyframes animatetoright02_1M {
        0% {left: 0;}
        50% {left: 0;}
        85% {left: 112%;}
        100% {left: 112%;}
      }

    @keyframes animatetotopM {
        0% {transform: translateY(0);}
        100% {transform: translateY(-12rem);}
    }

    .footer-subtxt {font-size: 1.4rem;margin-top: 2rem;}
    .footer-btn_wrap {display: block;margin-top: 4.2rem;}
    .footer-btn:first-of-type {margin-right: 0;}
    .footer-btn {line-height: 5rem;}
    .footer-btn+.footer-btn {margin-top: 1rem;}
    .btn_border {font-size: 1.4rem;}
    .btn_border>i {width: 1.2rem;height: 1.2rem;}
    .arrow_wrap {top: 4.7rem;right: 2rem;}
    .arrow_box02 {display: none;}
    .arrow_box01 {width: 11.3rem;height: 11.3rem;}
    .arrow_box01 .arr01 {opacity: 1;}
    .arrow_box01 .arr>img {width: 4.1rem;height: 4.1rem;}
    .footer-info {padding: 4rem 2rem;font-size: 1.2rem; /* transform: translateY(-22rem); */}
    .footer-info>.inner {display: block;}
    .footer-info>.inner>div+div {margin-top: 2rem;}
    .footer-con {display: flex;}
    .footer_tit {width: 6rem;margin-right: 2rem;margin-bottom: 0;}
    .footer_con {margin-right: 0;}
    .footer-sns .footer_con {width: 9rem;}
    .footer-sns .footer_con a:nth-child(1) img {width: 1.7rem;}
    .footer-sns .footer_con a:nth-child(2) img {width: 0.7rem;}
    .footer-sns .footer_con a:nth-child(3) img {width: 1rem;}
    .btn_recruit {width: 100%;height: 4rem;font-size: 1.1rem;margin-top: 3rem;}
    .footer-copyright {font-size: 1.2rem;margin-top: 3rem!important;}
}

@media screen and (max-width:767px) {
    .br_pc {display: none;}
    .br_m {display: block;}
    #btn_top.on {display: block;}

    /* Main */
    .section-main>.inner {padding: 8rem 0 10rem;}
    .main-title {padding: 0 4rem;}
    .main-title01 {font-size: 7rem;line-height: 1;}
    .main-title01>strong {display: block;}
    .main-title02 {font-size: 3.4rem;margin-top: 1rem;}

    .main-award-tit {padding-left: 4rem;}
    .main-award_wrap {height: 3.8rem;}
    .main-award_flow {left: 4rem;}
    .main-award>ul {margin: 0.7rem 0;}
    .main-award>ul::before {width: 3.8rem;height: 3.8rem;}
    .main-award>ul>li {font-size: 1.6rem;letter-spacing: -.128rem;line-height: 2.4rem;}

    .main-year {padding: 0 4rem;}
    .main-mov_wrap {flex-direction: column;}
    .mov-line {display: none;}
    .digits {height: 12rem;}
    .digit {max-width: 6.8rem;}
    .digit p {font-size: 11rem;letter-spacing: -.33rem;line-height: 11rem;}
    .mov-text_wrap {position: relative;width: 100%;height: 5.2rem;}
    .mov-text {font-size: 1.6rem;letter-spacing: -.128rem;line-height: 2.6rem;bottom: initial;top: 0;}
    .mov-text>strong::before {bottom: .2rem;}
    .mov-year_wrap {padding-bottom: 0;}
    .mov-year {overflow: hidden;}

    /* Portfolio */
    .section-portfolio {padding: 6.7rem 0 8.2rem;}
    .section-portfolio .sec-title, .section-portfolio .sec-text {margin-left: 0;padding: 0;}

    .portfolio-category {position: relative;}
    .portfolio-category .mb-menu {display: block;border: 1px solid #53B6E4;background: #fff;width: 100%;line-height: 4.4rem;margin: 4rem auto 2rem;border-radius: 5rem;font-family: 'Montserrat';font-size: 1.2rem;font-weight: 700;color: #53B6E4;text-align: left;padding-left: 2rem;position: relative;z-index: 2;}
    .portfolio-category .mb-menu_arrow {content:'';display: block;width: 0;height: 0;border-left: .45rem solid transparent;border-right: .45rem solid transparent;border-top: .45rem solid #53B6E4;position: absolute;top: 2rem;right: 2.5rem;}
    .portfolio-category>ul {flex-direction:column;justify-content: initial;width: 100%;max-height: 0;height: 0;overflow: hidden;transition: max-height .6s ease;border-radius: 0;margin: 0 0 2rem;background: #fff;border-radius: 2rem;position: absolute;left: 0;top: 4.6rem;z-index: 1;border: 0;}
    .portfolio-category>ul.open  {max-height: 30.8rem;height: auto;padding: 1rem 0;box-shadow: .3rem .3rem 1.2rem rgba(0, 0, 0, 0.25);}
    .portfolio-category>ul li {width: 100%;line-height: 2.5;font-size: 1.2rem;text-align: left;padding: 0 2rem;}
    .portfolio-category>ul.open li.on::after {transform: rotate(180deg);}
    .portfolio-category>ul li.on {border: 0;line-height: 2.5;}

    .portfolio-view-list {width: 100%;margin: 0 0 2rem;}
    .list-img {height: 39rem;}
    .list-box {padding: 2rem 1rem;min-height: auto;}
    .list_category_tag>li {font-size: 1rem;padding: 0 .8rem;line-height: 1.8rem;}
    .list_title {font-size: 2rem;margin: .9rem 0 .8rem;}
    .list_name {font-size: 1.4rem;}
    .btn-viewmore {margin: 2rem auto 0;}
    .btn-viewmore img {width: 6rem;height: 6rem;}

    /* Awards */
    .section-awards {border-radius: 0;padding: 5.8rem 0 5.4rem;}
    .awards-container .swiper-slide-active {min-width: 100%;}

    /* Partner */
    .section-partner {min-height: 136.3rem;}
    .partner_list>li {width: calc(100% / 3);height: 7rem;}
    .partner_list>li:not(:nth-child(4n-3)) {border-left: 1px solid #E8E8E8;} 
    .partner_list>li:not(:nth-child(n+1):nth-child(-n+4)) {border-top: 1px solid #E8E8E8;}
    .partner_list>li:not(:nth-child(3n-2)) {border-left: 0;}
    .partner_list>li:not(:nth-child(n+1):nth-child(-n+3)) {border-top: 0;}
    .partner_list>li .img_m {transform: scale(.5);}

    /* Story */
    .story_inner {border-radius: 0;padding: 6rem 0;min-height: auto;}
    .swiper-story {margin-top: 3rem;}
    .story-img img {max-width: calc(100vw - 4rem);}
    .story-controller {position: initial;margin-top: 5rem;width: 11rem;}
    .story-pagination {font-size: 1.4rem;}
    .story_btn {width: 1.155rem;height: 1.98rem;background-size: contain;}

    /* footer */
    .footer-title_small {margin-bottom: 0;}
    .footer-title_big>span {float: none;display: inline-block;}
    .footer-title_change {margin-left: 0;transform: translateY(1.5rem);overflow: hidden;}
    .footer-title_big>span:first-of-type {transform: translateY(1.5rem);}
    .active .mov_span {margin-left: -3rem;position: relative;z-index: 1;animation: movSpan 4s infinite;}

    @keyframes movSpan {
        0% {transform: translateX(0);}
        40% {transform: translateX(0);}
        50% {transform: translateX(-8rem);}
        90% {transform: translateX(-8rem);}
    }


}

/* 세로모드 */
@media screen and (max-height:640px) and (orientation:portrait) {
    .section-main {height: auto;}
}

/* 가로모드 */
@media screen and (max-height:800px) and (orientation:landscape) {
    .section-main {height: auto;}
    .main-year {margin-top: 4rem;}
}