@charset "utf-8";
/* CSS Document */
/* com2zoa design KDY 20240201*/

/* Common */
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/* Layout */
#wrap {width: 100%; min-width: 320px; font-family: NSQ}

/* Menu FIX */
.top_bar_fix{position:absolute; top:0; left:0; width:100%; z-index:1000; transition: 0.6s}
.fixed{position:fixed; top:0; left:0; width:100%; padding-left:0; height: 112px; margin-top:-45px; background:rgba(255,255,255,0.9); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.6s}
.fixed .headerwrap{background:none}
.fixed .headerwrap::after{background:none}
.fixed .header_top{padding-top: 0; margin-top:0}
.fixed .header_top .header_box::after{display: none}
.fixed .logo_top a img{display: none}
.fixed #gnb{margin-top: -10px}
.fixed #gnb .depth1{padding:26px 0}
.fixed .gnb_box{border-radius: 0; background:none; box-shadow:none}
.fixed ul.gnb_list{margin:0 auto; padding: 0}
.fixed #gnb .navi_sub{top:68px}
.fixed #gnb .depth1{padding:5px 0 0 0}
.fixed #gnb .depth1 h2 a{color:#000; padding:26px 0}
.fixed .qmenu{display:none}

/* Visual*/
.visual {position:relative; overflow:hidden}
.visual_wrap .slick-arrow {display:none !important}
.visual_wrap .slick-dots li button, .visual_wrap .btn_visual li button{border:none; background:none; font-size:0}
.visual_wrap .visual_item{display:block !important}
.visual_wrap .visual_item > a{position: relative; display:block !important}
.visual_wrap .visual_item > a:focus-visible{outline:2px solid #000}
.visual_wrap .visual_item span.vbg_txt{line-height:0; font-size:0;text-indent:-9999999px}
/*재생,일시정지*/
.visual_wrap .btn_visual{position: absolute; left:50%; bottom:358px; margin:0 0 0 567px}
.visual_wrap .btn_visual li{position: absolute; left:0; bottom:0}
.visual_wrap .btn_visual li.blind{display:none}
.visual_wrap .btn_visual button{width:16px; height:16px; margin: 0 0 0 4px; cursor:pointer}
.visual_wrap .btn_visual button.vbtn_pause{background:url(../images/main/vbtn_pause.png) 0 0 no-repeat}
.visual_wrap .btn_visual button.vbtn_pause.play{background:url(../images/main/vbtn_play.png) 0 0 no-repeat}
/*비주얼 이동 블릿*/
.slick-dots {position: absolute; top:calc(45% + 33px); left: calc(50% - 5px); margin:-127px 0 0 576px}
.slick-dots li {display:block; margin: 0 0 7px 0; background:#fff; border-radius:50%; box-sizing: border-box;width:16px; height:16px;box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.08)}
.slick-dots li:last-child{margin-bottom: 0}
.slick-dots li button{display:block; width:15px; height:15px; cursor:pointer}
.slick-dots li.slick-active {display:block; width: 16px; height: 16px; border:4px solid #fff; border-radius:50px; box-sizing: border-box; background:none;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.08)}

 /* main_topquick */
 #main_topquick{font-family:NSQ}
 #main_topquick .slick-list {padding:18px 37px}
.topquick_box{position: absolute; right:37px; top:-258px}
.topquick_box .tquick_list02{display: flex; justify-content: center}
.topquick_box .tquick_list02 li{ width:107px; height: 145px;background:#fff;  margin-right: 13px;border-radius: 10px}
.topquick_box .tquick_list02 li:last-child{margin-right: 0}
.topquick_box .tquick_list02 li a{position: relative;box-sizing: border-box; display: block;transition: 0.2s;width: 100%; text-align; margin-right: 10px; padding-top: 78px;}
.topquick_box .tquick_list02 li a::after{content:''; display: block; position: absolute; background:#f3f3f3; width: 83px; height: 52px; top:0; left:50%; transform:translateX(calc(-50% + 0.5px)); border-radius: 0 0 41.5px 41.5px}
.topquick_box .tquick_list02 li a .tq_icon{position: absolute; z-index: 1; top:18px; left:50%; transform: translateX(-50%)}
.topquick_box .tquick_list02 li:nth-of-type(1) a .tq_icon,.topquick_box .tquick_list02 li:nth-of-type(4) a .tq_icon{transform:translateX(calc(-50% + 0.5px))}
.topquick_box .tquick_list02 li a .tq_tit{font-size: 15px; color:#fff; font-weight: 600; color:#292929; font-weight:500; letter-spacing: 0.5px; display: block; margin-bottom: 7px;line-height: 110%; text-align: center}
.topquick_box .tquick_list02 li a .tq_go{display: block; margin:0 auto; width: 48px; height: 19px; line-height: 19px; border-radius:9.5px; background:#e5e5e5; font-size: 13px; color:#292828; font-weight: 300; text-align: center}
.slick-arrow.slick-hidden{display: none!important}

/*메인퀵*/
.visual .vbg_txt::before,.visual .vbg_txtx::after{content: ''; display: block}

/*메인퀵 배경색 지정*/
.visual .vbg_txt{position: relative; max-width: 1200px; margin:0 auto; display: block}
.visual .vbg_txt::after{content:''; display: block; width: 541px; height: 181px; border-radius: 25px; position: absolute; top:401px; right:0; padding:18px 37px; box-sizing: border-box}
.visual .item1 .vbg_txt::after{background-color:#a8d8f9}
.visual .item2 .vbg_txt::after{background-color:#ffc2d0}
.visual .item3 .vbg_txt::after{background-color:#a4dd9f}

/* Poplayer */
/*팝업레이어 노출시 컨텐츠위로 가려져서 버튼클릭 안될시에는 .popup_on{display:none}/.popup_on.active {display:block} 주면됨 */
.main_openpop .pop_tit{font-size: 15px; color:#fff; font-weight: 400}
.main_openpop .popup_on.active {display:block}
.main_openpop .popup_layer_wrap{ overflow: hidden; position: relative}
.main_openpop .popup_layer_wrap .pop_zone_tit{position: absolute; top:20px; left:50%; transform: translateX(-50%);}
.main_openpop button{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px; cursor: pointer}
.main_openpop .slick-prev,.main_openpop .slick-next{position: absolute; bottom:16px;  width: 30px; height: 30px; z-index: 500}
.main_openpop .slick-prev {left:15px; background:url(../images/main/btn_layer_mleft.png) no-repeat}
.main_openpop .slick-next {background:url(../images/main/btn_layer_mright.png) no-repeat}
.main_openpop .popup_layer{position: relative; padding-top:58px; box-sizing: border-box}
.main_openpop .popup_imgsize{width: 245px; height:239px; margin: 0 auto; border-radius: 15px; background:gray}
.main_openpop .popup_imgsize img{width:100%; height:100%; border-radius: 15px; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);}
.main_openpop .popup_layer .popup_tit{display:block; margin:19px 40px}
.main_openpop .popup_layer .popup_tit a{display:block; overflow:hidden; color:#413d3d; font-size: 16px; font-weight:500; text-overflow:ellipsis; white-space:nowrap}
.qmu_popup a span{font-size:0}
.main_openpop .popup_on{display:none}
.main_openpop .popup_on.active {display:block}

/********************************************* Layout **********************************************/

/***Content  Common***/    
#content{position:relative; font-family:NSQ}

/* 공지사항 */
#main_notice .notice_box{position:relative; background-color:#c78edd; width: 100%; padding:43px 0 0; border-radius: 15px; margin-top: 50px}
#main_notice .notice_top h3{color:#202020; width:calc(100% / 3 - 2px); height: 40px; line-height: 40px; border-radius:15px 15px 0 0; text-align: center; position:absolute; top:3px}
#main_notice .notice_top h3 a{display: inline-block; width: 100%; height: 40px; font-size: 15px; font-weight: 500; letter-spacing: -1px; color:#fff; letter-spacing: -0.3px}
#main_notice .notice_top h3.noticetab01{left:3px}
#main_notice .notice_top h3.noticetab02{left:33.3%}
#main_notice .notice_top h3.noticetab03{right:3px}
#main_notice .notice_top .on{background:#fff}
#main_notice .notice_top .on a{color:#202020; font-weight: 600; text-align:center;box-sizing: border-box; display: inline-block}
#main_notice .notice_top .on a span{display: inline-block; width: 100%}
#main_notice .notice_tb{position: relative;background:#fff; border-radius:0;box-sizing: border-box}
#main_notice .blit_cir > li+li::before{display: inline-block; content:''; width: 9px; height: 9px; background:url(../images/main/main_blit.png) no-repeat; position: absolute; top:2px; left: 7px}
#main_notice .notice_tb .blit_cir{box-sizing: border-box;  background:#fff; overflow: hidden; padding:17px 0 8px}
#main_notice .notice_tb .blit_cir > li+li:hover::before{border-color:#e98888}
#main_notice .notice_tb li{position: relative}
#main_notice .notice_tb li+li{padding-left:23px; margin-bottom: 15px; height: 14px}
#main_notice .notice_tb li:last-child{margin-bottom: 0}
#main_notice .notice_tb li a{display: block;overflow: hidden;width: 80%;text-overflow: ellipsis;white-space: nowrap;font-size: 13px; color:#1f1f1f; font-weight: 500}
#main_notice .notice_tb li a:hover{text-decoration: underline; font-weight: 600}
#main_notice .notice_tb .date{position: absolute; top:0; right:3px;font-size: 12px; font-weight: 500; color:#909090}
#main_notice .notice_tb .first_list{width: 100%; padding:0 56px 0; margin-bottom:14px; border-bottom:2px solid #f1f1f1; box-sizing: border-box; height:48px}
#main_notice .notice_tb .first_list::before{display: inline-block; content:''; background: url(../images/main/noti_icon_m.png) no-repeat; width: 47px; height: 48px; position: absolute; top:0; left:0}
#main_notice .notice_tb .first_list .tit a{color:#000;font-size: 14px; font-weight: 600;margin-bottom: 9px}
#main_notice .notice_tb .first_list .txt a{font-size: 13px; color:#1f1f1f; font-weight: 500; width: 90%}
#main_notice .notice_tb .first_list .date{position: absolute; top:auto; bottom:11px; right:3px}
#main_notice .btn_more a{width: 24px; height: 33px; border-radius: 5px 5px 12px 12px; display:inline-block; text-indent: -9999px; background:#d6d6d6 url(../images/main/more_btn.png) no-repeat center center; box-sizing: border-box; position: absolute}
.notice_box .noti_more{position: absolute;bottom: 0;left: 0;width: 100%;padding: 7px;background: #e3e3e3;border-radius: 0 0 15px 15px;box-sizing: border-box;text-align: center;z-index: 1}
.notice_box .noti_more a{display:block}
.notice_box .noti_more a span{padding-right:15px; background:url(../images/main/notice_mbtn.png) no-repeat right 3px}

/* 이달의 행사 */
#main_calendar .bx-viewport{height: 67px!important}
.calendar_wrap{margin-top:20px; border:3px solid #f1f1f1; border-radius: 15px 15px 0 0; box-sizing: border-box; padding: 8px 9px 25px; position: relative}
.calendar_wrap .caltop{background-color:#afd367; border-radius: 10px; width: calc(100% - 30px); overflow: hidden; padding:6px 7px 0; box-sizing: border-box; position: relative; margin-bottom: 13px}
.calendar_wrap .caltop .cal_date{color:#fff; font-size:14px; font-weight: 600; background-color:#92c52b; border-radius: 21px 21px 0 0; display: inline-block; min-width: 81px; min-height: 39px; text-align: center; padding-top: 9px; box-sizing: border-box}
.calendar_wrap .caltop .cal_date span{font-size:24px; font-weight:800}
.calendar_wrap .cal_list{padding:0 6px}
.calendar_wrap .cal_list li{margin-bottom: 11px; color:#272626; font-size: 13px}
.calendar_wrap .cal_list li a{display: block;overflow: hidden;width: 70%;text-overflow: ellipsis;white-space: nowrap;font-size: 14px; color:#272626}
.calendar_wrap .cal_list li span.date{color:#272626; font-weight: 600; font-size: 14px; padding-right: 14px; margin-right:14px; box-sizing: border-box; min-width:56px; position: relative; display: inline-block}
.calendar_wrap .cal_list li span.date::after{content:''; display: block; background-color:#dcdcdc;width: 2px; height: 13px;position: absolute; top:1px; right:0}
.calendar_wrap .btn_slide{display: flex;top:10px; right:12px; background:#fff; width: calc(100% - 112px);border-radius: 13px; position: absolute; align-items: center}
.calendar_wrap .btn_slide li{width: calc(100% / 3); height: 26px; text-align: center; box-sizing: border-box}
.calendar_wrap .btn_slide li a{display: block; width: 100%; height: 100%;padding-top: 9px; box-sizing: border-box}
.calendar_wrap .btn_more a{width: 24px; height: 33px; border-radius: 5px 5px 12px 12px; display:inline-block; text-indent: -9999px; background:#d6d6d6 url(../images/main/more_btn.png) no-repeat center center; box-sizing: border-box; position: absolute;top:-9px; right:10px}


/*Userquick*/
/*버튼*/
#quick02 .quick_btns {display: flex; position: relative}
#quick02 .quick_btns .qk {display: block; position: relative; width:78px; height: 46px; line-height: 46px;border-radius: 50px; text-align: center; margin: 0 auto}
#quick02 .quick_btns .txt {display: block; font-weight: 500; z-index: 16; position: relative; transition: all .4s}
#quick02 .quick_btns .txt img {vertical-align: middle}
#quick02 .quick_btns .qk:hover .txt{color:#fff}
#quick02 .quick_btns .on .qk span{color:#fff}
#quick02 .quick_box {display: none; position: absolute; }
#quick02 .quick_box .qbox {border-radius: 10px; border:2px solid #afd367;  background: #fff; box-sizing:border-box}
#quick02 .quick_box::after{content:''; display: block; width: 260px; height: 203px; background-color:#afd367; top:64px; left:50%; transform: translateX(-50%); border-radius: 15px; position: absolute; z-index: -2}

#quick02 .quick_box.qb01{top:-12px}
#quick02 .quick_box.qb02{border-color: #fea556; top:-62px}
#quick02 .quick_box.qb02::after{background-color:#fea556}
#quick02 .quick_box.qb03{border-color: #6bc6ff; top:-111px}
#quick02 .quick_box.qb03::after{background-color:#6bc6ff}


#quick02 .quick_box .quick_list {padding: 5px; font-size: 14px; text-align: center; font-weight: 500}
#quick02 .btn:hover .txt{color:#fff}
#quick02 .quick_list span.qmu_icon{display: block; overflow: hidden; position: relative; width: 56px; height: 56px; margin: 0 auto 6px; border-radius:50px;background-position: center; background-repeat: no-repeat; background-color: #e5e5e5; box-sizing: border-box;  text-align: center; transition: all .5s; z-index: 1}
#quick02 .qk_bt_tit{text-align: center; margin-top: -5px}

/*아이콘 정렬*/
#quick02 .quick_box ul{padding:10px 0; box-sizing: border-box; min-height: 223px}
#quick02 .quick_box ul li{width:calc(100% / 3); margin-bottom: 11px; float: left}
#quick02 .quick_box ul li:last-child{margin-right: 0}
#quick02 .quick_box ul li::after{content:''; display: block; clear: both}
#quick02 .quick_box ul li a{display: flex; justify-content: flex-start; align-items: center; flex-direction: column; height:90px}
#quick02 .quick_box ul li a span{display: block; text-align: center}
#quick02 .quick_box ul li a span.qmu_icon{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 54px; height: 54px; background:#f1f1f1; border:1px solid #c9c9c9; box-sizing: border-box; border-radius: 50%}
 #quick02 .quick_box.qb01 ul li a:hover span.qmu_icon{background:#fff; border:1px solid #afd367}
#quick02 .quick_box.qb02 ul li a:hover span.qmu_icon{background:#fff; border:1px solid #fea556}
#quick02 .quick_box.qb03 ul li a:hover span.qmu_icon{background:#fff; border:1px solid #6bc6ff} 
#quick02 .quick_box ul li a span.qmu_icon:hover span.qmu_tit{color:#000}
#quick02 .quick_box ul li a span.qmu_tit{margin-top: 5px; color:#313131; font-weight: 600}

/*퀵 타이틀*/
#quick02 .quick_btns li .qk01{background:#f3f3f3 url(../images/main/user_tit01.png) no-repeat center center}
#quick02 .quick_btns li .qk02{background:#f3f3f3 url(../images/main/user_tit02.png) no-repeat center center}
#quick02 .quick_btns li .qk03{background:#f3f3f3 url(../images/main/user_tit03.png) no-repeat center center}


/*hover 스타일*/
#quick02 .quick_btns li:hover .qk01,#quick02 .quick_btns .on .qk01{background-color:#fff; background-image: url(../images/main/user_tit01_a.png);border:2px solid #afd367; box-sizing: border-box}
#quick02 .quick_btns li:hover .qk02,#quick02 .quick_btns .on .qk02{background-color:#fff; background-image: url(../images/main/user_tit02_a.png);border:2px solid #fea556; box-sizing: border-box}
#quick02 .quick_btns li:hover .qk03,#quick02 .quick_btns .on .qk03{background-color:#fff; background-image: url(../images/main/user_tit03_a.png);border:2px solid #6bc6ff; box-sizing: border-box}

/* 학급홈페이지 */
#main_class .class_wrap{position:relative; min-height: 220px;margin-top:48px; padding:8px 5px; background:#fff; position: relative; border-radius:25px; box-sizing: border-box; border:10px solid #f1f1f1;padding:14px; overflow: hidden; margin-top: -17px}
#main_class .main_tit{border-radius: 20px; height: 35px; line-height: 35px; text-align: center; font-size: 15px; font-weight: 600; color:#fff}
#main_class .main_tit h3{background: url(../images/main/class_mtit.png) no-repeat}
#main_class .class_area{display: flex; justify-content: center; margin-top:8px}
#main_class .grade{display: flex}
#main_class .grade dl dt{margin-right: 6px}
#main_class .grade li:last-child dl dt{margin-right: 0}
#main_class .grade dl dt a{display: inline-block; transition:0.2s;  width:38px; height:37px; background:url(../images/main/class_star.png) no-repeat; text-align: center; line-height: 40px; box-sizing: border-box; font-size: 14px; font-weight: 800; color:#535252}
#main_class .grade > li.on dl dt a,#main_class .grade dl dt a:hover{background:url(../images/main/class_star_a.png) no-repeat; color:#fff}
#main_class .class_list{display: flex; position:absolute; height: 41px; border-radius:15px 15px 0 0; border:3px solid #f1f1f1; border-bottom:0; box-sizing: border-box;width:calc(100% - 38px); left:50%; top:105px; transform:translateX(-50%); justify-content: center; align-items: center}
#main_class .class_list li{margin-right: 24px}
#main_class .class_list li:last-child{margin-right:0}
#main_class .class_list li a{font-weight: 500; font-size:14px; color:#282828}
#main_class .class_list li a:hover{text-decoration: underline; font-weight: 600}
#main_class .btn_more02 a{width: 11px; height: 11px;background:url(../images/main/more_btn.png) no-repeat;display:inline-block; text-indent: -9999px; position: absolute; top:21px; right:24px}

/*유치원 페이지 이동*/
#main_class .mc_btn{background:#ffc6be url(../images/main/kclass_img.png) no-repeat left 19px bottom; min-height: 52px; background-size:87px; position: absolute; bottom:0; width: 100%; left:0; padding:10px 16px 10px 123px; box-sizing: border-box}
#main_class .mc_btn a{display: flex; background:#ff7765; min-height: 33px; border-radius: 16.5px; padding:0 13px 0 13px; box-sizing: border-box; justify-content: center; align-items: center; text-align:center; margin:0 auto}

/* 학교앨범 */
#main_album{position:relative}
.album_wrap{min-height: 287px; margin-top: 36px; position: relative; border-top:2px solid #f1f1f1; padding-top: 10px; z-index:1}
.album_wrap .slick-list{padding:20px 0 0}
.album_wrap .btn_slide02 li{margin-right: 4px}
.album_wrap .btn_slide02 li a{display: inline-block; font-size: 0; text-indent: -9999px; position: absolute;top:0; z-index: 1}
.album_wrap .btn_slide02 li:last-child{margin-right:0}
.album_wrap .btn_slide02 li:nth-of-type(1) a{top:128px; left:17px}
.album_wrap .btn_slide02 li:nth-of-type(2) a{top:2px;right:42px}
.album_wrap .btn_slide02 li:nth-of-type(3) a{top:128px; right:17px}
.album_wrap .btn_slide02 li a img{width: 30px}
.album_wrap .photo_item{display: flex; justify-content:center}
.album_wrap .photo_box{width: 197px}
.album_wrap .photo_box02{display:flex; flex-direction: column; align-items:center}
.album_wrap .photo_box02 .tit{margin-top: 17px; padding-bottom: 16px; border-bottom: 1px solid #fff; width: 100%; text-align: center}
.album_wrap .photo_box02 .tit a{padding:0 8px;font-size: 14px; font-weight:500; color:#272726; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block}
.album_wrap .photo_box02 .tit a:hover{color:#000; text-decoration: underline}
.album_wrap .photo{width: 197px; height: 163px; overflow:hidden; position: relative; border-radius: 15px; box-shadow: 0.5px 0.866px 6px 0px rgba(0, 0, 0, 0.15)}
.album_wrap .photo a{display: inline-block; width: 100%; height: 100%; background:url(../images/main/photo_noimg.jpg) no-repeat}
.album_wrap .photo_box .photo a{background:#fff}
.album_wrap .photo_box .photo img{width: 100%; height: 100%; left:0; top:0; position: absolute; z-index: 2;  transform:none; border-radius:15px}
.album_wrap .photo_item .photo a::after{content: ""; display: block; clear: both; position:absolute; left:0; bottom:100%; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/main/ico_view.png) no-repeat 50% 40%; transition:all .8s; z-index: 5}
.album_wrap .photo_box:hover .photo a::after{bottom:0}
.album_wrap .btn_slide li a{position: absolute; top:238px; z-index: 2}
.album_wrap .btn_slide li:nth-of-type(1) a{left:10px}
.album_wrap .btn_slide li:nth-of-type(2) a{right:10px}
.album_wrap .btn_more a{width: 24px; height: 33px; border-radius: 5px 5px 12px 12px; display:inline-block; text-indent: -9999px; background:#d6d6d6 url(../images/main/more_btn.png) no-repeat center center; box-sizing: border-box; position: absolute;top:-7px; right:0}


/* 팝업존 */
#main_food, #main_popup{margin:20px 10px}
#main_popup .pop_wrap{position: relative}
#main_popup .pop_area{margin-top: 17px}
#main_popup .btn_box {margin-bottom:15px}
#main_popup .btn_slide{display: flex}
#main_popup .btn_slide li{width: calc(100% / 3); text-align: center; background-color:#239ce7; min-height: 35px; border-right: 1px solid rgba(255,255,255,0.3)}
#main_popup .btn_slide li:last-child{border-right: none}
#main_popup .btn_slide li a{width:100%; height: 100%; display: block;display: flex; justify-content: center; align-items: center}
#main_popup .pop_tb{border-radius: 15px; overflow: hidden; background:#fff; min-height:165px; box-sizing:border-box}
#main_popup .pop_list{padding: 18px 16px 16px;  box-sizing: border-box}
/* #main_popup .pop_list.blit_cir > li+li::before{display: inline-block; content:''; width: 9px; height: 9px; background:url(../images/main/main_blit.png) no-repeat; position: absolute; top:2px; left:0} */
#main_popup .pop_list li{position:relative; padding-bottom:5px; padding-left: 15px; min-height:18px; background:url(../images/main/main_blit.png) no-repeat 0 2px;}
#main_popup .pop_list li a{display: block; overflow: hidden;width: 90%; text-overflow: ellipsis; white-space: nowrap; color: #1f1f1f; font-size: 13px; font-weight: 500}
#main_popup .pop_list li a:hover{text-decoration: underline; font-weight: 600}
/*#main_popup .bx-wrapper{padding: 18px 16px 16px; box-sizing: border-box}
#main_popup .bx-viewport{overflow: hidden; height:66px!important}*/
#main_popup .btn_more02 a{width: 11px; height: 11px;background:url(../images/main/more_btn.png) no-repeat;display:inline-block; text-indent: -9999px; position: absolute; z-index: 1; top:4px; right:6px}

/* 오늘의 식단 */
#main_food{margin-top: 20px; position: relative}
#main_food .food_area{background-color:#fff; border-radius: 15px; overflow: hidden; min-height: 157px; margin-top: 14px; position: relative}
#main_food .food_area::after{content:''; display: block; background:url(../images/main/food_img.png) no-repeat; position: absolute; bottom:0; right:0;background-size:51px 61px; width: 51px; height: 61px}
#main_food .food_date{background:#3cc781; min-height: 42px; font-weight: 600; display: flex; justify-content: flex-start; align-items: center; color:#fff; font-size: 14px; padding-left: 15px}
#main_food .food_date span{background:#fff; font-size: 12px; color:#fc5858; border-radius: 9.5px; display: inline-block; min-width: 59px; height: 19px; text-align: center; font-weight: 800; margin-right: 11px}
#main_food .main_tit .food_tit{margin-right: 7px}
#main_food .main_tit .food_date span{margin-left: 7px; display: inline-block; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; background-color:#6cb559; color:#fff}
#main_food .food_area .food_tb p{position: relative; line-height: 140%; font-weight:600;font-size: 14px}
#main_food .food_area .food_tb .food_txt{padding:12px 8px}
#main_food .food_area .food_tb .food_txt a{display: block;font-weight:300; overflow: hidden;margin:0 auto; text-overflow: ellipsis; word-break: break-word; color: #1f1f1f; font-size: 13px; display: -webkit-box; display: -ms-flexbox; vertical-align:top; -webkit-box-orient:vertical; -webkit-line-clamp:2; position: relative; padding:0 13px; word-break: keep-all}
#main_food .food_area .food_tb .food_txt a:hover{color:#000; text-decoration: underline}
#main_food .food_area .food_tb .food_txt a:hover::before{border-color:#85b45f}
#main_food .food_area .food_tb .food_ls{background-color:#f1f1f1; width: calc(100% - 28px); margin:0 auto;min-height: 47px; border-radius: 15px 15px 0 0; display: flex;align-items: center; padding-left: 16px; box-sizing: border-box; position: absolute; bottom:0; left:50%; transform: translateX(-50%); font-size: 14px; color:#2c2c2c}
#main_food .food_area .food_tb .food_ls a:hover{color:#000}
#main_food .food_area .food_tb .food_ls span:nth-of-type(2){color:#fff; display: inline-block; min-width: 51px; min-height: 21px; border-radius: 10.5px; background-color:#3d3d3d; text-align: center; line-height: 21px; margin-left: 8px; font-size: 14px; font-weight: 500}
#main_food  .btn_more02 a{width: 11px; height: 11px;background:url(../images/main/more_btn.png) no-repeat;display:inline-block; text-indent: -9999px; position:absolute; top:5px; right:6px}


/* Banner */
.conline04{background:#fff; height: 132px}
.banner_wrap {margin:0; height: 95px; position: relative}
.banner_wrap .banner_tit{position: absolute; top:23px; left:12px;font-size:18px;color:#1a1a1a; font-weight:600}
.banner_wrap .more{position:absolute}
.banner_wrap .slick-track{margin-top: 20px}
.banner_wrap .btn_slide02{display: flex; align-items: center; position: absolute; left:9px; bottom:21px; width: 89px; height: 27px; padding:0 8px; box-sizing: border-box; border-radius: 13.5px; background-color:#dfdfdf}
.banner_wrap .btn_slide02 li{width: calc(100% / 3); text-align: center}
.banner_wrap .btn_slide02 li a{display: block!important; width: 100%; height: 100%}
.banner_wrap .btn_slide02 li:last-child{margin-right:0}
.banner_wrap .btns span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.banner_wrap .btns button:focus-visible{outline:2px solid #000}
.banner_wrap .ban_area{margin:0 0 0 110px}
.banner_wrap .ban_item a {overflow: hidden; display: block; width: 160px; height:51px; border-radius:10px; border:1px solid #ddd; margin: 0 auto; background:#ccc; box-sizing: border-box}
.banner_wrap .ban_item img {margin: 0 auto; width:100%; height: 100%;transition: 0.5s}
.banner_wrap .ban_item a:hover img{transform:scale(1.2)}
.banner_wrap .btns button{background:none; outline:0}
.banner_wrap  .btn_more02 a{width: 11px; height: 11px;background:url(../images/main/more_btn.png) no-repeat;display:inline-block; text-indent: -9999px; position: absolute; top:26px; left:87px}


/* Footer */
#footwrap{font-family:NSQ, '돋움', dotum, AppleGothic, 'sans-serif'; background:#2c2c2c; padding-top: 14px}
.address dl{display: flex; align-items: center}
.address dl.add_num{margin-bottom: 5px; font-weight: 500; color:#fff; max-width: 310px; margin:0 auto; margin-top:6px}
.address dl.add_num dt{display: inline-block; width: 85px; height: 23px; text-align: center; line-height: 23px; margin-right:12px; border-radius: 11.5px; border:1px solid #aeaeae; box-sizing: border-box; color:#fff; font-weight: 500}
.address dl.faxnum .num_lst ul li{margin-left: -4px}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.skip_navi .pc_skip{display:none}
    
/*Mainheader */
.headerwrap{width: 100%}
.header_top{position: absolute;left:0; width: 100%; min-width: 320px; height: 50px; margin: 0; z-index:100}
.header_top .header_box{position: relative; height:50px; margin:0 5px}
.logo_top a{display: block; position: absolute; top:14px; left: 10px; width:151px; height: 32px; background: url(../images/main/logo_m25.png) no-repeat left top}
.logo_top img{display: none}
.btn_top{position: absolute; top:6px; right:8px; z-index: 100}

/*모바일 고정메뉴*/
.fixed{margin-top: 0; height: 55px}
.fixed .qmenu{display: block}
.fixed .qmu_search a, .fixed .qmu_site a{border-radius: 50%;box-sizing:border-box}
.fixed .header_top .qmu_search a{background:url(../images/main/icon_search_fix.png) no-repeat}
.fixed .header_top .qmu_site a{background:url(../images/main/icon_sitemap_fix.png) no-repeat}
.fixed .qmu_popup{display: none}

/*모바일 사이트맵, 검색 아이콘 변경*/
.header_top .qmu_btnbox{margin-top: 14px}
.header_top .qmu_search{margin-right: 3px}
.header_top .qmu_search a{display: block; background:url(../images/main/icon_search_m.png) no-repeat}
.header_top .qmu_site a{display: block; background:url(../images/main/icon_sitemap_m.png) no-repeat}
.header_top .qmu_search a,.header_top .qmu_site a{width: 28px; height: 28px}
	
/* Mobile Menu */
.header_top .qmenu .mb_non{display: none}
.header_top .qmu_btnbox{float: right;box-sizing: border-box}
.header_top .qmu_btnbox > p{float: left}
.header_top .qmu_btnbox > p:last-child{margin-right: 10px}
.header_top .qmu_popup{background: #00f}

/* GNB */
.mobile_bg{z-index: 500 !important}
#gnb {display: none; position:fixed; top:0; right:0;  width: 260px; height:100%; min-height:100%; border-radius: 35px 0 0 0; margin-top: 9px; background:#fff; z-index:1000; overflow-y:auto; box-sizing:border-box}
#gnb p.mb_gnbtit{display: block; height:65px; padding-left: 26px; background:#6ea1ff; font-size:20px; font-weight:600;color:#fff}
#gnb p.mb_gnbtit span{display: inline-block; height: 19px; margin-top: 15px}
/*GNB_상단*/
#gnb .allbtnclose .closebtn {display:block; width: 35px; height: 18px; font-size:0; line-height:0; text-indent:-9999px; overflow: hidden; position:absolute; top:15px; right:10px; background: url(../images/main/btn_menu_close.png) no-repeat center center}
/*GNB_메뉴버튼*/
#gnb .mbl_area{display: flex; justify-content: space-between; position:absolute; border-radius: 15px 15px 0 0; box-sizing: border-box; top:45px; left:50%; transform: translateX(-50%); width: calc(100% - 18px); background:#fff; padding:5px 6px 8px}
#gnb .mbl_area li {width:calc(100% / 2); height: 29px; line-height: 29px}
#gnb .mbl_area li:first-child{padding-right: 6px}
#gnb .mbl_area li a {border-radius: 14px; display:block; color:#141414; background-color:#ededed; font-size: 13px; font-weight:500; text-align: center; color:#141414}

/*GNB_메뉴타이틀*/
#gnb .gnb_list{padding:23px 9px 9px}
#gnb .gnb_list .depth1 > h2{margin-bottom: 11px}
#gnb .gnb_list .depth1 > h2 a{display:block; min-height: 40px; line-height:140%; border-radius:10px; font-size:15px; font-weight:500; padding:10px 40px 9px 16px; box-sizing: border-box; margin:0; width:auto; background:#fff; border:1px solid #dedede;background: url(../images/main/bg_mn.png) no-repeat right 8px center; color:#232323; display: flex; align-items: center}
#gnb .gnb_list .depth1 > h2 a[target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .act{padding: 5px 4px 3px;border: 1px solid #dedede;border-radius: 10px;box-sizing: border-box; margin-bottom: 9px}
#gnb .gnb_list .act > h2 a {position: relative; background:url(../images/main/bg_mn_a.png) no-repeat right 4px center #c680e1; border-color:#c680e1; color:#fff; padding-left: 13px}
/*GNB_메뉴세부*/
#gnb .gnb_list .depth1 .navi_sub {display:none; position: relative; width: auto; border-radius:10px; padding:0 4px 0; background:#fff; box-sizing: border-box}
#gnb .gnb_list .depth1 .navi_sub ul > li{background:url(../images/main/gnb_lstblt.png) no-repeat left 2px top 12px; word-break:keep-all; box-sizing: border-box; position: relative}
#gnb .gnb_list .depth1 .navi_sub ul > li:after{content:''; display: block; background: url(../images/main/gray_line.jpg) repeat-x left bottom; position: absolute; left:0; width: 100%; height: 1px}
#gnb .gnb_list .depth1 .navi_sub ul > li:first-child{background:url(../images/main/gnb_lstblt.png) no-repeat left 2px top 3px;}
#gnb .gnb_list .depth1 .navi_sub ul > li:first-child:hover{background:url(../images/main/gnb_lstblt_a.png) no-repeat left 2px top 3px}
#gnb .gnb_list .depth1 .navi_sub ul > li:first-child > a{padding-top: 0}
#gnb .gnb_list .depth1 .navi_sub ul > li:last-child{margin-bottom: 0}
#gnb .gnb_list .depth1 .navi_sub ul > li:last-child::after{background:none}
#gnb .gnb_list .depth1 .navi_sub ul > li > a {display:block; font-weight: 300; font-size: 13px; color:#3f3f3f; line-height: 130%;padding:9px 15px 9px}
#gnb .gnb_list .depth1 .navi_sub ul > li > a[target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover{background:url(../images/main/gnb_lstblt_a.png) no-repeat left 2px top 12px}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover > a {color:#8539dc}

/* Visual */
.visual .visual_wrap {position: relative;  margin: 0 auto}
.visual .visual_item{width:auto; height:433px; margin:0 auto;filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.))}
.visual .item1{background:url(../images/main/n_v01_m.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/n_v02_m.jpg) no-repeat top center}
.visual .item3{background:url(../images/main/n_v03_m.jpg) no-repeat top center}
    
/*비주얼 이동 블릿-mobile*/
.slick-dots {top:auto; top:75px; right:10px; margin:0; left:auto}
.slick-dots li {margin: 0 0 5px 5px; width: 12px; height: 12px}
.slick-dots li.slick-active{width: 12px; height: 12px}
.visual_wrap .btn_visual{bottom:291px; left:auto; right:28px; margin:0}

/*비주얼 팝업 배경색 지정*/
.visual .vbg_txt::before{border-radius: 18.49px 0 0 18.49px; min-height: 37px;width: 73px; position: absolute; right:0; top:9px}
.visual .item1 .vbg_txt::before{background:#5fa5e6}
.visual .item2 .vbg_txt::before{background:#fc98b2}
.visual .item3 .vbg_txt::before{background:#74bb6e}	
	
/* main_topquick */
.visual .vbg_txt::after{top:260px; width:calc(100% - 20px); min-height: 152px; height:auto; left:50%; transform: translateX(-50%); padding:0}
.topquick_box{padding:0 9px; margin-top: -164px; margin-left: 0; position: static; top:auto; right:auto;}
.topquick_box .tquick_list02{flex-wrap: wrap; justify-content: space-between}
.topquick_box .tquick_list02 li{margin-right: 0; width: calc(100% / 2);height:auto; min-height: 63px; background:none; padding:0 7px 0 0; box-sizing: border-box}
.topquick_box .tquick_list02 li:nth-of-type(1),.topquick_box .tquick_list02 li:nth-of-type(2){margin-bottom: 8px}
.topquick_box .tquick_list02 li a{margin-right: 0; height: 100%; background:#fff; padding-top: 0; border-radius: 15px; overflow: hidden}
.topquick_box .tquick_list02 li a::after{top:50%; left:0; transform:translate(0,-50%); width: 33px; height: 44px; border-radius: 0 17px 17px 0}
.topquick_box .tquick_list02 li a .tq_tit{text-align: left; padding-left: 50px; font-size: 13px; font-weight:500; margin-bottom: 0; padding-top: 16px; box-sizing: border-box}
.topquick_box .tquick_list02 li:nth-of-type(1) a .tq_icon img{width: 24px}
.topquick_box .tquick_list02 li:nth-of-type(2) a .tq_icon img{width: 26px}
.topquick_box .tquick_list02 li:nth-of-type(3) a .tq_icon img{width: 30px}
.topquick_box .tquick_list02 li:nth-of-type(4) a .tq_icon img{width: 32px}
.topquick_box .tquick_list02 li a .tq_icon,.topquick_box .tquick_list02 li:nth-of-type(1) a .tq_icon, .topquick_box .tquick_list02 li:nth-of-type(4) a .tq_icon{top:50%; left:9px; transform:translate(0,-50%)}
.topquick_box .tquick_list02 li a .tq_go{font-size: 0; background:url(../images/main/mquick_arrow_m.png) no-repeat; width: 6px; height: 10px; position: absolute; right:11px; top:50%; transform: translateY(-50%)}

/* 메인 퀵메뉴 모바일 간격조정 */
.topquick_box .tquick_list02 li:nth-of-type(1),.topquick_box .tquick_list02 li:nth-of-type(3) {padding:0 3.5px 0 0}
.topquick_box .tquick_list02 li:nth-of-type(2),.topquick_box .tquick_list02 li:nth-of-type(4) {padding:0 0 0 3.5px}

/*모바일 안보이게 처리*/
/* .pc_none{display:none} */
			
/* 공통 */
.conline04{height: auto}
#main_album{margin-left: 10px}
#main_food,#main_popup{margin:0 10px}
#main_food{margin-top: 20px}

/*공지사항*/
.notice_box .btn_more02 a{display: none}
	
/* 학급탐방 */
 #main_class .mclass_link a{padding-right: 12px}
 
 .conline02_inner{padding-top: 30px}

/*문산앨범*/
.album_wrap{position: relative; border-top: none; margin-top: 32px}
.album_wrap::after{content:''; display: block; position: absolute; bottom:0; background-color:#fdd97b; border-radius: 98px 0px 0px 10px; min-height: 148px; width: 100%; z-index: -1}
.album_wrap h3{border-top:2px solid #f1f1f1; margin-right: 10px; padding-top: 10px}
.album_wrap .btn_more a{right:10px; top:3px}
.photo_area{margin:0 10px}

/* 오늘의 식단, 팝업존 공통 */
.conline02_bg02{position: relative;background-color:#fff6e5; border-radius: 0 10px 10px 0; padding:54px 0 12px; margin-top: -36px; min-height: 450px; box-sizing: border-box}

/* Poplayer */
.main_openpop .popup_open{display:none}
.main_openpop .popup_layer{padding-top: 56px}
.main_openpop .popup_layer .popup_tit a{font-size: 14px}
.main_openpop{ position: absolute; top:60px; left:50%; transform: translateX(-50%); width: 100%; z-index:9}
.main_openpop .popup_on{display:none;width:calc(100% - 20px); margin: 0 auto; text-align: center; background:rgba(255,255,255,0.9); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 60px 60px 10px 10px}
.qmu_popup a, .openact > a{position: absolute; top:14px; right:77px; display: block; width:27px; height:27px}
.qmu_popup a{ background:url(../images/main/popup_m.png) 0 0 no-repeat}
.openact>a{background:url(../images/main/popup_m_on.png) 0 0 no-repeat}
.main_openpop .slick-prev, .main_openpop .slick-next{width: 25px; height: 22px}
.main_openpop .slick-prev{background:url(../images/main/btn_layer_mleft.png) no-repeat;}
.main_openpop .slick-next{background:url(../images/main/btn_layer_mright.png) no-repeat; right:15px}

#main_popup .pop_tb {min-height:140px}
 
/*Userquick*/
#quick02 {margin-top: 20px}    
#quick02 .quick_btns .qk {display: block; position: relative; width:100%; height:44px; line-height: 44px;border-radius: 5px}
#quick02 .quick_btns {margin:0 10px; padding-bottom: 241px; justify-content: center}
#quick02 .quick_btns > li {width:33.3%}
#quick02 .quick_btns > li:nth-child(2) {margin: 0 10px}
#quick02 .quick_btns > li:first-child .quick_box{display:block}
#quick02 .quick_btns > li a.qk img{display: none}
#quick02 .quick_box {border-radius:15px; position: relative; display: none; position: absolute}
#quick02 .quick_box .qk_bt_tit{display: none}
#quick02 .quick_box::after{width: calc(100% + 20px)}
#quick02 .quick_box.qb01,#quick02 .quick_box.qb02,#quick02 .quick_box.qb03{top:57px}
#quick02 .quick_box ul{padding:13px 0 2px; background:#fff;  border:2px solid #afd367; box-sizing: border-box; border-radius: 15px; min-height: auto}
#quick02 .quick_box ul li{margin-bottom: 0}
#quick02 .quick_box ul li a{height: 90px; margin-bottom: 11px}
#quick02 .quick_box ul li a span.qmu_icon{width: 55px; height: 55px}
#quick02 .quick_box ul li a span.qmu_tit{margin-top: 5px; line-height: 120%}
#quick02 .quick_box ul li a span.qmu_icon img{width:auto height:20px}
#quick02 .on .quick_box {display: block}
#quick02 .on .quick_box .qk_bt_tit{display: block; margin-top: 10px}
#quick02 .quick_btns .qk:hover .quick_box {display:block} 
#quick02 .quick_box .quick_list li {margin-top: 6px}
#quick02 .quick_list a {display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden}
#quick02 .quick_box {left: 0; bottom: 0; right: 0; margin:0 10px}
#quick02 .quick_list li{float: left; width: 33.3%; height: 86px; margin-bottom:10px}

/*qbox 조정*/
#quick02 .quick_box .qbox{background:none; border:none}
	
/*사용자 퀵메뉴 색상 조정*/
#quick02 .quick_box.qb02 ul{border-color:#fea556}
#quick02 .quick_box.qb03 ul{border-color:#6bc6ff}

/* Footer */
#footwrap{padding:0 10px 0; background:#2c2c2c;font-family: NSQ}
#footwrap .foot_area{position:relative}
#footwrap .foot_menu{display: flex; justify-content: center}
#footwrap .foot_menu .foot_mlst{position: relative; margin: 0 auto}
#footwrap .foot_menu .mb_menu{margin:0 auto}
#footwrap .foot_menu .mb_menu li {float: left; padding:0 6px 0 15px; height: 49px; line-height: 49px; background:url(../images/main/footer_line.png) no-repeat left center}
#footwrap .foot_menu .mb_menu li:first-child{padding-left:0}
#footwrap .foot_menu .mb_menu li:last-child{padding-right: 0}
#footwrap .foot_menu .mb_menu li:first-child {background:none}
#footwrap .foot_menu .mb_menu li a {display:block; font-size: 13px; font-weight: 300; color:#fff}
#footwrap .foot_menu p.foot_home{position: absolute; top:9px; left:-32px}
#footwrap .foot_menu p.foot_home a{display:block; width: 31px; height: 31px; line-height: 31px; background:url(../images/main/foot_home.png) no-repeat left center}
#footwrap .foot_menu p.foot_home a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/*PC버튼*/
#footwrap .pc_menu {margin:0; background:#424242; border-radius:15px 15px 0 0; text-align:center; font-weight:300; border: 1px solid transparent} 
#footwrap .pc_menu  li a{display: block; padding: 13px 0; color:#fff}
#footwrap .pc_menu  li.li_2{float: left; display:block; width:50%}
#footwrap .pc_menu  li.li_2 a{border-right:1px solid #7a7a7a; color:#fec03a}
#footwrap .pc_menu  li.li_3{float: right; display:block; width:50%}
#footwrap .pc_menu  li.li_3 a{color:#fff}
#footwrap .pc_menu  li.li_4{display:block; width: 100%}
#footwrap .pc_menu  li.li_4 a{margin-top: 38px; padding: 13px 0; border-top:1px solid #7a7a7a; color:#fff}
#footwrap .pc_menu  li.li_1, #footwrap .foot_menu .pc_menu  li.li_5{display: none}

/*주소*/
#footwrap .add .address{width:auto; line-height:160%; color:#fff; font-weight: 400; font-size: 14px}
.address dl{justify-content: center}
#footwrap .address dl.add_num{color:#fff; margin-top: 14px}
#footwrap .address dl:nth-of-type(2).add_num{margin-top: 6px}
.address dl.add_num dt{font-size: 13px; margin-right: 9px}
.address dl.add_num dd{font-weight: 300; font-size: 13px}
#footwrap .add .address span.add_txt{display: block;position: relative; background-color:#565656; font-size: 13px; padding-top: 10px; box-sizing: border-box; border-radius: 0 0 15px 15px; height: 42px; padding-left: 56px}
#footwrap .add .address span.add_txt::before{content:''; display: block; background:#ffffff url(../images/main/footer_map.png) center center no-repeat; border-radius: 0 0 15px 15px; width: 42px; height: 36px; position: absolute; top:0; left: 6px}
#footwrap .add .address p.copy{padding: 29px 0 30px; line-height: 140%; color:#989898; font-weight: 300; text-align: center; font-size:13px}
#footwrap .count_box{display:none}
#footwrap .btn_admin{display:none}

/********************************************* Layout **********************************************/

/***Content  Common***/   
.mb_none{display: none}
.content_area{position: relative}
.conline01,.conline0101,.conline03{margin:0 10px}
.conline03{margin-bottom:29px}

/*Quick*/
.quick01 .slick-arrow {position: absolute; top:0; width:28px; height:28px; text-indent: -9999px; font-size: 0; background-position: 50% 50%; background-repeat: no-repeat}
.quick01 .slick-prev,.quick01 .slick-next{top:30px}
.quick01 .slick-prev {left:6px; background: url(../images/main/btn_tqmn_l.png) no-repeat 0 center} 
.quick01 .slick-next {right:6px; background: url(../images/main/btn_tqmn_r.png) no-repeat 0 center} 
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
.skip_navi .mb_skip{display:none}
#wrap {min-width:1230px}
#content{position: relative}
.btn_top_pc{position: absolute; top:35px; right:50%; margin-right: -670px}

/* Main */
.headerwrap {position: relative; width: 100%; margin: 0 auto}

/* Mainheader */
.header_top{position: relative; width: 1200px; margin: 0 auto}
.header_top .qmenu .pc_non{display: none}
.header_top .qmenu_tb{position: absolute; top:0; right:0; height: 35px}
.header_top .qmu_btnbox{padding: 0 37px 0 0}
.header_top .qmu_btnbox p{float: left}
.header_top .qmu_mem{ padding-top: 31px}
.header_top .qmu_mem:first-child a{margin-right:30px}
.header_top .qmu_mem a{display: block; font-size:15px; font-weight: 300; color:#242424; transition: all .3s}
.header_top .qmu_mem a:hover{font-weight: 500}
.header_top .qmu_search{margin:21px 5px 0 26px}
.header_top .qmu_search a{display: block; background:url(../images/main/icon_search.png); width: 83px; height: 43px}
.header_top .qmu_site{margin-top: 21px}
.header_top .qmu_site a{display: block; background:url(../images/main/icon_sitemap.png); width: 83px; height: 43px}
.header_top .qmu_search img, .header_top .qmu_site img{display: block; width: 83px; height:43px}
    
/*로고*/
.header_top	.logo_top a{display: block; width: 191px; height: 47px; padding-top: 9px; box-sizing: border-box}
/*로그인*/
.header_top .qmu_mem.btn_login a{margin: 0 10px}
    
/*로그아웃*/
.header_top .qmu_mem.btn_logout a{margin: 0 5px}

/*fixed 메뉴*/
.fixed #gnb .depth1.active h2 > a::after{content:''; display: block; position:absolute; z-index: -1; min-width: 152px;min-height: 47px; box-sizing: border-box; border-radius: 23.5px; background-color:#eeeeee;top:50%; left:50%; transform: translate(-50%,-50%)}
	
/* GNB */
#gnb .allbtnclose, #gnb .mbl_area, #gnb .navi_sub {display: none}
#gnb{margin-top: 17px}
#gnb .mb_gnbtit, #gnb p.gnb_mbtxt{display: none}
#gnb .gnb_list{padding:0 18px}
#gnb .depth1 {position: relative; float: left; width: calc(100% / 8); padding:26px 0; text-align: center; z-index: 1000; text-align: center}
#gnb .depth1 h2 a{display: inline-block; text-align: center; font-size:19px; color: #fff; font-weight: 600;text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1); position: relative}
#gnb .navi_sub{position: absolute; left:58%; top:65px; width:188px; margin-left:-105px; padding:14px 4px 11px; border-radius: 30px 30px 5px 5px; box-shadow: 0px 2px 5px 0px rgba(7, 7, 7, 0.2); background: #fff; box-sizing: border-box}
#gnb .navi_sub::before,#gnb .navi_sub::after{content: ""; display: block; clear: both;position: absolute}
#gnb .navi_sub::before{top:-11px; left:50%; transform:translateX(calc(-50% + 0.5px)); width:23px; height: 23px; background:url(../images/main/navi_arrow.png); z-index:1}
#gnb .navi_sub::after{width: calc(100% - 8px); background:#303f7a; height: 4px; bottom:3px}
#gnb .navi_sub li:last-child{border-bottom:none}
#gnb .navi_sub a {display: block; line-height: 130%; padding:13px 7px; text-align: center; font-size:15px; color:#000; font-weight: 400; word-break: keep-all; background: url(../images/main/gray_line.jpg) repeat-x left bottom}
#gnb .navi_sub li:first-child a{margin-top: 0}
#gnb .navi_sub li:last-child a{margin-bottom: 0; background:none}
    
/*GNB-hover*/
#gnb .depth1.active .navi_sub{display: block; z-index: 30}
#gnb .depth1.active h2 > a::after{content:''; display: block; position:absolute; z-index: -1; min-width: 152px;min-height: 47px; box-sizing: border-box; border-radius: 23.5px; background-color:rgba(255,255,255,0.3);top:50%; left:50%; transform: translate(-50%,-50%)}
#gnb .navi_sub li:hover a, #gnb .depth1.active .navi_sub .depth2 > li.active a{display: block; color:#0087db}

/* Visual */ 
.visual{margin-bottom: 0; position: relative}
.visual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.visual .visual_item{display: block; width:100%; height:637px}
.visual .visual_item > a{display: block; height:637px; position: relative;max-width: 1200px; margin:0 auto}
.visual .visual_item > a::after{content: ''; display: block; width: 541px; height: 181px; border-radius: 25px; position: absolute; top:401px; right:0; padding:18px 37px; box-sizing: border-box}
.visual .item1 a:focus-visible{height:637px; outline:2px solid #000}
.visual .item1{background:url(../images/main/n_v01_p.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/n_v02_p.jpg) no-repeat top center}
.visual .item3{background:url(../images/main/n_v03_p.jpg) no-repeat top center}
.visual .item1 a::after{background-color:#a8d8f9}
.visual .item2 a::after{background-color:#ffc2d0}
.visual .item3 a::after{background-color:#a4dd9f}

 /* main_topquick */

	
/*메인퀵 hover*/
.topquick_box .tquick_list02 li a:hover .tq_icon{animation: btnani 0.4s linear alternate infinite}
.topquick_box .tquick_list02 li a:hover .tq_go{background-color:#3d3d3d; color:#fff}
	
/* topquick 애니메이션 */
    @keyframes btnani{ 
        0% {margin-top:-8px}
        100% {margin-top:8px}  
    }
	
/*Poplayer */
.content_poplayer{ /*position: absolute; top:0; left:0;*/ z-index: 1000}
.poplayer_btn span, .main_openpop .popup_open>a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.main_openpop{position: relative}
.main_openpop .popup_on{position: absolute; top:-406px; right:100px; width: 270px; height: 350px; z-index: 2}
.main_openpop .popup_layer_wrap{background:#fff; border-radius: 60px 60px 10px 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); text-align: center; border:1px solid #f3f3f3}
.main_openpop .popup_open a{display:block; position: absolute; top:-436px; right:0; width:88px; height:66px; background:url(../images/main/btn_ray_pop.png) 0 0 no-repeat; z-index:1}
.main_openpop .popup_open a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.main_openpop .popup_open.openact >a{background:url(../images/main/btn_ray_close.png) 0 0 no-repeat}
.main_openpop .slick-prev, .main_openpop .slick-next{bottom:8px}
.main_openpop .slick-prev{left:13px}
.main_openpop .slick-next{right:13px}
	
/*Userquick*/
#quick02 {position: absolute; right:0; top:307px; width:88px; height:167px; padding-top: 0; border-radius: 5px; z-index: 10; border-radius: 25px 25px 0 0;  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15); z-index: 5}
#quick02 .userquick_tit{position: relative; display: flex; height: 35px; position: relative; justify-content: center; align-items: center; border-radius: 25px 0 0 0; text-align: center; background-color:#6ea1ff}
#quick02 .userquick_tit::before{content: ""; display: block; clear: both; position: absolute; top:-33px; right:0; z-index: 2; width:79px; height:38px; background:url(../images/main/quick_top.png) no-repeat 0 center}
#quick02 .quick_box {right:85px; top:-112px; padding-right:15px}
#quick02 .quick_box .qbox {width: 244px; height: 223px; border-radius:15px;box-sizing: border-box; padding:15px 10px; position: relative}
#quick02 .quick_box ul{padding:0}
#quick02 .quick_btns li:hover .quick_box {display: block}
#quick02 .quick_list li{float: left; width: 33.3%; height: 92px; margin-bottom:10px}
#quick02 .btn_top {display: flex; justify-content: center; align-items: center; position: relative; margin-top: 9px}
#quick02 .btn_top a{display: block; position: absolute; top:0; text-align: center; width:70px; height: 27px; border-radius: 5px 5px 15px 15px;background-color: #3d3d3d; padding-top: 6px; box-sizing: border-box;}
#quick02 .quick_btns {box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); position: relative; width:88px; height:167px; border-radius: 0 0 0 10px; padding:12px 0; flex-direction: column; justify-content: space-between; background:#fff; box-sizing: border-box}
#quick02 .quick_btns li.btn {position: relative; margin-bottom: 1px; width: auto}
#quick02 .quick_btns .qk {display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: relative; line-height: normal; box-sizing: border-box; width: 76px; height:44px; margin: 0 auto; border-radius:5px; text-align: center; overflow: hidden}
#quick02 .quick_btns .qk img{margin-top: 11px}
#quick02 .quick_btns li:last-child .qk img{margin-top: 8px}

/*qbox 추가 조정*/
#quick02 .quick_box .qbox{margin-left: 16px}
#quick02 .quick_box.qb02 .qbox{border-color: #fea556}
#quick02 .quick_box.qb02 .qbox::after{background-color:#fea556}
#quick02 .quick_box.qb03 .qbox{border-color: #6bc6ff}
#quick02 .quick_box.qb03 .qbox::after{background-color:#6bc6ff}
	

#quick02 .quick_btns li:hover .qk01 .txt, #quick02 .quick_btns .on .qk01 .txt{background-color:#f17f7f }
#quick02 .quick_btns li:hover .qk02 .txt, #quick02 .quick_btns .on .qk02 .txt{background-color:#f09b5b}
#quick02 .quick_btns li:hover .qk03 .txt, #quick02 .quick_btns .on .qk03 .txt{background-color:#7fcb6c}
	
#quick02 .quick_btns .qk::before {content: ''; display: block; width: 0; height: 70px; position: absolute; left: 0; bottom: 0; z-index: 5; transition: 0.8s; color:#fff}
#quick02 .quick_btns li:hover .qk::before, #quick02 .quick_btns .on .qk::before {width: 100%; color:#fff}
#quick02 .quick_btns .qk:hover .txt, #quick02 .quick_btns .on .qk span{color:#fff}
#quick02 .qmu_tit{font-size: 13px; color:#313131; font-weight: 500; line-height: 120%; letter-spacing:-1px}

/********************************************* Layout **********************************************/

/***Content  Common***/ 
.pc_none{display: none} 

/* conline01 */
.conline01,.conline0101_wrap,.conline02_inner,.conline0201,.conline03{max-width: 1200px; margin:0 auto; position:relative}
.conline0101{min-height: 353px; background:url(../images/main/coline01_bg.jpg) no-repeat bottom 35px center}
.conline02{min-height: 312px;background:url(../images/main/conline02_bg.jpg) no-repeat top center; margin-top: 14px}
.conline03{margin:41px auto; min-height: 201px}

/* 메인 공통 타이틀 */
.main_tit{border-radius: 25px 25px 0 0}

/*메인 공통 더보기 버튼*/
.btn_more a{width: 32px; height: 44px; border-radius: 5px 5px 15px 15px}

/* 공지사항 */
#main_notice{width: 618px}
#main_notice .notice_box{margin-top: 40px; padding:59px 0 0; box-sizing:border-box}
#main_notice .notice_top .on a{padding-left: 0;text-align: center}
#main_notice .notice_top .on::after{display: none}
#main_notice .notice_top h3{padding:0 30px; top:8px;height: 51px; line-height: 53px; text-align: center; width:auto}
#main_notice .notice_top h3 a{width: 100%; height:inherit; font-size: 18px}
#main_notice .notice_top .on a span::after{display: none}
#main_notice .notice_top h3.noticetab01{left:9px}
#main_notice .notice_top h3.noticetab02{left:136px}
#main_notice .notice_top h3.noticetab03{left:280px; right:auto}
#main_notice .notice_tb{border-radius: 0 0 15px 15px}
#main_notice .notice_tb .first_list::before{background:url(../images/main/noti_icon.png) no-repeat; width: 69px; height: 70px; top:14px; left:10px}
#main_notice .notice_tb .blit_cir{padding:1px 0 8px; height: 228px; overflow: hidden; border-radius: 0 0 15px 15px; max-height: none}
#main_notice .notice_tb .first_list{padding:0 97px 0; margin-bottom: 19px; height:86px; position:relative}
#main_notice .notice_tb .first_list .tit a{font-size: 16px; padding-top: 25px;margin-bottom: 10px}
#main_notice .notice_tb .first_list .txt a{font-size: 15px}
#main_notice .notice_tb .first_list .date{font-size: 16px; right:27px; bottom:18px; font-family: NSK; font-weight: 400}
#main_notice .notice_tb li+li{padding-left:34px}
#main_notice .notice_tb li a{font-size: 15px}
#main_notice .notice_tb .date{font-size: 16px; top:-3px; right:27px; font-family: NSK; font-weight:400}
#main_notice .btn_more02 a{width: 32px; height: 44px; background-position: center center; border-radius: 5px 5px 15px 15px;background:#ffffff url(../images/main/more_btn.png) no-repeat center center; border:1px solid #c78edd; box-sizing: border-box; position: absolute; top:-66px; ; right:14px}
#main_notice .notice_top .on a span	{background:none}
#main_notice .blit_cir > li+li::before{top:4px;left:18px}
	
/* 이달의 행사 */
#main_calendar{width: 541px; position: absolute; right:0; top:0}
#main_calendar .bx-viewport{height:74px!important}
.calendar_wrap{margin-top: 0; padding:34px 50px 32px 150px; height: 144px; border-bottom: 0}
.calendar_wrap .caltop{width: 113px; height: 109px; position: absolute; top:15px; left:14px; border-radius: 15px}
.calendar_wrap .caltop .cal_date{font-size: 15px; width: 76px; height: 59px; min-width: auto; min-height: auto; border-radius: 38px 38px 0 0; position: absolute; top:12px; left: 19px; padding-top: 21px}
.calendar_wrap .caltop .cal_date span{font-size: 26px}
.calendar_wrap .cal_list li{margin-bottom: 14px}
.calendar_wrap .cal_list li a{width: 100%}
.calendar_wrap .cal_list li a:hover{text-decoration: underline; font-weight: 600}
.calendar_wrap .cal_list li span.date{min-width:60px; font-size: 15px; margin-right:15px}
.calendar_wrap .btn_slide{width: 101px; height: 32px; top:auto; right:auto; bottom:6px; left:6px; border-radius: 16px 16px 10px 10px; align-items: center}	
.calendar_wrap .btn_slide li{padding-top: 0}
.calendar_wrap .btn_slide li a img{vertical-align:middle}
.calendar_wrap .btn_more a{right:15px; top:-10px}
	
/*학급탐방*/
#main_class{width: 541px; position: absolute; right:0; bottom:66px}
#main_class .class_wrap{padding:16px 124px 14px 146px; min-height: 114px; border:none; border-radius: 15px; position: relative}
#main_class .main_tit{height: auto; line-height: normal}
#main_class .main_tit h3{background:url(../images/main/class_tit.png) no-repeat;width: 90px;height: 83px; position: absolute; left:19px; top:15px}
#main_class .class_list{width: 271px; left: 146px; transform:none; top:auto; bottom:0; height: 49px}
#main_class .class_area{margin-top: 0}
#main_class .grade dl dt{margin-right: 7px}
#main_class .mc_btn{position: absolute; top:0;right:13px; left: auto; padding:0; background:none; width: 100px; z-index: 1; padding-top: 67px}
#main_class .mc_btn a{transition: 0.2s}
#main_class .mc_btn a:hover{background-color:#f3614e}
#main_class .mc_btn::before,#main_class .mc_btn::after{content:''; display: block; position:absolute}
#main_class .mc_btn::before{background:url(../images/main/kclass_img.png) no-repeat; width: 98px; height: 50px; z-index: -1; top:17px; right:3px}
#main_class .mc_btn::after{background:#ffc6be; width: 90px; height: 62px; border-radius: 0 0 37px 37px; position: absolute;z-index: -2; top:0; right:5px}
#main_class .mc_btn span img{vertical-align: bottom}
#main_class .btn_more02 a{right:auto; left:119px; top:auto; bottom:24px}	

	
/* USER qmn */    
#main_userquick .userqum_wrap{width: 516px;position:absolute; right:0; margin-top: 86px}

.userqum_wrap h3{top:-42px; width: 150px}
.userqum_wrap .qmu_tab01{left:15px}
.userqum_wrap .qmu_tab02{left:180px}
.userqum_wrap .qmu_tab03{right:15px; left:auto}
.userqum_wrap h3 a{font-size: 18px; height: 42px; padding-top: 11px; border-radius: 20px 20px 0 0}
.userqum_wrap .qmu_icon_box .tit{font-size: 16px; margin-bottom: 0}
.userqum_wrap .qmu_icon_box .qmu_icon{margin-right: 9px}
.userqum_wrap .qmu_icon_box a{width: 150px; padding-left: 8px}
.userqum_wrap .quick_list{padding:25px 17px}
.userqum_wrap .quick_list .useqm_box{margin-right: 15px}
.userqum_wrap .quick_list .useqm_box:last-child{margin-right: 0}   
    
/*오늘의 식단, 팝업존 공통*/
.conline02_bg02{padding-top: 34px}
#main_food, #main_popup{margin:0}

/*학교앨범*/
#main_album{position: absolute; right:0; width: 541px}
.album_wrap{margin-top: 0; min-height: 312px; box-sizing: border-box; padding-top: 15px}
.album_wrap .photo_tit{text-align: center}
.album_wrap .slick-list{margin:0 41px; padding:25px 0 0}
.album_wrap .photo_box02 .tit a{font-size: 15px}
.album_wrap .btn_slide li a{top:auto; bottom:73px}
.album_wrap .btn_slide li:nth-of-type(1) a{left:0}
.album_wrap .btn_slide li:nth-of-type(2) a{right:0}

/* 팝업존 */
#main_popup{position: absolute; left:0; width: 241px}
#main_popup .pop_tit{padding-left: 2px}
/*#main_popup .bx-wrapper{min-height: 125px; padding:17px 18px 12px}
#main_popup .bx-viewport{height: 96px!important}*/
#main_popup .btn_slide li{min-height: 40px}
#main_popup .pop_list li{padding-left: 17px; padding-bottom:10px}
#main_popup .pop_list li a{font-size: 14px; width: 90%}
#main_popup .pop_list li+li::before{left:0; top:2px}
/* #main_popup .blit_cir > li+li::before{left:0; top:2px} */
#main_popup .btn_more02 a{right: auto; left:60px}
#main_popup .blit_cir > li+li::before{top:4px;left:18px}
	
/* 오늘의 식단 */
#main_food{position: absolute; left:279px; width: 326px}
#main_food .food_area{min-height: 166px; border-radius: 15px 50px 15px 15px}
#main_food .main_tit .food_tit{margin-right: 0; padding-left: 10px}
#main_food .food_area .food_tb p{font-size: 15px}
#main_food .food_area .food_tb .food_txt{padding:20px 20px 22px}
#main_food .food_area .food_tb .food_txt a{font-size: 14px; padding-left: 0}
#main_food .food_area .food_tb .food_ls{min-height: 46px; width: calc(100% - 38px); padding-left: 19px}
#main_food .food_area .food_tb .food_ls a{transition: 0.3s}
#main_food .food_area .food_tb .food_ls a:hover span:nth-of-type(2){background:#785941}
#main_food .food_area .food_tb .food_ls span:nth-of-type(2){margin-left: 52px}
#main_food .food_area::after{width: 65px; height: 78px; background-size: 65px 78px; right:9px}
#main_food .btn_more02 a{right:auto; left:92px}
    
/* Banner */
.conline04{height: 132px}
#main_banner{ margin:0}
.banner_wrap{width: 1200px; height: 132px; margin: 0 auto}
.banner_wrap .slick-track{margin-top:38px}
.banner_wrap .banner_tit{top:43px}
.banner_wrap .ban_area{margin: 0 0 0 150px}
.banner_wrap .ban_item a{width: 190px; height: 60px}
.banner_wrap .btn_slide02{bottom:37px; width: 97px; height: 27px}
.banner_wrap .btn_more02 a{top:46px}
	
/* Footer */ 
#footwrap .foot_area {width:1200px; margin:0 auto; border-top:none; background:#424242; border-radius: 15px 15px 0 0; height: 61px}
#footwrap .mb_menu {display:none}
#footwrap .pc_menu{width: 851px; height: 61px; border-radius: 0 0 10px 10px}
#footwrap .pc_menu:after {content:""; clear:both; display:block; height:0}
#footwrap .pc_menu li {float:left; height:61px; line-height:57px; padding: 0 17px 0 26px; background:url(../images/main/footer_line.png) left center no-repeat; text-align: center}
#footwrap .pc_menu li::after{content:''; display: inline-block; width: 1px; height: 10px;}
#footwrap .pc_menu li:first-child{background: none; padding-left:22px}
#footwrap .pc_menu li a { font-size:14px; color:#fff; font-weight:500; font-family: NSQ}
#footwrap .pc_menu li a:hover{text-decoration: underline}
#footwrap .pc_menu li.li_2 a{color:#ffc64b}
#footwrap .add_area{position: relative; width: 1200px; margin: 0 auto; padding: 0 0 30px; border-radius: 10px 10px 0 0;box-sizing: border-box;font-family: NSQ}
#footwrap .add_area .add{font-size: 14px; line-height: 150%; text-align: left; font-weight: 400}
#footwrap .add_area .copy{color:#989898; font-size: 14px;margin-top: 25px}
#footwrap .add_area .add br{display: none}
#footwrap .add_txt{display:block; background:#565656; margin-bottom: 12px; box-sizing: border-box; border-radius: 0 0 15px 15px; height: 53px; color:#fff; font-size: 14px; font-weight: 500; position:relative; padding-top: 18px; padding-left: 77px}
#footwrap .add_txt::before{content:''; display: block; width: 50px; height: 42px; position: absolute; left:11px; top:0; background:#ffffff url(../images/main/footer_map.png) center center no-repeat; border-radius:0 0 15px 15px}
.address .tel_box{display: flex}
.address dl{display: block}
.address dl.add_num{margin-bottom: 16px;  margin:0; font-weight: 500; color:#e6e6e6; max-width: none; display:flex}
.address dl.add_num dt{line-height: 20px; text-align: center; box-sizing: border-box; padding:0}
.address dl.add_num dd{margin-right: 16px; font-weight: 300}
.address dl.add_num dd li:first-child{padding-left: 0; background: none}
    
/* Footer_count */ 
#footwrap .count_box {display:block; overflow: hidden; position: absolute; top:-50px; right:12px; width: 300px; height: 37px;  border-radius: 5px; border:1px solid rgba(255,255,255,0.3); box-sizing: border-box}
#footwrap .count_box ul{padding:0 12px; display: flex; justify-content: space-between}
#footwrap .count_box ul li{ height: 37px; line-height: 37px;  font-size: 13px; font-weight: 400;  box-sizing: border-box; color:#fff}

#footwrap .count_box ul li span{display: inline-block}
#footwrap .count_box ul li .tit{display: inline-block; font-weight: 500; position:relative}
#footwrap .count_box ul li .tit::after{content:''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color:#fff; margin-left: 8px; margin-bottom: 1px}
#footwrap .count_box ul li.total .tit{font-weight: 600; color:#ababab}
#footwrap .count_box ul li .num{display: inline-block; margin-left: 5px; text-align: right; color:rgba(255,255,255,0.7);width: 65px}   
#footwrap .count_box ul li:first-child .tit{color:#ffada2; font-weight: 600}
#footwrap .count_box ul li:first-child .num{color:#fff}
/*Admin*/
#footwrap .btn_admin{position: absolute; top:-45px; right:329px}
#footwrap .btn_admin a{display: block; width:87px; height: 30px; line-height: 30px; border-radius:50px; text-align: center; background:#2c2c2c;color: #fff; font-size: 14px; font-weight: 500; box-sizing: border-box; transition: all .3s}
#footwrap .btn_admin a:hover{background-color:#161616}
}


/* LOWSET FIX */
@media only screen and (min-width:1025px) and (max-width:1350px) {
	#main_popup .pop_wrap::after{right:10px}
}

@media only screen and (min-width:1025px) and (max-width:1440px) {

}

@media only screen and (min-width:1025px) and (max-width:1247px) {
#mainheader{position: relative; margin: 0 auto}
#mainheader .headerwrap{position: absolute; top:0; left:0}
}

/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1530px) {
 
}
/********* TABLET LAYOUT[중간사이즈 조정 끝] *********/
@media only screen and (max-width:657px) {
.topquick_box .topquick_left .slick-arrow,.topquick_box .topquick_right .slick-arrow{display:block!important}
}

@media only screen and (max-width:550px) {
#footwrap .copy span{display: block}
}

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

/* 공지사항 */
#main_notice .notice_top h3{width: 32%}
#main_notice .notice_tb li a{width: 60%}
    
/*이달의 행사*/
#main_calendar .caltop::before{display: none}

}

@media only screen and (max-width:430px) {
#main_notice .notice_top h3 a{font-size: 13px}
#main_notice .notice_top .on a{font-size: 13px}	
#main_notice .notice_top .on a span{padding-left: 0}
#main_notice .notice_top .on a span::after{margin-left: 3px}
}

@media only screen and (max-width:350px) {
/*학교앨범*/
#main_class .mclass_link a{padding-left: 13px}

}