@charset "utf-8";

img {max-width:100%;}

.main {position:relative;}
.main section {padding-top:60px;}

.ellipsis {position:relative; display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellipsisMulti {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; box-orient:vertical; -webkit-box-orient:vertical; word-break:keep-all; line-height:1.4em;}


.rowGroup > div {display:block; float:left; height:100%;}
.mainTit {font-size:var(--krds-fz-heading-md); font-family:'ArteBasic', sans-serif; line-height:1;}
.mainTit2 {font-size:var( --krds-fz-body-xxlg); font-weight:700; line-height:1; white-space:nowrap;}
.arteTit {position:relative; margin-bottom:24px; padding-left:102px;}
.arteTit::before {content:''; position:absolute; left:18px; top:50%; transform:translateY(-50%); width:72px; height:26px; background-image:url('../images/main/arte_bi.png'); background-repeat:no-repeat; background-size:contain;}
.arteTit::after {content:''; display:block; width:4px; height:30px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:linear-gradient(180deg, var(--arte-primary-50) 0%, var(--arte-primary-50) 50%, var(--arte-primary-80) 50%, var(--arte-primary-80) 100%);}

/* slider */
.slick-slider {position:static;}
.slider-indicator {position:absolute; bottom:0; right:0; display:flex; align-items:center; justify-content:flex-end; flex-direction:row; gap:8px; text-align:right;}
.slider-indicator button {width:32px; height:32px; box-shadow:4px 2px 8px var(--krds-gray-10); background-color:var(--krds-white); border:1px solid var(--krds-gray-30); border-radius:8px;}
.slider-indicator button::after {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center;}

.slider-indicator .slider-button-prev,
.slider-indicator .slider-button-next {position:static; margin-top:0;}

.slider-indicator .slider-button-prev::after{background-image:url('../images/main/ico_slide_prev.png');}
.slider-indicator .slider-button-next::after {background-image:url('../images/main/ico_slide_next.png');}
.slider-indicator .pagination-fraction {margin-right:8px; font-size:var(--krds-fz-body-sm); font-weight:700;}
.slider-indicator .pagination-fraction .current {color:var(--arte-primary-60);}
.slider-indicator .pagination-fraction .total {position:relative; padding-left:28px; color:var(--krds-gray-60);}
.slider-indicator .pagination-fraction .total::before {content:''; display:inline-block; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:100%; background-color:var(--krds-gray-40);}
.slider-indicator .slider-controller {line-height:1;}
.slider-indicator .slider-controller .slider-button-play::after {background-image:url('../images/main/ico_slide_play.png');}
.slider-indicator .slider-controller .slider-button-stop::after {background-image:url('../images/main/ico_slide_stop.png');}
.pagination-bullet {position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:8px; line-height:1;}
.pagination-bullet li {padding:0 2.5px;}
.pagination-bullet button {width:12px; height:12px; border-radius:100%; background-color:var(--krds-gray-50); font-size:0;}
.pagination-bullet .slick-active button {width:32px; height:12px; border-radius:6px; background-color:var(--arte-primary-50);}

.pagination-bullet li button:focus-visible {outline-offset:2px;}

.slider-indicator.white .slider-button-prev::after{background-image:url('../images/main/ico_slide_prev_white.png');}
.slider-indicator.white .slider-button-next::after {background-image:url('../images/main/ico_slide_next_white.png');}
.slider-indicator.white .slider-controller .slider-button-play::after {background-image:url('../images/main/ico_slide_play_white.png');}
.slider-indicator.white .slider-controller .slider-button-stop::after {background-image:url('../images/main/ico_slide_stop_white.png');}

/* slider focus */
.slick-slide > a:focus-visible {outline:0;}
.slick-slide > a:focus-visible::after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:2px dashed var(--arte-primary-60); border-radius:10px; box-shadow:-4px -4px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #ffff, 4px -4px 0 #fff, 0 -4px 0 #fff, 0 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff; z-index:999999999;}

/* tab */
.tab {position:absolute; top:7px; margin-left:42px;}
.tab ul {display:inline-flex; align-items:center; justify-content:center; flex-direction:row; gap:16px; white-space:nowrap;}
.tab .btnTab {position:relative; padding-left:18px; color:var(--krds-gray-60); font-size:var(--krds-fz-title-lg); font-weight:700;}
.tab .active .btnTab {color:var(--arte-secondary-50);}
.tab .active .btnTab::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:100%; background-color:var(--arte-primary-50);}

