@charset "utf-8";

/* 메인비주얼 MC_box1 */
.main_visual {position:relative;}
.main_visual ul li {position:relative; width:100%; height:320px;}
.main_visual ul li .img {position:relative; width:100%; height:100%;}
.main_visual ul li .img.visual1 {background:url('/images/org/web/cngifted/main/M_visual.png') no-repeat center center; }
.main_visual ul li .img.visual2 {background:url('/images/org/web/cngifted/main/M_visual2.png') no-repeat center center; }
.main_visual ul li .mv_slogan {position:absolute; top:45px; left:50%; width:1200px; margin-left:-600px; color:#fff; font-weight:bold}
.main_visual ul li .mv_slogan .txt1 {font-size:35px; line-height:130%; text-shadow:1px 2px 2px rgba(6,7,7,.77);}
.main_visual ul li .mv_slogan .txt1 span {font-size:40px;}
.main_visual ul li .mv_slogan .txt2 {margin-top:10px; font-size:48px; line-height:140%; text-shadow:1px 2px 2px rgba(6,7,7,.77);}

.main_visual .bx-controls {position:absolute; width:1200px; left:50%; bottom:65px; margin-left:-600px;}
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:0}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:block; float:left; width:auto;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {text-indent:-999em; width:24px; height:24px;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/org/web/cngifted/main/btn_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/org/web/cngifted/main/btn_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; top:8px; left:25px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:10px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:40px; height:5px; border:1px solid #fff; box-sizing:border-box;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#fff;}

/* 팝업존 MC_box2 */
.box_popup {position:relative; width:400px; height:100%; margin-left:62px; background:#31c2bc;}
.box_popup h2 {font-size:18px; margin-left:20px; font-weight:bold; height:51px; line-height:50px; color:#fff;}
.box_popup .pop {position:relative; overflow:hidden; width:360px; height:205px; margin:0 auto}
.box_popup .pop li {width:100%; height:205px; float:left}
.box_popup .pop li a {display:block; width:100%; height:100%;}
.box_popup .pop li a img {width:100%; height:100%;}
.box_popup .control {position:absolute; top:50%; left:-62px; margin:-9px 0 0; z-index:10; background:#008c86; width:101px; height:41px; padding:9px 0 0 11px; border-radius:25px;}
.box_popup .control a {display:block; float:left; text-indent:-10000px; width:30px; height:30px; background-repeat:no-repeat; background-position:center center}
.box_popup .control a.prev {background-image:url('/images/org/web/cngifted/main/btn_pop_prev.png')}
.box_popup .control a.next {background-image:url('/images/org/web/cngifted/main/btn_pop_next.png')}
.box_popup .control a.stop {background-image:url('/images/org/web/cngifted/main/btn_pop_stop.png')}
.box_popup .control a.play {background-image:url('/images/org/web/cngifted/main/btn_pop_play.png')}
.box_popup .control span {position:absolute; top: -113px; left:408px; width:50px; display:block; color:#fff;}

/* 바로가기 MCbox3 */
.M_link { overflow:hidden} 
.M_link ul li {float:left; width:25%; height:50px}
.M_link ul li a {display:block; font-size:15px; color:#222; border-right:1px solid #d7d7d7; height:100%; line-height:48px;}
.M_link ul li:first-child a {border-left:1px solid #d7d7d7;}
.M_link ul li a img { vertical-align:top; margin:0 10px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.M_link ul li a span {width:220px; display:inline-block; background:url('/images/org/web/cngifted/main/btn_more4.png') no-repeat 95% 18px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.M_link ul li a:hover span { background-position:90% 18px; color:#007bd8;}

/* 학사일정 MC_box4 */
.schedule {position:relative; height:100%; overflow:hidden; background:#6aaada url('/images/org/web/cngifted/main/schedule_bg.png') no-repeat right bottom;}
.schedule h2 {font-size:18px; font-weight:bold; color:#fff; padding-left:20px; height:51px; line-height:49px}
.schedule .date_view {position:relative; height:19px; line-height:17px; font-size:13px; color:#111; font-weight:bold; text-align:center; margin: 0 auto 9px;}
.schedule .date_view .pre, .schedule .date_view .next {position:absolute; top:0; width:19px;height:19px; text-indent:-9999em; line-height:0; font-size:0; background-position:50% 50%; background-repeat:no-repeat}
.schedule .date_view .pre {left:80px; background-image:url('/images/org/web/cngifted/main/sche_pre.png');}
.schedule .date_view .next {right:80px; background-image:url('/images/org/web/cngifted/main/sche_next.png');}
.schedule .inner {height: 185px;overflow:hidden;padding:0 20px;}
.schedule .inner:before { content:''; width:100%; height:30px; background-color:#007bd8; position:absolute; top:79px; left:0}
.schedule .inner > table{ width:100%}
.schedule .inner th { position:relative; font-size:11px; padding:7px 0 9px; color:#fff; font-weight:normal;}
.schedule .inner td {line-height:22px; font-size:12px; text-align:center;color:#111;}
.schedule .inner td a.check {display:block; color:#111; font-weight:bold; background:url('/images/org/web/cngifted/main/schd_check.png') no-repeat center;}
.schedule .inner td a.today {display:block; color:#111; font-weight:bold; background:url('/images/org/web/cngifted/main/schd_today.png') no-repeat center;}
.schedule .sch_list {padding:10px 20px 0; border-top:1px dashed #fff;}
.schedule .sch_list ul {height: 53px;overflow:hidden;overflow-y:auto;}
.schedule .sch_list li {position:relative; font-size:14px; height:23px; line-height:21px; margin-bottom:3px;}
.schedule .sch_list li a {display:block; color: #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.schedule .sch_list li a span { display:inline-block; padding:0 10px; border:1px solid #fff; border-radius:20px; margin-right:10px}
.schedule  .btn_more{position:absolute; right:13px; top:12px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/cngifted/main/btn_more.png') no-repeat center;}

/* 공지사항 MC_box5 */
.notice {position:relative; height:100%; background:#fff url('/images/org/web/cngifted/main/notice_bg.png') repeat-x 0 50px; overflow:hidden;}
.notice h2 { position:absolute; top:0; height:51px; line-height:51px; font-size:18px; font-weight:bold}
.notice h2 a {display:block; width:110px; text-align:center; color:#6e7e90;}
.notice h2 a:hover, .notice01 h2 a:focus {color:#02397a;}
.notice h2.current a { color:#02397a; background:url('/images/org/web/cngifted/main/notice_bar.png') no-repeat center bottom}
.notice h2.tit_1{left:10px;} 
.notice h2.tit_2{left:120px;} 
.notice h2.tit_3 {left:230px;}  
.notice .list_box.on {display:block; }
.notice .list_box {display:none; padding:72px 20px 0; overflow:hidden;}
.notice .top_list a {position:relative; display:block; height:72px; padding:0 0 20px 0; margin-bottom:16px; border-bottom:1px dashed #c8d1db;}
.notice .top_list a span.img {display:block; position:absolute; left:0; top:0}
.notice .top_list a dl  {margin-left:88px;}
.notice .top_list a dl dt { font-size:15px; line-height:150%; color:#222; font-weight:bold; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice .top_list a dl dd {font-size:14px; color:#777; line-height:130%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice .top_list a dl dd.date {color:#6f7487; margin-top:6px;}
.notice .list_box ul.ul_list li {position:relative; line-height:30px; font-size:14px; overflow:hidden; background:url('/images/org/web/cngifted/main/notice_dot.jpg') no-repeat left 14px;}
.notice .list_box ul.ul_list li a {display:block; width:70%; padding-left:12px; float:left; color:#444; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.notice .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice .list_box ul.ul_list li span.date {display:block; width:25%; float:right; text-align:right; color:#6f7487}
.notice .btn_more {position:absolute; right:0; top:0; width:50px; height:50px; line-height:55px; border-left:1px solid #c8d1db; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/cngifted/main/btn_more3.png') no-repeat center;}

/* 사진게시판 MC_box6 */
.news{position:relative; height:100%; padding:0 20px; background:#fa9300 url('/images/org/web/cngifted/main/news_bg.png') no-repeat right bottom;}
.news h2 {position:absolute; top:0; height:51px; line-height:49px; font-size:18px; font-weight:bold}
.news h2 a {display:block; width:100px; padding:0 0 0 15px; color: #fdd59c;}
.news h2 a:hover, .news h2 a:focus {text-decoration:underline}
.news h2.current a{color:#fff}
.news h2.tit_1 {left:0;}
.news h2.tit_2 {left:118px; background:url('/images/org/web/cngifted/main/news_bar.png') no-repeat left 20px;}
.news .news_box.on {display:block; }
.news .news_box {display:none; padding:51px 0 0; overflow:hidden;}
.news .news_box > a {display:block; color:#fff; margin-bottom:3px}
.news .news_box span.img {display:block; width:100%; height:140px; margin-bottom:5px; overflow:hidden}
.news .news_box span.img img {width:100%; height:100%;}
.news .news_box p.tit {font-size:15px; font-weight:bold; line-height:150%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .news_box span.date { display:block; font-size:13px; text-align:right;}
.news .news_list {overflow:hidden;}
.news .news_list li {line-height:22px; background:url('/images/org/web/cngifted/main/news_dot.png') no-repeat left 11px; padding-left:10px;}
.news .news_list li a {display:block; color:#fff; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .news_box a.btn_more {position:absolute; right:13px; top:12px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/cngifted/main/btn_more.png') no-repeat center;}

/* 바로가기02 MC_box7 */
.M_link_2 {overflow:hidden; height:100%;}
.M_link_2 li { position:relative; width:100%; height:105px; line-height:103px; background-color:#3186c6;}
.M_link_2 li:first-child {background-color:#0e578d;}
.M_link_2 li a {display:block; padding-left:20px}
.M_link_2 li a span { display:inline-block; padding-right:39px; color:#fff; font-weight:bold; font-size:18px; background:url('/images/org/web/cngifted/main/btn_more2.png') no-repeat right 51px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.M_link_2 li a:hover span {padding-right:50px}
.M_link_2 li a img { position:absolute; top:21px; right:26px;}

/* 초등영재 바로가기03 MC_box8 181220 수정 */
.M_link_3 {position:relative; height:100%; padding:0 20px; background:#ffd339 url('/images/org/web/cngifted/main/M_link3_bg.png') repeat;}
.M_link_3 h2 {color:#e28500; font-size:18px; padding:18px 0 12px; font-weight:bold}
.M_link_3 ul {overflow:hidden}
.M_link_3 ul li { float:left; width:50%;}
.M_link_3 ul li a { display:block; padding-left:20px; line-height:28px; background:url('/images/org/web/cngifted/main/M_link3_bu.png') no-repeat left 7px; display:inline-block; font-size:15px; color:#b87500; }

/* 중등영재 바로가기04 MC_box9 181220 수정 */
.M_link_4 {position:relative; height:100%; padding:0 20px; background:#31a660 url('/images/org/web/cngifted/main/M_link4_bg.png') repeat;}
.M_link_4 h2 {color:#016c1a; font-size:18px; padding:18px 0 12px; font-weight:bold}
.M_link_4 ul {overflow:hidden}
.M_link_4 ul li {float:left; width:50%;}
.M_link_4 ul li.last {width:100%;}
.M_link_4 ul li a { display:block; padding-left:20px; line-height:28px; background:url('/images/org/web/cngifted/main/M_link4_bu.png') no-repeat left 7px; font-size:15px; color:#005a15; }

/* 바로가기05 MC_box10 */
.M_link_5 {overflow:hidden; height:100%;}
.M_link_5 li { position:relative; padding:0 20px; height:105px; background-color:#feba5a;}
.M_link_5 li:first-child {background-color:#f47a02;}
.M_link_5 li span.tit { font-size:18px; color:#fff; display:block; font-weight:bold;}
.M_link_5 li.lk_01 span.tit { padding:29px 0 10px;}
.M_link_5 li.lk_02 span.tit { padding:21px 0 10px;}
.M_link_5 li img { position:absolute; top:26px; right:16px}
.M_link_5 li.lk_01 span.txt { display:block; font-size:18px; color:#ffd08e; font-weight:bold}
.M_link_5 li.lk_02 span.txt { display:block; letter-spacing:-0.5px; width:210px; font-size:13px; color:#b76d04; word-break:keep-all}
 
@media screen and (max-width:1019px) {
	
	.box_popup, .box_popup .control,
	.M_link, .M_link ul li a,
	.schedule .inner, .schedule .sch_list, .schedule .sch_list ul,
	.M_link_5 li  {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	
	/* 메인비주얼 MC_box1 */
	.main_visual ul li .img.visual1, .main_visual ul li .img.visual2 { background-position:5% 50%}
	.main_visual ul li .mv_slogan {top:65px; left:2.5%; width:97.5%; margin-left:0;}
	.main_visual .bx-controls { display:none}
	
	/* 팝업존 MC_box2 */
	.box_popup {width:100%; padding:0 20px; margin-left:0}
	.box_popup h2 {margin-left:0;}
	.box_popup .pop { width:100%;}
	.box_popup .control {top:11px; left:auto; right:20px; margin:0; width:160px; height:30px; padding:0 0 0 6px; border-radius:0; overflow:hidden}
	.box_popup .control span {position:absolute; top:5px; left:auto; right:16px; width:auto}
	
	/* 바로가기 MCbox3 */
	.M_link { height:100%; background-color:#fff; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7} 
	.M_link ul { height:100%; overflow:hidden} 
	.M_link ul li {float:left; width:50%; height:138px}
	.M_link ul li a {border-top:1px solid #d7d7d7; line-height:none; text-align:center}
	.M_link ul li:first-child a {border-left:0;}
	.M_link ul li a img {margin:25px 0 0;}
	.M_link ul li a span { width:100%; display:block; background-image:none}
	
	/* 학사일정 MC_box4 */
	.schedule { background-image:none}
	.schedule .date_view { position:absolute; width:130px; left:80px; top:17px}
	.schedule .date_view .pre {left:0}
	.schedule .date_view .next {right:0}
	.schedule .inner {width:50%;height: 200px;float:left;}
	.schedule .inner:before {top:51px;}
	.schedule .sch_list {padding:4px 20px 0; position:relative; width:50%; float:right; border-top:0; border-left:1px dashed #fff; background-color:#6aaada}
	.schedule .sch_list ul {height: 176px;}

	/* 바로가기02 MC_box7 */
	.M_link_2 li {height:175px; line-height:173px;}
	.M_link_2 li a span { background-position: right 86px}
	.M_link_2 li a img {top:50%; margin-top:-33px;}
	
	/* 바로가기05 MC_box10 */
	.M_link_5 li { float:left; width:50%}

}



@media screen and (max-width:800px) {
	
	/* 메인비주얼 MC_box1 */
	.main_visual ul li .img.visual1, .main_visual ul li .img.visual2 { background-position:30% 50%}

}


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

	/* 메인비주얼 MC_box1 */
	.main_visual ul li {height:240px;}
	.main_visual ul li .mv_slogan {top:45px}
	.main_visual ul li .mv_slogan .txt1, .main_visual ul li .mv_slogan .txt1 span  {font-size:30px;}
	.main_visual ul li .mv_slogan .txt2 {margin-top:10px; font-size:36px;}
	
	/* 바로가기 MCbox3 */
	.M_link ul li {width:25%; height:100px}
	.M_link ul li a { font-size:14px; line-height:30px}
	.M_link ul li a img {margin:10px 0 0;}
	
	/* 사진게시판 MC_box6 */
	.news .news_box span.img {height:180px;}
	.news .news_list {padding-bottom:20px}

	/* 바로가기02 MC_box7 */
	.M_link_2 li {height:105px; line-height:103px; float:left}
	.M_link_2 li a span { background-position: right 51px}
	.M_link_2 li a img {top:50%; margin-top:-33px;}
	
	/* 바로가기05 MC_box10 */
	.M_link_5 li {width:100%}
	

}



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

	/* 메인비주얼 MC_box1 */
	.main_visual ul li {height:200px;}
	.main_visual ul li .img.visual1, .main_visual ul li .img.visual2 { background-position:50% 50%}
	.main_visual ul li .mv_slogan {top:45px; text-align:center; left:0; width:100%}
	.main_visual ul li .mv_slogan .txt1, .main_visual ul li .mv_slogan .txt1 span  {font-size:24px;}
	.main_visual ul li .mv_slogan .txt2 {margin-top:10px; font-size:30px;}

	/* 바로가기 MCbox3 */
	.M_link ul li {width:50%}
	
	/* 학사일정 MC_box4 */
	.schedule .inner { width:100%; height:auto; padding-bottom:10px}
	.schedule .sch_list {padding:10px 20px; width:100%; border-top:1px dashed #fff; border-left:0;}
	.schedule .sch_list ul {height:78px}
	
	/* 공지사항 MC_box5 */
	.notice .list_box ul.ul_list li a { width:90%}
	.notice .list_box ul.ul_list li span.date { display:none}

}

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

	/* 공지사항 MC_box5 */
	.notice h2 {font-size:17px;}
	.notice h2.tit_1{left:0;} 
	.notice h2.tit_2{left:110px;} 
	.notice h2.tit_3 {left:220px;}  
	.notice .top_list a { display:none}
	


	

}

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



}