@media (max-width: 768px){}
:root{
    --site-width:100%;
    --site-padding:0;
}
html{font-size:1.3vw}

body{padding-top:11rem}
#hd_wrapper{padding:3rem 2rem ;height:11rem}
#logo img{max-height:5rem}

#inb{display:none}

.gnb{display:none}
.gnb ul > li:not(.gnb_mnal):not(.gnb_search) {display:none}
#gnb .gnb_mnal {display:flex}

#gnb #gnb_1dul{justify-content:flex-end}
#gnb #gnb_1dul > .gnb_1dli:not(.gnb_mnal):not(.gnb_search){display:none}
#gnb .gnb_1dli{line-height:unset}
#gnb .gnb_menu_btn{height:auto;width:auto;font-size:5rem}
#gnb .gnb_close_btn{height:auto;width:auto;font-size:5rem;top:1.5rem;right:1rem}
#gnb_all.active{display:block}
#gnb_all_bg.active{display:block}

#gnb_all{position:fixed;width:50%;min-width:220px;height:100%;top:0;right:0;border:none;text-align:left;overflow: auto}
#gnb_all > h2{height:11rem;font-size:3rem;display:flex;align-items:center}
#gnb_all .gnb_al_li{width:100%;min-height:auto;padding:2rem 2rem}
#gnb_all .gnb_al_li > a{padding-left:1rem}
#gnb_all .gnb_al_li li> a{padding-left:1rem}
#gnb_all .gnb_al_li .gnb_al_a{font-size:3rem;margin-bottom:0;color:#191919;font-weight:500}

#gnb .gnb_search {display:flex}
#gnb .gnb_search > .search {color: #ffffff;
    display: flex;
    font-size: 2.6rem;
    letter-spacing:0;
    margin-right: 1rem;}
    #gnb .gnb_search > .search:hover{color:#ffffff}


#container_title > span{font-size:2.3rem;width:auto;flex:1}

.gnb-sub {grid-template-columns: repeat(2,1fr);}

#main_image .splide__slide img{object-fit: cover;aspect-ratio: 1/1;height:auto}
#main_image .main-button-group > img{width:66rem}
#main_image .main-button{display:grid;width: 70rem;gap:2rem}
#main_image .main-button > a{width:auto}
#main_image .main-button > a > div{width:100%}
#main_image .main-button > a > div > img{width:5rem}

/* 서비스 */
.main-service{grid-template-columns:repeat(2,1fr)}
.main-service > div.etc > .title{margin-top:1.5rem;margin-bottom:1rem}
.main-service > div > .title {height:9rem;}    
.main-service > div > .title > span{font-size:4.5rem;}
.main-service > div > .sub > span {letter-spacing:-0.05em}
.main-service > div > .sub > span > span{display:block}
.main-service > div > .sub::before{content:'';margin:2rem auto}
.main-service > div > .button > a {border-width:.4rem;margin-top:3rem}

/* 게임회사 */
.company-content{height:auto;padding:6vw 0}
#companySplide .splide__slide{ width:30%;aspect-ratio:1/1;}
#companySplide .splide__slide > a > div{}
#companySplide .splide__slide > a > div  > div > img{height:6vw;margin-top:2vw}
#companySplide .splide__arrows{margin-top:2vw;gap:2vw}
#companySplide .splide__arrow{width:10vw;height:10vw;}
#companySplide .splide__arrow--next > div::after{width:3vw;height:3vw;}
#companySplide .splide__arrow--prev > div::after{width:3vw;height:3vw;}

/* 미디어 */
.main-media #youtubeSlide .content .utube-title2 {font-size:3.5rem;margin-bottom:5rem}
.main-media .utube-link-group{bottom:2rem}
#youtubeDiv{width:100%}



#ft{height:auto}
#ft_wr{display:grid;padding:3rem;font-size:2.4rem}
#ft_info{gap:2rem}
#ft_address{display:grid}
#ft_info img {max-height:5rem}
#ft_site{display:inline-flex;margin:3rem auto 0;}
#ft_site > a > img{max-height:4rem;}
#ft_link {gap:3rem}
#top_btn{height:5rem;width:5rem;line-height:unset}

/* 내용 */
.section{width:calc(100% - 4rem);margin:0 2rem}

/* 지점안내 */
.section-image{width:100%}
.section-content dl{grid-template-columns:repeat(1,1fr)!important}
.section-content dl > dt{grid-column: 1 span!important}

.section-content dl.image{grid-template-columns:repeat(2,1fr)!important;gap:3rem!important}


/* */
#info_slide .splide__slide .slide-image{width:calc(100vw - 6rem)}
#info_slide .splide__slide .slide-content{width:calc(100vw - 6rem)}
#info_slide .splide__arrow svg  { transform:scale(3);fill:#ffffff}
#info_slide .splide__arrow--prev svg { transform: scaleX(-1) scale(3)}
#info_slide .splide__arrow--next {right:calc(50% - 30.5rem)}
#info_slide .splide__arrow--prev {left:calc(50% -  30.5rem)}
#info_slide .splide__arrow{top: 42.5rem}

.splide[id^='camp_slide'] .splide__slide .slide-image{width:calc(100vw - 10rem)}
.splide[id^='camp_slide'] .splide__arrow--next {right:calc(50% - 32rem)}
.splide[id^='camp_slide'] .splide__arrow--prev {left:calc(50% - 32rem)}

/* 개요 */
.intro-summary{width:100%}
.is-content{align-items: center}
.is-con2{line-height:1.2em}
.is-con3{margin-top:1rem}

/* 이사장 인사말 */
.intro-greeting {background-position:center bottom; margin:0 auto}
.intro-greeting > div > div > div{padding:0 2rem}
.intro-greeting .ig-content{margin-bottom:5rem}
.intro-greeting .ig-sign{margin-bottom:70rem;text-align:center}
.intro-greeting .ig-sign > div {text-align:center}
.intro-greeting{width:100%}
.intro-greeting h2{font-size:10rem}
.intro-greeting h3{font-size:4rem;font-weight:400;font-style: italic;text-align:center}

.img_r{width:100%}
/* 팝업 */
#hd_pops_1{top:1rem!important;left:1rem!important}
.hd_pops_con{max-width:calc(100vw - 2rem)!important;width:100%!important;height:auto!important;aspect-ratio:1/1}
.hd_pops_footer{font-size:2rem}


/* 비지니스 > 게임과몰입힐링센터 운영 */
.map{grid-template-columns:repeat(1,1fr);gap:5rem;padding:0;background:none}
.map > li > .card > h2{font-size:3rem}
.map > li > .card{width:100%}
.map > li > .card > .card-link{font-size:1.8rem}
.map > li > .card > .card-address{font-size:2rem}
.map > li > .card > .card-tell{font-size:2rem}


/* 재단소개 > 오시는길 */
#map{height:400px;}
.map-search{position:relative;left:0;top:0;bottom:0;width:100%;box-shadow:none}

.map-content{font-size:2rem}
.map-content > h2 {font-size:2.2rem}
.map-content > div {line-height:1.2em}

.map-popup{font-size:2.1rem}
.map-popup > h2 {font-size:2.3rem}
.map-popup > div {line-height:1.2em}
.map-popup > button{font-size:2.4rem}