.tabConWrap .tabCon {display:none;}
.tabConWrap .tabCon.active {display:block;}

/* btn */
.btnMore {position:absolute; top:-3px; right:0; width:42px; height:42px; box-shadow:4px 2px 8px var(--krds-gray-10); background-color:var(--krds-white); background-image:url('../images/main/ico_plus1.png'); background-repeat:no-repeat; background-position:center; border:1px solid var(--krds-gray-30); border-radius:8px;}
.btnMore.white_md {width:24px; height:24px; box-shadow:none; background-color:transparent; background-image:url('../images/main/ico_plus1_white.png'); border:none; border-radius:0;}
.btnMore.white_md:focus-visible {outline-color:var(--krds-white);}

/* board */
.boardList .title {font-size:var(--krds-fz-body-lg); font-weight:700;}

/* img */
.thumb {position:relative; overflow:hidden; display:block; width:100%; height:100%;}
.thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:100%; height:100%; margin:0 auto; object-fit:cover;}

/* 배너 영역 */
.main .banner {padding-top:32px;}
.banner .mainBanner {position:relative;}
/* 페이지 로딩 전 깨진 이미지 보이지 않게 */
.banner .bannerList {width:100%; padding-bottom:48px; opacity:0; visibility:hidden; transition:opacity 0.1s ease; -webkit-transition:opacity 0.1s ease;}
.banner .bannerList.slick-initialized {visibility:visible; opacity:1;}
.banner .bannerItem {overflow:hidden; position:relative; width:1500px; height:460px;}
.banner .bannerItem > a {display:block; width:100%; height:100%; /*box-shadow:4px 0 24px var(--krds-gray-5); border:1px solid var(--arte-secondary-20);*/ outline:none;}
.banner .bannerItem img {width:100%; height:100%;}

.bannerItem .bannerLink {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:17px;}
.bannerItem .bannerLink a {display:flex; align-items:center; justify-content:center; width:215px; height:45px; border:1px solid var(--arte-blue); border-radius:22px; background-color:var(--krds-white); padding:13px 0; color:var(--arte-blue); font-size:var(--krds-fz-link-lg); font-weight:700;}

/* 배너 그림자 적용 수정 */
.banner .inner {overflow:hidden; max-width:1540px; padding:0;}
.banner .slick-list {overflow:visible;}
.banner .bannerItem {margin:0 20px; box-shadow:5px 4px 6px var(--krds-gray-40); border:1px solid var(--krds-gray-40);}

.banner .bannerItem,
.banner .bannerItem > a,
.banner .bannerItem img,
.banner .slick-slide > a:focus-visible::after {border-radius:36px;}

.banner .slider-indicator {right:20px;}



/* 아르떼 소식 영역 */
.main .arteContents {padding-top:48px;}
.arteContents .inner {display:flex; height:380px;}
.arteNews {position:relative; flex-grow:1;}

.arteNews .tab {left:160px;}

.arteNews .boardList {border-top:2px solid var(--krds-gray-50);}
.arteNews .boardList li {position:relative; padding:18px 0; padding-left:8px; padding-right:5px; border-bottom:1px solid var(--krds-gray-40);}
.arteNews .boardList .title {position:relative; max-width:75%; padding-left:18px; color:var(--krds-gray-80); font-size:var(--arte-fz-body); line-height:1;}
.arteNews .boardList .title:hover,
.arteNews .boardList .title:focus {text-decoration:underline;}
.arteNews .boardList .title::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:100%; background-color:var(--arte-primary-50);}
.arteNews .boardList .date {position:absolute; right:5px; top:50%; transform:translateY(-50%); color:var(--krds-gray-60); font-size:var(--arte-fz-body);}

