@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/jjedu/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/jjedu/wee/icon_notice1.png');}
#weeCenter .notice.board_01 .list_box .ul_list li:before {background-color:#f06292}

/* 포토앨범 */ 
#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/jjedu/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/jjedu/wee/icon_notice3.png');}
#weeCenter .notice.board_03 .list_box .ul_list li:before {background-color:#26a69a}

/* 바로가기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/jjedu/wee/icon_link1_1.png');}
#weeCenter .sLink1 ul li.sLink1_2 { background-color:#f48484; background-image:url('/images/org/web/jjedu/wee/icon_link1_2.png'); margin-left:10px;}
#weeCenter .sLink1 ul li.sLink1_3 { background-color:#7b96b4; background-image:url('/images/org/web/jjedu/wee/icon_link1_3.png'); margin-top:10px;}
#weeCenter .sLink1 ul li.sLink1_4 { background-color:#4ecba9; background-image:url('/images/org/web/jjedu/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}

/* 상담안내 181126 추가 */
#weeCenter .wee_tel {width:100%; clear:both; padding:20px 0 0}
#weeCenter .wee_tel p {padding:15px 20px; line-height:30px; border:1px solid #d1d6da; text-align:center; overflow:hidden; background:#f5f7f8;}
#weeCenter .wee_tel p strong {font-size:17px; font-weight:bold; color:#1f5aa0; position:relative}
#weeCenter .wee_tel p span.tel_num {margin-left:10px; font-size:22px; font-weight:bold; color:#17335a;}
#weeCenter .wee_tel p span.tel_info {margin-left:10px; color:#555;}

/* 바로가기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/jjedu/wee/icon_link2_1.png');}
#weeCenter .sLink2 ul li.sLink2_2 {background-image:url('/images/org/web/jjedu/wee/icon_link2_2.png');}
#weeCenter .sLink2 ul li.sLink2_3 {background-image:url('/images/org/web/jjedu/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/jjedu/wee/arrow_link.png') no-repeat 90% center;}

/********************************************************************
// 서브콘텐츠 181113
********************************************************************/
/* 인사말 */
.greeting_officer { position:relative}
.greeting_officer .img { display:block; position:static; top:15px; left:0}
.greeting_officer .txt_hd{margin-left:0; font-size:25px; color:#374e66; line-height:140%; letter-spacing:-1.5px; margin-bottom:20px; text-align:center;} /*231024*/
.greeting_officer .txt_hd em{ font-weight:bold}
.greeting_officer .col_gr{ color:#179472;}
.greeting_officer .col_bl{ color:#005ebe;} 
.greeting_officer .txt_cnt{ margin-left:0; color:#666; font-size:15px; letter-spacing:-0.5px; line-height:150%; margin-bottom:30px; text-align:center;}/*231024*/
.greeting_officer .txt_cnt em{ font-size:17px; font-weight:bold}
.greeting_officer .txt_ft{ margin-left:0; text-align:right; font-size:15px; color:#666; text-align:center;}/*231024*/
.greeting_officer .txt_ft img{ margin-left:10px; vertical-align:middle}


@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 */
	#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%;}
	
	/********************************************************************
	// 서브콘텐츠 181113
	********************************************************************/
	/* 교육장 인사말 */
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:240px}

}


@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;}
	#weeCenter .sLink2 li a span{ background-image:none}
	
	/********************************************************************
	// 서브콘텐츠 181113
	********************************************************************/
	/* 교육장 인사말 */
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:0}
	.greeting_officer .img {width:auto; display:block; position:relative; top:auto; left:auto; text-align:center; margin-bottom:20px;}
	.greeting_officer .img img{ width:auto;}

}

@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}

	/* 상담안내 181126 추가 */
	#weeCenter .wee_tel p strong {display:block;}
	#weeCenter .wee_tel p span.tel_num {display:block;}
	#weeCenter .wee_tel p span.tel_info {display:block;}
	
	/********************************************************************
	// 서브콘텐츠 181113
	********************************************************************/
	/* 교육장 인사말 */	
	.greeting_officer .txt_hd{font-size:20px; letter-spacing:-1px}


}

@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}

	

}

@media screen and (max-width:480px) {
	
	/********************************************************************
	// 서브콘텐츠 181113
	********************************************************************/	
	/* 교육장 인사말 */	
	.greeting_officer .txt_ft{ text-align:left}

}



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



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

  /* weeCenter */
  #weeCenter .notice,
  #weeCenter .sLink1,
  #weeCenter .sLink1 ul li {width: 49%;}
}



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

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