/*공통*/
.flex{display:flex;}
.sb{justify-content: space-between;}
.ac{align-items: center; }
.fe{align-items: flex-end;}
.jc{justify-content: center;}
.sub-content .wrap{padding:8rem 8rem 13rem 8rem;}
.img-box{display:block; position:relative;  background-position:center !important; background-size:cover !important; overflow:hidden;}
.img-box::before{content:"";display:block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #fff;border-left: 2rem solid #fff;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}
.sub-cont-title{font-family: "CodecCold"; font-weight:900; font-size:8rem; line-height:1;  letter-spacing:-2px;}
.detail-container .swiper-detail-contents .swiper-wrapper{ align-items: center;}

/*sub-top-area*/
.sub-top-area{ color:#fff; height:70rem; display: flex; align-items: flex-end; position:relative;}
#container.brand .sub-top-area, .introduce .sub-top-area{height:100vh;}

#container.brand{background:#0c0c0c; position:relative;}
.sub-top-video {display: block;position: absolute;width: 100%;/* min-height:720px; */height: 100%;z-index:0;overflow:hidden;}
.sub-top-video video, .sub-top-video img {height: 100%;left: 50%;-o-object-fit: cover;object-fit: cover;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;opacity: 0.8;}
#container.brand .sub-top-area:after {content: '';position: absolute;bottom: 0;height: 250px;width: 100%;background: linear-gradient(0deg, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 0) 100%);z-index: 0;}
#container.brand .sub-top-area .wrap{margin-bottom:30rem;}

.sub-top-area .wrap{padding:8rem;position:relative; z-index:2;}
.sub-top-area.detail {height:108rem; background-size:cover !important; position:relative;}
.sub-top-area.detail:after {content:""; width:100%; height:100%; display:block; background: rgba(0,0,0,0.5); position:absolute; top:0px; left:0px;}
.sub-top-title{font-family: "CodecCold"; font-weight:900; font-size:8rem; line-height:1; letter-spacing:-2px;}
.sub-top-text {margin-top:4rem; font-size:2rem; font-weight:300;}
.sub-top-text .bold {font-weight:700;}
.breadcrumbs{margin-top:4rem;display: flex;align-items: center; gap:1rem;}
.breadcrumbs .home-link{background:url(/img/sub/icon_home.png)no-repeat center; width:1.6rem; height:1.8rem; margin-right:2.8rem;}
.breadcrumbs span{position:relative;display: flex;align-items: center; line-height:18px;}
.breadcrumbs a::after, .breadcrumbs span::after{content:">";font-size:1.3rem;display: block;margin-left: 0.5rem;font-family: 'SUIT'; padding-left:.8rem;}
.breadcrumbs span:last-child::after{display:none;}
.breadcrumbs a::after {padding-left:2.6rem}
.breadcrumbs a, .breadcrumbs span{display:flex;align-items: center;}

/*gry-list*/
.gry-list{display: flex; flex-wrap: wrap;  justify-content: flex-start;  margin-left: -8rem;}
.gry-list li{width: calc(100% / 3 - 8rem); margin-bottom: 5.4rem; margin-left:8rem}
.gry-list li:hover .gry-title{color:#282828;}
.gry-list li:hover .gry-sub{opacity:1; }
.gry-list .img-wrap{display:block; position:relative; padding-bottom:100%; background-position:center !important; background-size:cover !important; overflow:hidden;}
.history-item .img-wrap::before, .gry-list .img-wrap::before{content:"";display:block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #fff;border-left: 2rem solid #fff;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}
.history-item .img-wrap, .gry-list li a .img-wrap{display:block; padding-bottom:68.14%; background-position:center !important; background-size:cover !important; overflow:hidden;}
.history-item .img-wrap{padding-bottom:24%;}
.gry-list .gry-title{transition:color 0.5s; letter-spacing: -1.2px; color:rgb(40 40 40 / 50%);font-size:2.1rem;font-weight:700;margin-top: 2.4rem;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.gry-list .gry-sub{transition:opacity 0.5s;color:#666666;font-size:1.5rem;font-weight:300;margin-top: 1rem;opacity:0;word-break:keep-all;width: 95%; min-height: 4.7rem;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.more-view{background:url(/img/sub/icon_more.png)no-repeat center; width:3.6rem; height:3.6rem; margin: 0 auto;}

/* detail*/
#container.detail {padding-top:18rem;}
#container.detail .main-header {color:#ddd;}
#container.detail .main-header .navbar-container .site-map .bar {background:#333; }
#container.detail .main-header .lang-list {color:#333;}
#container.detail .main-header .navbar-container .home-link {background-image:url('/img/common/img_logo_black.jpg');}
#container.detail .main-header .navbar-container .send {background-image:url('/img/common/icon_mail_black.jpg');}
#container.detail .navbar-container .nav-main-menu{color:#333;}
#container.detail .main-header .navbar-container .site-box .bar{background:#333;}
#container.detail .main-header .navbar-container .nav-main-menu.icon:before{background:url('/img/common/icon_gnb_arrow_black.png') no-repeat center / cover;}

.detail-container {margin-bottom:12rem;}
.detail-container.type02 {margin:-32rem 0 12rem;}
.detail-container.type02 .title-area {height:32rem;margin:0 auto;color:#fff;position: relative;z-index: 2;}
.detail-container.type02 .title-area h2{border-top:2px solid #fff;}
.detail-container .title-area {width:60rem; margin:0 auto;}
.detail-container .title-area .date {padding-bottom:1rem; font-size:1.5rem; font-weight:300;}
.detail-container .title-area h2 {padding-top:2rem; font-size:4.0rem; font-weight:700; line-height:1.3; border-top:2px solid #333;}
.detail-container .reporter {margin-top:4rem;}
.detail-container .reporter span {position:relative; display:inline-block; padding-left:2rem; margin-left:2rem;}
.detail-container .reporter span:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:.2rem; height:1.2rem; background:#7e7e7e;}
.detail-container .note-contents {width:60rem; margin:8rem auto 0;}
.detail-container .note-contents .mt3 {margin-top:3rem;}
.detail-container .note-contents img {margin:4.5rem 0 3rem; width:100%;}
.detail-container .note-contents .bold {font-weight:700;}
.detail-container .note-contents.wide {width:180rem; display:flex;}
.detail-container .note-contents.wide .box {margin:0 3rem;}
.detail-container .note-contents.wide p {width:57rem;}
.detail-container .bottom-ctrl {display:flex; align-items:center; justify-content: space-between; margin-top:11rem; padding-top:7rem; border-top:2px solid #333;}
.detail-container .bottom-ctrl button {position:relative; font-size:1.7rem; font-weight:400;}
.detail-container .bottom-ctrl button.prev {padding-left:3rem; color:rgba(0,0,0,.5);}
.detail-container .bottom-ctrl button.next {padding-right:3rem;}
.detail-container .bottom-ctrl button.prev:before {content:""; position:absolute; left:0; top:3px; width:2rem; height:1.5rem; background:url('/img/common/icon_nav_arrow_prev.png') no-repeat center / cover;}
.detail-container .bottom-ctrl button.next:before {content:""; position:absolute; right:0; top:3px; width:2rem; height:1.5rem; background:url('/img/common/icon_nav_arrow.png') no-repeat center / cover;}
.detail-container .bottom-ctrl a {position:relative; display:inline-block; padding:1.7rem 8rem; font-size:1.7rem; font-weight:700; color:#fff; background:#363636;}
.detail-container .bottom-ctrl a:before {content: ""; display: block; width: 0; height: 0; border-bottom: 1rem solid transparent; border-top: 1rem solid #fff; border-left: 1rem solid #fff; border-right: 1rem solid transparent; position: absolute; left: 0; top: 0;}
.swiper-detail-contents {position:relative; width:120rem; margin:5.6rem auto 0;}
.swiper-detail-contents .viewport {width:120rem; margin:0 auto; overflow:hidden;}
.swiper-detail-contents .viewport .swiper-slide img{width:100%;}
.swiper-detail-contents .swiper-button-next,
.swiper-detail-contents .swiper-button-prev {width:7rem; height:7rem; top:50%; transform:translateY(-50%); margin-top:0;}
.swiper-detail-contents .swiper-button-next {right:-4rem; transform:translateY(-50%) rotate(180deg); background:url('/img/sub/btn_swiper.png') no-repeat center / cover;}
.swiper-detail-contents .swiper-button-prev {left:-4rem; background:url('/img/sub/btn_swiper.png') no-repeat center / cover;}

/*introduce*/
.introduce .content-max-width {padding-left:80px;padding-right:80px;max-width:1600px;position: relative;box-sizing: border-box;width: 100%;margin: 0 auto;}
.introduce .slowed-text{max-width:1200px;color: #201313;}
.introduce .section-tit{width:100%;}
.introduce .sub-top-area dl dt{font-size:2.8rem; font-weight:800; display:block; margin:4rem 0 2rem;}
.introduce .sub-top-area dl dd{; font-size:2rem;}
.introduce .sub-top-area dl dd span{display:block;}
.introduce .section{position:relative; z-index:2;}
.introduce .section01{margin:18rem 0;}
.introduce .section01 .section-tit h3{ font-family: "CodecCold"; font-size:8rem; line-height:1; font-weight:900; letter-spacing:-0.05em;}
.introduce .section01 .section-tit p{width:50%; float:right; font-size:1.7rem; margin-top:4rem; text-align:left;}
.introduce .section01 .section-tit p span{display:block;font-weight: 300;}
.introduce .section01 .section-tit p span b{font-weight:700;}
.introduce .section01 .section-tit p span+span{margin-top:3.5rem;}
.introduce .slowed-image .imgVid{width:40rem; top: 0; margin-bottom: 0; -webkit-transform: scale(0.95) translateY(0%);transform: scale(0.95) translateY(0%);}
.introduce .slowed-image{height: 58rem;}
.introduce .slowed-image + .slowed-image{margin-top: -12%;}
.introduce .slowed-image:nth-of-type(1) .imgVid{left: calc(50% - 40px);}
.introduce .slowed-image:nth-of-type(2) .imgVid{left:40px;}
.introduce .slowed-image:nth-of-type(3) .imgVid{right: 0;}
.introduce .slowed-image:nth-of-type(4) .imgVid{right: calc(52%);left: auto;}
.introduce .slowed-image:nth-of-type(5) .imgVid{left: 0;}
.introduce .slowed-image:nth-of-type(6) .imgVid{left: calc(50% + 80px);right: auto;}
.introduce .section02{z-index:1;}
.introduce .section02 .txt{position: fixed; top: 50%; left: 50%;transform: translate(-50%, -50%);filter: blur(10px);display: none;color:#fff;}
.introduce .section02 .txt h3{font-size:15rem;font-weight:800;display: flex;align-items: center;line-height: 1;}
.introduce .section02 .txt h3 div{font-family:'Manrope';}
.introduce .section02 .txt h3 span{font-weight:700;opacity:0.5;font-size:3.6rem;margin-left: 1.5rem;}
.introduce .section02 .txt p{font-size: 2.1rem;font-weight:300;}
.introduce .section02 .txt strong{font-size:3.6rem;font-weight:700;margin-top: 4rem;display: block;margin-bottom: 1rem;}
.introduce .bg-container{position: relative;top: 0;height: 100vh;width: 100%; margin: 0; z-index: 1;text-align: center;}
.introduce .parallax{position: relative;height: 100%;margin: 0;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;max-height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.introduce .section03{margin:20rem 0;}
.introduce .section03 .kr-txt{font-size:5.4rem;font-weight:700;line-height: 1.2;position: sticky;height: 6rem;top: 9rem;}
.introduce .section03 .brand-txt-layout003 dd div+div{margin-top:7.5rem; font-weight:300;}
.introduce .section03 .brand-txt-layout003 dd span{font-weight:700; font-size:1.7rem; opacity:.5; margin-left: -3rem;}
.introduce .section03 .brand-txt-layout003 dd h4{font-size:3.6rem; font-weight:700;}
.introduce .section03 ul li{position: relative;padding-left: 2rem;}
.introduce .section03 ul li::before{content:"";width:1.3rem;height:1.3rem;background:url(/img/common/icon_li.png)no-repeat center / contain;display:block;position: absolute;left: 0;top: 0.7rem;}
.introduce .section04 .img-box{opacity:0;}
.introduce .section04 .txt{font-size:5.4rem; font-weight:300; line-height:1.37; margin-bottom:5rem;}
.introduce .section04 .txt strong{font-weight:800;}
.introduce .section04 .wrap{padding: 20rem 0;margin: 0 16rem;border-top: 1px solid #dddddd;}
.introduce .section05 .wrap{padding:12rem 16rem 20rem; background:#0c0c0c; color:#fff;}
.introduce .section05 .tit h3{ font-family: "CodecCold"; font-size:8rem; line-height:1; font-weight:900;}
.introduce .section05 .tit p{font-size: 2rem;  display: block;  margin-top: 1rem;line-height: 1.6;}
.keg-pf{margin-top: 6.5rem;display: flex;gap: 6rem;}
.keg-pf .downloads{ width: 50%;}
.keg-pf .profile{width: 100%;text-align: left;padding: 8rem 0;}
.keg-pf .profile p{font-size: 2.1rem;font-weight: 300;margin-bottom: 3rem;}
.keg-pf .profile div{  display: flex;  gap: 2rem;}
.keg-pf .profile + .profile{border-top: 1px solid #ffffff30;}
.keg-pf .profile div a{width: 18.5rem;text-align: left; background-image: url(/img/common/icon_down.png);background-repeat: no-repeat;background-position: 90% 50%; text-align: left;}
.keg-pf .img-box::before{ border-top: 2rem solid #0c0c0c;  border-left: 2rem solid #0c0c0c;}
.keg-pf .img-box img{height:100%;max-width: max-content;}

/*exhibition*/
.exhibition .sub-content .wrap{padding:0 17.5rem 15rem;}
.exhibition .sub-top-area{ justify-content: center;  height: 83rem;}
.exhibition .sub-top-area .wrap{text-align: center;margin-bottom: 12rem;}
.exhibition .sub-top-title{}
.exhibition .breadcrumbs{ justify-content: center;}
.ex-list{display: flex; flex-wrap: wrap;  justify-content: flex-start; }
.ex-list li{width: 20.32%;}
.ex-list li:nth-child(3n+2){margin: 0 19.5%; margin-top:13rem;}
.ex-list li:nth-child(3n){margin-top:26rem;}
.ex-list .img-wrap{display:block;position:relative;padding-bottom: 141.5%;background-position:center !important;background-size:cover !important;overflow:hidden;}
.ex-list .img-wrap::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 2rem solid transparent;
    border-top: 2rem solid #fff;
    border-left: 2rem solid #fff;
    border-right: 2rem solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.ex-list .ex-title{font-size:2.1rem; font-weight: 700; margin-top: 1rem; line-height:1.2}
.ex-list .ex-sub{color:#666666; font-size:1.4rem; font-weight: 300; margin-top: 1rem;}

/*exhibition detail*/
.exhibition-detail .main-header.active .navbar-container{backdrop-filter:none;}
.exhibition-detail .detail-container{margin-bottom:0;}
#canvas{width: 100%;height: 100%;display: block;}
#modal-prize{font-size:2.1rem; margin-top:1.5rem; margin-bottom:1.5rem;font-weight:700;}
#modal-title{font-size:4.2rem; margin-bottom:5rem; font-weight:700;word-break: keep-all; line-height:1.1;}
#modal-name{font-size:2.1rem; margin-bottom:2.2rem; font-weight:700;}
.modal-img-wrap, .modal-video-wrap{padding:2rem; display:block;height: auto;}
#modal-img { width: 100%;}
#modal-sub{word-break: keep-all; width:100%;}
#nav-buttons {position: fixed;bottom: 10%;left: calc(50% - 15rem);right: 0;pointer-events: none;width: 30rem;display: flex;justify-content: space-between;}
#nav-buttons button {pointer-events: auto;background: none;border: none;cursor: pointer;min-width: auto;height: 7rem;width: 7rem;padding: 0;border-radius: 50%;}
#nav-buttons img {width: 100%;height: 100%;filter: invert(0.5);}
.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0;width: 100%; height: 100%;overflow: auto; justify-content: center; align-items: center; background: rgba(0, 0, 0, .7);  -webkit-backdrop-filter: blur(12px);  backdrop-filter: blur(12px);}
.modal-wrap{display:flex; height:100%; overflow:auto;     flex-direction: column;}
.modal-txt{width: 100%; padding: 5rem; position:relative;}
.modal-content {font-size:1.5rem; background: #fff;padding: 0;max-width: 960px;position: relative; width:100%; height:100%; }
.modal-close {cursor: pointer;position: absolute;right: 6rem;top: 6rem; width:3.4rem; height:3.4rem; background:url('/img/exhibition/icon_close.png')no-repeat center;z-index:9}
#loading { opacity: 1;transition: opacity 0.8s ease; position: fixed; inset: 0;  display: flex; align-items: center;  justify-content: center; background: #000; z-index: 9999;}
#loading img { width: 10rem;height: 10rem;object-fit: contain;}
#loading.hide { opacity: 0;pointer-events: none;}



/*video*/
#container.video{background:#0c0c0c;}
.video .gallery .wrap{padding: 0 8rem 13rem 8rem;margin-top: -33rem;}
.video .sub-top-area{ justify-content: center; align-items: center; height:108rem;}
.video .sub-top-area .wrap{text-align: center;margin-bottom: 12rem;}
.video .gry-list li a .img-wrap{padding-bottom: 56.8%;}
.video .breadcrumbs{ justify-content: center;}
.video .gry-list .img-wrap::before{border-bottom: 2rem solid transparent;  border-top: 2rem solid #0c0c0c; border-left: 2rem solid #0c0c0c; border-right: 2rem solid transparent;}
.video .gry-list .gry-title, .video .gry-list .gry-sub{color:rgb(255 255 255 / 50%);}
.video .gry-list li:hover .gry-title{color:#fff;}
.video .gry-list li:hover .gry-sub{opacity:1; }
.video .video-wrap{position:relative; width:120rem; height:67.5rem; margin:0 auto; margin-bottom:13rem;}
.video iframe{width:100%; height:100%;}
.more-view-round{color:#0c0c0c;height:7rem;line-height:7rem;width:26rem;background:#fff;border-radius:3.5rem;text-align: center;margin: 0 auto;}
#container.video.detail{background:#fff;}
#container.video.detail .video-wrap{ position: relative; margin: 5.6rem auto 0;}

/*substainable*/
#container.substainable{background:#f8f8f8;}
#container.substainable .sub-content .wrap{padding: 13rem 12rem; font-size:2.1rem;}
#container.substainable .img-box::before{border-top: 2rem solid #f8f8f8;border-left: 2rem solid #f8f8f8;}
#container.substainable .title-mid{font-size:5.4rem; font-weight:700; margin-bottom:3rem; line-height: 1.37; letter-spacing: -2px;}
#container.substainable .title-sm{font-size:3.4rem; font-weight:700; margin-bottom:1rem;}
.substainable01 .article02{ max-width:120rem; width:100%; margin:0 auto; margin-top:20.5rem;}
.substainable01 .article02 .title-wrap {text-align:center; margin-bottom:13rem;}
.substainable01 .article02 .title-wrap em{font-weight:700; margin:4rem 0; display:block;}
.substainable01 .article02 .txt-wrap{width:100%;}
.substainable01 .article02 .img-box{width:100%;}
.substainable01 .article02 .cont-wrap em{font-size:1.5rem; color:rgb(12 12 12 / 50%); margin-bottom:1.5rem;font-weight:700;}
.substainable01 .article02 .cont-wrap{gap:6rem;}
.substainable01 .article02 .cont-wrap li + li{margin-top:12rem;}
.substainable01 .table-wrap{margin-top:7rem;}
.substainable01 .table-wrap table{background:#fff; font-size:1.7rem; margin-top:5rem;}
.substainable01 .table-wrap th{background:#f2f3f5;}
.substainable01 .table-wrap td{font-weight:300;}
.substainable01 .table-wrap td,.substainable01 .table-wrap th{padding:1.5rem 3rem; border:1px solid #dddddd; text-align: left;}
.substainable01 .table-wrap .tail{font-size:1.5rem; margin-top: 2rem;}
.substainable02 .article01 .title-wrap{text-align:center; margin-bottom:8rem;}
.substainable02 .article01 .sub-cont-title{margin-bottom:4rem;}
.substainable02 .article01 .txt-wrap{justify-content: center; gap:17rem; margin-top:10rem;}
.substainable02 .article02{margin-top:20rem;}
.substainable02 .article02 .cont-wrap{display: flex;  flex-wrap: wrap; margin-left: -6rem;}
.substainable02 .article02 .cont-wrap>li{position:relative; width: calc(100% / 2 - 6rem); background: #fff; margin-left: 6rem; margin-bottom: 6rem;padding: 6rem;}
.substainable02 .article02 .cont-wrap>li::before{content:"";display:block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #f8f8f8;border-left: 2rem solid #f8f8f8;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}
.substainable02 .article02 .cont-wrap li em{width:5rem; height:5rem; display:inline-block; margin-right:1.3rem;}
.substainable02 .article02 .cont-wrap li .title-sm{display:flex;align-items: center;}
.substainable02 .article02 .cont-wrap li ul{margin-top:2rem;}
.substainable02 .article02 .cont-wrap li ul li{  position: relative; display: flex; align-items: center;}
.substainable02 .article02 .cont-wrap li ul li::before{content: '';display: block;top: 0;width: 0.5rem;height: 0.5rem;background: #a5a5a5;border-radius: 50%;margin-right: 1rem;}
.substainable02 .article03{color:#fff; padding:16rem 36rem;}
.substainable02 .article03 ul{margin-top:8rem; background-size:cover !important;}
.substainable02 .article03 li{position:relative;padding-left: 3.2rem;}
.substainable02 .article03 li+li{margin-top:5rem;}
.substainable02 .article03 li::before{content:"";background:url('/img/sub/sustainable02_icon_rec.png')no-repeat center;width:2.2rem;height:2.2rem;display:block;position: absolute;top: 1.2rem;left: 0;}
.substainable02 .article03 span{font-size:2.1rem; font-weight:200;}
.substainable02 .article03 p{font-size:2.7rem; font-weight:700;}
.substainable03 .article01{margin-left:-14rem; align-items: flex-end;}
.substainable03 .article01 .sub-cont-title{margin-bottom:3rem;}
.substainable03 .article01 div.flex{gap:8rem;}
.substainable03 .article01 div.flex .img-box:first-child{ margin-top: 7.2rem;}
.substainable03 .article01 .title-wrap{margin-left:14rem;}
.substainable03 .article02{margin-top:20rem;}
.substainable03 .article02 .txt-wrap{justify-content: center; gap: 11rem;margin-top: 10rem;}
.substainable03 .article03{max-width:120rem; width:100%; margin:0 auto; margin-top:15rem;}
.substainable03 .article03 li{display:flex;width: 100%;margin-bottom: 6rem;}
.substainable03 .article03 .txt-wrap{background:#fff;width: 65rem;padding-left: 8rem;display: flex;flex-direction: column;justify-content: center;}
.substainable03 .article03 p{ font-size: 3.2rem; font-weight: 800; margin-bottom: 2rem;}
.substainable03 .article03 span{ font-weight: 200;}

.brand-wrap{display:block;  position:relative; color:#fff;}
.brand-intro{position:relative; z-index:3; margin-top:-36rem;}
.brand-online .brand-intro, .brand-airline .brand-intro, .brand-cook .brand-intro, .brand-design .brand-intro{padding-left:50%;}
.brand-wrap dl dt{display:block;  font-family: "CodecCold"; font-weight:900; font-size:6.0rem; line-height:1.2;  letter-spacing:-2px; margin-bottom:4rem;} 
.brand-wrap dl dt.kr-txt{font-size:5.2rem; line-height:1.4; }
.brand-wrap dl dd{font-weight:300; font-size:2.1rem; line-height:1.6}
.brand-wrap dl dd b{font-weight:800;}

.brand-top-img{display:flex; position:relative;align-items: center;justify-content: center; gap:8rem; margin:20rem 0}
.brand-top-img .top-img-item{display:block; position:relative;}
.brand-top-img .top-img-item:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}
.brand-top-img .top-img-item {width:380px;}
.brand-top-img .top-img-item img{width:100%;}
.brand-design .brand-mid-img{display:block; position:relative; width:1200px; margin:20rem auto;}
.brand-txt-layout002{display:flex;justify-content: center;}
.brand-txt-layout003{display:flex; margin:0 auto; justify-content: center; width:1200px;}
.brand-txt-layout003 dl {display:flex; width:100%; }
.brand-txt-layout003 dl dt, .brand-txt-layout003 dl dd {width:50%;}

.brandDesignSlider .swiper-wrapper{overflow:hidden; position:relative;}
.brandDesignSlider .swiper-wrapper:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;z-index:8}
.brandDesignSlider .img-wrap {display:block; height:50rem; width:100%; background-position:50% !important; background-size:cover !important;}
.brand-mid-img .tit-slider-nav{position:absolute; left:0%; top:50%; margin-top:-27px; z-index:8; width:100%;}
.brand-mid-img .tit-slider-nav .arrow-prev{left:-27px; position:absolute;}
.brand-mid-img .tit-slider-nav .arrow-next{right:-27px; position:absolute;}

.brand-footer{margin:20rem -8rem;}
.brand-footer-video{display:block; width:100%; height:70rem; position:relative; margin-bottom:10rem;}
.brand-footer-video:after {content: '';position: absolute;bottom: 0;height: 250px;width: 100%;background: linear-gradient(0deg, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 0) 100%);z-index:0;	}
.brand-footer-video:before {content: '';position: absolute;top: 0;height: 250px;width: 100%;background: linear-gradient(180deg, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 0) 100%);z-index:1;	}
.brand-footer-video video, .brand-footer-video img {height: 100%;left: 50%;-o-object-fit: cover;object-fit: cover;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;opacity: 0.8;mix-blend-mode: screen;}

.brand-footer-txt {display:flex; justify-content: space-between;align-items: center; width:100%; padding:0 8rem;}
.brand-footer dl dt.kr-txt{font-size: 4.8rem; line-height: 1.4;}
.brand-footer dl dd{display:block; margin-bottom:20px;}
.brand-footer-intro a{position: relative;display: inline-block;padding: 1.5rem 8rem 1.5rem 3rem;font-size: 1.7rem;font-weight: 700;color: #363636;background: #fff;}
.brand-footer-intro a:before {content: "";display: block;width: 0;height: 0;border-bottom: 1rem solid transparent;border-top: 1rem solid #0c0c0c;border-left: 1rem solid #0c0c0c;border-right: 1rem solid transparent;position: absolute;left: 0;top: 0;}
.brand-footer-intro a.icon:after {content: "";display: block;width: 12px;height: 12px;position: absolute;background: url(/img/common/gnb-blink-icon-bk.png) no-repeat left center / auto 100%;right: 3rem;top: 20px;}
.brand-footer-name h3 {font-size:4.2rem; line-height:1.4; font-weight:200; letter-spacing:-0.05em;}
.brand-footer-line {display:flex; padding:0 5rem; width:20%; }
.brand-footer-line span{display:block; width:100%; height:2px; background:#fff;}
.brand-footer-intro, .brand-footer-name {width:40%;}

.brand-game .brand-intro{padding-left:50%; position:relative;}
.brand-game .brand-txt-layout002{margin:20rem 0;}
.brand-game-topSlider{position:absolute; bottom:0px; width:1200px; left:50%; margin-left:-1280px; overflow:hidden;}
.brand-game-topSlider .top-img-item:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;z-index:8}
.brand-game-topSlider .top-img-item {position:relative;}
.brand-game .brand-mid-img{display:block; position:relative; width:1200px; margin:20rem auto;}

.brand-beauty .brand-top-img{margin-top:-40rem;gap:14rem;}
.brand-beauty .brand-top-img div.top-img-item:nth-child(2){margin-top:20rem;}
.brand-beauty .brand-top-img div.top-img-item:before{display:none;}
.brand-hor-flex{width:1600px; margin:20rem auto;}
.brand-hor-flex-item {display:flex; position:relative;}
.brand-hor-flex-item + div{margin-top:20rem;}
.brand-hor-flex .beauty-hor001{ padding-left:50%;}
.beauty-hor001-img{display:block; position:absolute; left:50%; margin-left:-1070px; top:0px; width:990px;}
.beauty-hor001-img video{width:100%;}
.beauty-hor002{width:1200px; margin:0 auto;}
.beauty-hor002-img{position:absolute; left:50%; display:flex; gap:12rem;}
.beauty-hor002-img .top-img-item{width:380px; position:relative;}
.beauty-hor002-img .top-img-item:nth-child(2){margin-top:10rem;}
.beauty-hor002-img .top-img-item:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}

.brand-beauty .brand-mid-img{display:block; position:relative; width:1200px; margin:20rem auto;}
.brand-ai .brand-hor-flex .beauty-hor001 dl {padding-top:7rem;}
.brand-ai .brand-hor-flex{margin-top:-30rem;}
.brand-ai .brand-hor-flex .beauty-hor002{width:1600px;}
.brand-ai .brand-hor-flex .beauty-hor002{margin-bottom:20rem;}
.brand-ai .brand-hor-flex .beauty-hor002-img{width:990px; top:15rem;}
.brand-ai .brand-hor-flex .beauty-hor002-img video{width:100%}
.brand-ai .brand-hor-flex .beauty-hor003{width:1600px;}
.brand-ai .brand-hor-flex .beauty-hor003{margin-bottom:20rem;}
.brand-ai .brand-hor-flex .beauty-hor003-img{display:block; position:absolute; left:50%;  top:0px; width:990px;}
.brand-ai .brand-hor-flex .beauty-hor003-img video{width:100%}

.brand-cook .brand-top-img{display:block; position:absolute; left:50%; margin-left:-600px;}
.brand-cook .brand-intro-img{display:block; margin:10rem 0; position:relative;}
.brand-cook .brand-intro-img:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}
.brand-cook .brand-top-img .top-img-item:before {display:none;}
.brand-cook .brand-top-img .top-img-item {width: 510px;}
.brand-cook .brand-top-img .top-img-item + div {margin-top:20rem;}
.brand-cook .brand-mid-img{display:block; position:relative; width:1200px; margin:20rem auto;}

.brand-mid-video{position:relative; }
.brand-mid-video:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;}
.brand-mid-video video{width:100%;}

.brand-airline .brand-mid-video, .brand-airline .brand-intro{margin-bottom:20rem;}
.brand-airline .brand-top-img {margin-top:0}
.brand-pet-mid, .brand-airline .brand-top-img .top-img-item:nth-child(2) {margin-top:20rem;}
.brand-airline .brand-top-img .top-img-item:nth-child(3) {margin-top:40rem;}

.brand-top-img.brand-entertainment-img .top-img-item {width:770px;}

.brand-online .brand-hor-flex .beauty-hor003{width:1600px;}
.brand-online .brand-hor-flex .beauty-hor003-img{display:block; position:absolute; left:50%;  top:0px; width:990px; margin-left:-200px;}
.brand-online .brand-hor-flex .beauty-hor003-img video{width:100%; position:relative; display:block;}
.brand-online .brand-hor-flex .beauty-hor003-img:before {content: "";display: block;width: 0;height: 0;border-bottom: 2rem solid transparent;border-top: 2rem solid #0c0c0c;border-left: 2rem solid #0c0c0c;border-right: 2rem solid transparent;position: absolute;left: 0;top: 0;z-index:3}
.brand-online .brand-hor-flex dl{padding-top:10rem;}

.brand-online-mid{margin-bottom:20rem;}

/* 인사채용 메인 */
.sub-top-area.recruit {height:108rem; align-items: center;}
.sub-top-area.recruit .wrap {padding:0;}
.recruit {padding-left:24rem;}
.recruit h2 {font-size:8rem; font-weight:900; line-height:normal;}
.recruit .block {margin-top:16.5rem;}
.story-swiper {margin-top:5rem;}
.story-swiper .swiper-slide {width:69rem; margin-right:6rem;}
.story-swiper .swiper-slide .img-wrap {position:relative; width:69rem; height:49rem; background-position:center; background-size:cover; overflow: hidden;}
.story-swiper .swiper-slide .img-wrap:before {content:""; display: block; width: 0; height: 0; border-bottom: 2rem solid transparent; border-top: 2rem solid #fff; border-left: 2rem solid #fff; border-right: 2rem solid transparent; position: absolute; left: 0; top: 0;}
.story-swiper .swiper-slide .text {margin:2.4rem 0 1.4rem; font-size:2.1rem; font-weight:700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.story-swiper .swiper-slide .text-sub {font-size:1.4rem; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.story-swiper .siper-btn-group {position:absolute; left:129rem; top:3rem;}
.story-swiper .siper-btn-group .box {position:relative; display:flex; align-items:center; height:3.8rem;}
.story-swiper .siper-btn-group .more-view {display:inline-block; margin-left:4rem;}
.story-swiper .swiper-button-next, 
.story-swiper .swiper-button-prev {position:unset; width:3.3rem; height:2.5rem; margin:0; background:url('/img/sub/icon_arrow_sm_blk.png') no-repeat center / cover;}
.story-swiper .swiper-button-next {margin-left:.8rem; transform:rotate(180deg);}
.recruit-list {display:flex; flex-wrap:wrap; gap:6rem; max-width:144rem; margin-top:5rem;}
.recruit-list li a {position:relative; display:flex; flex-direction: column; justify-content: center; width:44rem; height:13rem; padding-left:4rem; background:#f5f5f5;}
.recruit-list li a:before {content:""; transform:rotate(180deg); position:absolute; right:4rem; top:5.5rem; width:3.3rem; height:2.5rem; margin:0; background:url('/img/sub/icon_arrow_sm_blk.png') no-repeat center / cover;}
.recruit-list li a:after {content: ""; display: block; width: 0; height: 0; border-bottom: 1.5rem solid #fff; border-top: 1.5rem solid #f5f5f5; border-left: 1.5rem solid #f5f5f5; border-right: 1.5rem solid #fff; position: absolute; right: 0; bottom: 0;}
.recruit-list li a:hover:after {content: ""; display: block; width: 0; height: 0; border-bottom: 1.5rem solid #fff; border-top: 1.5rem solid transparent; border-left: 1.5rem solid transparent; border-right: 1.5rem solid #fff; position: absolute; right: 0; bottom: 0;}
.recruit-list li a:hover:before {background:url('/img/sub/icon_arrow_sm_wht.png') no-repeat center / cover; transform:rotate(0deg);}
.recruit-list li a:hover {color:#fff;}
.recruit-list li.head:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.bler:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.inkeg:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.computer:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.game:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.beauty:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.fly:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.it:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.cook:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.enter:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list li.pet:hover a {background:url('/img/sub/bg_recruit_head.png') no-repeat center / cover;}
.recruit-list .text {font-size:2.1rem; font-weight:700;}
.recruit-list .text-sub {font-size:1.7rem;}
.recruit-list .text-sub .count {font-weight:700;}
.interview-block {display:flex; gap:8rem; margin-bottom:16rem;}
.recruit-block {margin-bottom:16rem;}
.interview-block .left {flex:0 0 auto;}
.interview-block .left .text {font-size:1.7rem; font-weight:300;}
.interview-block .left .text .bold {font-weight:700;}
.interview-block .more-view {margin:5rem 0 0 0;}
.interview-block .right {flex:1;}
.interview-block .right ul {display:flex; flex-wrap:wrap; gap:6rem;}
.interview-block .right ul li a {position:relative; width:44rem;}
.interview-block .right ul li a:before {content:""; display: block; width: 0; height: 0; border-bottom: 1.5rem solid transparent; border-top: 1.5rem solid #fff; border-left: 1.5rem solid #fff; border-right: 1.5rem solid transparent; position: absolute; left: 0; top: 0;}
.interview-block .right .img-wrap {width:44rem; height:44rem; background-position: center; background-repeat: no-repeat; background-size:cover;}
.interview-block .right .text {margin-top:2rem; font-size:2.1rem; font-weight:800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.interview-block .right .text-sub {font-weight:300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.interview-block .right .text-sub i {display:inline-block; width:.1rem; height:.9rem; margin:0 .8rem; background:#d4d4d4;}
.benefit-list {display:flex; flex-wrap:wrap; justify-content: center; column-gap:16.5rem; width:119rem; margin:0 auto;}
.benefit-list li {width:44.5rem; margin-top:7.5rem;}
.benefit-list li .text {font-size:3.2rem; font-weight:700;}
.benefit-list li .text-sub {margin-top:.5rem; font-size:2.1rem; font-weight:200;}
.together-list {margin:15rem 14.6rem;}
.together-list .text {font-size:8rem; font-weight:900;}
.together-list .text-sub {font-size:2.1rem; font-weight:200;}
.together-list .text-sub .bold {font-weight:700;}
.together-list .type02 {display:flex; justify-content: flex-end; gap:8.5rem; margin:4.5rem 0; text-align:center;}
.together-list .type03 {display:flex; justify-content: space-between; margin-top:15rem;}
.together-list .text-center {text-align:center;}
.together-list .mt {margin-top:-9rem;}
.together-list .img {position:relative; display:inline-block;}
.together-list .img:before {content:""; width:0; height:0; border-bottom: 1.5rem solid transparent; border-top: 1.5rem solid #fff; border-left: 1.5rem solid #fff; border-right: 1.5rem solid transparent; position: absolute; left: 0; top: 0;}
.recruit-peoples {padding:0 24rem 14.5rem;}
.recruit-peoples .top-text {padding-top:34.5rem;}
.recruit-peoples .top-text h2 {font-size:8rem; font-weight:900; font-family: "CodecCold"; line-height:normal;}
.recruit-peoples .top-text {font-size:2rem; font-weight:200;}
.recruit-peoples .top-text .bold {font-weight:700;}
.peoples-list {margin:9rem 0 8rem;}
.peoples-list .first {display:flex; align-items:center; gap:14.5rem;}
.peoples-list .first h3 {font-size:7.2rem; font-weight:800; color:#bebebe; line-height:normal; flex:0 0 auto;}
.peoples-list .list:nth-child(even) {display:flex; justify-content: flex-end; width:100%; margin-top:-8rem;}
.peoples-list .list .img {width:60rem; height:57rem; background-position: center; background-repeat: no-repeat;background-size: cover;}
.peoples-list .list a {position:relative; width:60rem;}
.peoples-list .list a:before {content:""; display: block; width: 0; height: 0; border-bottom: 1.5rem solid transparent; border-top: 1.5rem solid #fff; border-left: 1.5rem solid #fff; border-right: 1.5rem solid transparent; position: absolute; left: 0; top: 0;}
.peoples-list .list .text {margin-top:2rem; font-size:2.1rem; font-weight:800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.peoples-list .list .text-sub {font-weight:300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.peoples-list .list .text-sub i {display:inline-block; width:.1rem; height:.9rem; margin:0 .8rem; background:#d4d4d4;}
.qna-block {width:60rem; margin:0 auto 5.5rem;}
.qna-block .question {margin:5.5rem 0 4rem; font-size:1.7rem; font-weight:800;}
.qna-block .answer {font-size:1.7rem; font-weight:200;}

.row-reverse{flex-direction: row-reverse;}

/*history*/
.history .sub-content{position:relative; z-index:10;}
.history-item .img-wrap{position:relative;border-top: 1px solid #fff;margin-top: -1px;}
div.history-item + div {margin-top:120px;}
.history-content {width:1200px; margin:90px auto 0; display:flex; }
.history-content > div {width:50%;}
.history-content .history-col dl {display:flex; width:100%; padding:30px 0px; border-bottom:1px solid #eaeaea; }
.history-content .history-col dl:last-child{border-bottom:0px;}
.history-content .history-col dl dt{font-weight:900; width:8%;}
.history-content .history-tit h3{font-size:120px; font-weight:900; letter-spacing:-0.05em; line-height:1;}
.history-content .history-col dl dt, .history-content .history-col dl dd, .history-content .history-tit p {font-size:21px; }
.history .pr-container{position: relative;height: auto;overflow: visible;}
.history .pr-container .txt{position: fixed; top: 0%; left: 0%; width:100%; height:100%;z-index: 2;/*display: none;*/color:#fff;}
.history .pr-container .txt.txt01 h3{position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);text-align:center;}
.history .pr-container .txt.txt01 p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;}
.history .pr-container .txt.txt02 h3{ position: absolute;top: 40%;left: 55%;transform: translate(-50%, -50%);text-align:center;}
.history .pr-container .txt.txt02 p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;}
.history .pr-container .txt.left{left:36rem;width: auto;top: 16%;}
.history .pr-container .txt h3{font-family:'Manrope';opacity: 0;will-change: opacity, transform;font-size:12rem;font-weight:800;display: block;line-height: 1;text-align:left;display: flex;align-items: flex-end;}
.history .pr-container .txt h3 span{font-family:'Pretandard';font-size:3.6rem;padding-left:1rem;font-weight: 700;display: block;margin-bottom: 1.6rem;}
.history .pr-container .txt p{margin-top:3rem;font-size: 2.1rem;font-weight:300; text-align:left; will-change: opacity, transform;}
.history .pr-container .txt p strong{font-weight:700;}
.history .bg-container{ position: relative; top: 0; height: 100vh; width: 100%; margin: 0; z-index: 1; }
.history .txt-container{ position: fixed; top: 0; left: 0;  height: 100vh; width: 100%; z-index: 10;}
.history .parallax{position: relative;z-index: 1;height: 100%;margin: 0;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;max-height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.history .pr-container .animation-line { position: fixed; top: 41%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 1px; background-color: #fff;  z-index: 10;}
.scroll-pin-spacer { height: 400vh; position: relative;   top: 0; z-index: 0;}


/*채용정보*/
.sub-top-area.rct .wrap{padding-left:24rem;}
.rct .more-view{margin-top:6rem;}
.rct.sub-content .wrap{padding: 8rem 24rem 13rem;width:100%; margin:0 auto;}
.rct .select-box{display:flex; gap:2rem;}
.rct .rc-cate{display:flex; gap:4rem; margin-bottom:6rem;}
.rct .rc-cate li{font-size:2rem; cursor:pointer;}
.rct .rc-cate li.on{font-weight:700;text-underline-offset: 7px;text-decoration: underline;}
.rc-list{display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -6rem;}
.rc-list li{width: calc(100% / 3 - 6rem); margin-bottom: 6rem; margin-left: 6rem;box-shadow:0 8px 40px rgb(0 0 0 / 13%); height:28rem; }
.rc-list li a{padding:4rem 3rem;display: block;width: 100%;height: 100%;position: relative;}
.rc-list li.hide{opacity:0.4;}
.rc-list li .rc-logo{}
.rc-list li .rc-title{font-size:2.4rem; font-weight:700; margin:1.5rem 0 1rem; line-height: 1.25;}
.rc-list li .rc-info{font-size:1.2rem; font-weight:300;  color:#62626a;display:flex; align-items: center;}
.rc-list li .rc-info span{display:flex; align-items: center;}
.rc-list li .rc-info span+span::before{content:""; width:1px; height:7px; background-color:#dadada; display:block; margin: 0 6px;}
.rc-list li .rc-date{font-size:1.5rem;font-weight:300;color:#62626a;opacity:0.5;position: absolute;bottom: 4rem;}

.detail-container.rct .title-area{width:96rem; position:relative;}
.detail-container.rct .title-area a{position:absolute; right:0; bottom:0;}
.detail-container.rct .title-area h2{border-top:0;}
.detail-container.rct .title-area .info{font-size:1.6rem;font-weight:300;color:#62626a;display:flex;align-items: center;margin-top: 1rem;}
.detail-container.rct .title-area .info span{display:flex; align-items: center;}
.detail-container.rct .title-area .info span+span::before{content:""; width:1px; height:10px; background-color:#dadada; display:block; margin: 0 10px;}
.detail-container.rct .note-contents{width:96rem; margin:6rem auto 0;}
.detail-container.rct .note-contents dl dt{font-size:2.1rem; font-weight:700; margin:5rem 0 2rem;}
.detail-container.rct .note-contents dl dd{font-size:1.8rem; font-weight:200;}
.detail-container.rct .note-contents img{margin:0;}
.detail-container.rct .bottom-ctrl a{padding:0 3.5rem; text-align:center;}

.detail-container.aply .title-area{padding-bottom:3rem;border-bottom: 1px solid #cecfce;}
.bottom-ctrl-aply{margin-top:7.7rem;display: flex;justify-content: flex-end;gap: 2rem;}
.aply-form .input-box{ margin: 5rem 0;}
.aply-form input{height: 4.4rem;padding:0 2rem;border: 1px solid #dddddd;border-radius:.8rem;font-size:1.6rem;}
.aply-form input::placeholder{color:#dddddd;}
.aply-form .flex-box{display:flex;gap:1rem;margin-top: 1rem;}
.aply-form .flex-box>*{width: 50%;position: relative;}
.aply-form .filebox .upload-name {color:#dddddd; display: inline-block;vertical-align: middle;width: 100%;padding-right: 11rem;}
.aply-form .filebox label {display: inline-block;width:9.5rem;vertical-align: middle;background-color: #f2f3f5;cursor: pointer;height: 3.4rem;border:1px solid #dddddd;border-radius:.8rem;text-align: center;line-height: 3.4rem;font-size: 1.4rem;position: absolute;right: .5rem;top: .5rem;}
.aply-form .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.agree-box label{font-size:1.8rem; font-weight:700;display:block;  margin-bottom:2rem;}
.agree-box #chkAgree{width:2.8rem; height:2.8rem; margin-right:1rem; padding: 0;}
.agree-box textarea{padding:2rem; border:1px solid #dddddd; border-radius:.8rem; font-size:1.6rem; font-weight:200; height:15rem;}

.rct-ok .wrap{width:40rem;margin:0 auto;padding: 0 0 19rem;text-align: center;}
.rct-ok .wrap h5{font-size:3.6rem;font-weight:700;line-height: 1.4;margin: 3rem 0 2rem;}
.rct-ok .wrap p{font-size:1.8rem;font-weight:200;margin-bottom: 3rem;}

/*지원안내*/
.sub-top-area.info{color:#000;}
.sub-content.info{padding:2rem 0 13.8rem;}
.sub-content.info .article01{width: 100%;max-width: 144rem;margin: 0 auto;overflow: hidden;}
.sub-content.info .article01 ul{display: flex;margin-bottom: 7rem; gap: 7.8rem;}
.sub-content.info .article01 ul li{font-size:2.4rem;font-weight:700;border-radius:50%;width:22.4rem;height:22.4rem;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;line-height: 1.3;}
.sub-content.info .article01 ul li:nth-child(1){background-color:#f7f7f9;color: #363636;}
.sub-content.info .article01 ul li:nth-child(2){background-color:#151b4d;}
.sub-content.info .article01 ul li:nth-child(3){background-color:#b49b56;}
.sub-content.info .article01 ul li:nth-child(4){background-color:#797981;}
.sub-content.info .article01 ul li:nth-child(5){background-color:#36363d;}
.sub-content.info .article01 ul li+li::before{content:"";display:block;background: url(/img/common/icon_arrow.png);width:3rem;height:2.3rem;position: absolute;left: -5.5rem;}
.sub-content.info .article01 .tail{color:#999999;float: right;}
.sub-content.info .article02{padding:7.5rem 8rem;}
.sub-content.info .article02 .imgs{display:flex; gap:8rem;justify-content: center;}
.sub-content.info .article02 .imgs .img-box:last-child{margin-top:4.5rem;}
.sub-content.info .article02 .txts{padding:8rem 16rem;}
.sub-content.info .article02 .txts p{font-weight:300;}
.sub-content.info .article02 .txts p + p{margin-top:2.5rem;}
.sub-content.info .article02 .txts p strong{font-weight:800;}
.sub-content.info .article03{ max-width: 120rem; width: 100%; margin: 0 auto;}
.sub-content.info .article03 .btn-arrow{background-image: url(/img/common/icon_btn_arrow.png);background-repeat: no-repeat;background-position: 90% 50%;padding: 0 2rem;text-align: left;}
.sub-content.info .article03 .txt{ padding: 8rem 0 5rem;}
.sub-content.info .article03 .txt p + p{margin-top:2.5rem;}
.sub-content.info .article03 .txt p strong{font-weight:800;}

/*faq*/
.faq-list{border-top:2px solid #000; margin-bottom:10rem; }
.faq-list li{font-size:2.1rem; font-weight:300; border-bottom:1px solid #dddddd; cursor:pointer;}
.faq-list li dt{padding:4rem; position:relative;}
.faq-list li dd{display:flex; background:#f5f5f5;padding:4rem;}
.faq-list li span{display:inline-block; font-weight:700; margin-right:.9rem;}
.faq-list li dt::after{content:"";background: url(/img/common/icon_select_arrow.png);display:block;position:absolute;right: 4rem;top: calc(50% - 0.5rem);width: 1.9rem;height: 1rem;}

/* global */
#container.substainable .img-box.big::before {border-top: 3rem solid #f8f8f8; border-left: 2rem solid #f8f8f8;}
.img-box.big:before {border-right:3rem solid transparent;}
.img-flex-box {display:flex; justify-content: space-between;gap:6rem;}
.img-flex-box .right {margin-top:9rem;}
.substainable02.global .article01 .title-wrap {padding-top:11rem; text-align:left;}
.substainable02.global .article01 .title-wrap p {font-weight:700;}
.substainable02.global .article01 .title-wrap .sub {display:inline-block; margin-top:3rem; font-weight:300;}
.substainable02.global .article03 {padding:0; color:#000;}
.substainable02.global .article03 .img-box {margin-top:20rem;}
.substainable02.global .article03 h5 {margin-bottom:3rem; font-size:5.4rem; font-weight:700;}
.substainable02.global .article03 .sub-container {width:97rem; margin:10rem auto 0;}
.substainable02.global .article03 .btn-arrow {background-image: url('/img/common/icon_arrow_down.png');background-repeat: no-repeat; background-position: 90% 50%; padding: 0 5rem 0 2rem; margin-top:9rem; text-align: left;}
.btn-black.gray:before {border-top-color:#f8f8f8; border-left-color:#f8f8f8;}

/*privacy*/
.privacy{margin-top:12rem;}
.privacy .sub-top-title{font-size:4rem; margin-bottom:6rem;}

/*partner*/
.partner{max-width:120rem; width:100%; margin:0 auto;margin-top:12rem;}
.partner .sub-top-title{font-size:4rem; margin-bottom:6rem;}
.partner .section{}
.partner .propose-table{margin-top:6rem;border-top:2px solid #383838; width:100%;}
.partner .propose-table tr td, .propose-table tr th{border: 1px solid #ddd; padding:1rem;}
.privacyTable tr td, .privacyTable tr th{border: 1px solid #ddd;  padding:1rem;}
.privacyTable{border:1px solid #ddd;}
.partner .propose-table .nice-select span{display:block;}
.partner .rqTel {margin-top:10px}
.partner .rqTel:after {content: "";display: table;clear: both;}
.partner .rqTel > li {float: left;}
.partner .rqTel > li:nth-child(even) {width: 5%;height: 42px;line-height: 42px;text-align:center;}
.partner .rqTel > li:nth-child(odd) {width: 30%;}
.partner .rqTel > li select, .rqTel > li input[type="tel"] {display: block;width: 100%;}
.partner .nice-select.open li {width:100% !important}
.partner .agree-box input{width: 2.8rem; height: 2.8rem; margin-right: 1rem;padding: 0;border: 1px solid #dddddd;border-radius:.8rem;}
.partner .bottom-ctrl{margin-top:6rem;}

.library-detail {width:100%; padding:0 6rem 8rem;}
.library-detail-header {width:60rem; margin:8rem auto ;}
.library-detail-img.width-full  {width:100%;}
.library-detail-img img {width:100%;}
.width-1200{width:960px; margin:8rem auto;}
.slide-cat .library-detail-header {width:100rem; margin:0rem 0;}

.video-contents{width:1200px;  margin:8rem auto 0;position: relative;padding-bottom: 35.49%;height: 0;overflow: hidden;}
.video-contents iframe, .video-contents object, .video-contents embed, .video-contents video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.disFlexCenter{display:flex;justify-content: center;}
.marginAuto{margin:0 auto;}