@charset "utf-8";

/* 상단팝업 */
.toppopup_wrap{position:relative; display:block; padding:15px 0 50px; background:#012f55;}
.toppopup_wrap .toppopup{max-width:1400px; margin:0 auto; position:relative; background:url('/images/web/ipsi/main/line_toppopup.png')repeat-y center;}
.top_slider{ position:relative; margin:0 60px;}
.top_slider .slick-slide a{ display:block; text-align:center; margin:0 10px;}
.top_slider .slick-slide a img{max-width:100%; height:auto;}
.top_slider .slick-slide.dragging img{ pointer-events:none;}
.top_slider .slick-arrow{ position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-25px; cursor:pointer; text-indent:-10000px; z-index:20;}
.top_slider .slick-prev{ left:-60px; background:#a5b9d1 url('/images/web/ipsi/main/btn_p_prev.png')no-repeat center;}
.top_slider .slick-next{ right:-60px; background:#a5b9d1 url('/images/web/ipsi/main/btn_p_next.png')no-repeat center;}
.top_slider .slick-dots{ position:absolute; width:auto; left:-20px; bottom:-33px;}
.top_slider .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
.top_slider .slick-dots li button{ display:block; width:8px; height:8px; border-radius:20px; cursor:pointer; border:2px solid #fff; font-size:0; overflow:hidden;}
.top_slider .slick-dots li.slick-active button{background:#fff;}

.toppopup_wrap .btn_slider button{border:0px; font-size:0; width:15px; height:15px; position:absolute; bottom:-34px; left:20px;}
.toppopup_wrap .btn_slider button.btn_stop{background:url('/images/web/ipsi/main/btn_p_stop.png') no-repeat center;}
.toppopup_wrap .btn_slider button.btn_play{display:none; background:url('/images/web/ipsi/main/btn_p_play.png') no-repeat center;}

.toppopup_wrap .closeCheck {position:absolute; bottom:-40px; right:0; color:#fff; text-align:right;}
.toppopup_wrap .closeCheck label {margin-right:5px; font-family:'NotoR'; font-size:12px; }
.toppopup_wrap .closeCheck .btn_close{width:25px; height:25px; background:#fff url('/images/web/ipsi/main/btn_close.png') no-repeat center; font-size:0; vertical-align:super;}


/* 메인비주얼 */
.main_visual {position:relative;width:100%;height: 100% !important;}
	/* 슬로건 */
	.main_visual .slogan_wrap{position:absolute; width:500px; top:20%; left:50%; z-index:200; max-width:1400px; margin-left:-700px; padding:40px 30px; background:rgba(0,0,0,0.5) url('/images/web/ipsi/main/pttrn_slogan.png');}
	.main_visual .slogan{ position:relative; padding-left:30px;}
	.main_visual .slogan::before{content:""; width:1px; height:100%; background:#fff; position: absolute; left:0; top:0;}
	.main_visual .slogan::after{content:"";  width:7px; height:7px; border-radius:5px; background:#fff; position: absolute; left:-3px; top:0;}
	.main_visual .slogan .txt{float:left; color:#fff; overflow:hidden; letter-spacing:-1px; line-height:1.2; }
	.main_visual .slogan .txt01{font-size:30px;}
	.main_visual .slogan .txt02{font-size:50px; margin:10px 0 20px;}
	.main_visual .slogan .txt03{font-size:18px; line-height:25px;}
	/* 비주얼 좌우 화살표
	.main_visual .slogan .slick-arrow{position:absolute; width:100px; height:100px; border-radius:100px; top:50%; z-index:1001; margin-top:-100px; font-size:0;}
	.main_visual .slogan .slick-prev{left:-100px; background:rgba(0,0,0,0.5) url('/images/web/ipsi/main/btn_m_prev.png') no-repeat center;}
	.main_visual .slogan .slick-next{right:-100px; background:rgba(0,0,0,0.5) url('/images/web/ipsi/main/btn_m_next.png') no-repeat center;}
	*/
	.main_visual .slogan .slick-dots{position:absolute;max-width:1200px;left:0px;bottom: -138px;z-index:1000;}
	.main_visual .slogan .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
	.main_visual .slogan .slick-dots li button{ display:block; width:10px; height:10px; border-radius:10px; cursor:pointer; background:rgba(0,0,0,0.6); font-size:0; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
	.main_visual .slogan .slick-dots li.slick-active button{width:20px; background:#fff;}	

	/* 이미지 */
	.main_visual .visual{position:relative; height:100%; z-index:100; top:0;}
	.main_visual .visual div{height:100%;}
	.main_visual .visual img{position:absolute; left:50%; width:auto; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
	.main_visual .visual .slick-list, .main_visual .visual .slick-track{height:100%;}

	/* 버튼 */
	.main_visual .btn_slider{position:absolute;max-width:1200px;left:5px;bottom: -100px;z-index:1000;}
	.main_visual .btn_slider button{border:0px; font-size:0; width:15px; height:15px;}
	.main_visual .btn_slider button.btn_stop{background:url('/images/web/ipsi/layout/btn_stop.png') no-repeat center;}
	.main_visual .btn_slider button.btn_play{display:none; background:url('/images/web/ipsi/layout/btn_play.png') no-repeat center;}
    
     /*미니슬로건 210817*/
                .mini_slogan_wrap {position:absolute;width: 60%;right:0;}
                .mini_slogan_wrap  .mini_slogan {position:absolute;width:100%;top: 16%;right:0%;}
                .mini_slogan_wrap .mini_slogan  h3 {font-size:36px; letter-spacing:-2px;font-family:'NotoB';color: #b292dd;margin: 0 0 10px;text-shadow: 1px 1px 1px rgb(37, 22, 53);word-break: keep-all;}
                .mini_slogan_wrap .mini_slogan .mini_slogan_text {color:#333; font-size:20px; position: relative;}
                .mini_slogan_wrap .mini_slogan .link_wrap { padding: 30px 0 0; }
                .mini_slogan_wrap .mini_slogan .link_wrap a {display:inline-block;line-height: 1;padding: 10px 10px;font-size: 20px;margin:0 5px;border-radius:30px;width: 165px;border:1px solid #fff;}
                .mini_slogan_wrap .mini_slogan .link_wrap a.link01 {color:#fff;background: #9d76cf; border: 0; margin-bottom:5px;} 
                .mini_slogan_wrap .mini_slogan .link_wrap a.link02 {color:#fff;background: #9d76cf; border: 0;} 
                .mini_slogan .link_wrap a.link01:hover { background:#895ac5; } 
                .mini_slogan .link_wrap a.link02:hover { background:#895ac5;} 
                .mini_slogan a { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } 

/*바로가기버튼 250905*/
.qu_wrap {display: flex;gap: 0.5rem;max-width: 1900px;width: 100%;position:absolute;top: 2%;left: 50%;transform: translateX(-50%);z-index: 999;align-items: flex-start;}
.qu_link {background:rgba(0,0,0,0.5) url('/images/web/ipsi/main/pttrn_slogan.png');width: 480px;padding: 15px;}
.qu_link .qu_a {width:100%;}
.qu_link .qu_a .qu_tit {text-align:center; font-size:1.2rem; color:#000000; font-weight:900; margin-bottom:5px; color:#fff;}
.qu_link .qu_a {overflow:hidden;}
.qu_link .buttonWrap {display: flex;width:100%;overflow:hidden;flex-wrap: wrap;gap: 0.5rem;}
.qu_link .buttonWrap.type01 li {flex: 1 0 40%;}
.qu_link .buttonWrap.type02 li {flex: 1 0 100%;}
.qu_link .buttonWrap.type03 li {flex: 1 0 40%;}
.qu_link .buttonWrap.type04 li {flex: 1 0 40%;}
.qu_link .buttonWrap li a{display: flex;width: 100%;height: 40px;padding: 0 1rem 0 0.5rem;align-items: center;justify-content: space-between;border-radius:10px;color:#fff;font-size:1rem;font-family: 'NotoM';box-sizing:border-box;transition:0.2s all;webkit-transition:0.2s all}
.qu_link .buttonWrap.type01 li a {background: #F06B8A;}
.qu_link .buttonWrap.type02 li a {background: #2FA599;}
.qu_link .buttonWrap.type03 li a {background: #FFDF9A;color: #000;}
.qu_link .buttonWrap.type04 li a {background: #0B98F9;}
.qu_link .buttonWrap li a span {display:flex; justify-content:center; align-items:center;}
.qu_link .buttonWrap li a span img{max-width:100%;}
.qu_link .buttonWrap.type03 li a span img{filter: brightness(0);}
.qu_link .boxItem {display:flex;align-items: stretch;background:#fff;padding:0.5rem;border-radius:0.5rem;margin-top:0.5rem;gap:0.5rem;}
.qu_link .boxItem .titWrap{display:flex;justify-content:center;align-items:center;border-radius:0.5rem;padding:0.5rem;width: 8rem;background: #FBDAE2;color: #F0708A;font-weight: 600;text-align: center;box-sizing: border-box;}
.qu_link .boxItem .contWrap{display: flex;width: calc(100% - 8.5rem);height: auto;}
.qu_link .contWrap ul {width:100%;}
.qu_link .contWrap ul li {color:#000;}
.qu_link .contWrap ul li strong {font-weight:600;}

/*active*/
.qu_link .buttonWrap.type01 li a:hover,.qu_link .buttonWrap.type01 li a:focus{background:#ee5478;}
.qu_link .buttonWrap.type02 li a:hover,.qu_link .buttonWrap.type02 li a:focus{background: #008578;}
.qu_link .buttonWrap.type03 li a:hover,.qu_link .buttonWrap.type03 li a:focus{background: #f5c04d;color: #000;}
.qu_link .buttonWrap.type04 li a:hover,.qu_link .buttonWrap.type04 li a:focus{background: #027ed3;}

/* 바로가기01 */
.m_link01{width:100%; height:100%; background:#fff; overflow:hidden; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.m_link01 h2{position:absolute; width:0px; height:0; left:0; top:0; overflow:hidden;}
.m_link01 ul li {width:16.66%; float:left;}
.m_link01 ul li a{display:block;position:relative;color:#333;font-family:'NotoM';font-size: 1.25rem;text-align:center;padding:16px 0;margin:30px 0;border-left:1px solid #ccc;}/*250717 폰트사이즈 조절*/
.m_link01 ul li:first-child a{border-left:0;}
.m_link01 ul li a p{display:inline-block; vertical-align:middle; margin-right:5px;}
.m_link01 ul li a p img{width:66px; height:58px;}
.m_link01 ul li a span{line-height:20px;}
.m_link01 ul li a:hover{color:#005aab;}
.m_link01 ul li a:hover p{margin-right:15px;}
.m_link01 ul li a, .m_link01 ul li a p{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 공지사항 */
.notice {position:absolute; width:100%; height:100%;} 
.notice h2{position:relative; display:inline-block; line-height:1.1; font-size:20px; font-family:'NotoM'; color:#0c2136; letter-spacing:-1px; padding:0 0 12px; border-bottom:5px solid #023275;} 
.notice h2::before{content:""; }
.notice .line{position:absolute; top:12px; left:0; width:100%;}
.notice .line span{display:block; margin-right:50px; margin-left:80px; height:1px; background:#ccc;}
.notice .list_box {position:relative; width:100%; margin:30px 0 0;}
.notice .list_box li{ position:relative; width:100%; float:left;}
.notice .list_box li a{display:block; line-height:30px; padding-left:10px; margin-right:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111; font-family:'NotoM';}
.notice .list_box li a::before{content:""; position:absolute; width:3px; height:3px; left:0; top:14px; background:#012f55; border-radius:3px;}
.notice .list_box li a:hover{text-decoration:underline; color:#0072bc;}
.notice .list_box li span{position:absolute; right:0; top:0; font-size:13px; line-height:30px; color:#666;}
.notice .list_box a.btn_more{display:block; position:absolute; right:0px; top:-65px; width:45px; height:30px; text-align:center; font-size:12px; letter-spacing:-1px; color:#656b77;}
.notice .list_box a.btn_more span{ display:block; width:18px; height:2px; margin:0 auto 3px; background:#111;}
.notice .list_box a.btn_more:hover{color:#0072bc; }
.notice .list_box a.btn_more:hover span{background:#0072bc;}
.notice a, .notice span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 공지사항 */
.notice02 {position:absolute; width:100%; height:100%;} 
.notice02 h2{position:relative; display:inline-block; line-height:1.1; font-size:20px; font-family:'NotoM'; color:#0c2136; letter-spacing:-1px; padding:0 0 12px; border-bottom:5px solid #023275;} 
.notice02 h2::before{content:""; }
.notice02 h3 a{position:absolute; top:0; display:block; line-height:32px; color:#fff; padding:0 15px; border-radius:5px; background:#777; opacity:0.7;}
.notice02 h3.tit_1 a{left:60px; background:#023275;}
.notice02 h3.tit_2 a{left:120px; background:#229edf; }
.notice02 h3.tit_3 a{left:180px; background:#f8b62d; }
.notice02 h3.current a, .notice02 h3 a:hover{opacity:1 !important;}
.notice02 .line{position:absolute; top:12px; left:0; width:100%;}
.notice02 .line span{display:block; margin-right:50px; margin-left:245px; height:1px; background:#ccc;}
.notice02 .list_box {position:relative; display:none; width:100%; margin:30px 0 0;}
.notice02 .list_box.on{display:block;}
.notice02 .list_box li{ position:relative; width:100%; float:left;}
.notice02 .list_box li a{display:block; line-height:30px; padding-left:40px; margin:0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111; font-family:'NotoM';}
.notice02 .list_box li a::before{content:"Q"; position:absolute; width:30px; height:30px; line-height:27px; left:0; top:0; background:#00a390; border-radius:30px; color:#fff; text-align:center; font-size:15px; font-family:'NotoB';}
.notice02 .list_box li a:hover{color:#00a390; text-decoration:underline;}
.notice02 .list_box a.btn_more{display:block; position:absolute; right:0px; top:-65px; width:45px; height:30px; text-align:center; font-size:12px; letter-spacing:-1px; color:#656b77;}
.notice02 .list_box a.btn_more span{ display:block; width:18px; height:2px; margin:0 auto 3px; background:#111;}
.notice02 .list_box a.btn_more:hover{color:#0072bc; text-decoration:underline;}
.notice02 .list_box a.btn_more:hover span{background:#0072bc;}
.notice02 a, .notice02 span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 홍보동영상 */
.video_box{width:100%; height:100%; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.video_box h2{position:absolute; left:0; bottom:0; color:#fff; line-height:50px; background:#229edf; padding:0 30px; z-index:1;}
.video_box h2::before{content:""; position:absolute; right:-90px; bottom:0; width:106px; height:78px; background:url('/images/web/ipsi/main/bg_video.png') no-repeat center;}
.video_box .preview{width:100%; height:100%; overflow:hidden;}
.video_box .preview img{width:auto; height:100%;}
.video_box a.btn_play{position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url('/images/web/ipsi/main/btn_video.png') no-repeat center; text-indent:-9999%; overflow:hidden; }
.video_box:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
.video_box img{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 입학문의 */
.entsch{width:100%; height:100%; letter-spacing:-1px; background:url('/images/web/kor/layout/symbol.svg') no-repeat right 120%; overflow:hidden;}
.entsch .tit_wrap {color:#fff; }
.entsch .tit_wrap h2{display:inline-block; position:relative; padding-right:80px; font-size:36px; font-family:'NotoM';}
.entsch .tit_wrap h2::before{content:""; width:30px; height:1px; position:absolute; right:20px; top:50%; background:#fff;}
.entsch .tit_wrap p{display:inline-block; padding-left:50px; font-family:'NotoT'; font-size:28px; background:url('/images/web/ipsi/main/ico_call.png') no-repeat left center;}
.entsch .tmzon{margin:20px 0;}
.entsch .tmzon p{font-size:18px; color:#fff; line-height:30px;}
.entsch .tmzon p.point{display:inline-block; margin:10px 0 0; padding:10px 0 0; border-top:1px solid #4e7bad; color:#f8d340;}
.entsch a.btn_more{display:inline-block; line-height:40px; padding:0 50px 0 15px; border:1px solid #fff; color:#fff; background:url('/images/web/ipsi/main/btn_arr_wh.png') no-repeat 85% center;}
.entsch a.btn_more:hover{background-position:92% center; background-color:#ff9d17; border-color:#ff9d17;}
.entsch a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 팝업존 *//*241122*/
.popup_box{position:relative;height: 100%;}
.popup_box h2{font-size:20px; line-height:25px; letter-spacing:-1px; color:#fff;}
.popup_box .pop{position:relative; height:400px; margin-top:10px; }
.popup_box .pop .slick-list{border-radius:30px 0px 30px 0px; overflow:hidden;background:#0d325a;}
.popup_box .pop li{width:100%;/* height:400px; */float:left;display:table;}
.popup_box .pop li a{display:table-cell; vertical-align:middle;}
.popup_box .pop li a img{/* width:100%; */height: auto;position: relative;left: 50%;transform: translate(-50%,0);}
.popup_box .slick-arrow{ position:absolute; top:-32px; display:block; width:20px; height:20px; cursor:pointer; text-indent:-10000px; z-index:20;}
.popup_box .slick-prev{ right:60px; background:url('/images/web/ipsi/main/btn_b_prev.png')no-repeat center;}
.popup_box .slick-next{ right:0px; background:url('/images/web/ipsi/main/btn_b_next.png')no-repeat center;}
.popup_box .slider-count {position: absolute; top:-32px; right:100px; color:#fff; line-height:20px; font-size:16px;}
.popup_box .slider-count span#current{font-family:'NotoB';}
.popup_box .control{position:absolute; top:2px; right:30px; z-index:10; overflow:hidden; }
.popup_box .control button{display:block; width:20px; height:20px; text-indent:-10000em; }
.popup_box .control .btn_stop{background:url("/images/web/ipsi/main/btn_b_stop.png") no-repeat center; }
.popup_box .control .btn_play{display:none; background:url("/images/web/ipsi/main/btn_b_play.png") no-repeat center; }

/* 바로가기02 */
.m_link02{width:100%; height:100%;}
.m_link02 h2{position:absolute; width:0px; height:0; left:0; top:0; overflow:hidden;}
.m_link02 ul li{width:16.66%; float:left;}
.m_link02 ul li a{display:block; color:#333; padding:20px 0; font-size:14px; text-align:center; }
.m_link02 ul li a p{margin:0 0 15px}
.m_link02 ul li a span{display:block; line-height:16px; height:32px;}
.m_link02 ul li a img{width:60px; height:50px;}
.m_link02 ul li a:hover p{margin:-10px 0 25px;}
.m_link02 ul li a:hover span{text-decoration:underline; color:#0072bc;}
.m_link02 p, .m_link02 span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 바로가기03 */
.m_link03{width:100%; height:100%;}
.m_link03 h2{position:absolute; width:0px; height:0; left:0; top:0; overflow:hidden;}
.m_link03 ul{height:130px; border:1px solid #ccc; border-left:0; overflow:hidden;}
.m_link03 ul li{width:20%; height:100%; display:table; float:left;}
.m_link03 ul li a{display:table-cell; position:relative; color:#111; padding:20px; vertical-align:top; border-left:1px solid #ccc; }
.m_link03 ul li a p{position:Relative; display:inline-block; font-size:16px; line-height:20px; font-family:'NotoM';}
.m_link03 ul li a p::before{content:""; position:absolute; bottom:0; right:-45px !important; width:30px; height:15px; background:url('/images/web/ipsi/main/btn_arr.png') no-repeat center;}
.m_link03 ul li a span{display:block; margin:10px 0 0; padding-right:60px; line-height:20px; min-height:40px; font-size:14px; word-break:keep-all;}
.m_link03 ul li a img{position:absolute; right:20px; bottom:20px; width:55px; height:55px;}
.m_link03 ul li a:hover p{color:#005aab;}
.m_link03 ul li a:hover p::before{right:-75px;}
.m_link03 ul li a:hover span{text-decoration:underline;}
.m_link03 ul li a:hover img{transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
.m_link03 a, .m_link03 img, .m_link03 p, .m_link03 p::before, .m_link03 span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

.btn_box {margin-top:1rem; display: flex; justify-content:space-between;}
.btn_box > a {width:25%; background:#e7914a; text-align:center; color:#fff; padding:2rem; margin:.5rem; font-size:1.2rem;}

.btn_box.btn_box2 {flex-wrap:wrap;padding: 0px 1rem;margin-bottom:1rem;width: 93%;margin:1rem auto;}
.btn_box.btn_box2 > a {border-radius:.3rem;background:rgba(3, 117, 91, 0.55);width: 44%;font-size:1rem;line-height:1.4rem;padding: .5rem .5rem;align-items:center;margin:.3rem .2rem;}


.info_box3 {background:#fff; width:90%;  text-align:left ; padding:.7rem; margin:20px auto;}
.info_box3 > ul > li {font-size:.9rem; text-align:left !important ; padding-bottom:.6rem;}
.info_box3 > ul > li >strong {color:#4255a7; position:relative; padding-left:.4rem; float:left; width:29%; }
.info_box3 > ul > li >strong:before {width:2px; height:12px; background:#4255a7; top:50%; left:0; position:absolute; content:''; transform:translate(0 , -50%);}


/*바로가기*/
.list_box{/* margin-top: 20px; */overflow:hidden;} /*211216 수정*/
.list_box > div{position:relative; width:49%; min-height:205px; margin-left:2%; float:left;}
.list_box > div.list01{margin-left:0;}
.list_box > div.list01 {background: linear-gradient(90deg, #5948f5, #7e60f6 )}
.list_box > div.list01 a {background: rgba(50,36,177,0.55);}
.list_box > div.list01 a:hover {background: rgba(50,36,177,0.7);}
.list_box > div.list01 a::before {content: ''; display: block; position: absolute; bottom: 10px; right: 15px; width: 24px; height: 24px; background: url(../images/arrow_01.png) center no-repeat;}

.list_box > div.list02 {background: linear-gradient(90deg, #0470dc, #13c2fc )}
.list_box > div.list02 a {background: rgba(7,63,120,0.55);}
.list_box > div.list02 a:hover {background: rgba(7,63,120,0.7);}
.list_box > div.list02 a::before {content: ''; display: block; position: absolute;  bottom: 10px; right: 15px; width: 24px; height: 24px; background: url(../images/arrow_02.png) center no-repeat;}
.list_box > div.list02 .txt_box {margin: 0 30px;}
.list_box > div.list02 .txt_box ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.list_box > div.list02 .txt_box ul li { padding: 10px 5px; border-radius: 5px; background: rgba(7,63,120,0.55); color: #fff;width: 33%; text-align: center;}
.list_box > div.list02 .txt_box ul li span {display: block; font-weight: 600;}

.list_box > div.list03 {background: linear-gradient(90deg, #f76b1c, #fab461 )}
.list_box > div.list03 a {background: rgba(187,70,4,0.55);}
.list_box > div.list03 a:hover {background: rgba(187,70,4,0.7);}
.list_box > div.list03 a::before {content: ''; display: block; position: absolute;  bottom: 10px; right: 15px; width: 24px; height: 24px; background: url(../images/arrow_03.png) center no-repeat;}

.list_box > div .list_img {text-align: center; padding: 20px 0 0px;}
.list_box > div h3{padding:7px 0 13px; text-align:center; font-size:22px; color:#fff;}
.list_box > div .list_btn {padding: 0 30px;}
.list_box > div .list_btn a {display: block; width: 100%; padding: 15px 30px; border-radius: 5px; color: #fff; box-sizing: border-box; font-size: 16px;position: relative;}
.list_box > div .list_btn:hover a::before {transform: translateX(5px);}
.list_box > div .list_btn:hover a::before {
            -webkit-transition: all 0.5s ease; 
            -moz-transition: all 0.5s ease; 
            -o-transition: all 0.5s ease; 
            transition: all 0.5s ease; 
            -ms-transition: all 0.5s ease;
}
.info_box {width: 100%; padding: 30px 50px; min-height: 180px; background: rgba(255,255,255,0.98); margin: 15px 0; float: left;}
.info_box .tit {font-size: 30px;color: #005596;float: left;width: 20%;height: 100%;margin-top: 2.5%;}
.info_box ul { margin: 0 auto;}
.info_box ul::after {content: ''; display: block; clear: both;}
.info_box ul li {width: 100%; float: left; font-size: 16px; padding: 0 0 8px 8px; position: relative; margin-bottom: 5px;}
.info_box ul li::before {content: ''; display: block; width: 2px; height: 12px; background: #005596; position: absolute; left: 0; top: 3px;}
.info_box ul li span {display: inline-block; color: #005596;}
.info_box ul li span.txt1 {width: 26%; min-width: 60px;}
.info_box ul li span.txt2 {float: right;}

.info_box2 {width: 32%;float: right;background: rgba(255,255,255,0.98);height: 200px;margin: 30px 0;text-align: center;display: table;vertical-align: middle;border: 5px solid cornflowerblue;}
.info_box2 .img {margin: 25px 0 0;}
.info_box2 .tit{font-size: 21px;padding: 10px 0 10px;background: cornflowerblue;color: #fff;line-height: 1.2;margin-top: 10px;}
.info_box2 .num{font-size: 23px; margin-top: 15px;}


/* 210128 추가*/
.intro_wrap .container .con_right .link_box ul li {width: 100%;}
.intro_wrap .container .con_right h2 {font-size: 25px;}

.con_left .list_box {border:none !important; margin:0px 15px 0px 0px;}
.con_left .list_box > div {margin-left:0;}
.list_box{/* margin-top: 20px; */overflow:hidden;margin-left: 20px;/* border-left: 1px solid #fff; */}/*211216 수정*/
.list_box > div{position:relative;width: 90%;margin-left:5%;float:left;padding: 10px 0;}/*211216 수정*/
.list_box > div.list04 {background: linear-gradient(90deg, #0470dc, #13c2fc ); width:100%;}
.list_box > div.list04 a {background: rgba(58, 45, 175, 0.55);}
/*.list_box > div.list04 a::before {content: ''; display: block; position: absolute;  bottom: 10px; right: 15px; width: 24px; height: 24px; background: url(../images/arrow_04.png) center no-repeat;}*/
.list_box > div.list04 p.txt {background: rgba(21, 14, 83, 0.55);padding: 15px 10px;color: #fff;border-radius: 5px;width: 90%;margin: 0 auto;text-align:center;}


.list_box > div.list05 {width: 95%; background: linear-gradient(90deg, #08b58c, #29ffb3 )}
.list_box > div.list05 h3 {border-bottom: 1px dotted rgba(255, 255, 255, 0.5);}

.list_box > div.list05 h4:last-child {font-size: 26px; word-break: keep-all;}
.list_box > div p {width: 100%;text-align: center;font-size: 16px;}
.list_box > div.list05 p.list_img img {width: 100px;}
.list_box > div.list05 p.txt {background: rgba(6, 65, 51, 0.55);padding: 15px 10px;color: #fff;border-radius: 5px;width: 90%;margin: 0 auto;}



.list_box > div .list_img {text-align: center;padding: 20px 0 0px;}
.list_box > div h4{padding:7px 0 13px; text-align:center; font-size:25px; color:#fff;}
.list_box > div .list_btn {padding: 0 30px; margin-bottom: 10px;}
.list_box > div .list_btn a {display: block; width: 100%; padding: 15px 30px; border-radius: 5px; color: #fff; box-sizing: border-box; font-size: 18px;position: relative;}
.list_box > div .list_btn:hover a::before {transform: translateX(5px);}
.list_box > div .list_btn:hover a::before {
            -webkit-transition: all 0.5s ease; 
            -moz-transition: all 0.5s ease; 
            -o-transition: all 0.5s ease; 
            transition: all 0.5s ease; 
            -ms-transition: all 0.5s ease;
}
.con_right .info_wrap {margin-left: 20px; border-left: 1px solid #fff; height: 200px; margin: 30px 0 30px 20px;}
.con_right .info_box {width: 90%;min-height: 200px; margin: 0 0 0 5%;}
.con_right .info_box {padding: 30px 25px;}
.con_right .info_box ul {display: inline-block; width: 100%; margin: 0 0; padding: 0 0;}
.con_right .info_box ul::after {content: ''; display: block; clear: both;}
.con_right .info_box ul li {font-size: 16px; padding: 0 0 8px 8px; position: relative; margin-bottom: 5px; width: 100%; line-height: 1.2;}
.con_right .info_box ul li::before {content: ''; display: block; width: 2px; height: 12px; background: #005596; position: absolute; left: 0; top: 3px;}
.con_right .info_box ul li span {display: inline-block; color: #005596;}

.con_left {width: 35%;float: left;margin-top: 20px;}/*211216 수정*/
.con_right {width: 35%;float: right;margin-top: 20px;} /*211216 수정*/


/*챗봇 210902*/
#chatbot_btn {
	position: fixed;
	right: 60px;
	bottom: 90px;
	z-index: 10000;
	width: 170px;
	height: 170px;
	cursor: pointer;
}

#chatbot_btn img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}


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

	/* 상단팝업 */
	.toppopup_wrap .closeCheck{right:20px;}
	.top_slider .slick-prev{ left:-50px;}
	.top_slider .slick-next{ right:-50px;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap{max-width:100%; left:2.5%; margin-left:0;}
	.main_visual .visual img{transform:translateX(-50%); -webkit-transform:translateX(-50%);} /* 200923 */
}

@media screen and (min-width:1201px) {

	/* 스크롤 이벤트 CSS */
	[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:1s}
	[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:1s}
	[data-aos][data-aos][data-aos-delay="10"],body[data-aos-delay="10"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="10"].aos-animate,body[data-aos-delay="10"] [data-aos].aos-animate{transition-delay:.5s}

	/* slide 종류 설정 */
	[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
	[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
	[data-aos=fade-up]{transform:translate3d(0,100px,0)}
	[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
	[data-aos=fade-down-shot]{transform:translate3d(0,-50px,0)}
	[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
	[data-aos=fade-left]{transform:translate3d(100px,0,0)}
	[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
	[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
	[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
	[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}
}

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

	.con_left, .con_right {width: 48%;}

}


@media screen and (max-width:1200px) {
	
	/* 스크롤 이벤트 CSS - 정지 */
	[data-aos^=fade][data-aos^=fade]{opacity:1;}

	/* 상단팝업 */
	.top_slider .slick-arrow{width:40px; height:40px; margin-top:-20px;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap{display:none;} /* 200923 */
	.main_visual .visual img{transform:translateX(-65%); -webkit-transform:translateX(-65%);} /* 200923 */
	
	/* 바로가기01 */
	.m_link01 ul li a{padding:10px 0; margin:23px 0;}
	.m_link01 ul li a p{display:block; margin:0 0 5px; text-align:center;}
	.m_link01 ul li a:hover{color:#005aab;}
	.m_link01 ul li a:hover p{margin:-10px 0 15px;}
	
	/* 입학문의 */
	.entsch {background-position:right 70%; background-size:auto 180px;}
	.entsch .tit_wrap h2{padding-right:30px; margin-right:10px; font-size:30px;}
	.entsch .tit_wrap h2::before{width:20px; right:0px;}
	.entsch .tit_wrap p{padding-left:35px; font-size:28px; background-size:30px 30px;}

	/* 팝업존 *//*241122*/
	.popup_box .pop{height: 300px;}
	.popup_box .pop li{height: 261px;}
	.popup_box .pop li a img{height:auto;width: 100%;}
	
	/* 바로가기02 */
	.m_link02 ul li{width:33.33%;}
	.m_link02 ul li a{display:block; color:#333; padding:0; font-size:14px; text-align:center; }

	/* 바로가기03 */
	.m_link03 ul{height:auto; border-top:0;}
	.m_link03 ul li{width:50%; height:135px;}/*200417*/
	.m_link03 ul li a {border-top:1px solid #ccc;}
	.m_link03 ul li a span{font-size:14px;}
	.m_link03 ul li a img{right:10px; bottom:10px;}
    .m_link03 ul li:nth-child(4) a {border-bottom:1px solid #ccc;}
    .m_link03 ul li:nth-child(5) a {border-right:1px solid #ccc;}
	

		/*챗봇 210902*/
	#chatbot_btn {right: 10px; bottom: 10px;}


	/*240220*/
	.m_view{width:70% !important; margin:0 auto;}

}
@media (max-width:1024px) {

    .qu_wrap {display:none;}
	.btn_box.btn_box2 > a {width:100%;}

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

	/* 메인비주얼 */
	.main_visual .slogan .txt01{font-size:25px;}
	.main_visual .slogan .txt02{font-size:40px; margin:10px 0 20px;}
	.main_visual .slogan .txt03{font-size:18px; line-height:25px;}

	.con_left, .con_right {width: 48%;}
	
}

@media (max-width:840px) {


/*active*/
.qu_link .buttonWrap.type01 li a:hover,.qu_link .buttonWrap.type01 li a:focus{background:#0077ca;}
.qu_link .buttonWrap.type02 li a:hover,.qu_link .buttonWrap.type02 li a:focus{background: #008578;}
.qu_link .buttonWrap.type03 li a:hover,.qu_link .buttonWrap.type03 li a:focus{background: #f5c04d;color: #000;}


	/*240220*/
	.m_view{margin:20px auto !important;}
	/*.m_view dl{display: block !important;}*/
	
}
@media screen and (max-width:800px) {	
/*바로가기버튼 250905*/
.MC_box1 {height:680px;}
.qu_wrap {flex-wrap: wrap;top:2rem;}
.qu_link {width:100%;}
.qu_link .qu_a {width:100%;}
.qu_link .buttonWrap {display: flex;width:100%;overflow:hidden;flex-wrap: wrap;gap: 0.5rem;}

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

	/* 메인비주얼 */
	.main_visual .slogan_wrap{width:70%; top:20%; left:5%; padding:40px 20px;}
	.main_visual .slogan{padding-left:15px;}
	.main_visual .slogan .txt01{font-size:22px;}
	.main_visual .slogan .txt02{font-size:38px;}
	.main_visual .slogan .txt03{font-size:16px; line-height:22px;}

	/*미니슬로건 210817*/
        .mini_slogan_wrap .mini_slogan  h3 {font-size:24px;}
        .mini_slogan_wrap .mini_slogan .mini_slogan_text {font-size:18px;}
         .mini_slogan_wrap .mini_slogan .link_wrap a {padding: 10px 5px;font-size: 16px; margin:0 5px;width: 100px;}
	
	/* 바로가기01 */
	.m_link01 ul{margin:10px 0;}
	.m_link01 ul li{width:33.33%;}
	.m_link01 ul li a{font-size: 1rem;border:0;margin:0;}/*250717 폰트사이즈 조절*/
	.m_link01 ul li a p img{width:56px; height:48px;}

	/* 입학문의 */
	.entsch{background-size:contain;}
	.entsch .tit_wrap h2{font-size:25px;}
	.entsch .tit_wrap p{font-size:22px;}
	.entsch .tmzon{margin:10px 0 0; }
	.entsch .tmzon p{font-size:15px;}
	.entsch .tmzon p.point{display:block;}
	.entsch a.btn_more{position: absolute; right:0; top:0;}

	/* 팝업존 */
	.popup_box .pop{height:auto;}
	.popup_box .pop li{height:auto;}



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

	/* 상단팝업 */
	.top_slider{margin:0 40px;}
	.top_slider .slick-arrow{width:30px; height:30px; margin-top:-15px; background-size:auto 20px;}
	.top_slider .slick-prev{left:-30px;}
	.top_slider .slick-next{right:-30px;}
	.top_slider .slick-dots{left:0px;}

	/* 메인비주얼 */
	.main_visual .btn_slider{bottom:35px; left:20px;}
	.main_visual .slogan_wrap{width:90%; top:auto; bottom:15px; left:0; background:none; padding:0;}
	.main_visual .slogan::after{display:none;}
	.main_visual .slogan .slick-list{display:none;}
	.main_visual .slogan .slick-dots{bottom:38px; left:45px;}
	
	.main_visual .slogan .txt01{font-size:18px;}
	.main_visual .slogan .txt02{font-size:32px;}
	.main_visual .slogan .txt03{font-size:16px; line-height:18px;}

	/* 바로가기03 */
	.m_link03 ul li{width:100%;}
	.m_link03 ul li:nth-child(4) a {border-bottom:none;}
    .m_link03 ul li:nth-child(5) a {border-right:none;}

	/*챗봇 210902*/
		#chatbot_btn {width: 100px; height: 100px;}

		/*240220*/
	.m_view dl{display: none;}




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

	/* 상단팝업 */
	.top_slider{margin:0;}
	.top_slider .slick-arrow{display:none !important;}
	.top_slider .slick-dots{left:30px;}
	.toppopup_wrap .btn_slider button{left:10px;}

	/* 메인비주얼 */
	.main_visual .slogan .txt02{margin:10px 0 0;}
	.main_visual .slogan .txt03{display:none;}
	
	/*미니슬로건 210817*/
	 .mini_slogan_wrap {width:100%;}

	/* 입학문의 */
	.entsch .tit_wrap h2::before{display:none;}
	.entsch .tit_wrap p{display:block;}


	

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

	/* 메인비주얼 */
	.main_visual .slogan .txt01{font-size:15px;}
	.main_visual .slogan .txt02{font-size:28px;}

	.main_visual .visual img{position:absolute; left:10%; width:auto; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
	
	/*바로가기버튼 250905*/
	.MC_box1 {height: 500px;}
}