@charset "utf-8";

#weeCenter {float:right; width:900px; padding:20px 0 40px}

/* 위센터 */
#weeCenter .svisual{border:1px solid #d1d6da; margin:0 0 20px}

/* 게시판 */
#weeCenter .notice {position:relative; width:438px; height:228px; float:left; border:1px solid #c4c8d0}
#weeCenter .notice h2.tit { font-size:17px; font-weight:bold; padding:13px 20px 0; position:relative}
#weeCenter .notice h2.tit:before {content:''; width:200px; height:2px; background-color:#777f83; position:absolute; top:-1px; left:-1px}
#weeCenter .notice .list_box {padding:16px 20px 0;  overflow:hidden;}
#weeCenter .notice .top_list a {display:block; padding:0 0 26px; border-bottom:1px dashed #999; background-repeat:no-repeat; background-position:0 0}
#weeCenter .notice .top_list a dl {min-height:70px; padding-left:95px;}
#weeCenter .notice .top_list a dl dt {font-size:15px; line-height:150%; margin-bottom:6px; color:#111; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#weeCenter .notice .top_list a dl dd { height:34px; overflow:hidden; font-size:13px; line-height:130%; color:#555;}
#weeCenter .notice .top_list a:hover dl dt { text-decoration:underline}
#weeCenter .notice .list_box .ul_list {padding:12px 0 0; overflow:hidden;}
#weeCenter .notice .list_box .ul_list li {width:100%; float:left; line-height:22px; font-size:13px; position:relative; overflow:hidden;}
#weeCenter .notice .list_box .ul_list li:before { content:''; width:5px; height:5px; border-radius:50%; background-color:#ddd; position:absolute; top:10px; left:0}
#weeCenter .notice .list_box ul.ul_list li a {display:block; padding-left:12px; float:left; width:75%; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#weeCenter .notice .list_box ul.ul_list li a:hover {text-decoration:underline;}
#weeCenter .notice .list_box ul.ul_list li span.date { float:right; width:20%; text-align:right; color:#777; }
#weeCenter .notice .btn_more {position:absolute; top:15px; right:0; width:38px; height:38px; background:url('/images/org/web/scedu/wee/btn_more1.png') no-repeat 50% 50%; text-indent:-10000em; z-index:10 }

/* 소식나누기 */ 
#weeCenter .notice.board_01 {border-right:1px solid #d69fb7; border-bottom:1px solid #d69fb7}
#weeCenter .notice.board_01 h2.tit { color:#f06292}
#weeCenter .notice.board_01 h2.tit:before {background-color:#f06292;}
#weeCenter .notice.board_01 .top_list a {background-image:url('/images/org/web/scedu/wee/icon_notice1.png');}
#weeCenter .notice.board_01 .list_box .ul_list li:before {background-color:#f06292}

/*con1*/
#weeCenter .con1{width:438px; height:230px; float:left; border:1px solid #c4c8d0; margin:0 0 20px 20px;}

/*이용안내181022*/
#weeCenter .call{width: 100%;height:230px;float:left;/* border-right:1px solid #c4c8d0; */}
#weeCenter .call h2.tit { position:relative ; font-size:17px; font-weight:bold; padding:13px 20px 0;letter-spacing:-1px; word-break:keep-all;}
#weeCenter .call h2.tit img{max-width:100%;}
#weeCenter .call h2.tit:before {content:''; width:200px; height:2px; background-color:#8dc73f; position:absolute; top:-1px; left:-1px}
#weeCenter .call .img{display:block; padding:20px 10px; text-align:center;}
#weeCenter .call .img img{max-width:100%;}
/*#weeCenter .call p.txt_1{padding:30px 20px 5px 20px; font-size:20px; line-height:25px; letter-spacing:-1px;}
#weeCenter .call p.txt_1 span{ padding:5px 10px; background:#7aa8df; border-radius:5px; font-size:16px; color:#fff; }
#weeCenter .call p.txt_2{padding:10px 20px; font-size:20px; line-height:25px; color:#175ec7; letter-spacing:-1px;}
#weeCenter .call p.txt_2 span{padding:5px 10px; background:#7aa8df; border-radius:5px; font-size:16px; color:#fff;}

/*프로그램안내*/
#weeCenter .program_info{width:49.8%; height:230px; float:left;}
#weeCenter .program_info h2.tit {position:relative; font-size:17px; font-weight:bold; padding:13px 20px 0;}
#weeCenter .program_info h2.tit:before {content:''; width:200px; height:2px; background-color:#777f83; position:absolute; top:-1px; left:-1px}
#weeCenter .program_info ul{padding:10px 10px 10px 20px}/*181022*/
#weeCenter .program_info ul li{position:relative; padding-left:10px; line-height:30px; letter-spacing:-1px;}
#weeCenter .program_info ul li:before{content:''; width:5px; height:5px; border-radius:50%; background-color:#ddd; position:absolute; top:13px; left:0}
#weeCenter .program_info ul li a:hover {text-decoration:underline;}

