@charset "utf-8";


/************************************************
	Main Page Style
*************************************************/
#body {}
section { margin-top: 0; }

/************************************************
	Main layout Style
*************************************************/

/* main-top */
.main-top { position: relative;  background: url(/resources/images/main/main/main_top_bg.jpg) no-repeat center top; background-size: cover; text-align: center; }
.main-top h2 { padding-top: 40px; font-family: 'Nanum Gothic', sans-serif; color: #000000; font-size: 2.83em; font-weight: bold; }
.main-top .h2-sub { padding: 20px 0 68px; color: #202020; font-size: 1.2em; font-weight: 400; }
.main-top .h2-sub br { display:none; }

.main-visual { padding-bottom:143px; }
.main-visual01 {}
.main-visual01 .main-visual01-slider { display: inline-block; }
.main-visual01 .main-visual01-slider > li { float: left; margin-right: 20px; }
.main-visual01 .main-visual01-slider > li:last-child { margin-right: 0;}
.main-visual01 .main-visual01-slider > li:first-child { margin-top: -20px; }
.main-visual01 .main-visual01-slider > li:first-child a:focus {}
.main-visual01 .main-visual01-slider > li > a > img.mvs-pc { display:block}
.main-visual01 .main-visual01-slider > li > a > img.mvs-tablet { display:none; }
.main-visual01 .main-visual01-slider > li > a > img.mvs-mobile { display:none; }
.main-visual01-control { display: none; }
.main-visual01 .main-visual01-slider > li a {position:relative;display:block;box-sizing:border-box}
.main-visual01 .main-visual01-slider > li:nth-of-type(2) a:after {content:"";display:block;position:absolute;top:0;left:0;border:2px solid #000000;width:100%;height:100%;opacity:0;box-sizing:border-box;transition:all .3s ease;}
.main-visual01 .main-visual01-slider > li:nth-of-type(2) a:focus:after {opacity:1;}

.main-visual01 .main-visual01-slider > li .ov_box {display: inline-block; opacity:0; position:absolute; top:-15px; left:-15px; width:100%; height:100%; padding:15px;background:#0430c5; background-size:cover; box-sizing:content-box; box-shadow:5px 10px 20px #999; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

.main-visual01 .main-visual01-slider > li .ov_box .ov_inner {display: inline-block; width:100%; height:100%; border:1px solid rgba(255,255,255,0.5)}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner .m_ico {background:url(/resources/images/main/main/main_ico.png)no-repeat;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner .ico {display:block; width:56px; height:53px; margin:80px auto 0;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner .ico01{background-position:0px 0px;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner .ico02{background-position:-60px 0px;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner .ico03{background-position:-120px 0px;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner .ico04{background-position:-178px -355px;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner strong {font-size:14px;}
.main-visual01 .main-visual01-slider > li .ov_box .ov_inner strong.tit2 {margin:30px 0 10px;font-size:30px; font-weight:400;}
.main-visual01 .main-visual01-slider > li .ov_box strong {display: block; color:#fff; font-weight: normal; line-height:22px;}

.main-visual01 .main-visual01-slider > li a:hover .ov_box,
.main-visual01 .main-visual01-slider > li a:focus .ov_box {opacity:1;}

@media(max-width:767px){
	.main-visual01 .main-visual01-slider > li .ov_box { display:none;}
}


.main-visual02 { position: relative; width: 392px; margin-top: 47px; visibility: hidden;}
.main02-control-nav { position: absolute; bottom: -34px; width: 80%; text-align: left; }
.main02-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.main02-control-paging li a { display: block; background: #ffffff; border: 1px solid #0076e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 52px; height: 5px; cursor: pointer; text-indent: -9999px; }
.main02-control-paging li a:hover,
.main02-control-paging li a.main02-active { background-color: #0076e4; }
.main02-control-paging li a.main02-active {cursor: default; }
/*.main-visual02-control { display: inline-block; padding-top: 10px; padding-left: 110px; }*/
.main-visual02-control { display: inline-block; padding-top: 10px; padding-left: 360px; }
.main-visual02-control li { float: left; }
.main-visual02-control li:last-child { margin-left: 10px; }
/* 스크롤박스 - 비주얼영역용 */
.main-scroll-box { padding: 30px 0 73px; }
.main-scroll-box-2 { position:absolute; top:43.5%; left:49.2%; }
.main-scroll-box-3 { position:absolute; top:66%; left:49.2%; margin:0 !important; }
.main-scroll-box-3 p { margin:0 !important; font-size:0 !important; }
/*.main-scroll-box-4 { position:absolute; top:89%; left:49.2% }*/
.main-scroll-box-4 { display:none; }
.main-scroll { position: relative; display: inline-block; background-color: #ffffff; width: 41px; height: 77px; border-radius: 20px; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.16); }
.main-scroll span { position: absolute; top: 34px; left: 30%; width: 17px; height: 8px; -webkit-animation: mainScroll 2s infinite; animation: mainScroll 2s infinite; opacity: 0; box-sizing: border-box; }
.main-scroll span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.main-scroll span:nth-of-type(2) { top: 42px; -webkit-animation-delay: .15s; animation-delay: .15s; }
.main-scroll span:nth-of-type(3) { top: 50px; -webkit-animation-delay: .3s; animation-delay: .3s; }
/* 스크롤박스 - 하단 따라다니는용  */
.scroll-arr { position:fixed; bottom:10px; left:49%; display: inline-block; background-color: #ffffff; width: 41px; height: 77px; border-radius: 20px; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.16); }
.scroll-arr span { position: absolute; top: 34px; left: 30%; width: 17px; height: 8px; -webkit-animation: mainScroll 2s infinite; animation: mainScroll 2s infinite; opacity: 0; box-sizing: border-box; }
.scroll-arr span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.scroll-arr span:nth-of-type(2) { top: 42px; -webkit-animation-delay: .15s; animation-delay: .15s; }
.scroll-arr span:nth-of-type(3) { top: 50px; -webkit-animation-delay: .3s; animation-delay: .3s; }

.main-top-popup { position: absolute; top: 25%; right: 25px; }
.main-top-popup li { margin-bottom: 15px; }
.main-top-popup li a { display: block; width: 142px; height: 50px; border-radius: 25px; color: #ffffff; font-size: 0.875em; line-height: 50px; }
.main-top-popup li a i { margin-right: 15px}
.main-top-popup li:first-child a { background: url(/resources/images/main/main/popup_btn_bg01.png) no-repeat center; }
.main-top-popup li a.popup { background: url(/resources/images/main/main/popup_btn_bg02.png) no-repeat center; }
.main-top-popup li a.community { background: url(/resources/images/main/main/popup_btn_bg03.png) no-repeat center; }

.community_btn { position: absolute; top: 48%; right: 25px; }
.community_btn a{ display: block; width: 142px; height: 50px; border-radius: 25px; color: #ffffff; font-size: 0.875em; line-height: 50px; background: url(/resources/images/main/main/popup_btn_bg03.png) no-repeat center;}
.community_btn a i { margin-right: 5px}

.support_btn { position: absolute; top: 40.5%; right: 25px; }
.support_btn a{ display: block; width: 142px; height: 50px; border-radius: 25px; color: #ffffff; font-size: 0.875em; line-height: 50px; background: url(/resources/images/main/main/popup_btn_bg04.png) no-repeat center;}
.support_btn a i { margin-right: 5px}

/* css animation */
@-webkit-keyframes mainScroll {
 0% { opacity: 0; }
 50% { opacity: 1; }
 100% { opacity: 0; }
}
@keyframes mainScroll {
 0% { opacity: 0; }
 50% { opacity: 1; }
 100% { opacity: 0; }
}

/*main-news*/
.main-news { }
.main-news-title { float: left; width: 30%; height: 592px;  margin-top: -45px; background: #ffffff url(/resources/images/main/main/main_news_bg.png) no-repeat left 57px; }
.main-news-box { float: right; width: 70%; height: 547px; position: relative; background-color: #0076e4; padding: 90px 60px 125px; }
.main-news-box .main-news-box-tt { color:#ffffff; font-size:2em; padding:0 0 30px 0;}
.main-news-title > p { float: right; padding: 130px 95px 0 0; color: #161616; font-size: 1.5em; }
.main-news-title > p span { display: block; font-size: 2.33em; font-weight: 500; line-height: 1.2425; }
.main-news-title .main-news-title-more { width:100%; padding:40px 95px 0 0; text-align:right; font-size:1em; }
.main-news-title .main-news-title-more a { padding: 10px 20px; color:#ffffff; background: #0076e4; border-radius: 30px; }
.main-news-slider {}
.main-news-slider li { position: relative; }
.main-news-slider li a { display: block; height:280px; background: url(/resources/images/main/main/main_news_box_bg.png) no-repeat 98% 5px; border: 2px solid #ffffff; margin: 10px 0 0 10px; padding: 70px 25px 25px; color: #ffffff; }
.main-news-slider li a:hover { background-color: #004b91; border-color: #001c35; }
.main-news-slider li a span { display: block; }
.main-news-slider li a > img { display:none; }
.main-news-slider li a > br { display:none; }
.main-news-slider .main-news-category { position: absolute; left: 0; top: 0; width: 68px; height: 61px; line-height: 61px; background-color: #ffffff; color: #0464be; font-weight: 500; text-align: center; }
.main-news-slider .main-news-ttl { /*height: 69px;*/ font-size: 1.5em; font-weight: 400; line-height: 1.41em;  }
.main-news-slider .main-news-cont {  margin: 30px 0; height: 68px; font-size: 0.9375em; line-height: 1.466;}
.main-news-slider .main-news-date,
.main-news-slider .main-news-name { font-size: 0.875em; }
.main-news-slider .main-news-date { float: left; margin-top:10px; }
.main-news-slider .main-news-name { float: right; margin-top:10px; }
.main-news-control a { display: none; position: absolute; top: 50%; }
.main-news-control .prev-btn { left: 3%; }
.main-news-control .next-btn { right: 3%; }
.main-news-control2 { display: inline-block; padding-top: 10px; padding-left: 10px; }
.main-news-control2 li { float: left; }
.main-news-control2 li:last-child { margin-left: 10px; }

/* 게시판 연동 추가 스타일 */
.main-news-slider ul li a .ui-thumb {display:none;}
.news-tab-cont li a .ui-thumb {display:none;}
.news-tab-cont li a:after {clear:both;}
.news-tab-cont li a:before,
.news-tab-cont li a:after {content: "";display: table;}


/* main-center-quick */
.main-center-quick { background: url(/resources/images/main/main/center_quick_bg.jpg) no-repeat center; background-size: cover; padding: 85px 0; }
.center-quick-list { max-width: 1250px; margin: 0 auto; }
.center-quick-list li { float: left; width: 14.28%; text-align: center; }
.center-quick-list li a,
.center-quick-list li span { display: block; color: #ffffff;}
.center-quick-list li a span br { display:none;}
.center-quick-list .center-quick-icon { background-color: #ffffff; border-radius: 50%; width: 105px; height: 105px; margin: 0 auto 20px; padding-top: 27px; text-align: center; }
.center-quick-list a:hover .center-quick-icon { animation: rotate 1.5s ease-in-out 1 alternate; -webkit-animation: rotate 1.5s ease-in-out 1 alternate; -moz-animation: rotate 1.5s ease-in-out 1 alternate; }
.center-quick-control { display: none; }


/* bnue news */
.bnue-news { background: #ebebeb url(/resources/images/main/main/bnue_news_bg.jpg) no-repeat center; }
.bnue-news > div { max-width: 1351px; margin: 0 auto 185px; }
.bnue-news > div > p { margin: 120px 0 60px; color: #1d1d1d; font-size: 3.75em; font-weight: 500; text-align: center; letter-spacing: -2px; }
.bnue-news .bnue-news-left { float: left; width: 75%; }
.bnue-news .bnue-news-right { float: right; width: 23%; margin-left: 2%; background-color: #ffffff; border-radius: 10px; }
.bnue-news-left .bnue-news-list { margin-bottom: 23px; }
.bnue-news-left .bnue-news-list > a { float: left; width: 23%; display: block; background: url(/resources/images/main/main/bnue_list_bg.jpg) no-repeat center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-top: 80px; color: #ffffff; text-align: center; }
.bnue-news-left .bnue-news-list > a:hover { text-decoration: none; }
.bnue-news-left .bnue-news-list > a > img { border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50%; margin-top: 42px; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; }
.bnue-news-left .bnue-news-list > a:hover > img { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); }
.bnue-news-left .bnue-news-list > a > span { display: block; font-size: 2.216em; font-weight: 500; line-height: 1.1; }
.bnue-news-left .bnue-news-list .vision-sub { padding-top: 18px; color: rgba( 255, 255, 255, 0.8); font-size: 0.95em;; font-weight: 300;  }
.bnue-news-left .bnue-news-list .bnue-news-box { float: right; width: 77%; background-color: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.bnue-news-left .bnue-news-list > a,
.bnue-news-left .bnue-news-list .bnue-news-box { height: 332px; }
.bnue-news-tab > ul { background-color: #ffffff; padding-right: 66px; }
.bnue-news-tab > ul > li { width: 33%; background-color: #f2f2f2; }
.bnue-news-tab > ul > li.active { background-color: #ffffff; }
.bnue-news-tab > ul > li > a { float: none; display: block;  border-top: 2px solid #f2f2f2; margin: 0 25px; padding: 25px 0; color: #242424; font-size: 1.125em; font-weight: 400; text-align: center; }
.bnue-news-tab > ul > li.active > a {  border-color: #1c6cb7; color: #0d62b2; }
.bnue-news-tab > ul > li.active .more { display: block; }
.bnue-news-tab .more { display: none;  position: absolute; top: 25px; right: 20px; border: 0; margin : 0; padding: 0; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; }
.bnue-news-tab .more:hover { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); }

.news-tab-cont { padding: 0 37px 37px 25px !important; }
.news-tab-cont li { position: relative; padding: 0; }
.news-tab-cont li a { float: none; position: static; display: block; background: url(/resources/images/main/main/bnue_news_bullet.png) no-repeat left center; padding-left: 23px; color: #424242; font-size: 0.9375em; }
.news-tab-cont li a > img { display:none; }
.news-tab-cont li a > br { display:none; }
.news-tab-cont > li:first-child > a { background: none; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding: 20px 0 30px 0; color: #898989; font-size: 0.875em; }
.news-tab-cont > li:first-child > a > img { display:none; }
.news-tab-cont > li:first-child > a > br { display:none; }
.news-tab-cont > li:first-child .bnue-news-detail { float: right; width: calc(100% - 128px); width: -webkit-calc(100% - 128px); }
.news-tab-cont > li:first-child .bnue-news-date { float: left; padding-left: 25px; color: #424242; font-size: 1.148em; font-weight: 500; }
.news-tab-cont > li:first-child .bnue-news-date > span { display: block; color: #424242; font-size: 2.94em; text-align: center;  }
.news-tab-cont > li:first-child .bnue-news-ttl { display: block; width: auto; color: #424242; font-size: 1.13em; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-tab-cont > li:first-child .bnue-news-detail > span { line-height: 1.6; }
.news-tab-cont > li > ul { position: static; display: block; height: 95px; overflow-y: auto; }
.news-tab-cont .new-icon { background: url(/resources/images/main/main/main_new_icon.png) no-repeat right center; }

.news-tab-cont .bnue-news-category { /*display: inline-block;*/ display:none; margin-right: 15px; padding: 5px 10px; font-size: 1.08em; color: #ffffff; text-align: center; } /* 20180813 메인페이지 분류 비노출 요청 display none으로 임시 반영 */
.bnue-news-tab > ul > li:first-child .bnue-news-category { width: 0; margin: 0; padding: 0; font-size: 0; overflow: hidden; }
.bnue-news-tab > ul > li:nth-child(2) .bnue-news-category { width: 95px; display:none; } /* 20180813 메인페이지 분류 비노출 요청 display none으로 임시 반영 */

/* 카테고리 색 */
/* 학사공지 */
/*기말안내*/
.bnue-news-category.CTG_18080200055 { background-color: #ff111e; }
/*기타안내*/
.bnue-news-category.CTG_18080200056 { background-color: #ff111e; }
/*시간표*/
.bnue-news-category.CTG_18080200057 { background-color: #ff111e; }
/*특강안내*/
.bnue-news-category.CTG_18080200058 { background-color: #ff111e; }
/*교육실습*/
.bnue-news-category.CTG_18080200059 { background-color: #ff111e; }
/*참관실습*/
.bnue-news-category.CTG_18080200060 { background-color: #ff111e; }
/*수강신청*/
.bnue-news-category.CTG_18080200061 { background-color: #ff111e; }
/*중요공지*/
.bnue-news-category.CTG_18080200062 { background-color: #ff111e; }
/*도우미모집*/
.bnue-news-category.CTG_18080200063 { background-color: #ff111e; }
/* 장학정보 */
/*대내*/
.bnue-news-category.CTG_18080200064 { background-color: #ff111e; }
/*대외*/
.bnue-news-category.CTG_18080200065 { background-color: #ff111e; }
/*국가*/
.bnue-news-category.CTG_18080200066 { background-color: #ff111e; }
/*중요*/
.bnue-news-category.CTG_18080200067 { background-color: #ff111e; }
/*안내*/
.bnue-news-category.CTG_18073100046 { background-color: #ff111e; }
/*기타*/
.bnue-news-category.CTG_18080200069 { background-color: #ff111e; }



.news-tab-cont .bnue-news-detail { width: calc(100% - 200px); width: -webkit-calc(100% - 200px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-tab-cont .bnue-news-ttl { padding-right: 25px; font-weight: 500; }
.news-tab-cont .bnue-news-date { float: right; margin-right: 30px; font-size: 1.013em; }


/* QUICK LINK */
.main-quick-title { float: left; width: 233px; background-color: #505db4; margin-right: 17px; padding-top: 53px; color: #ffffff; font-size: 1.456em; text-align: center; }
.main-quick-title,
.main-quick-list li a { border-radius: 10px; height: 165px; }
.main-quick-control { display: inline-block; margin-top: 15px; }
.main-quick-control li { float: left; margin-right: 10px; }
.main-quick-control li:last-child { margin-right: 0; }

.main-quick-list { float: left; width: calc( 100% - 250px); width: -webkit-calc(100% - 250px); }
.main-quick-list li {}
.main-quick-list li a { display: block; background-color: #ffffff; background-repeat: no-repeat; background-size: cover; color: #ffffff; font-size: 1.266em; text-align: center; }
.main-quick-list li a span { border: 1px solid #ffffff; min-width: 137px; padding: 13px 20px; line-height: 165px; }
.main-quick-list li .quick-icon { border: 0; color: #000000; }
.main-quick-list li a img { display: block; margin: 0 auto; }
.main-quick-list .quick-library { background-image: url(/resources/images/main/main/quick_library_bg.jpg); }
.main-quick-list .quick-gs { background-image: url(/resources/images/main/main/quick_gs_bg.jpg); }
.main-quick-list .quick-map { background-image: url(/resources/images/main/main/quick_map_bg.jpg); }
.main-quick-list .quick-info { background-image: url(/resources/images/main/main/quick_info_bg.jpg); }

.bnue-news-right > p { padding: 25px 0 20px; color: #000000; font-size: 1.583em; font-weight: 500; text-align: center; }
.right-cal-box { position: relative; background: url(/resources/images/main/main/right_cal_bg.png) no-repeat center top; background-size: cover; padding-bottom: 15px; }
.right-cal-box .right-cal-ttl { margin: 15px 0; color: #25539e; font-size: 0.875em; font-weight: 400; text-align: center; }
.right-cal-box .right-cal-month { padding-top: 30px; color: #ffffff; font-size : 2.85em; font-weight: 500; text-align: center; }
.right-cal-box .right-cal-control > span { position: absolute; top: 35px; }
.right-cal-box .right-cal-control .cal-left { left: 55px; }
.right-cal-box .right-cal-control .cal-right { right: 55px; }
.right-cal-box .right-cal-list { margin: 50px 28px 0; height: 290px; overflow-y: auto; }
.right-cal-box .right-cal-list li { background: url(/resources/images/main/main/right_cal_bullet.gif) no-repeat left 8px; margin-bottom: 35px; padding-left: 12px; color: #d2ecdd; /*font-size: 0.875em;*/ font-size:1em; line-height: 1.375em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.right-cal-box .right-cal-list li a{color:#fff;}
.right-cal-box .right-cal-list li:first-child { margin-top: 5px; }
.right-cal-box .right-cal-list li span { display: block; }
.right-cal-box .right-cal-btn { display: block; padding-top:10px; color: #ffffff; font-size: 0.8125em; text-align: center; cursor: pointer; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; }
.right-cal-box .right-cal-btn:hover { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); }


/* 관련사이트 */
.main-bottom-site { background-color: #ffffff; /*height: 103px;*/ }
.main-bottom-site .main-site-box { width: 1206px; margin: 0 auto; }
.main-site-box .main-site-left { float: left; width: 125px; padding-top: 23px; }
.main-site-box .main-site-right { float: right; width: calc(100% - 125px); width: -webkit-calc(100% - 125px); position: relative; }
.main-site-box .main-site-left > p { color: #161616; font-size: 1.25em; font-weight: 500; }
.main-site-left .main-site-control01 li { float: left; margin-top: 8px; margin-right: 12px; }
.main-site-left .main-site-control01 li a  { float: left; color: #000000; }
.main-site-left .main-site-control01 li:first-child a,
.main-site-left .main-site-control01 li a:hover { color: #1e5792; }
.main-site { padding: 22px; background-color:#ffffff; }
.main-site-slider{ width: 100%; }
.main-site-slider li { margin-right:10px !important; }
.main-site-slider .slides li > a { display: block; border: 1px solid #d7d7d7; height: 55px; line-height: 53px; text-align: center; overflow: hidden; }
.main-site-control02 a { position: absolute; top: 37%; color: #000000; font-size: 1.5em; }
.main-site-control02 a.prev-btn { left: 0; }
.main-site-control02 a.next-btn { right: 0; }


/* 초등교육 참된 스승의 요람 */
.main-histroy { background: url(/resources/images/main/main/main_history_bg.jpg) no-repeat top center; background-size: cover; padding: 145px 0 110px; }
.main-history-title { color: #ffffff; font-size: 2.496em; font-weight: 500; text-align: center; }
.main-history-title > span { display: block; padding-bottom: 15px; font-size: 0.5em; font-weight: 400; }
.main-history-sub { padding: 20px 0 40px; color: #bdd3e6; font-size: 0.9375em; line-height: 1.46; text-align: center; }
.histroy-box { position: relative; background: url(/resources/images/main/main/history_slider_bg.png) repeat-x center; }
.main-history-box {  position: relative; width: 100%; max-width: 1760px; height: 340px; margin: 0 auto; padding: 0 4%; overflow: hidden; }
/*
.main-history-slider { position: absolute; left: 0; right: 0; height: 340px; margin: 0 auto;  overflow: hidden; }
.main-history-slider li { display:inline-block; width: 13%; max-width: 212px; height: 213px; border: 1px solid #ffffff; margin: 63px 3% 64px 0; }
 */
.main-history-slider li br { display: none; }
.main-history-slider .main-history-year { font-family: 'Nanum Myeongjo', serif; font-size: 2.1637em; }
.main-history-slider .main-history-detail { padding-top: 10px;  font-size: 0.875em; line-height: 1.57; }

.main-history-slider .slick-slide { width: 212px /* max-width: 212px */; height: 213px; border: 1px solid #ffffff; margin: 63px 12px 64px; padding: 47px 10px 30px; color: #ffffff; vertical-align: middle; }
.main-history-slider .slick-slide a:link, .main-history-slider .slick-slide a:visited, .main-history-slider .slick-slide a:active, .main-history-slider .slick-slide a:hover { color:#ffffff; }
.main-history-slider .main-history-year { font-family: 'Nanum Myeongjo', serif; font-size: 2.1637em; }
.main-history-slider .main-history-detail { padding-top: 10px;  font-size: 0.875em; line-height: 1.57; }
.main-history-slider .slick-center-css { height: auto; border: 0; width: 466px/*  width: 25%; max-width: 466px */; margin: 0 105px; padding: 0; }
.main-history-slider .slick-center-css a:link, .main-history-slider .slick-center a:visited, .main-history-slider .slick-center a:active, .main-history-slider .slick-center a:hover { color:#000000 }

.main-history-slider .slick-center-css br { display: block; }
.main-history-slider .slick-center-css > div > div { background: #ffffff; height: 340px;  padding: 0 0 0 30px; }
.main-history-slider .slick-center-css .main-history-year { background: url(/resources/images/main/main/history_year_bg.gif) no-repeat left top; padding-top: 70px; color: #0059b0; font-size: 2.77em; }
.main-history-slider .slick-center-css .main-history-year,
.main-history-slider .slick-center-css .main-history-detail { padding-left: 18px; }
.main-history-slider .slick-center-css .main-history-detail { color: #000000; font-size: 1.3125em; }
.main-history-slider .slick-center-css .main-history-detail > span { display: block; font-size: 1.285em; font-weight: 400; }
.main-history-slider .slick-center-css .fBlue { color: #0152a2; }

.main-history-conrol { position: absolute; top: 42%; left: 0; right: 0; display: inline-block; width: 620px; margin: 0 auto;  }
.main-history-conrol a {  display: block; width: 60px; height: 60px; border: 5px solid #ffffff; line-height: 40px; text-align: center; }
.main-history-conrol .prev-btn { float: left; }
.main-history-conrol .next-btn { float: right; }

/* history slider class */
.main-history-slider .slick-center-css .history-box01 { background: transparent url(/resources/images/main/main/history_box_bg01.png) no-repeat right top; padding-top: 30px; }
.main-history-slider .slick-center-css .history-box02 {}
.main-history-slider .slick-center-css .history-box03 {}

.main-history-more { margin-top:20px; text-align:center; }
.main-history-more a { padding:8px 25px; color:#ffffff; border:solid 1px #152740; border-radius:20px; background:#1f334d; }

/* 팝업 */
.service-popup { display: none;  position: absolute; top: 0; left: 0; right: 0; width: 1270px; margin: 0 auto; height: 922px; z-index: 5; }
.service-popup > div { height: 922px; overflow-y: auto; }
.service-popup .service-left { float: left; width: 370px; height: 100%; background: url(/resources/images/main/main/popup_left01_bg.jpg) no-repeat left top; background-size: cover; padding: 110px 40px 0; color: #ffffff; }
.service-popup .service-left.pop-left02 { background-image: url(/resources/images/main/main/popup_left02_bg.jpg); }
.service-popup .service-right { float: right; width: 900px; padding: 0 40px;  background-color: #ffffff; }

.service-left .service-popup-ttl { font-size: 2.8125em; font-weight: 500; line-height: 1.17; }
.service-left .service-popup-ttl-sub { margin-top: 30px; font-size: 0.9375em; line-height: 1.4; }
.service-pop-list { margin-top: 125px; }
.service-pop-list li { margin-bottom : 30px; }
.service-pop-list li a { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; width: 167px; height: 167px; color: #ffffff; font-size: 1.4em; font-weight: 400; text-align: center; line-height: 167px; }
.service-pop-list li:first-child a { background-image: url(/resources/images/main/main/pop_list_bg02.png); }
.service-pop-list li:last-child a { background-image: url(/resources/images/main/main/pop_list_bg01.png); }
.service-pop-list li.pop-on a { background-image: url(/resources/images/main/main/pop_list_bg.png); }

.pop-btn-box { margin-top: 40px; text-align: right; }
.service-right .popup-list {}

.pop-search { position: relative; border: 4px solid #c42f0d; width: 100%; margin: 15px auto 0; text-align: left; }
.pop-search select { border: 0; background-color: #ffffff; width: 200px; height: 52px; padding: 0 20px; color: #c42f0d; }
.pop-search select::-ms-expand { display: none; }
.pop-search input { border: 0; border-right: 1px solid #f3f3f3; width: calc(100% - 271px); width: -webkit-calc(100% - 271px); height: 52px; padding: 0 20px; }
.pop-search button { position: absolute; border: 0; background-color: #c42f0d; width: 71px; height: 52px; color: #ffffff; }

.service-icon-list { margin-top: 37px; }
.service-icon-list li,
.popup-list > ul > li { float: left; width: 24.25%; margin-right: 1%; }
.service-icon-list li:nth-child(4n),
.popup-list > ul > li:nth-child(4n) { margin-right: 0; }
.service-icon-list a { display: block; background-color: #ededed; padding: 28px 10px; text-align: center; }
.service-icon-list a > span { display: block; }
.service-icon-list a > span:first-child { background-color: #ffffff; border-radius: 50%; width: 77px; height: 77px; margin: 0 auto 15px; text-align: center; line-height: 77px; }
.popup-list .popup-list-ttl { margin: 20px 0 10px; color: #000000; font-size: 1.5em; font-weight: 500; }
.popup-list .popup-list-ttl > span { margin-left: 13px; color: #606060; font-size: 0.58em; font-weight: 300; }
.popup-list > ul {}
.popup-list > ul > li { margin-bottom: 8px; }
.popup-list > ul a { display: block; border: 2px solid #afc3d7; color: #353535; font-size: 0.9375em; line-height: 45px; text-align: center; }

.service-people { display: none; }
.service-people  .popup-list-ttl { margin: 20px 0 12px; }

.popup-zone { display: none; position: fixed; top: 0; width: 100%; height: 962px; padding-top: 95px; z-indeX: 2; background:url(/resources/images/main/main/popup_bg.png) no-repeat center; }
.popup-ttl { background: url(/resources/images/ipsi/main/popup_ttl_bg.png) no-repeat center bottom; margin: 20px 0 15px; padding-bottom: 55px; color: #ffffff; font-size: 1.875em; font-weight: 500; }
.popup-zone > p { text-align: center; }

.popup-zone-slider{ width: 1110px; margin: 0 auto; }
.popup-zone-slider a { display: block; }
.popup-zone-control a { position: absolute; top: 50%; display: inline-block; border: 5px solid #ffffff; width: 62px; height: 62px; text-align: center; line-height: 46px; }
.popup-zone-control .prev-btn { left: 12%; }
.popup-zone-control .next-btn { right: 12%; }

.popup-slider-num { margin:30px 0 0 0; color: #ffffff; text-align:center; }
.popup-slider-num p { display:inline-block; padding:15px 30px 17px 30px; background:#000000; border-radius:25px; }
.popup-slider-num p .popup-total { color:#ff5454; }

.popup-zone .popup-control { width:100%; margin:30px 0 0 0; text-align:center; }
.popup-zone .popup-control-paging li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.popup-zone .popup-control-paging li a { display: block; border: 1px solid #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 52px; height: 5px; cursor: pointer; text-indent: -9999px; }
.popup-zone .popup-control-paging li a:hover,
.popup-zone .popup-control-paging li a.popup-control-paging-active { background-color: #ffffff; }
.popup-zone .popup-control-paging li a.popup-control-paging-active { cursor: default; }

/*.popup-zone .pop-close-btn { display: block; border: 1px solid #b6b7b7; width: 216px; height: 58px; margin: 35px auto 0; color: #ffffff; line-height: 56px; text-align: center; }*/
.popup-zone .pop-close-btn { position:absolute; top:20%; right:10%; }

/* main-left-quick */
.main-left-quick-wrap {position: fixed;top: 32%; }
.main-left-quick { position: fixed; left: 20px; top: 32%; }

/* scroll arrow */
.scrollarr-box { position:absolute; bottom:10%; left:50%; }
.scrollarr { position: relative; display: inline-block; background-color: #ffffff; width: 41px; height: 77px; border-radius: 20px; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.16); }
.scrollarr span { position: absolute; top: 34px; left: 30%; width: 17px; height: 8px; -webkit-animation: mainScroll 2s infinite; animation: mainScroll 2s infinite; opacity: 0; box-sizing: border-box; }
.scrollarr span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.scrollarr span:nth-of-type(2) { top: 42px; -webkit-animation-delay: .15s; animation-delay: .15s; }
.scrollarr span:nth-of-type(3) { top: 50px; -webkit-animation-delay: .3s; animation-delay: .3s; }


@media all and (max-width: 1330px) {

	.main-visual02,
	.main-visual02-control { display: none; }

}


@media all and (max-width: 1200px) {

	/* main-top */
	.main-top { position: relative; padding-bottom: 35px; }
	.main-top h2 { padding-top: 32px; font-size: 2.28em;}
	.main-top .h2-sub { padding: 19px 0 38px; /*font-size: 1em;*/ }

	.main-visual { height: 302px; margin: 0 70px; overflow: hidden; }
	.main-visual .slides img { width: 100%; height: auto; display: block; -moz-user-select: none; }
	.main-visual01 > ul { display: block; }
	.main-visual01 > ul > li { float: none; margin-right: 0; }
	.main-visual01 .main-visual01-slider > li:first-child { margin-top: 0; }
	.main-visual01 .main-visual01-slider > li > a > img.mvs-pc { display:none; }
	.main-visual01 .main-visual01-slider > li > a > img.mvs-tablet { display:block; }
	.main-visual01 .main-visual01-slider > li > a > img.mvs-mobile { display:none; }
	.main-visual01-control { display: block; }
	.main-visual01-control a { position: absolute; top: 50%; background-color: rgba(15, 15, 15, 0.31); width: 52px; height:94px; color: #ffffff; text-align: center; }
	.main-visual01-control a i { line-height: 94px; }
	.main-visual01-control .prev-btn { left: 0; }
	.main-visual01-control .next-btn { right: 0; }
	.main-visual02,
	.main-visual02-control { display: none; }

	.main-scroll-box, .main-scroll-box-2, .main-scroll-box-3, .main-scroll-box-4,
	.main-top-popup { display: none; }
	.community_btn{ display: none; }
	.support_btn{ display: none; }

	/*main-news*/
	.main-news { background-color: #0076e4; height: 416px; }
	.main-news-title,
	.main-news-box { float: none; width: auto; height: auto; background: transparent; }
	.main-news-title { position:relative; margin-top: 0; }
	.main-news-title > p { float: none; padding: 30px 0 0 0; color: #ffffff; font-size: 1.25em; text-align: center; }
	.main-news-title > p span { font-size: 1.6em; }
	.main-news-title > p span br { display: none; }
	.main-news-title .main-news-title-more { position:absolute; top:60px; right:15px; display:inline-block; width: auto; padding:0; font-size:0.9em; }
	.main-news-title .main-news-title-more a { padding:7px 15px; background:#ffffff; color:#0076e4; font-weight:500; }
	.main-news-box { margin: 0; padding: 0 20px; }
	.main-news-box .main-news-box-tt { padding:0 0 20px 0; font-size:1.4em; text-align:center; }
	.main-news-slider li a { padding: 55px 20px 15px; height: 250px; }
	.main-news-slider .main-news-category { width: 58px; height: 53px; font-size: 0.853em; line-height: 53px; }
	.main-news-slider .main-news-ttl { /*height: 50px;*/ font-size: 1.28em; }
	.main-news-slider .main-news-cont { font-size: 0.8em; }
	.main-news-slider .main-news-date,
	.main-news-slider .main-news-name { font-size: 0.747em; }
	.main-news-control .prev-btn { left: 10px; }
	.main-news-control .next-btn { right: 10px; }

	/* main-center-quick */
	.main-center-quick { position: relative; padding: 42px 0; }
	.center-quick-list { padding: 0 50px; }
	.center-quick-list li a span br { display:block;}
	.center-quick-control { display: block; }
	.center-quick-control a { position: absolute; top: 30%; background-color: rgba(15, 15, 15, 0.31); width: 35px; height:64px; color: #ffffff; text-align: center; }
	.center-quick-control a i { line-height: 64px; }
	.center-quick-control .prev-btn { left: 0; }
	.center-quick-control .next-btn { right: 0; }


	/* bnue news*/
	.bnue-news > div { margin-bottom: 50px; }
	.bnue-news .bnue-news-left,
	.bnue-news .bnue-news-right { float: none; width: auto; padding: 0 20px; }
	.bnue-news-left .bnue-news-list > a,
	.bnue-news-left .bnue-news-list .bnue-news-box { float: none; width: auto; height: auto; }
	.bnue-news > div > p { margin: 55px 0 40px; font-size: 2.553em; }
	.bnue-news-left .bnue-news-list > a { position: relative; background: #6b7fc7 url(/resources/images/main/main/bnue_list_bg_m.jpg) no-repeat right center; border-radius: 10px; margin-bottom: 25px; padding: 30px 35px; text-align: left; }
	.bnue-news-left .bnue-news-list > a > span { font-size: 2.216em; font-weight: 400; }
	.bnue-news-left .bnue-news-list > a > span br { display: none; }
	.bnue-news-left .bnue-news-list > a > img { position: absolute; margin-top: 0; left: 284px; top: 30%; }
	.bnue-news-left .bnue-news-list .vision-sub { padding-top: 8px; }



	/* 관련사이트 */
	.main-bottom-site { height: auto; padding: 40px 40px 35px; }
	.main-bottom-site .main-site-box { width: auto; }
	.main-site-box .main-site-left,
	.main-site-box .main-site-right { float: none; width: auto; }
	.main-site-box .main-site-left { position: relative; padding-top: 0; margin-bottom: 30px; text-align: center; }
	.main-site-box .main-site-left > p,
	.main-site-control01 { display: inline-block; }
	.main-site-box .main-site-left > p { margin-right: 20px; font-size: 1.375em; }
	.main-site { padding: 0 22px; }

	/* 초등교육 참된 스승의 요람 */
	.main-histroy { padding: 70px 0 45px; }

	/* main-left-quick */
	.main-left-quick { display:none; }

}

@media all and (max-width: 1200px) and (min-width: 768px) {

	/* 2018 학사일정 */
	.bnue-news .bnue-news-right { position: relative; background-color: #ffffff; margin: 25px 20px 0; padding: 0; border-radius: 10px; }
	.bnue-news-right > p { float: left; width: 290px; padding-top: 45px; padding-right: 25px; }
	.bnue-news-right .right-cal-box { float: right; width: calc( 100% - 290px); width: -webkit-calc(100% - 290px); position: static; background-color: #1c9e54; background-position: right bottom; }
	.right-cal-box .right-cal-control { position: absolute; left: 90px; top: 40%; }
	.right-cal-box .right-cal-month { background-color: #1c9e54; border-radius: 50%; width: 123px; height: 123px; padding-top: 0; line-height: 123px; }
	.right-cal-box .right-cal-control > span { top: 50px; }
	.right-cal-box .right-cal-control .cal-left { left: -50px; }
	.right-cal-box .right-cal-control .cal-right { right: -50px; }
	.right-cal-box .right-cal-list { padding: 0; height: 207px; }
	.right-cal-box .right-cal-btn { position: absolute; top : 45px; left: 230px; }


}

@media all and (max-width: 768px) {

	/* main-top */
	.main-top { padding-bottom: 25px; }
	.main-top h2 { font-size: 1.655em; }
	.main-top .h2-sub { display: inline-block; /*max-width: 298px;*/ padding: 10px 0 25px; /*font-size: 0.928em;*/ font-weight: 500; line-height:1.4em; }
	.main-visual { width: auto; height: 260px; margin: 0 48px; }
	.main-visual01-control a { width: 32px; height: 58px; }
	.main-visual01-control a i { line-height: 58px; }

	/* 스크롤박스 - 하단 따라다니는용  */
	.scroll-arr { display:none; }

	/*main-news*/
	.main-news { height: 278px; }
	.main-news-title > p { padding: 25px 0 0 0; font-size: 1em; }
	.main-news-title .main-news-title-more { top:40px; }
	.main-news-box .main-news-box-tt { padding:0 0 15px 0; font-size:1.3em; }
	.main-news-slider li a { padding: 35px 20px 25px; /*height: 178px; 게시물 본문글 비노출로 인한 높이 조정 */ height:150px; }
	.main-news-slider .main-news-category { width: 44px; height: 40px; line-height: 40px; font-size: 0.975em; }
	.main-news-slider .main-news-cont { margin: 10px 0; height: 42px; }


	/* QUICK LINK */
	.main-quick-title,
	.main-quick-list { float: none; width: auto; }
	.main-quick-title { height: 50px; margin-right: 0; margin-bottom: 4px; padding: 8px 15px; font-size: 1.3em; text-align: left; }
	.main-quick-title p { display: inline-block; padding-top: 8px; padding-left:5px; }
	.main-quick-control { float: right; margin-top: 7px; margin-right:5px; }
	.center-quick-icon img { width: 50px; height: auto; }

	/* main-center-quick */
	.center-quick-list .center-quick-icon { width: 62px; height: 62px; padding-top: 10px; margin-bottom: 10px; }

	.bnue-news > div > p { margin: 25px 0 18px; font-size: 1.375em; }
	.bnue-news .bnue-news-left { padding: 0 10px; }
	.bnue-news-left .bnue-news-list .bnue-news-box { background-color: transparent; }
	.bnue-news-left .bnue-news-list > a > span { font-size: 1.42em; }
	.bnue-news-left .bnue-news-list > a > img { left: 165px; }
	.bnue-news .bnue-news-right { margin: 15px 10px 0; padding: 0; }
	.bnue-news-right > p { padding: 30px 0 20px; font-size: 1.4em; }

	.bnue-news-tab { height:auto !important; }
	.bnue-news-tab > ul { padding-right: 0; background-color: transparent; }
	.bnue-news-tab > ul > li { float: none; width: auto; position: relative; background-color: #ffffff; border-radius: 10px; margin-bottom: 3px; }
	.bnue-news-tab > ul > li > a { border-color: #1c6cb7; color: #0d62b2; margin: 0; font-size:1.6em; }
	.news-tab-cont > li:first-child .bnue-news-ttl { font-size:1.2em; }
	.news-tab-cont > li:first-child .bnue-news-date { padding-left:10px; font-size:1.1em; }
	.news-tab-cont > li:first-child .bnue-news-date > span { font-size:2.3em; }
	.news-tab-cont > li:first-child .bnue-news-detail { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); }
	.news-tab-cont > li:first-child > a { font-size:1em; }
	.news-tab-cont { position: static !important; display: block !important; }
	.news-tab-cont > li > ul { height: 40px; }
	.news-tab-cont li a { font-size:1em; }
	.bnue-news-tab .more { display: block; }


	.right-cal-box .right-cal-list { height: 113px; }
	.right-cal-box .right-cal-list li { margin-bottom: 15px; /*font-size: 0.7835em;*/ }
	.right-cal-box .right-cal-control .cal-left {left: 40px;}
	.right-cal-box .right-cal-control .cal-right { right: 40px; }

	.main-history-box { padding: 0 50px; }
	.main-histroy { padding: 30px 0 20px; }
	.main-history-title { font-size: 2.1em; }
	.main-history-title > span { padding-bottom: 5px; }
	.main-history-sub { padding: 12px 0 15px; font-size: 0.95em; }
	.main-history-conrol { display: block; width: 100%; padding: 0 10px;  }
	.main-history-more { margin:50px 0 30px; }


}

@media all and (max-width: 560px) {

	/* main-top */
	.main-top .h2-sub { max-width: 298px; /*font-size: 0.928em;*/ font-size:1em; letter-spacing:-0.04em; }
	.main-top .h2-sub br { display:block; }

	.main-visual01 .main-visual01-slider > li > a > img.mvs-pc { display:none; }
	.main-visual01 .main-visual01-slider > li > a > img.mvs-tablet { display:none; }
	.main-visual01 .main-visual01-slider > li > a > img.mvs-mobile { display:block; }

	/*main-news*/
	.main-news-control .prev-btn img { width:30px; height:30px; }
	.main-news-control .next-btn img { width:30px; height:30px; }
	.main-news-title .main-news-title-more { top:45px; }

	.news-tab-cont .bnue-news-detail { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); }
	.news-tab-cont .bnue-news-date { margin-right:10px; }
	.bnue-news-tab > ul > li > a { padding:20px 0 5px; font-size:1.5em; }
	.bnue-news-tab .more { top:19px; }

	.right-cal-box .right-cal-list { margin:30px 28px 0; }
	.right-cal-box .right-cal-list li { font-size: 0.95em; }
	.main-history-sub { padding:12px 20px 15px; font-size: 0.5em; }

	.main-history-slider .slick-center { width: auto; max-width: none; margin: 0 50px; }
	.main-history-slider .slick-center > div > div { min-width: 210px; max-width: 466px; }
	.main-history-title { font-size: 1.8em; }
	.main-history-title > span { padding-bottom: 5px; }

	.main-history-slider .slick-center .history-box01 { background-image: none; background-color: #ffffff; padding:30px 20px 0 10px; }
	.main-history-slider .slick-center .main-history-year { padding-top: 15px; background:none; }

	.main-history-box { height:290px; }
	.main-history-more { margin:30px 0 10px; }

}

@media all and (max-width: 400px) {

	/*main-news*/
	.main-news-title > p { padding:25px 0 0 20px; text-align:left; }
	.main-news-box .main-news-box-tt { text-align:left; }

	.news-tab-cont > li:first-child .bnue-news-date { padding-left:0; font-size:0.95em; }
	.news-tab-cont > li:first-child .bnue-news-detail { width: calc(100% - 80px); width: -webkit-calc(100% - 80px); }

}