@charset "utf-8"; 

/*공통*/
.subCntBody.clearfix>div{overflow:hidden;}


/* 0101_교육장 인사말 */
.greeting_box {overflow:hidden;position:relative; padding:10px 0 0; }
.greeting_top {position:relative; padding:80px 0 90px;background:url('/images/web/uj/sub/greeting_top_pt.png') repeat-x left bottom; }
.greeting_top .r_txt {position:relative; width:60%;}
.greeting_top .r_txt:before {display:block; position:absolute; top:-50px; left:0; width:40px; height:28px; background:url('/images/web/uj/sub/greeting_icon.png') no-repeat;content:''; }
.greeting_top .r_txt .top_txt1 {padding-left:20px;font-size:38px; line-height:1.4; font-family:'NotoM'; letter-spacing:-0.5px; color:#222; }
.greeting_top .r_txt .top_txt2 {padding-left:20px;font-size:38px; line-height:1.3; font-family:'NotoR'; letter-spacing:-0.5px; color:#555; }
.greeting_top .l_img {position:absolute; top:-16px; right:0; width:350px; height:297px;}
.greeting_txt {margin:50px 0 0;word-break:keep-all; }
.greeting_txt p {font-size:15px; line-height:1.3; font-family:'NotoR'; letter-spacing:-0.5px;color:#333; }
.greeting_txt .greeting_sign {font-size:18px; line-height:1.3; font-family:'NotoR'; letter-spacing:-0.5px;color:#333; }
.ft_c_org {color:#faa634 !important;}
.ft_c_green {color:#98cb4f !important;}
.ft_c_blue {color:#0072bb !important;}


/* 연혁 */
.historyList{ overflow:hidden; margin-top:30px;text-align:center; }
.historyList .list{overflow:hidden; width:100%; padding:30px 0 0;font-size:14px; background:url('/images/web/uj/sub/bg_history_line.png') repeat-y center; }
.historyList .list .right{float:right; width:50%; margin-right:8px; background:url('/images/web/uj/sub/history_right_bg.png') no-repeat left 20px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{float:left; width:50%; margin-left:8px; background:url('/images/web/uj/sub/history_left_bg.png') no-repeat right 20px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:75%; padding:20px 30px; border:1px solid #ddd;background:#fff; }
.historyList .list ul li{line-height:30px;}
.historyList .list ul li.tit{margin-bottom:10px;font-weight:bold; font-size:24px; color:#014aaf; }
.historyList .list ul li > span{margin-right:8px; font-weight:bold; color:#015ac1;}
.historyList .list .y2010 ul{border:1px solid #b6cbe2;background:#eff6ff; }


/* 0107 오시는길 */
.map {width:100%;}
.addr_info{padding:15px 0;border:1px solid #ddd; background:#f6f6f6; }
.addr_info ul{/* margin:10px 0; */overflow:hidden; padding:0 15px;}
.addr_info ul li{float:left; position:relative; width:28%; padding:25px 0; line-height:1.5; letter-spacing:-0.5px;}
.addr_info ul li:first-child{width:44%;}
.addr_info ul li .img{position:absolute; top:50%; left:0; width:72px; height:72px; margin-top:-36px; border-radius:72px;line-height:72px; text-align:center; }
.addr_info ul li .info{margin-left:85px;}
.addr_info ul li .info p{display:inline-block; padding-right:8px;font-size:18px; font-family:'NotoM'; vertical-align:middle; color:#333; }
.addr_info ul li .info span{display:inline-block; font-size:14px; line-height:1.3; letter-spacing:-0.5px;vertical-align:middle; }
.con_map_box {overflow:hidden; position:relative; margin-top:30px;}
.con_map_box ul li {min-height:90px; padding:20px 0 20px 120px; border-top:1px dashed #d5d6da;}
.con_map_box ul li.icon_map1 {border-top:none; background:url("/images/web/uj/sub/icon_map4.png") no-repeat left 7px;}
.con_map_box ul li.icon_map2 {background:url("/images/web/uj/sub/icon_map5.png") no-repeat left 7px;}
.con_map_box ul li dl dd {margin:10px 0 0 10px;}




/* 이미지+텍스트 */
.img_txt_box {overflow:hidden;}
.img_txt_box .txt  {float:left; width:60%; margin-right:30px;}
.img_txt_box .img {float:right;width:247px; height:167px; }
.img_txt_box .img img {width:100%; height:167px;}

/* 배너모음  191126 jhk con_com.css로 이동*/
/* .bn_list {overflow:hidden;}
.bn_list li {width:18%; float:left; margin:5px 1%;}
.bn_list li a{display:block;}
.bn_list li a img {width:100%; height:40px; border:1px solid #ddd; } */

/* wee센터 인사말 */
.wee_greeting {overflow:hidden; background:url('/images/web/uj/sub/wee_greeting.png') no-repeat left top;}
.wee_greeting .txt {padding-left:410px;}
.wee_greeting .txt .txt1{font-size:24px; line-height:1.4; font-family:'NotoM'; letter-spacing:-0.5px; color:#222; }
.wee_greeting .txt .txt2{font-size:20px; line-height:1.4; font-family:'NotoM'; letter-spacing:-0.5px; color:#222; }

/* wee 센터둘러보기 */
.wee_ct_tour {overflow:hidden; position:relative; padding:14px 14px 30px;border:1px solid #ccc; }
.wee_ct_tour ul li {float:left; width:280px; height:200px; margin:3% 20px 30px;}
.wee_ct_tour ul li h3 {position:relative; margin-bottom:10px;font-size:18px; font-family:'NotoM'; color:#333; }
.wee_ct_tour ul li h3:before {display:block; position:absolute; top:-5px; left:0; width:35px; height:3px; background:#2457cd;content:''; }
.wee_ct_tour ul li .img img{width:100%; height:163px;}

/* 발명교실 추천사이트 */
.site_box {overflow: hidden;margin-bottom:20px;padding:20px;border:1px solid #ddd;}
.site_box:hover {border:1px solid #ccc; background:#f3f9ff;}
.site_box .site { display: inline-block;float: left; margin-right: 30px;}
.site_box ul {float: left;}

/* 뷰어다운로드 */
.img_bor2 {overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.img_bor2 .img {float:left; margin-right:20px;}
.img_bor2 dl { float:left; width:60%}
.img_bor2 dt{font-size:20px;font-family:'notoM'; color:#111; }
.img_bor2 dd {}

/* 저작권신고 관련법규/관련기관 */
.talk {width:100%;height:320px; padding:20px 10px; box-sizing:border-box;line-height:18px; color:#747474; }

/* 교육정보화현장지원단안내 191127 추가 */
.process_list{overflow:hidden;}
.process_list > li{float:left;position:relative;width:33.33%;padding:10px 20px;box-sizing:border-box;}
.process_list > li:first-child,
.li_padding.process_list > li.n4{padding-left:0;}
.process_list > li:before{ display:inline-block;position:absolute; top:50%; left:-13px; -webkit-transform:rotate(45deg) translateY(-50%); -ms-transform:rotate(45deg) translateY(-50%); -o-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); width:12px; height:12px; box-sizing:border-box;border-top:3px solid #155eb6; border-right:3px solid #03a2a9; content:""; }
.process_list > li:first-child:before,
.li_padding.process_list > li.n4:before{display:none;}

.process_list .process_tit{padding:10px;font-size:18px;text-align:center;background-color:#155eb6;color:#fff;}
.process_list > li:nth-child(even) .process_tit{background-color:#03a2a9;}

.process_list > li .depth2{min-height:131px;padding:10px;border:1px solid #155eb6;background-color:#fff;}
.process_list > li:nth-child(even) .depth2{border-color:#03a2a9;}


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

	/* 센터둘러보기 */
	.wee_ct_tour {padding:14px 2% 30px;}
	.wee_ct_tour ul li {width:30%; height:auto; margin:20px 1.6%;}
	.wee_ct_tour ul li .img img {height:auto;}
	
}

@media screen and (max-width:1019px) {
	
	.historyList .list .right ul, .historyList .list .left ul, .wee_ct_tour {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}


	/* 0101_교육장 인사말 */
	.greeting_top .r_txt {width:60%;}
	.greeting_top .r_txt .top_txt1 {font-size:34px;}
	.greeting_top .r_txt .top_txt2 {font-size:34px;}


	/* 연혁 */
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px;}
	
	.addr_info ul li .info p{display:none;}


	/* 배너모음  191126 jhk con_com.css로 이동*/
	/* .bn_list li {width:23%;} */
	
	

}


@media screen and (max-width:800px) {
	
	
	 /* 찾아오시는길 */
 	.addr_info ul li{width:50%; padding:12px 0;}
    .addr_info ul li:first-child{width:100%;}
    .addr_info ul li .img{width:64px; height:64px; margin-top:-32px;line-height:64px; }
    .addr_info ul li .img img{width:40px; height:40px;}
    .addr_info ul li .info{margin-left:60px;}


	/* 이미지+텍스트 */
	.img_txt_box .img {float:none; margin:10px auto 0;}
	.img_txt_box .txt {float:none; width:100%;}
	.img_txt_box .img img {width:100%; height:167px;}

	
}

@media(max-width:767px){

	/* 교육정보화현장지원단안내 191127 추가 */
	.process_list > li{float:none;width:100%;padding:20px 0;}
	.process_list > li:before{top:-4px; left:50%; -webkit-transform:rotate(45deg) translate(-50%,0) ; -ms-transform:rotate(45deg) translate(-50%,0) ; -o-transform:rotate(45deg) translate(-50%,0) ; -moz-transform:rotate(45deg) translate(-50%,0) ; transform:rotate(45deg) translate(-50%,0) ;  border-top:0; border-bottom:3px solid #155eb6; }
	.li_padding.process_list > li.n4:before{display:inline-block;}
	.process_list > li .depth2{min-height:auto;}
}


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

	
	/* 0101_교육장 인사말 */
	.greeting_top {padding:300px 0 30px 0;}
	.greeting_top .r_txt {width:100%;}
	.greeting_top .r_txt .top_txt1 {font-size:34px;}
	.greeting_top .r_txt .top_txt2 {font-size:34px;}
	.greeting_top .l_img {position:absolute; top:-16px;right:50%; margin-right:-145px; }
	
	
	/* 배너모음  191126 jhk con_com.css로 이동*/
	/* .bn_list li {width:31%;} */
	
	/* wee센터 인사말 */
	.wee_greeting {overflow:hidden; background:url('/images/web/uj/sub/wee_greeting.png') no-repeat center top;}
	.wee_greeting .txt {padding-top:350px;padding-left:0; }
	
}


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

	/* 0101_교육장 인사말 */
	.greeting_top .r_txt .top_txt1 {font-size:28px;}
	.greeting_top .r_txt .top_txt2 {font-size:28px;}

	/* 연혁 */ 
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	
	/* 센터둘러보기 */
	.wee_ct_tour {padding:14px 2% 30px;}
	.wee_ct_tour ul li {width:48%; margin:20px 1%;}
	
}

@media screen and (max-width:580px) {
		
	
	/* 연혁 */ 
	.historyList > img{ width:60%}
	
	
	/* 배너모음  191126 jhk con_com.css로 이동*/
	/* .bn_list li {width:48%;} */
	
		
	/* 발명교실 추천사이트 */
	.site_box .site { display:block;float:none; margin-right:0; text-align:center;}
	.site_box ul {float:none;}	
	

	
}

@media screen and (max-width:480px) {
	
	
	/* 0101_교육장 인사말 */
	.greeting_top .r_txt:before {top:-30px;}
	.greeting_top .r_txt .top_txt1 {font-size:24px;}
	.greeting_top .r_txt .top_txt2 {font-size:20px;}
	.greeting_top .l_img {position:absolute;top:-16px;right: 0; margin-right:0; }
	
	
	  /* 찾아오시는 길 */
	.con_map_box ul li {padding:90px 0 20px;}
    .addr_info ul li{width:100%; padding:12px 0;}
	
	
	/* 센터둘러보기 */
	.wee_ct_tour ul li {width:100%; margin:20px 0;}
	
	
	/* wee센터 인사말 */
	.wee_greeting {background-size: contain;}
	.wee_greeting .txt {padding-top: 280px;}
	.wee_greeting .txt .txt1 {font-size:22px}
	.wee_greeting .txt .txt2 {font-size:18px}
	
		
}


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

	/* 0101_교육장 인사말 */
	.greeting_top {padding:280px 0 30px 0;}
	.greeting_top .r_txt:before {top:-30px;}

	.greeting_top .l_img {width:100%;}
	.greeting_top .l_img img {width:100%;}		




	
}