@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/gcedu/wee/btn_more1.png') no-repeat 50% 50%; text-indent:-10000em; z-index:10 }

/* 소식나누기 181023 */ 
#weeCenter .notice.board_01 {margin-top:20px; 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/gcedu/wee/icon_notice1.png');}
#weeCenter .notice.board_01 .list_box .ul_list li:before {background-color:#f06292}

/* Wee관련자료실 */ 
#weeCenter .notice.board_02 {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/gcedu/wee/icon_notice2.png');}
#weeCenter .notice.board_02 .list_box .ul_list li:before {background-color:#1f5aa0}

/* 정보나누기 */ 
#weeCenter .notice.board_03 {border-right:1px solid #85baba; border-bottom:1px solid #85baba; margin-top:20px;}
#weeCenter .notice.board_03 h2.tit { color:#26a69a}
#weeCenter .notice.board_03 h2.tit:before {background-color:#26a69a;}
#weeCenter .notice.board_03 .top_list a {background-image:url('/images/org/web/gcedu/wee/icon_notice3.png');}
#weeCenter .notice.board_03 .list_box .ul_list li:before {background-color:#26a69a}

/* 바로가기1 181023 */
#weeCenter .sLink1 {float:left; width:100%; height:110px; overflow:hidden }
#weeCenter .sLink1 ul {overflow:hidden}
#weeCenter .sLink1 ul li {float:left; width:23.5%; height:110px; margin-left:2%; background-repeat:no-repeat; background-position:20px 50%;}
#weeCenter .sLink1 ul li.sLink1_1 { background-color:#4fb7f4; background-image:url('/images/org/web/gcedu/wee/icon_link1_1.png'); margin-left:0;}
#weeCenter .sLink1 ul li.sLink1_2 { background-color:#f48484; background-image:url('/images/org/web/gcedu/wee/icon_link1_2.png');}
#weeCenter .sLink1 ul li.sLink1_3 { background-color:#7b96b4; background-image:url('/images/org/web/gcedu/wee/icon_link1_3.png'); }
#weeCenter .sLink1 ul li.sLink1_4 { background-color:#4ecba9; background-image:url('/images/org/web/gcedu/wee/icon_link1_4.png');}
#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:32%; 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/gcedu/wee/icon_link2_1.png');}
#weeCenter .sLink2 ul li.sLink2_2 {background-image:url('/images/org/web/gcedu/wee/icon_link2_2.png');}
#weeCenter .sLink2 ul li.sLink2_3 {background-image:url('/images/org/web/gcedu/wee/icon_link2_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/gcedu/wee/arrow_link.png') no-repeat 90% center;}

/* 배너 181023 */
.wee_bn {position:relative; width:438px; height:228px; float:right; border:1px solid #c4c8d0; margin-top:20px}
.wee_bn ul li {width:33%; height:57px; float:left; }
.wee_bn ul li.bn_first {width:34%;}
.wee_bn ul li a {display:block; height:56px; border-left:1px solid #c4c8d0; border-bottom:1px solid #c4c8d0;}
.wee_bn ul li.bn_first a {border-left:none}
.wee_bn ul li.bn_last a {border-bottom:none}
.wee_bn ul li img {width:100%; line-height:56px;}

@media screen and (max-width:1019px) {
	
	#weeCenter, #weeCenter .notice{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#weeCenter .svisual, #weeCenter .notice, 
	#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}
	
	/* Wee관련자료실 */ 
	#weeCenter .notice.board_02 {margin-left:2%}
	
	/* 정보나누기 */ 
	#weeCenter .notice.board_03 {margin-top:2%;}
	
	/* 바로가기1 181023 */
	/*#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%;}

	/* 배너 181023 */
	.wee_bn { width:49%;}

}


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

	/* 바로가기1 181023 */
	#weeCenter .sLink1 {width:100%; height:auto}
	#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:1% 0 0 0;}
	#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}

	/* 배너 181023 */
	.wee_bn { width:100%;}
	.wee_bn ul li a {text-align:center;}
	.wee_bn ul li img {width:auto; max-width:100%; height:100%; }

}

@media screen and (max-width:680px) {
	
	/* 바로가기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}


}

@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 .wee_bn {width: calc((100% - 20px) / 2); box-sizing: border-box;}
#weeCenter .wee_bn ul li a {display: flex; align-items: center; justify-content: center;}
#weeCenter .wee_bn ul li img {width: auto; max-width: 100%; height: auto; max-height: 100%; line-height: unset; object-fit: contain;}



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

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



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

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