@charset "utf-8";
/* CSS Document */

.res{ display:none}

@media screen and (max-width:1440px){
.res.w1400{ display: block}

/* header */
#header{ width: 100%;}

/* 전체메뉴 */

.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 .xi .arrow{ display: none;}

.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 .va_wrap:before{display: none;}

.visualSlide .el .bg{ background-size: cover;}

.mainGreetings .conW{ flex-direction: row-reverse;}
.mainGreetings .conW .letter{ width:60%;}
/* 우리는 > 조직도 */
/* .pageDiv_tit .tit.dot::before{top: 15px;} */
.processWrapper{ display: flex; justify-content: center;}

/* 서포터즈 후원인 */
.top_bg .bg_icon { bottom: 9px; width: 10%;}


/* 페이지 네이션 */
.board_paging{ margin-bottom: 3em;}

.boxSub{ width: 97%;}
.box1{ width: 97%;}

.pin_icon{ padding: 2%;}

#contents{ overflow-x: hidden;}
#contents .doc{ padding: 10vmin 0 8vmin 0;}

.allOn #header .top_wrap .gnb_wrap:before{ di}

/* 창단목적 */


.mainJoin .list, .mainJoin .list > li .in .imgW { height: 40vh;}



/* footer */
#footer .box1 { width: 94%;}

/* 개인정보처리방침 */
html.pop .popWrap{ max-width: 90vw;}

}

@media screen and (max-width:1280px){
.res.w1280{ display: block}
html{ font-size:15px}
#header{ width: 100%;}

.page_tit > .t1{ font-size: 2.09em;}

/* 창단목적 페이지 내용 */
.summary-list-con .txt-con .tit-box dd strong{ font-size: 1.45em;}

#footer .box1 { width: 94%;}
}

@media screen and (max-width:1024px){
.res.w1024{ display: block}
html{ font-size:13px}
/* header */
#header{ width: 100%;}

/* 전체메뉴 */
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2{ flex-direction: row; gap: 1em;}

/* 하위메뉴 열기 */
#contents .sub_top_wrap .subTab .gnb > li > .dp2{ display: none;}

.gnb_wrap{ display: none;}

.mainGreetings .wrapF{ background-size: cover;}
.mainActivity .list > li .in .conW .t1{ font-size: 1em;}
.mainActivity .list > li{ flex: 1 1 30%;}
.mainTit .tt1{ font-size: 1.5em;}
.mainGreetings .conW .btn .st .t1{ font-size: 1.8vw;}
.mainGreetings .conW .letter{ width: 56%; margin-right: 10em;}
/* Special Thanks */
.mainClientSlide .el{ width: calc(24.66% - 18px);}

.board_gallery.d1 > li{ width: calc((100% - 4em) / 3);}

.allOn #header .top_wrap .gnb_wrap:before{ display: none;}

/* 우리는 > 조직도 */
.pageDiv_tit .tit.dot::before{ top: 11px;}

#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap){ background-size: cover;}

#footer .box1 { width: 94%;}

}



@media screen and (max-width:768px){
.res.w640{ display: block;}
html{ font-size:11px}
#header{ width: 100%;}

/* 전체 메뉴 */
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 .va_wrap{ text-align: left; margin-left: 1em;}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: 1.2em;}

.mainMore .arrow:before{ width: 1em;}
.mainMore .arrow .cc{ width: 0.5em; height: 0.5em;}

.mainTit .tt1{ font-size: 1.4em;}




/* 규린이의 인삿말 */
/*.mainGreetings .imgW{ height: calc((100% - -10em) / 4);}*/

.allOn #header .top_wrap .gnb_wrap{ gap: 0.5em;}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1{ padding-left: 1em;}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size: 2em;}

.mainGreetings .conW .letter{ width: 50%; margin-right: 15em;}

/* 창단목적 페이지 내용 */
.summary-list-con .txt-con .tit-box {padding-right: 8em;}

.summary-list-con .txt-con .tit-box dd strong{font-size: 1.55em;}

