/*----------------------------------------------------------- Author :Gahye, Park Creative date :2021. 11. 22 -----------------------------------------------------------*/ /* 슬라이드 공통 */ .slick-slider{transition:all ease-in-out .3s;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-slide{display:none;height:100%;min-height:1px;vertical-align:middle;} .slick-list{overflow:hidden;height:100% !important;} .slick-list.dragging{cursor:pointer;} .slick-track{height:100%;} .slick-initialized .slick-slide{display:inline-block;} .slick-current{display:block;opacity:1;} /* slick control 공통 */ .control{position:relative;} .control a{position:relative;display:inline-block;vertical-align:middle;font-size:1.3rem;color:#000;} .control a.slick_arr > i{position:relative;-webkit-transition:transform .3s, opacity .3s;transition:transform .3s, opacity .3s;} .control a.slick_arr.slick-hidden{display:inline-block;cursor:default;} .control a.slickPlay{display:none;} .control .counter{display:inline-block;margin:0 1.25rem;vertical-align:middle;font-family:"SCDream";color:#fff;text-shadow: 0 0 5px rgb(0 0 0 / 30%);} .control .counter .current{display:inline-block;vertical-align:middle;font-size:1.1rem;} .control .counter .total{position:relative;display:inline-block;vertical-align:middle;padding-left:1.5rem;font-size:0.9rem;} .control .counter .total:before{position:absolute;top:0.6rem;left:.5rem;background:rgba(255,255,255,.5);-webkit-transform:rotate(-75deg);transform:rotate(-75deg);width:.65rem;height:1px;content:"";box-shadow: 0 0 5px rgb(0 0 0 / 60%);} /* heading */ .heading1{margin-bottom:2rem;font-size:1.1rem;font-family:"SCDream";font-weight:700;color:#333;} .heading1 > strong{color:#0097f8;font-weight:700;} .heading2{position:relative;display:inline-block;margin-bottom:.55rem;padding-bottom:.55rem;font-size:1.1rem;font-family:"SCDream";font-weight:700;color:#fff;} .heading2:before{position:absolute;bottom:0;left:0;width:.6rem;height:.2rem;border-radius:.1rem;background:#fff;content:"";} .heading3{display:block;margin-bottom:2.5rem;text-align:center;font-size:1.5rem;color:#191f29;font-family:"SCDream";font-weight:700;} /* 더보기 버튼 공통 */ .btn_more1{position:absolute;display:inline-block;padding-left:.25rem;padding-right:2rem;color:#333;font-weight:700;font-family:"SCDream";color:#333;} .btn_more1:before{position:absolute;top:0;left:0;display:inline-block;width:.5rem;height:.5rem;background:#7693ca;border-radius:50%;content:"";-webkit-transition:transform .3s;transition:transform .3s;} .btn_more1:after{position:absolute;top:50%;right:0;display:inline-block;width:1.4rem;height:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#333;content:"";} .btn_more1 span{position:relative;display:block;} .btn_more2{display:inline-block;width:8.2rem;padding:.5rem 0;border-radius:1rem;background:#ffce44;text-align:center;color:#111b28;font-weight:600;font-family:"SCDream";} .btn_more2 > i{margin-left:.75rem;-webkit-transition:margin-left .3s;transition:margin-left .3s;} /* txt_dep */ .txt_dep{color:#fff;font-size:.7rem;font-family:"SCDream";} /* 메인비주얼 */ .MVisual1004{position:relative;height:100%;overflow:hidden;} .MVisual1004 #m_visual, .MVisual1004 #m_visual .slick-list{height:100% !important;} .MVisual1004 #m_visual .visualItem{position:relative;height:100% !important;overflow:hidden;} .MVisual1004 #m_visual .visualItem .slogan{position:absolute;z-index:1;top:5.75rem;left:50%;width:1400px;font-family:"SCDream";font-size:2rem;color:#fff;font-weight:400;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .MVisual1004 #m_visual .visualItem .slogan .txt1 em{font-size:2.5rem;font-weight:600;} .MVisual1004 #m_visual .visualItem .slogan .txt2{margin-top:1.25rem;font-size:1.1rem;font-weight:200;} .MVisual1004 #m_visual .visualItem .img{position:relative;display:block;width:92%;height:100%;border-bottom-left-radius:13rem;float:right;background-repeat:no-repeat;background-size:cover;background-position:center;} .MVisual1004 .control{position:absolute;bottom: 2rem;left:50%;width:1400px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;} .MVisual1004 .control #visualStop, .MVisual1004 .control #visualPlay{margin-left:.25rem;text-align:center;color:#3a88de;font-size:1rem;line-height:2.1rem;} .MVisual1004 .control a{width:2.1rem;height:2.1rem;background:#fff;border-radius:50%;box-shadow: 0 0 5px rgb(0 0 0 / 20%);} .MVisual1004 .control a.slick_arr:before{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url(/00_common/images/T1004_main/MVisual_ctrl.png);background-repeat:no-repeat;background-size:4.2rem 2.1rem;background-position:0 0;content:"";-webkit-transition:all .3s;transition:all .3s;} .MVisual1004 .control a.slick_arr.slickNext:before{background-position:-2.1rem 0;} /* 공지사항 */ .notice1004{position:relative;height:100%;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .notice1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .notice1004 h2{position:relative;float:left;padding-right:2.75rem;} .notice1004 h2 a{position:relative;display:block;width:100%;font-family:"SCDream";font-size:1.1rem;color:#9ea4b2;text-align:center;font-weight:400;} .notice1004 h2 ~ h2::before{position:absolute;top:0.7rem;left:-1.75rem;width:1rem;height:.25rem;background:url(/00_common/images/T1004_main/notice_tit_bul.png)no-repeat center/cover;content:"";} .notice1004 h2 a > span{position:relative;z-index:1;display:inline-block;padding:0 0.5rem;} .notice1004 .list_box{position:absolute;top:4.2rem;display:none;width:100%;} .notice1004 .list_box .link_lst{margin:-1rem;overflow:hidden;} .notice1004 .list_box .link_lst > li{float:left;width:25%;padding:1rem;} .notice1004 .list_box .link_lst > li > a{display:block;height:13.5rem;padding:1.5rem;background:#fff;border-radius:2.5rem;border-width:2px;border-style:solid;border-color:#fff;box-shadow:2px 0 10px rgba(102,117,150,.2);-webkit-transition:border-color .3s, box-shadow .3s;transition:border-color .3s, box-shadow .3s;} .notice1004 .list_box .link_lst > li > a .link_info{padding-bottom:1.25rem;border-bottom:1px dotted #ddd;overflow:hidden;font-family:"SCDream";} .notice1004 .list_box .link_lst > li > a .link_info .lnk_tit_frm{float:left;width:2.1rem;height:2.1rem;border-radius:50%;background:#1c356c;color:#fff;text-align:center;font-weight:600;line-height:2.1rem;} .notice1004 .list_box .link_lst > li > a .link_info .lnk_tit_frm2{background:#1c6390;} .notice1004 .list_box .link_lst > li > a .link_info .lnk_tit_frm3{background:#1c8490;} .notice1004 .list_box .link_lst > li > a .link_info .lnk_tit_frm4{background:#1c2a90;} .notice1004 .list_box .link_lst > li > a .date{margin-top:.5rem;color:#777;font-size:.75rem;float:right;} .notice1004 .list_box .link_lst > li > a .link_tit{display:block;max-height:2.5rem;margin-top:1rem;overflow:hidden;font-size:.9rem;color:#222;} .notice1004 .list_box .link_lst > li > a .link_txt{display:block;max-height:2.25rem;margin-top:1rem;overflow:hidden;font-size:.75rem;color:#555;} .notice1004 .list_box .NoData{text-align:center; padding:1rem 0; font-size:.9rem; color:#aeb5c5; } .notice1004 .btn_more1{top:-4rem;right:0;} /* active */ .notice1004 .list_box.on{display:block;} .notice1004 h2 a.current{color:#204596;font-weight:700;} /* 바로가기1 */ .M_link1004{position:relative;height:100%;overflow:hidden;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .M_link1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .M_link1004 ul{margin:-.425rem;} .M_link1004 ul > li{float:left;width:33.333%;padding:.425rem;} .M_link1004 ul > li > a{position:relative;display:block;width:100%;height:3.5rem;color:#000;font-size:.8rem;font-family:"SCDream";} .M_link1004 ul > li > a:before{position:absolute;z-index:1;top:50%;left:50%;width:100%;height:100%;background:#d2d2d2;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:"";-webkit-transition:all .3s;transition:all .3s;} .M_link1004 ul > li > a > div{position:absolute;display:table;table-layout:fixed;z-index:2;top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);padding:.5rem 3.75rem .5rem 3.25rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .M_link1004 ul > li > a > div:before{position:absolute;z-index:1;top:50%;right:1.5rem;width:1.5rem;height:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#e4e4e4;border-radius:50%;text-align:center;font-family:"xeicon";color:#555;line-height:1.5rem;font-size:.9rem;content:"\e93f";-webkit-transition:background .3s, color .3s;transition:background .3s, color .3s;} .M_link1004 ul > li > a > div:after{position:absolute;top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:"";-webkit-transition:width .3s, height .3s;transition:width .3s, height .3s;} .M_link1004 ul > li > a > div .ico{position:absolute;z-index:1;top:50%;left:.75rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.75rem;height:1.75rem;} .M_link1004 ul > li > a > div .ico img{display:block;width:100%;} .M_link1004 ul > li > a > div .ico .over{display:none;} .M_link1004 ul > li > a > div .txt{position:relative;z-index:1;display:table-cell;vertical-align:middle;width:100%;} .M_link1004 ul > li > a > div .txt > em{display:block;max-height:2.25rem;overflow:hidden;} /* 팝업존 */ .pop1004{height:100%;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .pop1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .pop1004 .pop_wrap .popLst{height:11.75rem;} .pop1004 .pop_wrap .popLst .popItem, .pop1004 .pop_wrap .popLst .slick-list{height:100% !important;} .pop1004 .pop_wrap .popLst .popItem > a{display:block;width:100%;height:100%;} .pop1004 .pop_wrap .popLst .popItem > a .img{position:relative;width:100%;height:100%;overflow:hidden;background:#eee;} .pop1004 .pop_wrap .popLst .popItem > a .img > span{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transition:transform .3s;transition:transform .3s;} .pop1004 .control{position:absolute;top:0;right:0;} /* 팝업리스트 레이어 추가 */ .pop1004 .pop_layer_box{position:absolute;top:0;left:0;display:none;width:100%;height:100%;border-radius:1rem;background:#394b61;} .pop1004 .pop_layer_box .pop_layer{position:relative;padding:1rem;} .pop1004 .pop_layer_box .pop_layer h3{font-size:0.9rem;color:#fff;} .pop1004 .pop_layer_box .pop_layer ul{margin-top:0.75rem;padding:1rem 2rem;height:12rem;line-height:1.1rem;text-align:left;background:#576c85;overflow-y:auto;} .pop1004 .pop_layer_box .pop_layer ul li{list-style-type:disc;color:#fff;} .pop1004 .pop_layer_box .pop_layer ul li a:hover, .pop1004 .pop_layer_box .pop_layer ul li a:focus{text-decoration:underline;} .pop1004 .pop_layer_box .pop_layer a.pop_close{position:absolute;top:0.75rem;right:1.25rem;display:block;padding:0.25rem 0.5rem;color:#fff;background:#576c85;border-radius:5px;} /* 바로가기2 */ .M_link02_1004{position:relative;height:100%;padding:1.75rem 1rem;border-radius:2.5rem 2.5rem 0 2.5rem;background:#3585dd;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .M_link02_1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .M_link02_1004:before{position:absolute;top:-4.55rem;left:1rem;width:9.35rem;height:6.05rem;background:url(/00_common/images/T1004_main/1004_link02_bg.png)no-repeat center/cover;content:"";} .M_link02_1004 ul{margin:-.45rem 0;} .M_link02_1004 ul:after{display:block;clear:both;content:"";} .M_link02_1004 ul > li{float:left;width:50%;padding:.45rem 0;} .M_link02_1004 ul > li > a{display:block;} .M_link02_1004 ul > li > a .ico{display:block;width:3.95rem;height:3.95rem;margin:auto;border-radius:50%;background:#fff;} .M_link02_1004 ul > li > a .ico > img{display:block;width:100%;-webkit-transition:transform .3s;transition:transform .3s;} .M_link02_1004 ul > li > a > em{display:block;height:2.25rem;margin-top:.75rem;padding:0 .5rem;color:#fff;font-family:"SCDream";font-weight:500;font-size:.8rem;text-align:center;overflow:hidden;} /* 바로가기3 */ .M_link03_1004{position:relative;height:100%;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .M_link03_1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .M_link03_1004 .M_link03{position:relative;display:block;width:100%;height:11rem;} .M_link03_1004 .M_link03 .img{position:relative;width:100%;height:100%;overflow:hidden;} .M_link03_1004 .M_link03 .img > span{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transition:transform .3s;transition:transform .3s;} .M_link03_1004 .M_link03 > em{position:absolute;bottom:0;right:0;max-width:80%;padding:.75rem 1.5rem;background:#fff;border-top-left-radius:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .M_link03_1004 .btn_more1{top:0;right:0;} /* 바로가기4 */ .M_link04_1004{position:relative;height:100%;background:#2e394d;padding:1.5rem;border-top-right-radius:2.5rem;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .M_link04_1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .M_link04_1004 ul{height:100%;} .M_link04_1004 ul > li{height:calc(100% / 4);} .M_link04_1004 ul > li + li{border-top:1px dashed #6d7583;} .M_link04_1004 ul > li > a{position:relative;display:table;table-layout:fixed;width:100%;height:100%;padding:0 4rem 0 4.25rem;} .M_link04_1004 ul > li > a:before{position:absolute;z-index:1;top:50%;right:1.25rem;width:1.65rem;height:1.65rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #d0d1d4;border-radius:50%;text-align:center;font-family:"xeicon";color:#d0d1d4;line-height:calc(1.65rem - 2px);font-size:.9rem;content:"\e907";-webkit-transition:background .3s, color .3s;transition:background .3s, color .3s;} .M_link04_1004 ul > li > a em{display:table-cell;vertical-align:middle;width:100%;;color:#fff;font-size:.9rem;font-weight:500;font-family:"SCDream";} .M_link04_1004 ul > li > a .ico{position:absolute;top:50%;left:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2rem;height:2rem;} .M_link04_1004 ul > li > a .ico > img{display:block;width:100%;-webkit-transition:transform .3s;transition:transform .3s;} /* 바로가기5 */ .M_link05_1004{position:relative;width:100%;height:100%;padding:1.5rem;background:url(/00_common/images/T1004_main/M_link05_1004_bg.png)no-repeat center/cover;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .M_link05_1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .M_link05_1004 .btn_more2{margin-top:.75rem;} /* 바로가기6 */ .M_link06_1004{position:relative;width:100%;height:100%;padding:1.5rem;border-bottom-right-radius:2.5rem;background:#466ece;overflow:hidden;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .M_link06_1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .M_link06_1004:before{position:absolute;bottom:0;right:-.25rem;width:6.4rem;height:5.85rem;background:url(/00_common/images/T1004_main/M_link06_1004_bg.png)no-repeat center/cover;content:"";} .M_link06_1004 .M_link06{display:block;width:100%;height:100%;} .M_link06_1004 .heading2, .M_link06_1004 .txt_dep{position:relative;z-index:1;} .M_link06_1004 .heading2 > em{display:inline-block;width:1.75rem;height:1.75rem;margin-left:1.5rem;vertical-align:middle;border-radius:50%;text-align:center;background:#2148a6;color:#fff;line-height:1.75rem;font-size:.7rem;font-family:"SCDream";-webkit-transition:transform .3s;transition:transform .3s;} /* 교육소식 */ .gallery1004{position:relative;text-align:center;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-webkit-transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s;} .active .gallery1004{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} .gallery1004 .btn_more1{top:1rem;right:0;} .gallery1004 .galleryLst{margin:0 -1.75rem;} .gallery1004 .galleryLst .slide_wrap{margin-top:2.5rem;padding:0 1.75rem;-webkit-transition:margin-top .3s;transition:margin-top .3s;} .gallery1004 .galleryLst .slide_wrap.slick-current + .slide_wrap{margin-top:0;} .gallery1004 .galleryLst .slide_wrap > a{display:block;} .gallery1004 .galleryLst .slide_wrap > a > .img{position:relative;display:block;height:14.5rem;} .gallery1004 .galleryLst .slide_wrap > a > .img:before{position:absolute;top:0.75rem;left:0.75rem;width:100%;height:100%;background:url("/00_common/images/T1004_main/gallery_pt.png") repeat;border-radius:2.5rem;content:"";} .gallery1004 .galleryLst .slide_wrap > a > .img > div{position:relative;width:100%;height:100%;border-radius:2.5rem 2.5rem 2.5rem 0;box-shadow:3px 0 7px rgba(154,154,154,0.4);overflow:hidden;} .gallery1004 .galleryLst .slide_wrap > a > .img > div > span{position:absolute;display:block;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transition:transform .3s;transition:transform .3s;} .gallery1004 .galleryLst .slide_wrap .tit{position:absolute;bottom:0;left:0;display:inline-block;padding:0.5rem 1rem;width:100%;max-width:8rem;font-weight:400;color:#fff;background:#466ece;border-top-right-radius:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .gallery1004 .galleryLst .slide_wrap .txt{display:block;margin-top:2.25rem;height:1.5rem;line-height:1.5rem;font-size:1rem;color:#131313;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .gallery1004 .control{display:inline-block;margin:2rem auto 0;padding:.25rem 1.5rem;box-shadow:3px 0 8px rgba(154,154,154,0.4);background:url('/00_common/images/T1004_main/gellery_ctrl_pt.png');border-radius:1.5rem;} .gallery1004 .control a{font-size:1.4rem;color:#fff;} .gallery1004 .control a.slick_act{margin:0 0.5rem;width:2rem;height:2rem;line-height:2rem;text-align:center;background:#5d9de4;border-radius:2rem;} .gallery1004 .control a.slick_act img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} /* 배너존 */ .banner_zone{line-height:1;border-top:1px solid #d1d8e4;} .banner_zone .container{position:relative;height:4rem;padding-left:14.5rem;} .banner_zone h2{position:absolute;display:block;top:50%;left:0;width:3.25rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0.9rem;font-weight:400;color:#222;} .banner_zone .banner_ctrl{position:absolute;top:50%;left:4.25rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .banner_zone .banner_ctrl a{float:left;width:29px;height:29px;margin-left:.25rem;background-image:url(/images/T1004/main/banner_ctrl.png);background-repeat:no-repeat;background-position:0 0;background-size:145px 29px;overflow:hidden;} .banner_zone .banner_ctrl a.play{display:none;background-position:0 0;} .banner_zone .banner_ctrl a.stop{background-position:-29px 0;} .banner_zone .banner_ctrl a.prev{background-position:-58px 0;} .banner_zone .banner_ctrl a.next{background-position:-87px 0;} .banner_zone .banner_ctrl a.list{background-position:-116px 0;} .banner_zone .bannerLst{height:100%;margin:0 -1rem;padding:.75rem 0;} .banner_zone .bannerLst .bannerItem{padding:0 1rem;} .banner_zone .bannerLst .bannerItem a{display:block;line-height:2.3rem;text-align:center;} /* 배너존 - 이미지일 경우 */ .banner_zone .bannerLst.bannerImg .bannerItem a{display:block;width:100%;height:2.5rem;overflow:hidden;border:1px solid #c8d1db;} .banner_zone .bannerLst .bannerItem a img{display:block;max-width:100%;height:auto;margin:auto;} /* 배너존 - 텍스트일 경우 */ .banner_zone .bannerLst.bannerTxt .bannerItem a{position:relative;} .banner_zone .bannerLst.bannerTxt .bannerItem a:before{position:absolute;top:50%;left:-1rem;width:1px;height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:1px dotted #000;content:"";} .banner_zone .bannerLst.bannerTxt .bannerItem.slick-current a:before{display:none;} /* media query mobile */ @media (max-width:1780px){ /* 메인비주얼 */ .MVisual1004 #m_visual .visualItem .slogan{left:3rem;width:100%;font-size:1.75rem;-webkit-transform:none;transform:none;} .MVisual1004 #m_visual .visualItem .slogan .txt1 em{font-size:2rem;} .MVisual1004 #m_visual .visualItem .slogan .txt2{margin-top:0.5rem;font-size:1rem;} .MVisual1004 #m_visual .visualItem .img{width:100%;border-bottom-left-radius:6.5rem;} .MVisual1004 .control{left:3rem;width:100%;-webkit-transform:none;transform:none;} } @media (max-width:1560px){ } @media (max-width:1440px){ .MC_wrap1 .container{width:100%;} } @media (max-width:1200px){ /* 바로가기3 */ .M_link03_1004 .M_link03 .img > span{background-size:cover;} /* 바로가기4 */ .M_link1004 ul{height:12.6rem;overflow:hidden;} .M_link1004 ul > li{height:50%;} .M_link1004 ul > li > a{height:100%;} .M_link04_1004 ul > li > a{display:flex;align-items:center;} .M_link04_1004 ul > li > a em{display:block;max-height:90%;overflow:hidden;} } @media (max-width:1024px){ /* 공지사항 */ .notice1004 h2{padding-right:1.75rem;} .notice1004 h2 ~ h2::before{left:-1.35rem;} .notice1004 h2 a{font-size:1rem;} .notice1004 .list_box .link_lst{margin:-.5rem;} .notice1004 .list_box .link_lst > li{width:50%;padding:.5rem;} .notice1004 .list_box .link_lst > li:nth-of-type(3), .notice1004 .list_box .link_lst > li:last-of-type{display:none;} /* 배너존 */ .banner_zone .container{padding-left:8.5rem;} .banner_zone h2{display:none;} .banner_zone .banner_ctrl{left:0;} } @media (max-width:900px){ } @media (min-width:769px){ /* slick control 공통 :action */ .control a.slickPrev:not(.slick-hidden):hover > i, .control a.slickPrev:not(.slick-hidden):focus > i{-moz-transform:translateX(-3px);-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px);} .control a.slickNext:not(.slick-hidden):hover > i, .control a.slickNext:not(.slick-hidden):focus > i{-moz-transform:translateX(3px);-webkit-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px);} /* 더보기 버튼 공통 active*/ .btn_more1:hover:before, .btn_more1:focus:before{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .btn_more2:hover > i, .btn_more2:focus > i{margin-left:1rem;} /* 메인비주얼 active */ .MVisual1004 .control a.slick_arr.slickPrev:not(.slick-hidden):hover:before, .MVisual1004 .control a.slick_arr.slickPrev:not(.slick-hidden):focus:before{left:calc(50% - 3px);} .MVisual1004 .control a.slick_arr.slickNext:not(.slick-hidden):hover:before, .MVisual1004 .control a.slick_arr.slickNext:not(.slick-hidden):focus:before{left:calc(50% + 3px);} /* 공지사항 active */ .notice1004 .list_box .link_lst > li > a:hover, .notice1004 .list_box .link_lst > li > a:focus{border-color:#2552a8;box-shadow:3px 0 10px rgba(34,85,199,.2);} /* 팝업존 active */ .pop1004 .pop_wrap .popLst .popItem > a:hover .img > span, .pop1004 .pop_wrap .popLst .popItem > a:focus .img > span{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);} /* 바로가기1 active */ .M_link1004 ul > li > a:hover:before, .M_link1004 ul > li > a:focus:before{background:-moz-linear-gradient(90deg, rgba(37, 82, 168, 1) 0%, rgba(5, 109, 226, 1) 100%);background:-webkit-linear-gradient(90deg, rgba(37, 82, 168, 1) 0%, rgba(5, 109, 226, 1) 100%);background:linear-gradient(90deg, rgba(37, 82, 168, 1) 0%, rgba(5, 109, 226, 1) 100%);} .M_link1004 ul > li > a:hover > div:after, .M_link1004 ul > li > a:focus > div:after{width:calc(100% - 8px);height:calc(100% - 8px);} .M_link1004 ul > li > a:hover > div:before, .M_link1004 ul > li > a:focus > div:before{background:#056de2;color:#fff;} .M_link1004 ul > li > a:hover > div .ico img, .M_link1004 ul > li > a:focus > div .ico img{display:none;} .M_link1004 ul > li > a:hover > div .ico .over, .M_link1004 ul > li > a:focus > div .ico .over{display:block;} .M_link1004 ul > li > a:hover > div .txt, .M_link1004 ul > li > a:focus > div .txt{color:#2552a8;font-weight:600;} /* 바로가기2 active */ .M_link02_1004 ul li a:hover .ico img, .M_link02_1004 ul li a:focus .ico img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} /* 바로가기3 active */ .M_link03_1004 > div > a:hover .img > span, .M_link03_1004 > div > a:focus .img > span{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);} /* 바로가기4 active */ .M_link04_1004 ul > li > a:hover .ico > img, .M_link04_1004 ul > li > a:focus .ico > img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} .M_link04_1004 ul > li > a:hover > em, .M_link04_1004 ul > li > a:focus > em{text-decoration:underline;} /* 바로가기6 active */ .M_link06_1004 .M_link06:hover .heading2 > em, .M_link06_1004 .M_link06:focus .heading2 > em{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} /* 갤러리 active */ .gallery1004 .galleryLst .slide_wrap a:hover .img > div > span, .gallery1004 .galleryLst .slide_wrap a:focus .img > div > span{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);} } @media (max-width:768px){ /* 더보기 버튼 공통 */ .btn_more1{padding-right:0;} .btn_more1:after{display:none;} /* heading */ .heading1{margin-bottom:1rem;font-size:1rem;} .heading2{font-size:1rem;} .heading3{font-size:1.2rem;} /* 메인비주얼 */ .MVisual1004 #m_visual .visualItem .slogan{top:0;left:0;padding:5rem 2% 0;font-size:1.5rem;word-break:keep-all;} .MVisual1004 #m_visual .visualItem .slogan .txt1 em{font-size:1.75rem;} .MVisual1004 .control{left:2rem;bottom:7rem;} /* 공지사항 */ .notice1004 h2{padding-right:0;} .notice1004 h2 a{font-size:0.9rem;} .notice1004 h2 ~ h2::before{display:none;} .notice1004 .list_box{top:3rem;} .notice1004 .btn_more1{top:-2.75rem;} /* 바로가기4 */ .M_link04_1004{padding:1rem;} .M_link04_1004 ul > li > a em{max-height:85%;} /* 교육소식 */ .gallery1004 .galleryLst{margin:0 -1rem;} .gallery1004 .galleryLst .slide_wrap{margin-top:0;padding:0 1rem;} .gallery1004 .galleryLst .slide_wrap > a > .img{height:10.5rem;} .gallery1004 .galleryLst .slide_wrap .txt{margin-top:1.5rem;font-size:.9rem;} } @media (max-width:768px) and (min-width:480px){ /* 바로가기2 */ .M_link02_1004 ul > li{width:33.33%;} } @media (max-width:640px){ /* 바로가기4 */ .M_link1004 ul{height:auto;} .M_link1004 ul > li{width:50%;height:auto;} .M_link1004 ul > li > a{height:3.5rem;} .notice1004 .list_box .link_lst > li > a{height:12rem;} .notice1004 .list_box .link_lst > li > a .link_tit{max-height:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 교육소식 */ .gallery .heading1{margin-bottom:1rem;} .galleryLst .slide_wrap{margin-top:0;} .galleryLst .slide_wrap .txt{margin-top:1.25rem;} .gallery .control{margin-top:1rem;} } @media (max-width:480px){ /* 메인비주얼 */ .MVisual1004 #m_visual .visualItem .img{border-bottom-left-radius:0;} .MVisual1004 #m_visual .visualItem .slogan{padding:2rem 2% 0;font-size:1.2rem;} .MVisual1004 #m_visual .visualItem .slogan .txt1 em{font-size:1.5rem;} .MVisual1004 #m_visual .visualItem .slogan .txt2{font-size:0.9rem;} .MVisual1004 .control{bottom:3rem;} /* 공지사항 */ .notice1004{padding-right:2rem;} .notice1004 .list_box .link_lst > li{width:100%;float:none;} .notice1004 .list_box .link_lst > li > a{padding:1rem;} .notice1004 h2{max-width:inherit;} } @media (max-width:380px){ /* 바로가기4 */ .M_link1004 ul > li{width:100%;} } @media (max-width:300px){ /* 공지사항 */ .notice1004 .list_box{top:5rem;} }