/* 아르떼 패밀리 영역 */
.arteFam {flex-shrink:0; position:relative; overflow:hidden; width:342px; margin-left:40px; border-radius:16px; background-color:var(--arte-secondary-50); padding:36px 28px; color:var(--krds-white);}
.arteFam::before {content:''; display:block; position:absolute; right:-86px; bottom:-40px; width:400px; height:400px; background:rgba(255,255,255, 0.06); border-radius:50%;}
.arteFam .in {position:relative;}
.arteFam .mainTit {margin-left:14px; margin-bottom:18px; font-size:var(--krds-fz-title-xlg);}
.arteFam .svcList a {display:block; width:100%; height:100%; border-bottom:1px solid var(--arte-secondary-40); padding:19px 16px; transition:all .2s ease-in-out;}
.arteFam .svcList a:hover,
.arteFam .svcList a:focus {background-color:var(--arte-secondary-60); transition:all .2s ease-in-out;}
.arteFam .svcList .svcName {position:relative; padding-left:40px;}
.arteFam .svcList .svcName::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; background-repeat:no-repeat; background-size:contain;}
.arteFam .svc1 .svcName::before {background-image:url('../images/main/main_menu_ico1.png');}
.arteFam .svc2 .svcName::before {background-image:url('../images/main/main_menu_ico2.png');}
.arteFam .svc3 .svcName::before {background-image:url('../images/main/main_menu_ico3.png');}
.arteFam .svc4 .svcName::before {background-image:url('../images/main/main_menu_ico4.png');}

.arteFam .btnMore {top:-2px;}


/* 공모･입찰 소식 영역 */
.arteProgram .inner {position:relative; padding-bottom:48px;}
.arteProgram .arteTit {margin-bottom:28px;}
.arteProgram .tab {left:240px;}

.arteProgram .boardList {width:calc(100% + 24px);}
.arteProgram .boardList .boardItem {margin-right:24px;}
.arteProgram .boardList a {position:relative; display:block; width:100%; height:100%; box-shadow:4px 8px 8px var(--krds-gray-5); border:1px solid var(--krds-gray-20); border-radius:16px; background-color:var(--krds-white); padding:36px 28px;}
.arteProgram .boardList a:focus-visible {outline:0;}
.arteProgram .boardList a::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%;border:2px solid var(--arte-primary-50); border-radius:16px; opacity:0; transition:all .2s ease-in-out;}

.arteProgram .boardList a:hover .title,
.arteProgram .boardList a:focus .title {text-decoration:underline;}

.arteProgram .boardList a:hover::after,
.arteProgram .boardList a:focus::after {opacity:1; transition:all .2s ease-in-out;}
.arteProgram .boardList .conTxt {position:relative; letter-spacing:-0.4px;}
.arteProgram .boardList .type {margin-bottom:24px; font-weight:700;}
.arteProgram .boardList .title {margin-bottom:68px;}
.arteProgram .boardList .state {position:absolute; top:0; right:0; border-radius:15px; padding:4px 16px; color:var(--krds-white); font-weight:700;}
.arteProgram .boardList .state.ing {background-color:var(--krds-teal-70);}
.arteProgram .boardList .state.result {background-color:var(--krds-royalblue-70);}
.arteProgram .boardList .state.finish {background-color:var(--krds-gray-20); color:var(--krds-gray-80);}

.arteProgram .boardList .type,
.artePRogram .boardList .period {color:var(--krds-gray-70);}

.arteProgram .boardList .state,
.arteProgram .boardList .period {font-size:var(--krds-fz-body-sm);}