.gsClass.move.on{ background-size: cover;}

.page_tit > .t1{ font-size: 1.64em;}

/* .processWrapper{ overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; position: relative; position: relative; scroll-snap-type: x mandatory; display: flex; justify-content: center;}  */

/* KYCT요리단 소개 */
.programInfo .info_left{ width: 100%; height: 50em;}
.sub_tab .tab_idx > li{ padding: 1.4em; height: 4.7.6875em;}

/* 찾아오시는 길 */
.map_Wrapper .mapInfoWrap {flex-wrap: wrap; padding: 3em 1.4em;}
.map_Wrapper .mapInfoWrap .leftInfo {width: 100%;}
.map_Wrapper .mapInfoWrap .rightInfo { width: 100%;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .tt {font-size: 1.015em;}
.map_Wrapper .mapInfoWrap .leftInfo > .tit {font-size: 1.8em; margin-bottom: 1.1em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon{gap: 0.45em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon,
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo{ flex-direction: column;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo{gap: 1.5em;}

.mainActivity .list > li{ flex: 1 1 30%;}

.board_gallery.d1 > li{ width: calc((100% - 4em) / 2);}

#footer .box1 { width: 93%; display: flex; flex-direction: column;}
/* 학생기자단 NEWS */
/* 서포터즈 */
.board_wrap .board_partner > li{ width: calc((100% - 3rem) / 3);}

}

@media screen and (max-width:500px) {

.board_search_wrap .left, .board_search_wrap .right{ width: 100%; display: flex;}
.board_search_wrap .right .input_st{ flex: 1 1 auto;}
/* 전체 메뉴 */
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1{ padding: 1em;}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: 1em;}

/* 규린이의 인사말 */
.mainGreetings .imgW{ position: relative;}
.mainGreetings .imgW{ height: 20em;}
.mainGreetings .conW{ flex-direction: column-reverse; padding-top: 0;}
.mainGreetings .conW .letter{ position: relative; width: 89%; margin-right: 2em;}
.mainGreetings .conW .btn{ padding-right: 13em;}
.mainGreetings .conW .btn .img{ top: -4em; right: 27px;}
.mainGreetings .conW .btn .st .t1{ font-size: 1.2em;}

.mainTit .tit2{ font-size: 2.08em;}
.mainTit .tit1.s3{ font-size: 2.8em;}

.mainJoin .mainTxt{ max-width: 33em;}
/* Special Thanks */
.mainClientSlide .el{ width: calc(35.66% - 18px);}

/* 학생기자단 NEWS */                      
.board_gallery.d1 > li{ width: 100%;}
.mainMore{ flex-shrink: 0; min-width: 100px;}

/* list 세로 슬라이드 */
.mainJoin .list{ height: 40vh; display: grid; grid-template-columns: repeat(2, 1fr);}
.mainJoin .list > li .in .conW .t1{ font-size: 1.90em;}
.mainJoin .list > li .in .imgW .resize{ height: 50%; width: 22rem;}
/* 우리는 인사말 */
.con_idx > .idx{ left: -29px; width: 115%;}

/* 우리는 창단목적 */
.summary-list-con:nth-child(1),.summary-list-con:nth-child(2),.summary-list-con:nth-child(3),.summary-list-con:nth-child(4),.summary-list-con:nth-child(5),.summary-list-con:nth-child(6),.summary-list-con:nth-child(7),.summary-list-con:nth-child(8){ background-image: none; display: flex; flex-direction: column-reverse; border: 1px solid #000; } 
.summary-list-wrap .summary-list-con .icon_img{ position: static; opacity: 1; background: #3e2415; width: 100%; display: flex; align-items: center; justify-content: center;}
.summary-list-wrap .summary-list-con .icon_img img{ width: 26%; margin: 2em 0;}
.summary-list-con{ height: auto;}
.summary-list-con .txt-con .tit-box dd strong{ color: #111;}
.summary-list-con .txt-con .tit-box dd span{ color: #000;}
.summary-list-con .txt-con{ width: 100%;}
.summary-list-con .txt-con .tit-box{ margin-top: 2em; margin-left: 2em;}

/* 수상 */
.board_gallery > li{ width: 100%;}
.board_gallery > li .wrap_in .con_wrap .t1{ font-size: 1.3em;}
.board_gallery > li .wrap_in .con_wrap .board_info{ font-size: 1.2em;}
.board_profile .profileSt .imgW .resize{ padding-bottom: 90%; }

.board_profile .profileSt .conW .spec > li{ font-size: 1.2em;}
#contents .doc{ padding: 10vmin 0 6vmin 0;}
/* 뉴스룸 */
.board_news > li > .inner > .thumb{ width: 26%; height: 10rem;}

/* 단원모집 */
.board_profile .profileSt{ flex-direction: column;}
.board_profile .profileSt .imgW{ width: 100%;}

.programInfo .info_left .pro_img img{ width: 86%; margin-left: 3em;}
.programInfo .info_right .pro_cont{ padding: 2em 4em 2em;}
/* 서포터즈 */
.board_wrap .board_partner{ gap: 2rem; flex-wrap: nowrap; flex-direction: column;}
.board_wrap .board_partner.st1 > li{ width: 100%; display: flex; justify-content: center;}
.board_wrap .board_partner.st1 > li > .wrap_in > .img_wrap{height: 37em;}
.board_wrap .board_partner > li{ width: 100%;}
#contents .dp3on .gnb > li .dp3 > li{ max-width: 50%;}

/* 우리는 조직도 */
.processWrapper{ overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; position: relative; scroll-snap-type: x mandatory; display: flex; justify-content: flex-start;} 
.pageDiv_tit .tit.dot::before{ top: 10px; width: 5px; height: 5px;}

.box1{ width: 90%;}
.board_profile .profileSt{ gap: 1em;}
.board_profile .profileSt .nameW{ width: 23em;}
.board_profile .profileSt .nameW .t1{ font-size: 2em;}
.board_profile .profileSt .nameW .t2{ font-size: 1.7em;}
}




@media screen and (max-width:380px){
html{ font-size:11px}
#header{ width: 100%;}

.mainGreetings .conW .letter{transform: rotate(-2deg);}
.mainJoin .mainTxt{ max-width: 29em;}

#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap){ background-repeat: no-repeat; background-size: cover;}

/* Special Thanks */
.mainClientSlide .el{ width: calc(44.66% - 18px);}

/* 창단목적 페이지 내용 */
.summary-list-con .txt-con .tit-box{ padding-right: 2em;}
.summary-list-con .txt-con .tit-box dd strong{font-size: 1.27em;}

/* 오시는길 대 제목 폰트 */
.map_Wrapper .mapInfoWrap .leftInfo > .tit{ font-size: 1.64em;}


.mainActivity .list > li{ flex: 1 1 40%;}

/* 학생기자단 NEWS */


.mainTit .in { display: flex; flex-direction: column; align-items: baseline;}
.mainTit .tit1{ flex: 1; margin-right: 20px; font-size: 3em; }
.mainTit .tit2{ font-size: 1.90em;}
.mainTit .tit1.s3{ font-size: 2.7em; }

/* 우리는 인사말 */
.greet_wrap .box1{ width: 100%; margin-left: 8px;}
.greet_wrap .greet_txt .page_txt { padding: 2em 3em 2em;}

/* 우리는 > 조직도 */
.pageDiv_tit .tit.dot::before{ top: 9px; width: 5px; height: 5px;}

/* 단원모집 > 단원소개 */
.board_profile .profileSt .nameW .t1{ font-size: 1.8em;}
.board_profile .profileSt .nameW .t2{ font-size: 1.4em;}

#footer .box1 { width: 93%; display: flex; flex-direction: column;}
#footer .box1 { width: 94%;}



}
@media screen and (max-width:380px){
.mainJoin .mainTxt{ max-width: 25em;}
}
@media all and (orientation:landscape){

}