@charset "utf-8";

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

/* 위센터 */
#weeCenter .svisual{position:relative; height:228px; border:1px solid #d1d6da; margin:0 0 20px}
.svisual ul li {position:relative; width:100%; height:100%;}
.svisual ul li .img {position:relative; width:100%; height:100%;}

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

/* 바로가기2 */
#weeCenter .sLink2 {float:left; width:100%; overflow:hidden}
#weeCenter .sLink2 li {float:left; width:23.5%; height:90px; margin-left:2%; font-size:17px; background-color:#fff; background-repeat:no-repeat; background-position:15px center; background-size:40px auto;}
#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/cwedu/wee/icon_link3_4.png');}
#weeCenter .sLink2 ul li.sLink2_2 {background-image:url('/images/org/web/cwedu/wee/icon_link3_1.png');}
#weeCenter .sLink2 ul li.sLink2_3 {background-image:url('/images/org/web/cwedu/wee/icon_link3_2.png');}
#weeCenter .sLink2 ul li.sLink2_4 {background-image:url('/images/org/web/cwedu/wee/icon_link3_3.png');}
#weeCenter .sLink2 li a{ display:block; 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/cwedu/wee/arrow_link.png') no-repeat 90% center;}

/* 게시판 */
#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/cwedu/wee/btn_more1.png') no-repeat 50% 50%; text-indent:-10000em; z-index:10 }


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

/* Wee관련자료실 */ 
#weeCenter .notice.board_02 {margin-top:20px; border-right:1px solid #829cbd; border-bottom:1px solid #829cbd; margin-left:20px}
#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/cwedu/wee/icon_notice2.png');}
#weeCenter .notice.board_02 .list_box .ul_list li:before {background-color:#1f5aa0}

/*활동사진*/
#weeCenter .gallery {position:relative; width:438px; height:228px; float:left; border:1px solid #c4c8d0; border-right:1px solid #1f5aa0; border-bottom:1px solid #1f5aa0; margin-top:20px;}
#weeCenter .gallery h2.tit {position:relative; font-size:17px; font-weight:bold; padding:13px 20px 0; color:#1f5aa0;}
#weeCenter .gallery h2.tit:before {content:''; width:200px; height:2px; position:absolute; top:-1px; left:-1px; background-color:#1f5aa0;}
#weeCenter .gallery .top_list a {background-image:url('/images/org/web/cwedu/wee/icon_notice3.png');}
#weeCenter .gallery .list_box .ul_list li:before {background-color:#26a69a}
#weeCenter .gallery .gall_list {overflow:hidden; padding:40px 20px 20px;}
#weeCenter .gallery .gall_list li {width:30.666%; margin-left: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/cwedu/wee/btn_more1.png') no-repeat 50% 50%; text-indent:-10000em; 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/cwedu/wee/icon_link1_1.png');}
#weeCenter .sLink1 ul li.sLink1_2 { background-color:#f48484; background-image:url('/images/org/web/cwedu/wee/icon_link1_2.png'); margin-left:10px;}
#weeCenter .sLink1 ul li.sLink1_3 { background-color:#7b96b4; background-image:url('/images/org/web/cwedu/wee/icon_link1_3.png'); margin-top:10px;}
#weeCenter .sLink1 ul li.sLink1_4 { background-color:#4ecba9; background-image:url('/images/org/web/cwedu/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}*/

/*230330*/
#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:calc((100% - 20px)/2); padding: 10px; border: 1px solid #1f5aa0; text-align: center; box-sizing: border-box;}
#weeCenter .sLink1 ul li:first-child{margin-right: 20px;}
#weeCenter .sLink1 ul li p.img {width: 100%; max-width: 150px; margin: 0 auto;}
#weeCenter .sLink1 ul li a{ display:block; margin: 10px 0; padding: 10px 10px; border-radius: 20px; background-color: #005bbd; color: #fff;  font-size:15px; transition: .3s;}
#weeCenter .sLink1 ul li:hover a {background-color: #064385; font-weight: bold;}