/* 아르떼 문화예술교육사업 안내 영역 */
.arteBiz .mainTit {display:inline-block; margin-bottom:26px;}
.arteBiz .bizList {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:24px;}
.arteBiz .bizList a {display:flex; align-items:flex-start; justify-content:space-between;  width:100%; height:100%; min-height:168px; border:1px solid var(--krds-gray-30); border-radius:16px; background-color:var(--arte-secondary-10); padding:30px 28px;}

.arteBiz .bizList .bizTit {display:inline-block; font-size:var(--krds-fz-title-xlg); font-weight:700; line-height:0.9;}
.arteBiz .textArea p {margin-top:12px; color:var(--krds-gray-60); font-size:var(--krds-fz-body-sm);}

.arteBiz .bizIcon {width:48px; height:48px; background-repeat:no-repeat; background-size:contain; }
.arteBiz .bizItem1 .bizIcon {background-image:url('../images/main/arte_biz_icon1.png');}
.arteBiz .bizItem2 .bizIcon {background-image:url('../images/main/arte_biz_icon2.png');}
.arteBiz .bizItem3 .bizIcon {background-image:url('../images/main/arte_biz_icon3.png');}
/*.arteBiz .bizItem4 .bizIcon {background-image:url('../images/main/arte_biz_icon4.png');}*/
.arteBiz .bizItem5 .bizIcon {background-image:url('../images/main/arte_biz_icon5.png');}
/*.arteBiz .bizItem6 .bizIcon {background-image:url('../images/main/arte_biz_icon6.png');}*/


.arteBiz .bizList a:hover {background-color:var(--arte-primary-60); transition:all .3s ease-in-out;}
/*.arteBiz .bizList a:hover .bizTit {border-bottom:1px solid var(--krds-white);}*/
.arteBiz .bizList a:hover .bizTit,
.arteBiz .bizList a:hover p {color:var(--krds-white);}

.arteBiz .bizItem1 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon1_on.png');}
.arteBiz .bizItem2 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon2_on.png');}
.arteBiz .bizItem3 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon3_on.png');}
/*.arteBiz .bizItem4 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon4_on.png');}*/
.arteBiz .bizItem5 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon5_on.png');}
/*.arteBiz .bizItem6 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon6_on.png');}*/



/* 아르떼 미디어 영역 */
.arteMedia .mainTit {display:flex; align-items:center; padding-left:98px;}
.arteMedia .mainTit .snsLogo {margin-left:16px;}

.arteMedia .thumb img {transition:all .3s ease-in-out;}
.arteMedia a:hover img,
.arteMedia a:focus img {transform:translate(-50%, -50%) scale(1.1); transition:all .3s ease-in-out;}

.arteMedia a:hover .title,
.arteMedia a:focus .title {text-decoration:underline;}