/*활동사진*/
#weeCenter .gallery {position:relative; width:438px; height:228px; float:left; border:1px solid #c4c8d0; border-right:1px solid #85baba; border-bottom:1px solid #85baba; margin-right:20px;}
#weeCenter .gallery h2.tit {position:relative; font-size:17px; font-weight:bold; padding:13px 20px 0; color:#26a69a;}
#weeCenter .gallery h2.tit:before {content:''; width:200px; height:2px; position:absolute; top:-1px; left:-1px; background-color:#26a69a;}
#weeCenter .gallery .top_list a {background-image:url('/images/org/web/scedu/wee/icon_notice3.png');}
#weeCenter .gallery .list_box .ul_list li:before {background-color:#26a69a}
#weeCenter .gallery .gall_list {height:120px; overflow:hidden; padding:40px 20px 20px;}
#weeCenter .gallery .gall_list li {width:30.666%; margin-left:4%; margin-bottom:4%; float:left;}
#weeCenter .gallery .gall_list li:nth-child(4) {display: none;}
#weeCenter .gallery .gall_list li:first-child { margin-left:0; }
#weeCenter .gallery .gall_list li a { display:block; color:#111}
#weeCenter .gallery .gall_list li a .img { display:block; width:100%; height:100px; overflow:hidden}
#weeCenter .gallery .gall_list li .img img {width:100%; height:100%; image-rendering:-webkit-optimize-contrast; transition-duration:.3s;}
#weeCenter .gallery .gall_list li a:hover .img img {transition-duration:.3s;  -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
#weeCenter .gallery .gall_list li span.txt {display:block; font-size:14px; padding-top:9px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#weeCenter .gallery .btn_more {position:absolute; top:15px; right:0; width:38px; height:38px; background:url('/images/org/web/scedu/wee/btn_more1.png') no-repeat 50% 50%; text-indent:-10000em; z-index:10 }

/* 자료실 */ 
#weeCenter .notice.board_02 {border-right:1px solid #829cbd; border-bottom:1px solid #829cbd;}
#weeCenter .notice.board_02 h2.tit { color:#1f5aa0}
#weeCenter .notice.board_02 h2.tit:before {background-color:#1f5aa0;}
#weeCenter .notice.board_02 .top_list a {background-image:url('/images/org/web/scedu/wee/icon_notice2.png');}
#weeCenter .notice.board_02 .list_box .ul_list li:before {background-color:#1f5aa0}