/* 배너*/
#weeCenter .bannerZone{float:left; width:438px; height:228px; margin:20px 0 0 20px; border:1px solid #c4c8d0;  border-right:1px solid #829cbd; border-bottom:1px solid #829cbd;}
#weeCenter .bannerZone ul li{width:49.8%; height:37px; float:left; border-bottom:1px solid #ddd; overflow:hidden;}
#weeCenter .bannerZone ul li:nth-child(odd){border-right:1px solid #ddd;}
#weeCenter .bannerZone ul li:nth-child(11), #weeCenter .bannerZone ul li:last-child{border-bottom:0;}
#weeCenter .bannerZone ul li a{display:block; text-align:center; }
#weeCenter .bannerZone ul li img{width:145px; height:36px;}

/* 센터안내 181113 수정 */
.movie_box { text-align:center}
.movie_box iframe{ display:block; width:600px; height:400px; margin:0 auto}

/* 버튼 넓이 181113 수정*/
.btn_w30p{ overflow:hidden}
.btn_w30p a{float:left; width:30% !important; margin:1%}

/* 찾아오시는 길 181127 수정 */
.NaviMap { margin-bottom:30px;}
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}


@media screen and (max-width:1019px) {
	
	#weeCenter, #weeCenter .notice, #weeCenter .gallery, .bannerZone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#weeCenter .svisual, #weeCenter .notice, #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%;  height:auto; }
	#weeCenter .svisual img { width:100%; height:auto;}
		
	.svisual .bx-controls{display:none;}
	
	/* 게시판 */
	#weeCenter .notice {width:49%; height:230px}
	
	/* Wee관련자료실 */ 
	#weeCenter .notice.board_02 {margin-left:2%}
	
	/* 갤러리 */
	#weeCenter .gallery{width:49%; margin-top:2%;}
		
	/* 바로가기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;}*/
	
	/*230330*/
	#weeCenter .sLink1 {width: 100%; height: auto; margin:2% 0 0} /*230411*/
	#weeCenter .sLink1 ul li {width:calc((100% - 10px)/2);}
	#weeCenter .sLink1 ul li:first-child {margin-right: 10px;}
	
	
	/* 배너*/
	#weeCenter .bannerZone{width:49%; margin:2% 0 0 2%;}

	/*wee센터 모바일 이미지*/
    #cntntsView img {max-width:100%; height:auto !important;} /*230411*/
}


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

	/* 바로가기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;  padding-left:30px;}
	#weeCenter .sLink2 li a span{ background-image:none; }
	
	/* 갤러리 */
	#weeCenter .gallery{width:100%;}
	
	/* 배너*/
	#weeCenter .bannerZone{width:100%; margin:2% 0 0;}
	
	/* 센터안내 181113 수정 */
	.movie_box iframe{width:100%;}
	
	/* 버튼 넓이 181113 수정*/
	.btn_w30p a{width:48% !important; box-sizing:border-box; margin:1%}
	
	/* 버튼 */
	.cw-btn + .cw-btn, .cg-btn + .cg-btn, .cb-btn + .cb-btn, .cgr-btn + .cgr-btn, .cor-btn + .cor-btn {margin:1% !important}

}

@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%}
	
	/* 바로가기2 */
	#weeCenter .sLink2 li {height:80px; font-size:14px; background-size:32px auto; background-position:50% 14px}
	#weeCenter .sLink2 li a{height:76px; line-height:110px; text-align:center; padding-left:0;}


}

@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 .gallery .gall_list li {width:48%; margin-left:4%;}



}

@media screen and (max-width:480px) {
	
	/* 버튼 넓이 181113 수정*/
	.btn_w30p a{width:100% !important; box-sizing:border-box; margin:1%}
	
	/*바로가기 1*/	/*230330*/
	#weeCenter .sLink1 ul li {width: 100%;}
	#weeCenter .sLink1 ul li:first-child {margin-right: 0; margin-bottom: 10px;}
}



/* weeCenter */
#weeCenter .notice,
#weeCenter .gallery,
#weeCenter .sLink1 {width: calc((100% - 20px) / 2); box-sizing: border-box;}
#weeCenter .sLink1 ul li {width: calc((100% - 20px) / 2);}
#weeCenter .sLink1 ul li a {margin: 8px 0;}



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

  /* weeCenter */
  #weeCenter .notice,
  #weeCenter .gallery,
  #weeCenter .sLink1 {width: 49%;}
  #weeCenter .sLink1 ul li {width: calc((100% - 10px) / 2);}
}



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

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



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

  /* weeCenter */
  #weeCenter .sLink1 ul li {width: 100%;}
}