@import url("layout.css");   

/*-----------------------------------------------------------
Author : hyerim, Park
Creative date : 2022. 03. 08 
-----------------------------------------------------------*/

/* animation */
.section [class*="mot"]{opacity:0; transition:transform .3s ease-out, opacity 0.3s ease-out; -webkit-transition:transform .3s ease-out, opacity 0.3s ease-out;} 
.section [class*="mot"][class$="-left"]{transform:translateX(-2rem); -webkit-transform:translateX(-2rem);}
.section [class*="mot"][class$="-right"]{transform:translateX(2rem); -webkit-transform:translateX(2rem);} 
.section [class*="mot"][class$="-top"]{transform:translateY(-2rem); -webkit-transform:translateY(-2rem);}
.section [class*="mot"][class$="-bottom"]{transform:translateY(2rem); -webkit-transform:translateY(2rem);} 
.section [class*="mot"][class$="-ball"]{transform:scale(0); -webkit-transform:scale(0); transform-origin:center center; -webkit-transform-origin:center center;}
.section.active [class*="mot"]{opacity:1;}
.section.active [class*="mot1"]{transition-delay:0s; -webkit-transition-delay:0s;}
.section.active [class*="mot2"]{transition-delay:.2s; -webkit-transition-delay:.2s;}
.section.active [class*="mot3"]{transition-delay:.4s; -webkit-transition-delay:.4s;}
.section.active [class*="mot4"]{transition-delay:.6s; -webkit-transition-delay:.6s;}
.section.active [class*="mot5"]{transition-delay:.8s; -webkit-transition-delay:.8s;}
.section.active [class*="mot6"]{transition-delay:1s; -webkit-transition-delay:1s;}
.section.active [class*="mot7"]{transition-delay:1.2s; -webkit-transition-delay:1.2s;}
.section.active [class*="mot"][class$="-left"]{transform:translateX(0px); -webkit-transform:translateX(0px);}
.section.active [class*="mot"][class$="-right"]{transform:translateX(0px); -webkit-transform:translateX(0px);} 
.section.active [class*="mot"][class$="-top"]{transform:translateY(0px); -webkit-transform:translateY(0px);}
.section.active [class*="mot"][class$="-bottom"]{transform:translateY(0px); -webkit-transform:translateY(0px);} 
.section.active [class*="mot"][class$="-ball"]{transform:scale(1); -webkit-transform:scale(1);}

/* �����̵� ���� */  
.slick-list{overflow:hidden;height:100%;} 
.slick-track{height:100%;}  
.slick-slide{float:left;} 

/* section */
.section { position:relative; }
.section:after { content:""; display:block; clear:both; }

/* title01 */
.title01 { font-size:1.9rem; font-weight:700; font-family:'Montserrat','SCDream'; line-height:1; } 
 
