.pc {display:block;}
.mo {display:none;}
@supports (-webkit-touch-callout: none) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
}
@media (max-width:1280px) {
	.mo {display:block;}
	.pc {display:none;}
	body{font-size:1.7rem;}
	select{line-height: 4.4rem; height: 4.4rem; font-size: 1.5rem;}
	input[type="text"]{line-height: 4.4rem; padding:0 1.5rem; font-size: 1.5rem;}
	.search{right: 1.5rem;width: 1.5rem;height: 1.5rem;top: calc(50% - 1rem);}
	.btn-white{height:4.4rem; line-height:4.4rem;font-size:1.5rem; font-weight:600;}
	.btn-black{height:4.4rem; line-height:4.4rem;font-size:1.5rem; font-weight:600;}
	.btn-gray{height:4.4rem; line-height:4.4rem;font-size:1.5rem; font-weight:600;}
	.detail-container .bottom-ctrl a{font-size:1.5rem;width:13rem;padding: 0;height: 4.4rem;line-height: 4.4rem;text-align: center;}
	.btn-normal{height:4.4rem; line-height:4.4rem;font-size:1.5rem; font-weight:600;padding: 0 5rem}

	/* gnb */
	#header nav {display:none;}
	#header .right_btn {justify-content: flex-end;}
	#header .h_in {padding:0 1.6rem;}
	#header.fixed .send, #header.on .send, #header .send{margin:.3rem 3rem;}
	#header{height:6.4rem;}
	#header.down{transform: none !important;}
	#header.down{}

	/* sitemap */
	.site-map .bg-sitemap {background:#fff;}
	.site-map h2 {width:auto; height:3rem; padding:0; background:#fff;} 
	.site-map h3 {padding:1.5rem 0 1.5rem 3rem; background:#fff; font-size:3rem;}
	.site-map .site-container .list {flex-wrap: wrap; flex-direction: column; align-items: flex-start; padding:1rem 1.6rem;}
	.site-map .site-container .list.top {flex-direction: row; align-items: center; padding: 0rem 1.6rem;height: 6.4rem;}
	.site-map .site-container .list ul {margin-left: 5rem; max-height:0; opacity:0; visibility:hidden; flex-direction: column;}
	.site-map .site-container .list ul:before {width:0; bottom:-2rem; transition:width 1s ease;}
	.site-map .site-container .list ul.on {margin-left: 7rem; max-height:max-content; opacity:1; visibility:visible;  transition:all .7s;}
	.site-map .site-container .list ul.on:before {width:100vw;}
/*	.site-map .site-container .list ul.on li{height:3.5rem;}*/
/*	.site-map .site-container .list ul li{height:0; transition:height .5s;}*/
	.site-map .close-sitemap {margin:0;}

	/* ¸ÞÀÎ */
	.main-banner {height:100%;}
	.main-banner .swiper-ctrl {display:none;}
	.main-intro-txt {top:unset; bottom:2rem; left:1.6rem; height:100%;}
	.main-intro-txt dl dt {font-size:3rem;}
	.main-intro-txt dl dd {font-size:2.1rem;}
	.main-section.showcase {padding:5rem 1.6rem 5rem; margin-top:5rem;}
	.main-section-tit {margin-bottom:5rem;}
	.main-section-tit h3 {font-size:4rem;}
	.showcase-portfolio .slide-inner .slide-cat {opacity:1;        margin-top: .5rem;}
	.showcase-portfolio .lab301-item:nth-of-type(1) {width:100%; margin-left:.5rem; margin-right:.5rem;}
	.showcase-portfolio .lab301-item:nth-of-type(2),
	.showcase-portfolio .lab301-item:nth-of-type(3),
	.showcase-portfolio .lab301-item:nth-of-type(4),
	.showcase-portfolio .lab301-item:nth-of-type(5) {width:calc(50% - 1rem);height:28.5vw; margin-left:.5rem; margin-right:.5rem;margin-bottom: 13rem;}
	.newsroom .main-section-tit{margin-bottom:3rem;}
	.showcase-list-item {margin:0;}
	.gry-list {margin:0;}
	.gry-list li {width:calc(50% - 1rem); margin:0 .5rem 2.5rem;}
	.gry-list .gry-sub {opacity:1;min-height: 4rem;margin-top: 0.5rem;line-height: 1.4;}
	.img-mask::before {border-bottom:1rem solid transparent; border-top:1rem solid #fff; border-left:1rem solid #fff; border-right:1rem solid transparent;}
	.history-item .img-wrap::before, 
	.gry-list .img-wrap::before {border-bottom:1rem solid transparent; border-top:1rem solid #fff; border-left:1rem solid #fff; border-right:1rem solid transparent;}
	.video .gry-list .img-wrap::before{border-bottom: 1rem solid transparent; border-top: 1rem solid #0c0c0c; border-left: 1rem solid #0c0c0c; border-right: 1rem solid transparent;}
	.main-section-tit p,
	.main-intro-txt dl dd {font-size:1.7rem; word-break: keep-all;}
	.showcase-portfolio .slide-caption .slide-title{font-size:1.7rem;line-height: 1.4;font-weight: 700;}
	.showcase-portfolio .slide-caption{top:1rem;}
	.content-max-width {padding:0 1.6rem 0;}
	.row_padding_right {padding-right:0;}
	.row_padding_left {padding-left:0;}
	.slowed-images {display:flex; flex-direction:column; padding:0 1.6rem;}
	.slowed-images .slowed-image:nth-child(odd) a {display:flex; width:100%; justify-content: flex-start;}
	.slowed-images .slowed-image:nth-child(even) a {display:flex; width:100%; justify-content: flex-end;}
	.slowed-image .imgVid {position:static; width:calc(90% - 80px);}
	.slowed-image video {max-width:100%!important;}
	.slowed-image::after {padding-bottom:10%;}
	.slowed-image:nth-of-type(9n+1) .imgVid,
	.slowed-image:nth-of-type(9n+2) .imgVid,
	.slowed-image:nth-of-type(9n+3) .imgVid,
	.slowed-image:nth-of-type(9n+4) .imgVid,
	.slowed-image:nth-of-type(9n+5) .imgVid,
	.slowed-image:nth-of-type(9n+6) .imgVid,
	.slowed-image:nth-of-type(9n+7) .imgVid,
	.slowed-image:nth-of-type(9n+8) .imgVid,
	.slowed-image:nth-of-type(9n+9) .imgVid {width:calc(100% - 80px) !important;}
	.main-section.growth {margin:5rem 1.6rem;}
	.main-section.newsroom {margin:5rem 1.6rem;}
	.main-section-tit-flex {padding-right:0;}
	.main-section-tit-flex .main-section-tit {flex-direction: column; padding:0; text-align:left;    align-items: flex-start;}
	.main-section-tit-flex, 
	.main-section-tit-flex .main-section-tit h3 {padding:0;}
	.tomorrow .main-section-tit-flex .main-section-tit {text-align:left;}
	.newsroom-wrapper {width:100%;}
	.news-list{margin-top:3rem;}
	.newsroom-contents {flex-direction: column;}
	.newsroom-contents > div {width:100%;}
	.news-cover {padding-right:0;}
	.news-cover::after {width:0;}
	.news-list ul li a {padding: 1rem 0;}
	.main-section.tomorrow {margin:6rem 1.6rem;}
	.newsroom-btn{margin-top:3rem;}
	.tit-slider-nav {display:none;}
	.newsroom-item .img-wrap::before,
	.s-img-wrap::before
	{border-bottom: 1rem solid transparent; border-top: 1rem solid #fff; border-left: 1rem solid #fff; border-right: 1rem solid transparent;}
	.main-section.newsroom .txt-center{text-align:left !important;}
	.img-flex-box{flex-direction: column; gap:2rem;}
	.img-flex-box .right{margin-top:0;}
	.img-box img{width:100%;}

	/*	footer */
	#footer {padding:3rem 1.6rem; font-size:1.5rem;}
	#footer article {flex-direction: column;}
	#footer article .logo {margin-bottom:2rem; width:2.6rem; height:3rem;}
	#footer article .bar {display:none;}
	#footer .footer-site-navi .nav {justify-content: flex-start;}
	#footer .footer-site-navi .sns {justify-content: flex-start;}
	#footer .footer-site-navi .sns li:nth-child(1) {margin-left:0;}
	#footer article .address {flex-direction:column; align-items:flex-start;}
	#footer select {width:50%; height:4rem; line-height:4rem;}

	/* sub */
	#container.brand .sub-top-area,
	.introduce .sub-top-area {height:100%;}
	.introduce .section04 .img-box{opacity:1;}
	#container.brand .sub-top-area .wrap {margin-bottom:0;}
	.sub-top-area {height:45rem; }
	.sub-top-title {font-size:4rem;}
	.sub-top-area .wrap {margin:0; padding:14rem 2rem;}
	.gry-list .gry-title{font-size:1.7rem;margin-top: 1rem; color:#282828;}
	.sub-top-area.board {height:50rem; }
	.breadcrumbs {margin-top:2rem;}
	.breadcrumbs span{font-size: 1.5rem;}
	.sub-content .wrap {padding:6rem 1.6rem; overflow:hidden;}
	.brand-wrap dl dt {font-size:3.6rem;margin-bottom: 2rem;}
	.brand-footer-intro a{height:4.4rem; line-height:4.4rem;  padding: 0rem 7rem 0rem 3rem;}
	.brand-footer-intro a.icon:after{top: calc(50% - 6px);}
	.brand-top-img {flex-wrap: wrap; margin:6rem 0; gap:2rem;}
	.brand-top-img .top-img-item {width:100%;}
	.brand-intro {margin-top:0;}
	.brand-top-img .top-img-item:before, .brandDesignSlider .swiper-wrapper:before,
	.beauty-hor002-img .top-img-item:before, .brand-cook .brand-intro-img:before,
	.brand-mid-video:before{border-bottom: 1rem solid transparent; border-top: 1rem solid #0c0c0c; border-left: 1rem solid #0c0c0c; border-right: 1rem solid transparent;}
	.brand-online .brand-intro, 
	.brand-airline .brand-intro, 
	.brand-cook .brand-intro, 
	.brand-design .brand-intro {padding-left:0;}
	.brand-wrap dl dt.kr-txt {font-size:3rem;  margin-bottom: 2rem;}
	.brand-design .brand-mid-img {width:100%; margin:6rem auto;}
	.brand-txt-layout003 dl dt,
	.brand-txt-layout003 dl dd {width:100%;}
	.brand-txt-layout003 dl {width:100%; flex-direction: column;}
	.brand-footer {margin:5rem -2rem;}
	.brand-footer-txt {padding:0 1.6rem; flex-direction: column;}
	.brand-footer-intro,
	.brand-footer-name {width:100%; margin-top:4rem;}
	.brand-footer-name h3 {font-size:3rem;}
	.brand-footer-line {display:none;}
	.brand-footer-video {height:30rem; margin-bottom:0;}
	.brand-game .brand-intro {padding-left:0; margin-top:0;}
	.brand-game-topSlider {position:static; width:100%; margin-left:0; margin-bottom:6rem;}
	.brand-game .brand-mid-img {width:100%; margin:6rem auto;}
	.brand-game .brand-txt-layout002 {margin:6rem 0;}
	.brandDesignSlider .img-wrap{height:30vh;}
	.brand-txt-layout003 {width:100%;}
	.brand-beauty .brand-top-img {margin-top:0; gap:2rem;}
	.brand-beauty .brand-top-img div.top-img-item:nth-child(2) {margin-top:0;}
	.brand-hor-flex {width:100%; margin:6rem auto;}
	.brand-hor-flex .beauty-hor001 {padding-left:0;}
	.beauty-hor001-img {position:static; margin-left:0; margin-bottom:3rem; width:100%;}
	.brand-hor-flex-item {flex-direction: column;}
	.brand-hor-flex-item + div {margin-top:6rem;}
	.beauty-hor002 {width:100%;}
	.beauty-hor002-img {position:static; gap:2rem; margin:6rem 0;}
	.beauty-hor002-img .top-img-item {width:50%;}
	.beauty-hor002-img video {height:50vh; object-fit:cover;}
	.brand-beauty .brand-mid-img {width:100%; margin:6rem auto;}
	.brand-ai .brand-hor-flex {margin-top:0;}
	.brand-ai .brand-hor-flex .beauty-hor002 {width:100%; margin-bottom:6rem;}
	.brand-ai .brand-hor-flex .beauty-hor002-img {width:100%; margin-bottom:3rem;}
	.brand-ai .brand-hor-flex .beauty-hor003 {width:100%; margin-bottom:6rem;}
	.brand-ai .brand-hor-flex .beauty-hor003-img {position:static; width:100%; margin-bottom:6rem;}
	.brand-ai .brand-hor-flex .beauty-hor003-img video {width:100%; height:50vh; object-fit:cover;}
	.brand-online .brand-hor-flex .beauty-hor003{width:100%;}
	.brand-wrap dl dd {font-size:1.7rem;margin-bottom: 1rem;}
	.brand-ai .brand-hor-flex .beauty-hor001 dl {padding-top:0;}
	.brand-footer-video video {position:static; transform:unset;}
	.brand-cook .brand-top-img {position:static; margin:0; display:flex;}
	.brand-cook .brand-top-img .top-img-item {width:47%;}
	.brand-cook .brand-top-img .top-img-item + div{margin-top:10rem;}
	.brand-cook .brand-intro {margin-top:6rem;}
	.brand-cook .brand-intro-img {margin:6rem 0;}
	.brand-cook .brand-mid-img {width:100%; margin:6rem auto;}
	.brand-airline .brand-intro {margin:0 0 6rem;}
	.brand-airline .brand-mid-video {margin-bottom:6rem;}
	.brand-airline .brand-top-img {margin-top:6rem;}
	.brand-pet-mid, 
	.brand-airline .brand-top-img .top-img-item:nth-child(2), 
	.brand-airline .brand-top-img .top-img-item:nth-child(3) {width:47%; margin-top:0;}
	.brand-top-img.brand-entertainment-img .top-img-item {width:100%;}
	.brand-pet-mid {width:100%;}
	.brand-pet-mid video {height:25vh; object-fit:cover;}
	.brand-airline .brand-mid-video.brand-pet-mid {margin-top:6rem;}
	.brand-airline .brand-top-img.brand-entertainment-img .top-img-item:nth-child(2) {width:100%;}
	.brand-online .brand-hor-flex dl {padding-top:0;}
	.brand-online-mid {margin-bottom:6rem;}
	.brand-online .brand-hor-flex .beauty-hor003-img:before{border-bottom: 1rem solid transparent; border-top: 1rem solid #0c0c0c; border-left: 1rem solid #0c0c0c;border-right: 1rem solid transparent;}
	.brand-online .brand-hor-flex .beauty-hor003-img{    width: 100%; position: relative;  left: 0; margin-left: 0;        margin-bottom: 6rem;}
	.search-wrap { gap: 6rem; margin-bottom: 4rem;}
	.search-wrap .select-box{width: 45%;}
	.select-box select {align-items: flex-start; font-size: 1.5rem;width:100%;padding:0 1.5rem;background: url(/img/common/icon_select_arrow.png) no-repeat 85% 50% / 12px auto;}
	.search-box {width:100%;}
	.detail-container {padding:0 1.6rem;}
	.detail-container .reporter{font-size:1.5rem;  margin-top: 1rem;}
	.detail-container .title-area{width:100%;}
	#container.detail{padding-top:12rem;}
	.detail-container.type02{margin: -20rem 0 12rem;}
	.sub-top-area.detail{height:100vh;}
	.detail-container.type02 .title-area{width:100%;height: 20rem;}
	.swiper-detail-contents .swiper-button-next, .swiper-detail-contents .swiper-button-prev{width:4rem; height:5rem;}
	.swiper-detail-contents .swiper-button-next{right:-2rem;}
	.swiper-detail-contents .swiper-button-prev{left:-2rem;}
	.swiper-detail-contents {width:90%;}
	.swiper-detail-contents .viewport {width:100%;}
	.swiper-detail-contents {margin:4rem auto 0;}
	.detail-container .title-area h2 {font-size:2.6rem;}
	.detail-container .note-contents {width:100%; margin:4rem auto 0;}
	.detail-container .bottom-ctrl {margin-top:6rem; padding-top:6rem;}
	.exhibition .sub-top-area {height:50rem;}
	.exhibition .sub-content .wrap {padding:6rem 1.6rem;}
	.ex-list {justify-content: space-between;}
	.ex-list li {width:48%;}
	.ex-list li:nth-child(3n+2) {margin:0;}
	.video .sub-top-area {height:50rem;}
	.video .sub-top-area .wrap{margin-bottom:0;}
	.video .video-wrap {width:100%; height:auto; padding-bottom:56.25%; margin-bottom:6rem;}
	.video iframe {position:absolute; top:0;}
	.video .gallery .wrap {padding:0 0 8rem; margin-top:0;}
	.video .gallery .gry-list {padding:0 1.6rem;}
	.more-view-round {height:4rem; line-height:4rem; font-size:1.5rem; width:20rem;}
	.substainable .sub-top-area {height:45rem; }
	.substainable01 .flex {flex-wrap: wrap;}
	#container.substainable .sub-content .wrap {padding:6rem 1.6rem; font-size:1.7rem;}
	#container.substainable .title-mid {font-size:3rem;        margin-bottom: 2rem;}
	.substainable01 .txt-wrap .sub {font-size:1.5rem;}
	#container.substainable .img-box::before{border-top: 1rem solid #f8f8f8; border-left: 1rem solid #f8f8f8;}
	.substainable01 .img-box {margin-top:3rem; margin-bottom:1rem;}
	.substainable01 .article02 {max-width:100%; margin-top:5rem;}
	.sub-cont-title {font-size:4rem;}
	.substainable01 .article02 .title-wrap {margin-bottom:5rem;}
	.substainable01 .article02 .title-wrap em {margin:2rem 0; word-break:keep-all;}
	.substainable01 .article02 .sub {font-size:1.5rem;}
	.substainable01 .article02 .sub br {display:none;}
	.substainable01 .article02 .cont-wrap li + li {margin-top:3rem;}
	.substainable01 .table-wrap td, .substainable01 .table-wrap th{padding:1rem;}
	.substainable01 .article02 .cont-wrap li:nth-child(2) {display:flex; flex-direction: column-reverse;}
	.substainable01 .table-wrap article {overflow-x:scroll;}
	.substainable01 .table-wrap table {width:200vw; font-size: 1.5rem;}
	.substainable02 .article01 .title-wrap {margin-bottom:3rem;}
	.substainable02 .article01 .txt-wrap .sub{font-size:1.5rem;}
	.substainable02 .article01 .txt-wrap {margin-top:3rem; flex-direction: column; gap:0;}
	.substainable02 .article02 {margin-top:5rem;}
	.substainable02 .article02 .cont-wrap {margin-left:0;}
	.substainable02 .article02 .cont-wrap .sub{font-size:1.5rem;}
	.substainable02 .article02 .cont-wrap li ul li{font-size:1.5rem;}
	.substainable02 .article02 .cont-wrap>li {width:100%; margin:0 0 3rem; padding:2rem;}
	.substainable02 .article02 .cont-wrap>li::before{border-bottom: 1rem solid transparent; border-top: 1rem solid #f8f8f8; border-left: 1rem solid #f8f8f8; border-right: 1rem solid transparent;}
	.substainable02 .article01 .sub-cont-title{margin-bottom:2rem;}
	.substainable03 .article03{margin-top:6rem;}
	.substainable02 .article03 {padding:3rem 1.6rem;}
	.substainable02 .article03 ul {margin-top:3rem;}
	.substainable02 .article03 p{font-size:2.1rem;}
	.substainable02 .article03 span{font-size:1.7rem;}
	.substainable02 .article03 li{padding-left:2.5rem;}
	.substainable02 .article03 li+li{margin-top:3rem;}
	.substainable02 .article03 li::before{width:1.5rem;height:1.5rem;background-repeat: no-repeat;background-size: contain;top: 1rem;}
	.substainable03 .article03 li{flex-direction: column;}
	.substainable03 .article03 .txt-wrap{width:100%; padding:2rem 1rem;}
	.substainable03 .article03 p{font-size:2.1rem;margin-bottom: 1rem;}
	.substainable03 .article03 span{font-size:1.5rem;}
	.substainable03 .article03 span br{display:none;}
	.substainable03 .article01 .title-wrap{margin-left:0;}
	.substainable03 .article01 .sub-cont-title{margin-top:3rem;margin-bottom: 2rem;}
	.substainable03 .article02{margin-top:6rem;}
	.substainable03 .article02 .txt-wrap{margin-top:3rem; gap:0; flex-direction: column;}
	.substainable02.global .article01 .title-wrap{padding-top:6rem;}
	.substainable03 .article01{ flex-direction: column;margin-left: 0;}
	.substainable03 .article01 div.flex{gap:2rem;}
	#container.substainable .img-box.big::before{    border-top: 1rem solid #f8f8f8; border-left: 1rem solid #f8f8f8; border-right: 1rem solid transparent;}
	.substainable02 .article02 .cont-wrap li em{width:4rem; height:4rem;}
	#container.substainable .title-sm{font-size:2.1rem;}
	.sub-top-area.recruit {height:50rem; padding-left:1rem;}
	.sub-top-area.recruit .sub-top-text {margin-top:2rem;}
	.recruit {padding:0;}
	.recruit .block.swiper {padding:0 0 0 1.6rem;}
	.recruit .block {margin-top:5rem; padding:0 1.6rem;}
	.together-list .img:before{border-bottom: 1rem solid transparent; border-top: 1rem solid #fff;  border-left: 1rem solid #fff; border-right: 1rem solid transparent;}
	.recruit h2 {font-size:4rem; margin-bottom:2rem;}
	.story-swiper {margin-top:3rem;}
	.story-swiper .swiper-slide {width:25rem; margin-right:2rem;}
	.story-swiper .swiper-slide .img-wrap {width:25rem; height:25rem;}
	.recruit-list {max-width:100%; gap:2rem;margin-top: 3rem;}
	.recruit-list li {width:calc(50% - 1rem);}
	.recruit-list .text{font-size:1.7rem;}
	.recruit-list li a:after{border-bottom: 1rem solid #fff; border-top: 1rem solid #f5f5f5; border-left: 1rem solid #f5f5f5; border-right: 1rem solid #fff;}
	.recruit-list li a {width:100%; padding:1rem;}
	.recruit-list li a:before {display:none;}
	.interview-block {flex-direction: column; gap:2rem; margin-bottom:10rem;}
	.interview-block .right ul {gap:2rem; flex-direction: column;}
	.interview-block .right ul li a {width:100%;}
	.interview-block .right .text{font-size: 1.7rem;  margin-top: 1rem;}
	.interview-block .right .text-sub{font-size:1.5rem;}
	.interview-block .right .img-wrap {width:100%; height:25rem;}
	.interview-block .more-view {margin:3rem auto;}
	.benefit-list {width:100%; column-gap:unset;}
	.benefit-list li {width:100%; margin-top:4.5rem;}
	.recruit-life {padding:0 1.6rem;}
	.benefit-list li .text {font-size:2.1rem;}
	.benefit-list li .text-sub {font-size:1.7rem;}
	.together-list {margin:5rem 0 0;}
	.together-list .type02 {flex-direction: column; gap:3.5rem; margin:2rem 0;}
	.together-list .mt {margin-top:0;}
	.together-list .type03 {flex-direction: column; gap:2rem; margin-top:2rem;}
	.together-list .text {font-size:4rem;}
	.together-list .text-sub {font-size:1.7rem;}
	.recruit-peoples {padding:0 1.6rem 5rem;}
	.recruit-peoples .top-text {padding-top:0; font-size:1.7rem;}
	.recruit-peoples .top-text h2 {font-size:4rem;margin-bottom: 2rem;}
	.peoples-list .first {flex-direction: column; gap:2rem;}
	.peoples-list{position:relative;  margin: 6rem 0;}
	.peoples-list .first h3 {display:none;}
	.peoples-list .list {margin-top:2rem;}
	.peoples-list .list:nth-child(even) {margin-top:2rem;}
	.peoples-list .list a {width:100%;}
	.peoples-list .list .img {width:100%; height:25rem;}
	.peoples-list .list a:before{border-bottom: 1rem solid transparent; border-top: 1rem solid #fff; border-left: 1rem solid #fff; border-right: 1rem solid transparent;}
	.peoples-list .list .text{font-size:1.7rem;margin-top: 1rem;}
	.peoples-list .list .text-sub{font-size:1.5rem;}
	.sub-top-area.rct .wrap {padding: 14rem 2rem;}
	.rct.sub-content .wrap {padding:5rem 1.6rem;}
	.rct .search-wrap{flex-direction: column;gap: 2rem;}
	.rct .search-wrap .select-box{width: 100%;}
	.rct .rc-cate{gap:2rem;margin-bottom: 3rem;}
	.rct .rc-cate li{font-size:1.7rem;}
	.rc-list li .rc-title{font-size:2.1rem;}
	.rc-list li a{padding:3rem 2rem;}
	.rc-list {margin-left:0; flex-direction: column;}
	.rc-list li {width:100%; height:auto; margin:0;}	
	.rc-list li .rc-date {bottom:unset; right:3rem; top:3rem;}
	.rct-ok .wrap{width:100%;}
	.rct-ok .wrap h5{font-size:3rem;}
	.rct-ok .wrap p{font-size:1.5rem;}
	.rct-ok .wrap .btn-black{width:70%;}
	.agree-box #chkAgree{width:1.8rem;height:1.8rem;margin-right: .2rem;border-radius: .4rem;}
	.agree-box label{font-size:1.5rem;}
	.bottom-ctrl-aply{gap:3rem;}
	.agree-box textarea{font-size:1.2rem;height: 10rem;}
	.detail-container.rct .title-area {width:100%;}
	.detail-container.rct .title-area a {position:static; margin-top:2rem; padding:0 5rem;}
	.detail-container.rct .note-contents {width:100%; margin:3rem auto 0;}
	.detail-container.rct .title-area .info{font-size:1.5rem;}
	.detail-container.rct .note-contents dl {margin-top:2rem;}
	.detail-container.rct .note-contents dl dt {margin:3rem 0 1rem;}
	.detail-container.rct .note-contents dl dd{font-size:1.5rem;}
	.detail-container.rct .note-contents a { margin-bottom:2rem;}
	.detail-container.rct .note-contents .notice {margin:3rem 0 1rem;}
	.story-swiper .swiper-slide .text{font-size:1.7rem; margin:1rem 0 0.5rem;}
	.sub-content.info {padding:0rem 1.6rem 5rem;}
	.sub-content.info .article01 ul {gap:1rem; flex-wrap:wrap; margin-bottom:1rem;}
	.sub-content.info .article01 ul li {width: 100%;height: auto;font-size:1.7rem;padding: 2rem;border-radius: 0; font-weight:600;}
	.sub-content.info .article01 ul li+li::before {display:none;}
	.sub-content.info .article01 .tail{font-size:1.3rem;}
	.sub-content.info .article02 {padding: 6rem 0;}
	.sub-content.info .article02 .txts {padding:2rem 0;}
	.sub-content.info .article02 .imgs {gap:2rem; flex-direction: column;}
	.sub-content.info .article02 .imgs .img-box:last-child {margin-top:0;}
	.sub-content.info .article02 .imgs .img-box{height:19rem;}
	.sub-content.info .article03 .txt {padding:2rem 0 5rem;}
	.sub-content.info .article02 .txts p{font-size:1.7rem;}
	.sub-content.info .article03 .txt p + p{margin-top:1.5rem;}
	.faq-list {margin-bottom:1rem;}
	.faq-list li dt,
	.faq-list li dd {padding:2rem; font-size:1.7rem;}
	.img-box::before{    border-bottom:1rem solid transparent; border-top:1rem solid #fff;  border-left:1rem solid #fff; border-right: 1rem solid transparent;}
	.exhibition-detail .detail-container{padding:0;}
	#nav-buttons{width:20rem; left: calc(50% - 10rem); bottom:5%;}
	#nav-buttons button{width:5rem; height:5rem;}
	.modal-txt{width:100%;padding: 2rem;}
	.modal-img-wrap, .modal-video-wrap{padding:2rem; display:block;height: auto;}
	#modal-title{font-size:2.1rem; margin-bottom:2rem;}
	#modal-prize{font-size:1.7rem; margin-top:0; margin-bottom:1rem;}
	#modal-name{font-size:1.7rem;}
	.modal-close{width:2rem; height:2rem; right:2rem; top:2rem;}
	#modal-sub{word-break: keep-all;max-height: auto;width:100%;}
	.ex-list .ex-title{font-size:1.7rem; font-weight:600;}
	.exhibition .sub-top-area .wrap{margin-bottom: 0;}


	
.ex-list li:nth-child(3n) {
    margin-top: 0;
}
	
	/*introduce*/
	.introduce .sub-top-area dl dt{font-size:2.1rem; margin:3rem 0 1rem;}
	.introduce .sub-top-area dl dd{font-size:1.5rem;}
	.introduce .sub-top-area .wrap{padding-bottom: 10rem;}
	.introduce .section01 .section-tit h3{font-size:4.5rem;}
	.introduce .section01{margin:5rem ;}
	.introduce .slowed-image + .slowed-image{margin-top:-25%;}
	.introduce .slowed-image{height:auto;}
	.introduce .slowed-image .imgVid{width:48% !important;}
	.introduce .section01 .section-tit p{display:none;}
	.introduce .section02 .txt{width:90%;}
	.introduce .section02 .txt h3{font-size:5rem;margin-top: 0;justify-content: center;}
	.introduce .section02 .txt strong{font-size: 2.1rem;margin-top: 2rem;}
	.introduce .section02 .txt h3 span{font-size:2.1rem;margin-left: .7rem;}
	.introduce .section02 .txt p{font-size: 1.5rem;word-break:keep-all;}
	.introduce .section03 .kr-txt{position:relative;top: 0;height: auto;font-size: 3rem;margin-bottom: 3rem;}
	.introduce .section03{margin:6rem 0;padding: 0 1.6rem;}
	.introduce .section03 .brand-txt-layout003 dd span{margin-left:0;font-size: 1.5rem;}
	.introduce .section03 .brand-txt-layout003 dd h4{font-size:2.1rem;}
	.introduce .section03 .brand-txt-layout003 dd div+div{margin-top:3rem;}
	.introduce .section03 ul li{font-size:1.5rem;}
	.introduce .section04 .wrap{padding: 6rem 1.6rem;margin: 0;}
	.introduce .section04 .txt{font-size:2.1rem;word-break: keep-all;margin-bottom: 3rem;}
	.introduce .section03 ul li::before{top:0.5rem;}
	.introduce .section05 .wrap{padding:6rem 1.6rem;}
	.introduce .section05 .tit h3{font-size:4.5rem;}
	.introduce .bg-container { height: 40vh;}
	.introduce .section02 .txt{ display: block; position: relative; filter: blur(0px); left:0; top:0; transform:none;}
	.introduce .section05 .tit p{font-size:1.7rem;}
	.introduce  .keg-pf .img-box{height: 24rem;}
	.introduce .parallax{background-attachment: inherit; }
	.keg-pf{flex-direction: column; margin-top:3rem; gap: 0;}
	.keg-pf .img-box::before {border-top: 1rem solid #0c0c0c; border-left: 1rem solid #0c0c0c;}
	.keg-pf .downloads{width:100%;}
	.keg-pf .profile{padding: 3rem 0;}
	.keg-pf .profile p {font-size: 1.7rem;  margin-bottom: 2rem;}
	.keg-pf .profile div a{padding:0; padding-left:2rem;}
	.history .parallax{background-attachment: inherit;}
	.history .pr-container .txt.txt02 h3, .history .pr-container .txt.txt01 h3{font-size:6rem;}
	.history .pr-container .txt.txt01 p, .history .pr-container .txt.txt02 p{font-size:1.6rem; width: 90%;}
	.history .pr-container .animation-line{display:none;}
	.history .bg-container:first-child .parallax{background-position: 85%;}
	.history .pr-container .txt.left{left:2rem;width: 100%;}
	.history .pr-container .txt h3{font-size:7rem;}
	.history .pr-container .txt p{font-size:1.6rem; width: 80%;margin-top: 2rem;}
	.history .pr-container .txt04 p{word-break:keep-all;}
	.history .pr-container .txt04 p br{display:none;}
	.history-content{ width:100%;flex-direction: column;margin: 3rem 0;}
	.history-content .history-tit h3{font-size: 6rem;}
	.history-content > div{width:100%;}
	.history-content .history-col dl dt, .history-content .history-col dl dd{font-size:1.7rem;}
	.history-content .history-col dl{padding:1.5rem 0;}
	.history-content .history-tit p{font-size:2.1rem;margin-bottom: 2rem;}
	div.history-item + div{margin-top:3rem;}
	.history .bg-container, .history .txt-container{height:70vh;}
	.scroll-pin-spacer{height:300vh;}
	.history .sub-content{margin-top: -20vh;}
	.sub-top-text{font-size:1.7rem;}
	.substainable02.global .article03 .img-box {margin-top:5rem;}
	.substainable02.global .article03 .sub-container {width:auto; margin:2rem auto 0;}
	.substainable02.global .article03 h5 {font-size:2.1rem;}
	.substainable02.global .article03 .btn-arrow {margin-top:5rem;}
	.substainable02.global .article01 .title-wrap .sub{font-size:1.5rem;}

	/*privacy*/
	.privacy .sub-top-title{font-size:2.1rem; margin-bottom:3rem;}
	.partner .sub-top-title{font-size:2.1rem; margin-bottom:3rem;}
	.partner .partner-inform h3{font-size:1.7rem; word-break:keep-all;}
	.propose-table{font-size:1.5rem;}
	.privacyTable{font-size:1.2rem;}
	.tomorrowSlider .gry-list li {width:30rem; margin:0 auto;}
	.tomorrowSlider .gry-list li strong{display:none;}
	.gry-list.swiper-wrapper{height:auto;}
	.library-detail {    width: 100%;    padding: 0 2rem 2rem;}
	.library-detail-header {width:100%; margin:8rem auto ;}
	.library-detail-img.width-full  {width:100%;}
	.library-detail-img img {width:100%;}
	.width-1200{width:100%; margin:4rem auto;}
	.slide-cat .library-detail-header {width:100rem; margin:0rem 0;}
	.video-contents{width:100%;  margin:8rem auto 0;position: relative;    padding-bottom: 56.25%;    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%;}
	.main-gallery-item li:last-child() {display:none;}
	.gry-list li:last-child { display:none;}


}





@media (max-width:640px) {
	.site-map .site-container .list.top {position:fixed; width:100%; background:#fff; z-index:5;}
	.site-map .site-container .list:nth-child(2) {padding-top:10rem;}
}