.arteYoutube {width:calc(100% - 332px - 24px); margin-right:24px;}
.arteMedia ul li a {display:block;}
.arteYoutube .vidList {display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
.arteYoutube .vidList li {width:49%;}
.arteYoutube .vidList .title {max-width:96%; margin-top:12px; font-size:var(--krds-fz-body-lg); font-weight:700;}
.arteYoutube .thumb {height:295px; box-shadow:4px 8px 20px var(--krds-gray-10); border:1px solid var(--arte-secondary-20); border-radius:15px;}

.arteSNS {width:332px;}
.arteSNS .mainTit {margin-bottom:18.5px;}
.arteSNS .snsList li {position:relative;}
.arteSNS .thumb {height:327px; box-shadow:4px 8px 20px var(--krds-gray-10); border-radius:15px;}
.arteSNS  .snsList *[class*="ico-"] {position:absolute; top:10px; right:10px; width:48px; height:48px; background-repeat:no-repeat; background-size:contain; z-index:1;}
.arteSNS  .snsList .ico-instagram {background-image:url('../images/main/ico_sns_instagram.png');}
.arteSNS  .snsList .ico-youtube {background-image:url('../images/main/ico_sns_youtube.png');}
.arteSNS  .snsList .ico-facebook {background-image:url('../images/main/ico_sns_facebook.png');}
.arteSNS  .snsList .ico-blog {background-image:url('../images/main/ico_sns_blog.png');}


/* 아르떼 서비스 영역 */
.main .svcBanner {margin-top:80px; background-color:var(--arte-secondary-50); padding:16px 0;}
.svcBanner .inner {position:relative; display:flex; align-items:center; justify-content:flex-start; flex-direction:row; gap:46px;}
.svcBanner .mainTit2 {color:var(--krds-white);}
.svcBannerList {overflow:hidden; margin-right:142px;}
.svcBannerList li {overflow:hidden; position:relative; margin-right:24px; border-radius:8px;}
.svcBanner .slider-indicator {top:50%; transform:translateY(-50%);}
.svcBanner .slider-indicator button{box-shadow:none;}
.svcBanner .slider-indicator button:focus-visible {outline-color:var(--arte-secondary-20); outline-offset:2px;}



/* 메인페이지 팝업 (통합검색) */
.popup_Area{ position:fixed; top:0; left:0;  margin:0; z-index:999; width:100%; height:100%; box-sizing:border-box; display:block; }
.popup_Area.off{ display:none !important; }
.layer_img {   position:absolute;  border-bottom:2px solid #e9eaec;background-color:#0a63b0;  height:40px;  overflow:visible;  z-index:999;  top:105px;  left:485px }
.layer_img .btn_close {  position:absolute;right:12px;  top:12px;  float:right;  cursor:pointer;  }
.layer_img .btn_close img {   height:10px;  width:10px}
.layer_img .layer_title  {  border-bottom:1px solid #e9eaec;background-color:#0a63b0;  overflow:hidden;  z-index:30;  width:100%;  padding:7px 0;  }
.layer_img .layer_title h1 {  color:#fff;font-size:14px;font-family: NGBold, NanumGothic, NGNormal, "돋움", Dotum;  display:inline-block;  vertical-align:3px }
.layer_img .layer_content  {   position:relative;  }
.layer_img .layer_box  {   position:relative;  top:0px;  background:#fff;  border:1px #CCC solid;  }
.layer_img .layer_txt  {   color:rgb(100,100,100);  font-size:1.05em;  font-weight:bold;  position:relative;  left:30px;  top:25px;  height:20px }
.layer_img .cont {   position:relative;  padding:20px;  border-top:1px solid #ccc;  overflow-y:auto;  display:inline-block;  }

.layer_box table {   margin:0px 20px;  }
.layer_img .layer_txt em {   color:rgb(253,56,72);  letter-spacing:-0.5px }
.alert_icon  {  background:url(../images/mng/ic_alert2.gif) no-repeat 0 50%;  margin-left:15px;  margin-right:10px;  width:16px;  height:16px;  display:inline-block ;  }
.layer_code {   position:absolute;  background:#ffffff;  width:120px;  min-height:120px;  overflow:visible;  z-index:999;  border:2px solid #d6e1ec;  margin-left:180px;  margin-top:80px}
.layer_code ul {   margin:10px;  margin-top:25px;  height:auto}
.layer_code ul li {    padding-left:8px;  font-weight:600}
.layer_code .btn_close {  position:absolute;  right:12px;  top:12px;  float:right;  cursor:pointer;  }

.layer_preview {  position:absolute;  z-index:999;  top:0px;  left:0px;  background:#fff;  clear:both;  display:inline-block;  border:1px solid #b0b0b0;  width:350px;  height:400px;  z-index:777}
.layer_preview .preview {  overflow-y:auto}
.layer_preview .preview .tit {   position:relative;   width:100%; display:inline-block;    padding: 10px 15px;   background:#404950;  color:#fff;  box-sizing:border-box;  font-size:14px;  font-weight:600;  border-bottom:1px dashed #d0d0d0;     }
.layer_preview .preview .cont {  box-sizing:border-box;  clear:both;  display:inline-block;  margin:auto;  width:100%;  height:100%;   text-align:left;  line-height:150%;  }
.layer_preview .preview .concon { padding:15px; }
.layer_preview .preview .image {   position:relative;  padding:0;  margin:0;  overflow:auto;  }
.layer_preview .preview .image img {  }

.ctrl_btn{border-top:1px solid #f1f1f1;text-align:center;padding:10px 0px 0 0;height:36px;position:absolute;bottom:0;left:0;right:0;line-height:21px;overflow:hidden;color:#000; }
.ctrl_preview{ border-top:1px solid #f1f1f1;text-align:center;padding:10px 0px 0 0;height:36px;position:absolute;bottom:0;left:0;right:0;line-height:21px;overflow:hidden;color:#000; }
.ctrl_input{padding:10px 0;  background:#fcfcfc;  height:30px; border-bottom:1px dashed #d0d0d0; }

.layer_preview .ctrl_btn {  border-top:1px solid #c0c0c0;  text-align:right;  padding:10px 10px 0px 0px;  height:40px;  bottom:0;  left:0;  right:0;line-height:21px;overflow:hidden;color:#000;  background:#fff;  }



/* 25.03.11 사업소개 영역 현행화 */
/*.arteBiz .bizList a {min-height:148px;} */
.arteBiz .bizList .bizTit span {line-height:1.2;}
.arteBiz .bizList a .bizTit span.br {display:block;}
.arteBiz .bizList a:hover .bizTit span {border-bottom:1px solid var(--krds-white);}
.arteBiz .bizItem4 .bizIcon {background-image:url('../images/main/arte_biz_icon7.png');}
.arteBiz .bizItem6 .bizIcon {background-image:url('../images/main/arte_biz_icon8.png');}
.arteBiz .bizItem4 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon7_on.png');}
.arteBiz .bizItem6 a:hover .bizIcon {background-image:url('../images/main/arte_biz_icon8_on.png');}




/* PC/Desktop */
@media all and (max-width:1920px) {

}

@media all and (max-width:1500px) {
    /* 아르떼 소식 */
    .arteNews {width:50%;}

    /* 공모･입찰 소식 영역 */
    .arteProgram .tab {left:268px;}
    .arteProgram .btnMore {right:24px;}
    .arteProgram .slider-indicator {right:24px;}

    /* 아르떼 서비스 영역 */
    .svcBanner .slider-indicator {right:24px;}    
}

@media all and (max-width:1280px) {
    /*메인*/
    .banner .bannerItem {width:1280px; height:393px;}

	/* 아르떼 문화예술교육사업 안내 영역 */
    .arteBiz .bizList .bizTit {line-height:1.5;}
}


/* Tablet */
@media all and (max-width:1024px) {
    .main section:not(.svcBanner) {padding-top:40px;}

    /* tab */
    .tab {top:2px;}

    /* btn */
    .btnMore {top:0;}

    /*메인*/
    .banner .bannerItem {width:1024px; height:314px;}

    /* 아르떼 소식 영역 */
    .arteContents .inner {flex-wrap:wrap; height:auto;}
    .arteNews {width:100%;}
    .arteNews .tab {left:154px;}

    .arteFam {flex-shrink:1; width:100%; margin-left:0; margin-top:40px;}
    .arteFam::before {bottom:0;}
    .arteFam ul {display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; width:100%;}
    .arteFam ul li {width:calc(100% / 2);}
    .arteFam .svcList a {position:relative;}
    .arteFam .svcList a::after {content:''; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background-image:url('../images/main/ico_slide_next_white.png'); background-repeat:no-repeat; background-size:contain;}

    /* 공모･입찰 소식 영역 */
    .arteProgram .tab {left:252px;}

    /* 아르떼 문화예술교육사업 안내 영역 */
    .arteBiz .bizList {grid-template-columns:repeat(2, 1fr);}

    /* 아르떼 미디어 영역 */
    .arteYoutube .vidList li {width:100%;}
    .arteYoutube .vidList li:last-child {display:none;}
    .arteSNS .snsLogo {margin-top:-8px;}
}

@media all and (max-width:768px) {
    /*메인*/
    .banner .bannerItem {width:768px; height:236px;}

	/* 아르떼 소식 영역 */
    .arteFam {padding:28px 16px;}
    .arteFam ul {flex-wrap:wrap;}
    .arteFam ul li {width:100%;}

    /* 아르떼 문화예술교육사업 안내 영역 */
    .arteBiz .textArea {width:80%;}
    .arteBiz .textArea br {display:none;}

    /* 아르떼 미디어 영역 */
    .arteYoutube {width:100%; margin-right:0;}
    .arteSNS {width:100%; margin-top:40px;}
    .arteSNS .snsList {position:relative;}
    .arteSNS .snsList::before {content:''; display:block; position:absolute; top:28px; left:0; right:0; bottom:0; height:100%; border-radius:64px 64px 28px 28px; background-color:var(--krds-white); box-shadow: 20px 8px 32px 0 rgba(140, 140, 140, 0.2);}
    .arteSNS .snsList li {width:332px; margin:0 auto;}
}


/* Mobile */
@media all and (max-width:600px) {
    .arteTit {padding-left:94px;}
    .arteTit::before {width:66px; height:24px;}
    .btnMore {top:-5px;}

    /* tab */
    .tab {position:static; margin-left:0; margin-top:24px;}
    .tabConWrap {margin-top:24px;}

    /* slider */
    .banner .slider-indicator,
    .arteProgram .slider-indicator {position:static; justify-content:center; margin:12px auto 0; text-align:center;}

    /* 배너 영역 */
    .main .banner {padding-top:24px !important;}
    .banner .bannerList {padding-bottom:0;}
    .banner .bannerItem {width:600px; height:419px;}
    .banner .bannerItem,
    .banner .bannerItem > a,
    .banner .bannerItem img,
    .banner .slick-slide > a:focus-visible::after {border-radius:20px;}

    /* 배너 모바일 이미지 없을 시 세로 가운데 정렬 */
    .banner .bannerItem img {position:absolute; top:50%; transform:translateY(-50%); height:auto; border-radius:0;}
    .banner .bannerItem img.mainBannerSlider {height:100%;}

    /* 공모･입찰 소식 영역 */
    .arteProgram .inner {padding-bottom:0;}
    .arteProgram .tabGroup {margin-top:0;}

    /* 아르떼 문화예술교육사업 안내 영역 */
    .arteBiz .bizList {grid-template-columns:repeat(1, 1fr); grid-gap:12px;}
    .arteBiz .bizList a {min-height:0; padding:24px;}

    /* 아르떼 서비스 영역 */
    .svcBanner .inner {gap:32px;}

    /* 아르떼 미디어 영역 */
    .arteMedia .mainTit {padding-left:90px;}
}

@media all and (max-width:490px) {
    /* 배너 영역 */
    .banner .bannerItem {width:490px; height:336px;}

    /* 공지사항 영역 */
    .arteNews .boardList li {padding:16px 0;}

    /* 아르떼 패밀리 영역 */
    .arteFam .svcList a {font-size:var(--arte-fz-body);}

    /* 아르떼 서비스 영역 */
    .svcBanner .inner {align-items:flex-start; flex-direction:column;}
    .svcBannerList {width:calc(100% + 24px); margin-right:0;}
    .svcBanner .slider-indicator {bottom:auto; top:0; transform:translateY(0);}
}

@media all and (max-width:390px) {
    .arteTit {padding-left:84px !important;}
    .arteTit::before {left:14px; width:62px; height:24px;}

    /* 배너 영역 */
    .banner .bannerItem {width:390px; height:260px;}

	/* 아르떼 소식 영역 */
    .arteNews .boardList .title {max-width:95%;}
    .arteNews .boardList .date {display:none;}

    /* 아르떼 미디어 영역 */
    .arteYoutube .thumb {height:220px;}
    .arteSNS .snsList::before {display:none;}
    .arteSNS .snsList li {width:100%;}
}