/* section1 */   
.section1 { position:relative; }
/* visual */
.section1 .visual { position:relative;overflow:hidden; }
.section1 .visual .slick-track { height:41.65rem; min-height:35rem; }
.section1 .visual .visualWrap { position:relative; width:100%;}
.section1 .visual .visualWrap .slideEl { position:relative; width:100%; height:100%; align-items:center; overflow:hidden; }
.section1 .visual .visualWrap .img { position:relative; width:100%; height:100%; background:no-repeat center / cover; /*-webkit-transform:scale(1.3); transform:scale(1.3); -webkit-transition:all 1.5s 0.3s;*/ transition:all 1.5s 0.3s;} /*231023 이미지 확대 삭제 */
.section1 .visual .visualWrap .slogan { position:absolute; width:100%; max-width:1400px; left:50%; opacity:0; top:45%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); line-height:1; -webkit-transition:1s; transition:1s; word-break:keep-all; z-index:2; }
.section1 .visual .visualWrap .slogan .txt1 { font-size:4.5rem; color:#fff; font-weight:700; letter-spacing:-1.5px; text-shadow:1px 1px 6px rgba(0,0,0,0.35); } 
.section1 .visual .visualWrap .slogan .txt1:before { content:""; position:absolute; left:-0.6rem; top:-0.5rem; width:2.3rem; height:2.3rem; background:#1dc8f2; border-radius:50%; z-index:-1; }
.section1 .visual .visualWrap .slogan .txt2 { line-height:1.2; font-size:1.3rem; color:#fff; font-weight:600; margin-top:1rem; text-shadow:1px 1px 6px rgba(0,0,0,0.35);}
.section1 .visual .visualWrap .slogan .txt2 strong { font-weight:700; }
.section1 .visual .visualWrap .map_img {position:relative; width:100%; height:100%;}
.section1 .visual .visualWrap .map_img img {width:100%;position: absolute;top: 50%;left: 50%;min-width:100%;transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} /*231023 이미지 중앙 정렬*/
/* .section1 .visual .control { position:absolute; bottom:16rem; left:50%; width:100%; max-width:1400px; color:#fff;-webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: 1; } */ /* 모집전형 끝나면 원복 */
.section1 .visual .control { position:absolute; bottom:16rem; /*left:50%; width:100%;*/ left:20%; max-width:1400px; color:#fff;-webkit-transform:translateX(-50%); transform:translateX(-50%); }
.section1 .visual .control .count { margin-right:1rem;}
.section1 .visual .control .current { position:relative; color:#1dc8f2; font-weight:600; padding-right:2.5rem; }
.section1 .visual .control .current:before { content:""; position:absolute; right:0.5rem; top:50%; width:1.5rem; height:1px; background:#fff; opacity:0.5; }
.section1 .visual .control a { font-size:1.2rem; vertical-align:middle; }
.section1 .visual .control .play { display:none;}

.scroll_down {position:absolute;left:50%;bottom: 8rem;color:#fff;font-family:"Montserrat";-webkit-transform:translateX(-50%);transform:translateX(-50%);} /*231023 bottom 값 변경*/
.scroll_down em { display:inline-block; width:2.1rem; height:2.1rem; background:rgba(0,0,0,0.55); border-radius:50%; padding:0.5rem; margin-right:0.5rem; vertical-align:middle; }
.scroll_down em i { position:relative; display:block; width:0.75rem; height:1rem; border:2px solid #fff; border-radius:0.5rem; margin:0 auto;}
.scroll_down em i:before { content:""; position:absolute; left:50%; width:0.15rem; height:0.2rem; background:#fff; border-radius:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); animation:scroll_down 1s infinite; }
.scroll_down span { display:inline-block; font-size:0.8rem; font-weight:700; vertical-align:middle;}

@keyframes scroll_down{
	0% { top:3px; opacity:0;}
	100% { top:8px; opacity:1;} 
} 
/** visual : active **/
.section1.active .slideEl.slick-current.slick-active .img{-webkit-transform:scale(1); transform:scale(1);}
.section1.active .slideEl.slick-current.slick-active .slogan { opacity:1; top:40%; }

/* ���޴� */
.section1 .quickMenu { position:absolute; left:calc(50% - 700px); bottom:0; width:100%; max-width:1400px; color:#fff; }
.section1 .quickMenu:before { content:""; position:absolute; top:0; left:-5.5rem; width:200%; height:100%; background:#0060b4;}
.section1 .quickMenu h3 {position:absolute; left:0; top:50%; font-size:1.5rem; line-height:1; font-family:'Montserrat'; font-weight:300; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.section1 .quickMenu h3:before { content:""; position:absolute; left:-0.4rem; top:-0.4rem; width:1.1rem; height:1.1rem; background:#2cc9f0; border-radius:50%; }
.section1 .quickMenu h3 strong { position:relative; display:block; font-weight:700; }
.section1 .quickMenu ul { position:relative; display:flex; flex-wrap:wrap; padding-left:7rem; }
.section1 .quickMenu ul li { flex:1; }
.section1 .quickMenu ul li a { display:flex; height:7rem; align-items:center; justify-content:center; font-size:0.85rem; }
.section1 .quickMenu ul li a .ico { position:relative; display:block; width:3.65rem; height:3.65rem; border-radius:50%; box-shadow:3px 3px 12px rgba(0,0,0,0.08); margin-right:1rem; background:#fff no-repeat center; }
.section1 .quickMenu ul li a:hover .ico,
.section1 .quickMenu ul li a:focus .ico {-webkit-animation:linkIco 0.3s; animation:linkIco 0.3s; } 
.section1 .quickMenu ul li a:hover p,
.section1 .quickMenu ul li a:focus p { box-shadow:inset #1e4681 0 -10px 0; } 
@keyframes linkIco {
	0% { top:0; }
	50% { top:-10px; }
	100% { top:0; }
}
@-webkit-keyframes linkIco {
	0% { top:0; }
	50% { top:-10px; }
	100% { top:0; }
}
/* section2 */   
.section2 { padding:2rem 0; } 


/* ���޴�02 */
.section1 .quickMenu02 {position:absolute;bottom: 7.5rem;height:5rem;right: 0;width: 1560px;border-radius: 3rem 0 0 3rem;padding: 0rem 0 0 6rem;color:#fff;background:url(/images/web/grad/main/link02_bg.png) no-repeat right center;display: flex;align-items: center;}
.section1 .quickMenu02 a {display:block;}
.section1 .quickMenu02 p { display:inline-block; font-size:1.4rem; }
.section1 .quickMenu02 p strong { font-weight:700; } 
.section1 .quickMenu02 p span { margin-left:1rem; } 

/* control */
.section2 .control { position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); line-height:1.9rem; background:rgba(0,0,0,0.35); color:#fff; border-radius:1.9rem; padding:0 0.5rem; min-width:8rem; text-align:center; }
.section2 .control .count { font-size:0.75rem; }  
.section2 .control .count .total { opacity:0.7; }
.section2 .control .count .total:before { content:"/"; padding:0 0.4rem; }
.section2 .control a { padding:0 0.2rem; font-size:0.9rem;}
.section2 .control .play { display:none; }
 
/* �������� */
.section2 .notice { position:relative; height:20.5rem; width:calc(100% - 25.5rem); float:left; }
.section2 .notice h3 { float:left; }
.section2 .notice .tab { float:left; margin:0.3rem 0 0 1rem; }
.section2 .notice .tab > li { display:inline-block; }
.section2 .notice .tab > li + li { margin-left:1.2rem; }
.section2 .notice .tab > li > a { position:relative; display:block; font-size:1rem;padding-left:1.25rem;  }
.section2 .notice .tab > li > a:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; background:#c1c2c6; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-radius:50%; }
.section2 .notice .tab > li > a > span { display:block; }
.section2 .notice .tabData { position:absolute; left:0; top:3rem; width:100%; border-top:4px solid #2e3438; padding-top:1.5rem; opacity:0; visibility:hidden; }
.section2 .notice .tabData .tag { display:block; font-size:0.75rem; color:#fff; line-height:1.85rem; width:3.35rem; text-align:center; }
.section2 .notice .tabData .tag.tag1 { background:#337eff;}
.section2 .notice .tabData .tag.tag2 { background:#00a9c2;}
.section2 .notice .tabData .noti_first { display:block; width:45%; background:#f6f9fc; border:1px solid #e4e5e7; padding:1rem 1.5rem; float:left; -webkit-transition:border 0.3s, background-color 0.3s; transition:border 0.3s, background-color 0.3s; }
.section2 .notice .tabData .noti_first dl { position:relative; }
.section2 .notice .tabData .noti_first dl:before { content:""; position:absolute; left:0; top:7.5rem; width:100%; height:1px; border-top:1px dashed #bec2c8; }
.section2 .notice .tabData .noti_first dl dt .tag { display:block; width:4.35rem; line-height:2.35rem; margin-bottom:1rem; }
.section2 .notice .tabData .noti_first dl dt.tit { position:relative; height:3.2rem; line-height:1.6rem; font-size:1.2rem; color:#2e3438; font-weight:600; overflow:hidden; }
.section2 .notice .tabData .noti_first dl dd.txt { height:2.4rem; line-height:1.2rem; color:#484848; margin:2rem 0 1rem; overflow:hidden;}
.section2 .notice .tabData .noti_first + .tabLst { width:52%; float:right; }
.section2 .notice .tabData .tabLst > li:nth-child(n+4) { display:none;}  
.section2 .notice .tabData .tabLst > li + li { padding-top:1rem; }
.section2 .notice .tabData .tabLst > li > a { position:relative;  display:block; padding-left:4rem; border-bottom:1px solid #dadce0; }
.section2 .notice .tabData .tabLst > li > a .tag { position:absolute; left:0; top:0;}
.section2 .notice .tabData .tabLst > li > a .tit { display:block; line-height:1.85rem; font-size:0.95rem; font-weight:600; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:color 0.3s; transition:color 0.3s; }
.section2 .notice .tabData .tabLst > li > a .date { display:block; font-size:0.75rem; color:#777; text-align:right; padding:0.6rem 0 0.8rem; }
.section2 .notice .tabData .btnMore { position:absolute; right:0; top:-2.6rem; font-family:"Montserrat"; font-weight:300; } 
.section2 .notice .tabData .btnMore i { display:inline-block; margin-left:0.5rem; -webkit-transition:margin 0.3s; transition:margin 0.3s;}
/** �������� : active **/
.section2 .notice .tab > li.active > a:before { width:6px; height:6px; background:#1dc8f2; }
.section2 .notice .tab > li.active > a span { box-shadow:inset #94eaff 0 -10px 0; }
.section2 .notice .active .tabData { opacity:1; visibility:visible; }
.section2 .notice .tabData .noti_first:hover,
.section2 .notice .tabData .noti_first:focus { border-color:#bfc9dd; background:#edf6ff; }
.section2 .notice .tabData .tabLst > li > a:hover .tag1 + span,
.section2 .notice .tabData .tabLst > li > a:focus .tag1 + span { color:#337eff; }
.section2 .notice .tabData .tabLst > li > a:hover .tag2 + span,
.section2 .notice .tabData .tabLst > li > a:focus .tag2 + span { color:#00a9c2; }
.section2 .notice .tabData .btnMore:hover,
.section2 .notice .tabData .btnMore:focus { font-weight:400;}
.section2 .notice .tabData .btnMore:hover i,
.section2 .notice .tabData .btnMore:focus i {margin-left:1rem;}  

/* ����� ver4 */
.section2 .schedule { position:relative; display:flex; justify-content:space-between; height:10.6rem; width:22.5rem; margin-bottom:1.1rem; padding:1.5rem; float:right; background:#f0f2f7; overflow:hidden; }
.section2 .schedule:before { content:"Schedule"; position:absolute; right:0; bottom:-0.5rem; font-family: 'Montserrat'; font-size:4.8rem; font-weight:700; color:#1e4781; opacity:0.05; line-height:1; }
.section2 .schedule .date { display:flex; justify-content:center; width:4.5rem; height:4.5rem; border:1px solid #94a7c2; border-radius:50%; background:#fff; flex-direction:column-reverse; font-size:0.75rem; text-align:center; line-height:1; }
.section2 .schedule .date strong { font-size:1.8rem; font-weight:700; }
.section2 .schedule .schdWrap { position:relative; width:calc(100% - 6rem); overflow:hidden; } 
.section2 .schedule .slick-track,
.section2 .schedule .slick-slide { height:6rem;}
.section2 .schedule .schdWrap span,
.section2 .schedule .schdWrap p { text-overflow:ellipsis; overflow:hidden; white-space: nowrap; line-height:1.4;}
.section2 .schedule .schdWrap span { font-family: 'Montserrat'; font-size:0.7rem; font-weight:700; color:#1e4781; }
.section2 .schedule .schdWrap p { font-weight:600; }
.section2 .schedule .schdWrap p + dt { margin-top:0.8rem;} 
.section2 .schedule .control { bottom:1rem; }

/* ����ó */
.section2 .contact { position:relative; width:22.5rem; float:right; background:#1e4781 url('/images/web/grad/main/contact_bg.png') no-repeat right bottom; padding:1rem; color:#fff; font-size:0.75rem; margin-bottom:1.2rem; }
.section2 .contact ul > li { position:relative; padding-left:0.5rem; margin-bottom:0.3rem; }
.section2 .contact ul > li:before { content:""; position:absolute; left:0; top:0.5rem; width:0.2rem; height:0.2rem; background:#99c2ff; border-radius:50%;} 
.section2 .contact ul > li strong { font-size:0.85rem; font-weight:700; margin-left:0.5rem; font-family:"Montserrat"; }
.section2 .contact p { display:inline-block; background:rgba(71,128,227,0.24); padding:0.2rem 0.5rem;}


/* �˾� */
.section2 .popup { position:relative; width:22.5rem; float:right; background:#eee; }  
.section2 .popup .popWrap { width:100%; }
.section2 .popup .popWrap .slideEl a { display:block; height:15.2rem; }
.section2 .popup .popWrap .slideEl a span { display:block; width:100%; height:100%; background:no-repeat center / contain;}
.section2 .popup .control { position:absolute; bottom:1.3rem; background:rgba(0,0,0,0.6); }
   
/* section3 */
.section3 { background:#e6ecf5; padding:2.75rem 0 5rem;}

/* �������� */
.section3 .eduInfo { position:relative; padding:0 3rem 2.5rem 45%; z-index:1; }
.section3 .eduInfo:before { content:""; position:absolute; right:0; bottom:0; width:calc(100% - 3.25rem); height:calc(100% - 1.2rem); border:5px solid #b4caea; z-index:-1; opacity:0; -webkit-transform-origin:top; transform-origin:top; -webkit-transition:0.3s 0.3s; transition:0.3s 0.3s; }
.section3 .eduInfo .title01 { position:relative; display:inline-block; padding-right:1rem; }
.section3 .eduInfo .title01:before { content:""; position:absolute; right:0; top:0; width:200%; height:100%; background:#e6ecf5; z-index:-1; }
.section3 .eduInfo h3 strong {color:#337eff; font-size:2.3rem;}
.section3 .eduInfo h3 em {font-weight:200;}
.section3 .eduInfo .edu_tab {display:flex; border:1px solid #bdc7d6; margin:2.5rem 0 1rem; }
.section3 .eduInfo .edu_tab > li { flex:1; }
.section3 .eduInfo .edu_tab > li + li { border-left:1px solid #bdc7d6; }
.section3 .eduInfo .edu_tab > li > a {display: flex;width:100%;line-height: 1.1;height: 3.5rem;text-align:center;color:#585858;font-size: 0.9rem;background:#fff;align-items: center;justify-content: center;word-break: keep-all;}/*240621*/
.section3 .eduInfo .edu_tab > li.active > a { background:#1c4b9c; color:#fff; font-weight:600; box-shadow:5px 5px 13px rgba(30,30,30,0.2);}
.section3 .eduInfo .edu_con li { display:none; }
.section3 .eduInfo .edu_con li.active { display:block; }
.section3 .eduInfo .edu_con li .tabImg { position:absolute; left:0; top:0; width:42%; height:calc(100% - 2.5rem); background:no-repeat center / cover; } 
.section3 .eduInfo .edu_con li .tabData h4 { margin-bottom:0.5rem; font-size:1.05rem; color:#0841a4; font-weight:700; }
.section3 .eduInfo .edu_con li .tabData ul + h4 { margin-top:2rem;}
.section3 .eduInfo .edu_con li .tabData ul { border:1px solid #c8d5e7; background:#fff; padding:1rem; font-size:0; }
.section3 .eduInfo .edu_con li .tabData ul li { position:relative; display:inline-block; width:33.333%; padding:0.2rem 0.5rem; vertical-align:top; }
.section3 .eduInfo .edu_con li .tabData ul li:before { content:""; position:absolute; left:0; top:0.7rem; width:0.2rem; height:0.2rem; background:#427de2; }
.section3 .eduInfo .edu_con li .tabData ul li a { display:block; font-size:0.8rem;} 
.section3 .eduInfo .edu_con li .tabData ul li a:hover,
.section3 .eduInfo .edu_con li .tabData ul li a:focus { color:#1c4b9c; font-weight:600;}
/** �������� : active **/
.section3.active .eduInfo:before { opacity:1; } 


/* RESPONSIVE */   
@media (min-width:1921px){
	.section [class*="mot"]{opacity:1 !important;}
.section [class*="mot"][class$="-left"]{transform:none;-webkit-transform: none;}
.section [class*="mot"][class$="-right"]{transform:none;-webkit-transform: none;}
.section [class*="mot"][class$="-top"]{transform:none;-webkit-transform: none;}
.section [class*="mot"][class$="-bottom"]{transform:none;-webkit-transform: none;}
.section [class*="mot"][class$="-ball"]{transform:none;-webkit-transform: none;}
}
@media (max-width:1440px){  
	/* ���־� */
	.section1 .visual .visualWrap .slogan { left:0; -webkit-transform:none; transform:none; top:30%; padding:0 1rem;}
	.section1 .visual .visualWrap .slogan .txt1:before { left:0.5rem;}
	.section1.active .slideEl.slick-current.slick-active .slogan { top:25%; }
	.section1 .visual .control { left:0; padding:0 1rem; -webkit-transform:none; transform:none; }
	.section1 .visual .visualWrap .map_img img {width:auto; height:100%;}

	/* ���޴� */
	.section1 .quickMenu { left:0; }
	.section1 .quickMenu h3 { left:1rem;}
	
	/* ���޴�02 */
	.section1 .quickMenu02 {width:100%;} 
	}
@media (max-width:1280px){ 
	.title01 { font-size:1.5rem; }
	
	/* visual */
	.section1 .visual .slick-track { height:26rem; min-height:0;} 
	.section1 .visual .visualWrap .slogan .txt1 { font-size:3rem; } 
	.section1 .visual .visualWrap .slogan .txt2 { font-size:1rem; margin-top:0.5rem; } 
	.section1 .visual .control { bottom:10rem;}
	
	.scroll_down { bottom:2rem;}

	/* ���޴� */
	.section1 .quickMenu { position:relative; left:auto; top:auto; }
	.section1 .quickMenu ul li a { display:block; text-align:center; }
	.section1 .quickMenu ul li a .ico { margin:1.2rem auto 0.5rem;}
	.section1 .quickMenu ul li a p { display:inline-block; }
 
	.section2 { padding:1.5rem 0;}

	/* ���޴�02 */
	.section1 .quickMenu02 {position:relative; right:auto; bottom:auto;border-radius:0; padding-left:1rem;margin-bottom: .5rem;} 
	
	/* �������� */
	.section2 .notice { width:100%; height:16.5rem; margin-bottom:1.5rem; }
	.section2 .notice .tab { margin-top:0; }
	.section2 .notice .tabData {top:2.5rem;}
	.section2 .notice .tabData .noti_first { padding:1.2rem 1rem; }
	.section2 .notice .tabData .noti_first dl dt .tag { line-height:2rem; margin-bottom:0.5rem; }
	.section2 .notice .tabData .noti_first dl:before { top:4.5rem;}
	.section2 .notice .tabData .noti_first dl dt.tit { font-size:1rem; line-height:1.3rem; height:1.3rem;}
	.section2 .notice .tabData .noti_first dl dd.txt { margin:1.5rem 0 0.5rem;} 
	.section2 .notice .tabData .tabLst > li + li { padding-top:0.8rem;}
	.section2 .notice .tabData .tabLst > li > a .tit { font-size:0.85rem;}
	.section2 .notice .tabData .tabLst > li > a .date { padding:0 0 0.4rem;}

	/* ����ó */
	.section2 .contact { display: flex; flex-direction: column; justify-content: center; width:52%; height:10.6rem; }  
	
	/* ����� */
	.section2 .schedule { width:45%; float:left; }
 
	/* �˾� */
	.section2 .popup { width:52%; }
 
	/* �������� */
	.section3 .eduInfo { padding:0 1.5rem 1.5rem 45%; }
	.section3 .eduInfo .edu_tab { margin:1rem 0; }
	.section3 .eduInfo .edu_tab > li > a {/* line-height:2.5rem; */}/*240621*/
	.section3 .eduInfo .edu_con li .tabImg { height:calc(100% - 1.5rem); }
	.section3 .eduInfo h3 strong { font-size:1.8rem; } 
	.section3 .eduInfo .edu_con li .tabData ul li { width:33.333%; }
}  
@media (max-width:1024px){

	/* ���޴� */
	.section1 .quickMenu ul { padding:0.7rem 1rem 0.7rem 6rem; }
	.section1 .quickMenu ul li { flex: 1 1 33.333%; }
	.section1 .quickMenu ul li a { display:flex; height:4rem; }
	.section1 .quickMenu ul li a .ico { width:3rem; height:3rem; margin:0 1rem 0 0; background-size:70% auto; }

	.section3 { padding:1.5rem 0;}
 
	
	/* �������� */  
	.section3 .eduInfo { padding:0 1.5rem 1.5rem 0;}
	.section3 .eduInfo:after { content:""; position:absolute; left:0; top:1.5rem; width:5rem; height:80%; background:#e6ecf5; z-index:-1; }
	.section3 .eduInfo .edu_con li .tabImg { display:none;}
	.section3 .eduInfo .edu_con li .tabData ul + h4 { margin-top:1rem; }
	 
} 
@media (max-width:768px){   
	.scroll_down { display:none; }

	/* visual */
	.section1 .visual .slick-track { height:20rem; }  
	.section1 .visual .visualWrap .slogan .txt1 { font-size:2.5rem; }
	.section1 .visual .visualWrap .slogan .txt2 { font-size:0.9rem; }
	.section1 .visual .control { bottom:1rem; } 

	/* �˾� */
	.section2 .popup { width:100%; }

	/* ����� */
	.section2 .schedule { width:100%; }

	/* ����ó */
	.section2 .contact { width:100%; height:auto; display:flex; }
	.section2 .contact ul > li strong { display:inline-block;} 
	
	/* ���޴�02 */
	.section1 .quickMenu02 {height:auto;padding-bottom:.8rem;background: linear-gradient(70deg, #4497b3 0%, #5f4acf 100%);}    
	.section1 .quickMenu02 p {font-size:.85rem;}
}
@media (max-width:580px){ 
	/* ���޴� */
	.section1 .quickMenu { padding:1.5rem 1rem 0.5rem; }
	.section1 .quickMenu h3 { position:relative; left:auto; top:auto; -webkit-transform:none; transform:none; margin-bottom:0.5rem; }
	.section1 .quickMenu h3 strong { display:inline-block; }
	.section1 .quickMenu ul { padding:0; }
	.section1 .quickMenu ul li { flex:1 1 50%; }
	.section1 .quickMenu ul li a { justify-content:inherit;  border-bottom:1px dashed rgba(255,255,255,0.3);} 
  
	
	/* �������� */ 
	.section2 .notice { height:26rem; }
	.section2 .notice h3 { float:none;}
	.section2 .notice .tab { margin:0.5rem 0 0;}
	.section2 .notice .tabData { top:4.5rem; padding-top:1rem; }
	.section2 .notice .tabData .noti_first { width:100%; margin-bottom:0.5rem; }
	.section2 .notice .tabData .noti_first dl:before { display:none; }
	.section2 .notice .tabData .noti_first dl dt.tit { height:1.3rem; font-size:0.9rem; text-overflow:ellipsis; white-space: nowrap; }
	.section2 .notice .tabData .noti_first dl dd.txt { margin:0.5rem 0; height:2.4rem;}
	.section2 .notice .tabData .noti_first + .tabLst { width:100%; }  
	.section2 .notice .tabData .tabLst > li > a { padding-bottom:0.6rem;}
	.section2 .notice .tabData .tabLst > li > a .date { display:none; }
	.section2 .notice .tabData .tabLst > li:nth-child(4) { display:none;}

	/* �������� */
	.section3 .eduInfo { padding:0 1rem 1rem 0;}
	.section3 .eduInfo:before { width:calc(100% - 1rem); }
	.section3 .eduInfo .edu_tab { flex-wrap:wrap;}
	.section3 .eduInfo .edu_tab > li { flex:1 1 50%; }
	.section3 .eduInfo .edu_tab > li:nth-child(3) { border-left:none; border-top:1px solid #bdc7d6; }
	.section3 .eduInfo .edu_tab > li:nth-child(4),	.section3 .eduInfo .edu_tab > li:nth-child(5) {border-top:1px solid #bdc7d6; }/*240621*/
	.section3 .eduInfo .edu_tab > li > a { font-size:0.8rem;}
	.section3 .eduInfo .edu_con li .tabData ul li { width:50%; }
}
@media (max-width:480px){ 
	/* visual */ 
	.section1 .visual .slick-track { height:16rem; }
	.section1 .visual .visualWrap .slogan .txt1 { font-size:2rem; }   
}
@media (max-width:380px){ 
	.title01 { font-size:1.3rem; }
 
	/* ���޴� */
	.section1 .quickMenu ul { display:block;}
	.section1 .quickMenu ul li a { height:3rem;}
	.section1 .quickMenu ul li a .ico { width:2.3rem; height:2.3rem; }

	/* �������� */
	.section2 .notice .tab > li + li { margin-left:0.5rem; }
	.section2 .notice .tab > li > a { padding-left:0; }
	.section2 .notice .tab > li > a:before { display:none; }
	 
	/* ����� */
	.section2 .schedule { display:block; padding:1rem 1rem 3rem; height:auto; }
	.section2 .schedule .date { margin:0 auto 0.5rem; }
	.section2 .schedule .schdWrap { width:100%; }  

	/* ����ó */ 
	.section2 .contact ul > li strong { display:block;}

	/* �������� */
	.section3 .eduInfo h3 strong { display:block;}
	.section3 .eduInfo .edu_con li .tabData ul li { width:100%; }

}