.box_admovie {position:relative;  height:240px; overflow:hidden; }
.box_admovie h2 {display:block; width:100px; height:32px; line-height:18px; font-size:17px; font-weight:bold;}
.box_admovie h2 span {display:inline-block; height:32px; line-height:31px; padding:0 16px; color:#fff; background:#1ac4a4;}
.box_admovie .mv_box {position:relative;height: auto;overflow:hidden;}
.box_admovie .mv_img {height: auto;display:block;/* margin:6px 0 0; */}
.box_admovie .mv_img a img{width: 100%;}
.box_admovie .btn_ad_play {position:absolute;left:50%;top:55%;z-index:10;margin:-27px 0 0 -27px;}
.box_admovie .btn_ad_play img { display:block; width:54px; height:54px; overflow:hidden;}
.box_admovie .btn_more {position:absolute; width:20px; height:20px; top:0; right:0; background:url('/images/org/web/gnchild/main/btn_more.png') no-repeat right 50%; text-indent:-10000px; z-index:10 }

/* 바로가기1 */
/*#weeCenter .sLink1 {float:right; width:440px; height:230px; margin:20px 0 0; overflow:hidden }
#weeCenter .sLink1 ul {overflow:hidden}
#weeCenter .sLink1 ul li {float:left; width:215px; height:110px; background-repeat:no-repeat; background-position:20px 50%;}
#weeCenter .sLink1 ul li.sLink1_1 { background-color:#4fb7f4; background-image:url('/images/org/web/scedu/wee/icon_link1_1.png');}
#weeCenter .sLink1 ul li.sLink1_2 { background-color:#f48484; background-image:url('/images/org/web/scedu/wee/icon_link1_2.png'); margin-left:10px;}
#weeCenter .sLink1 ul li.sLink1_3 { background-color:#7b96b4; background-image:url('/images/org/web/scedu/wee/icon_link1_3.png'); margin-top:10px;}
#weeCenter .sLink1 ul li.sLink1_4 { background-color:#4ecba9; background-image:url('/images/org/web/scedu/wee/icon_link1_4.png'); margin:10px 0 0 10px;}
#weeCenter .sLink1 ul li a{ display:block; height:110px; line-height:108px; color:#fff; font-size:15px; font-weight:bold; padding-left:96px;}
#weeCenter .sLink1 ul li:hover a {color:#FFC}*/

/* 바로가기2 */
#weeCenter .sLink2 {float:left; width:100%; margin-top:20px; overflow:hidden}
#weeCenter .sLink2 li {float:left; width:49%; height:90px; margin-left:2%; font-size:17px; background-color:#fff; background-repeat:no-repeat; background-position:20px center;}
#weeCenter .sLink2 li:first-child {margin-left:0;}
#weeCenter .sLink2 li:hover { background-color:#f2f4f7;}
#weeCenter .sLink2 ul li.sLink2_1 {background-image:url('/images/org/web/scedu/wee/icon_link2_2.png');}
#weeCenter .sLink2 ul li.sLink2_2 {background-image:url('/images/org/web/scedu/wee/icon_link2_3.png');}
#weeCenter .sLink2 ul li.sLink2_3 {background-image:url('/images/org/web/scedu/wee/icon_link2_1.png'); letter-spacing:-2px;}
#weeCenter .sLink2 li a{ display:block; text-indent:10px; height:86px; line-height:84px; border:2px solid #b5c5d7; color:#000; text-align:center}
#weeCenter .sLink2 li a span{ display:inline-block; width:100%; background:url('/images/org/web/scedu/wee/arrow_link.png') no-repeat 90% center;}
/* Wee 서브페이지 181113 ******************************************************************************************************************************************/
/* 이용안내 */
.wee_guide dl {position:relative; padding-bottom:20px; border:5px solid #dfe6ee; }
.wee_guide dl dt {margin:0 0 20px 0; padding:20px 20px 19px 80px; line-height:20px; font-size:17px; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #c8d1db;}
.wee_guide dl dt span {position:absolute; left:-5px; top:-5px; display:block; width:65px; height:60px; text-align:center; border-top:5px solid #3c445d; line-height:60px; font-size:20px; color:#fff; background:#757e9b;}
.wee_guide dl dd {position:relative; padding:5px 20px 5px 35px;}
.wee_guide dl dd:before {content:''; position:absolute; top:12px; left:20px; width:4px; height:4px; background:#757e9b;}

/* 센터소개 */
.wee_oneStop {overflow:hidden;}
.wee_oneStop dl {width:32%; float:left; margin-left:2%;}
.wee_oneStop dl:first-child {margin-left:0;}
.wee_oneStop dl dt {padding:10px; font-size:16px; color:#ec587e; font-weight:bold; text-align:center; border:2px solid #ec587e; background:#fff;}
.wee_oneStop dl dd {position:relative; height:80px; margin-top:5px; padding:10px; border:1px solid #c8d1db; }
/* 둘러보기 */
.wee_look {border:1px solid #c8d1db; }
.wee_look .top_img {position:relative; padding:20px 60px; text-align:center;}
.wee_look .top_img span img {position:relative;  width:100%; z-index:1;}
.wee_look .top_img p {position:relative; width:220px; margin:-20px auto 0; line-height:40px; font-size:15px; color:#fff; font-weight:bold; background:#155eb6; border-radius:20px; z-index:2;}
.wee_look .top_img a.btn_wee_look_prev {position:absolute; left:20px; top:50%; margin-top:-16px;}
.wee_look .top_img a.btn_wee_look_next {position:absolute; right:20px; top:50%; margin-top:-16px;}
.wee_look .wee_look_list {position:relative; padding:20px 0; border-top:1px dashed #c8d1db; background:#f5f7f8;}
.wee_look .wee_look_list ul {margin:0 20px; overflow:hidden;}
.wee_look .wee_look_list ul li {width:9.09%; float:left; text-align:center;}
.wee_look .wee_look_list ul li img {width:90%; }

@media screen and (max-width:1019px) {
	
	#weeCenter, #weeCenter .notice, #weeCenter .con1, #weeCenter .gallery{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#weeCenter .svisual, #weeCenter .notice, #weeCenter .con1 , #weeCenter .gallery
	#weeCenter .sLink1, #weeCenter .sLink2{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease }
	
	/* 위센터 */
	#weeCenter {margin:0; width:100%; padding:3%}
	#weeCenter .svisual{ margin:0 0 2%}
	#weeCenter .svisual img { width:100%; height:auto;}
	
	/* 게시판 */
	#weeCenter .notice {width:49%; height:230px}
	
	/*con1*/
	#weeCenter .con1{width:49%; margin:0 0 2% 2%;}	
	
	/* 갤러리 */
	#weeCenter .gallery{width:49%; margin:0 2% 0 0;}
	
	/* Wee관련자료실 */ 
	#weeCenter .notice.board_02 {width:49%;}
	
	
	/* 바로가기1 */
	/*#weeCenter .sLink1 {width:49%; height:auto; margin:2% 0 0}
	#weeCenter .sLink1 ul li {width:49%; background-size:48px auto}
	#weeCenter .sLink1 ul li.sLink1_2 {margin-left:2%;}
	#weeCenter .sLink1 ul li.sLink1_3 {margin-top:10px;}
	#weeCenter .sLink1 ul li.sLink1_4 {margin:10px 0 0 2%;}
	#weeCenter .sLink1 ul li a{padding-left:80px;}*/
	
	/* 바로가기2 */
	#weeCenter .sLink2 {margin-top:2%;}
	#weeCenter .sLink2 li{background-size:40px;}

}


@media screen and (max-width:800px) {
	
	/* 게시판 */
	#weeCenter .notice {width:100%;}
	
	/* Wee관련자료실 */ 
	#weeCenter .notice.board_02 {width:100%; margin-top:2%; margin-left:0}
	
	/*con1*/
	#weeCenter .con1{width:100%; margin:2% 0;}	
	
	/* 갤러리 */
	#weeCenter .gallery{width:100%;}

	/* 바로가기1 */
	/*#weeCenter .sLink1 {width:100%}
	#weeCenter .sLink1 ul li { width:49.5%; height:80px;}
	#weeCenter .sLink1 ul li.sLink1_2 {margin-left:1%;}
	#weeCenter .sLink1 ul li.sLink1_3 {margin-top:1%;}
	#weeCenter .sLink1 ul li.sLink1_4 {margin:1% 0 0 1%;}
	#weeCenter .sLink1 ul li a{height:80px; line-height:78px;}*/
	
	/* 바로가기2 */
	#weeCenter .sLink2 li {height:80px; font-size:14px; background-size:32px auto; background-position:20px center}
	#weeCenter .sLink2 li a{height:76px; line-height:74px;}
	#weeCenter .sLink2 li a span{ background-image:none}


	/* Wee 서브페이지 181113 ******************************************************************************************************************************************/
	/* 센터소개 */
	.wee_oneStop dl {width:100%; float:none; margin:20px 0 0  0;}
	.wee_oneStop dl:first-child {margin:0;}
	.wee_oneStop dl dd {height:auto; }
	/* 둘러보기 */
	.wee_look .top_img {padding:20px 40px;}
	.wee_look .top_img a.btn_wee_look_prev {left:10px; top:50%;}
	.wee_look .top_img a.btn_wee_look_next {right:10px; top:50%;}
	.wee_look .wee_look_list ul li {width:16.6%; margin:5px 0;}

}

@media screen and (max-width:680px) {
	/* 갤러리 */
	#weeCenter .gallery .gall_list { height:130px;}
	#weeCenter .gallery .gall_list li {width:30%; margin-left:5%; margin-bottom:40px}
	#weeCenter .gallery .btn_more {right:3.5%; top:7%}
	
	/*con1*/
	#weeCenter .con1{height:auto;}
	
	/*이용안내*/
	#weeCenter .call{width:100%;}

	/*프로그램안내*/
	#weeCenter .program_info{width:100%; border-top:1px solid #c4c8d0; }
	
		
	/* 바로가기2 */
	#weeCenter .sLink2 li {height:80px; font-size:14px; background-size:32px auto; background-position:50% 14px}
	#weeCenter .sLink2 li a{height:76px; text-indent:0;}
	#weeCenter .sLink2 li a span{padding-top:43px; line-height:15px; word-break:keep-all;}

}

@media screen and (max-width:580px) {
	
	/* 게시판 */
	#weeCenter .notice.board_01 .top_list a, #weeCenter .notice.board_02 .top_list a,
	#weeCenter .notice.board_03 .top_list a, #weeCenter .notice.board_04 .top_list a {background-image:none;}
	#weeCenter .notice .top_list a dl {padding-left:0;}
	
	/* 바로가기1 */
	#weeCenter .sLink1 ul li {background-size:32px auto; background-position:50% 14px;}
	#weeCenter .sLink1 ul li a{padding-left:0; padding:20px 0 30px; text-align:center; font-size:14px;}
	
	/* 바로가기2 */
	#weeCenter .sLink2 li { font-size:13px}



}



/* weeCenter */
#weeCenter .notice,
#weeCenter .con1,
#weeCenter .gallery {width: calc((100% - 20px) / 2); box-sizing: border-box;}



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

  /* weeCenter */
  #weeCenter .notice,
  #weeCenter .con1,
  #weeCenter .gallery {width: 49%;}
}



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

  /* weeCenter */
  #weeCenter .notice,
  #weeCenter .con1,
  #weeCenter .gallery {width: 100%;}
}