@charset "utf-8";

/* 안내문 */
.info-box {position:relative; padding:20px 20px 20px 120px; color:#333; border:1px solid #d1d8e4; font-size:14px; line-height:140%; margin-bottom:30px; letter-spacing:-0.3px;}
.info-box:before {position:absolute; top:50%; left:25px; margin-top:-36px; content:''; display:block; width:72px; height:72px; background:url('/images/org/template/00003/sub/infobox_ico.png') no-repeat -90px 0}
.info-box.ico01:before { background-position:0 0}
.info-box.ico03:before { background-position:-180px 0}
.info-box.ico04:before { background-position:-270px 0}
.info-box.ico05:before { background-position:-360px 0}

/* 교육장 인사말 */
.greeting_officer { position:relative; word-break:keep-all}
.greeting_officer .img {display:block;text-align: center;/* position:absolute; */top:15px;left:0}/*240116*/
.greeting_officer .txt_hd{ margin-left:268px; font-size:25px; color:#374e66; line-height:140%; letter-spacing:-1.5px; margin-bottom:20px;}
.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:268px; */color:#666;font-size:15px;letter-spacing:-0.5px;line-height:150%;margin-bottom:30px}/*240116*/
.greeting_officer .txt_cnt em{ font-size:17px; font-weight:bold}
.greeting_officer .txt_ft{ margin-left:268px; text-align:right; font-size:15px; color:#666;}
.greeting_officer .txt_ft img{ margin-left:10px; vertical-align:middle}

/* 지원청 CI */
.ci_wrap {position:relative;}
.ci_wrap .ci-down{ position:absolute; top:0; right:0}
.ci_wrap .box_st3 .box {padding:30px 20px}
.ci_wrap  p{ word-break:keep-all; font-size:14px; line-height:150%}
.ci_wrap  p span{ color:#005bbd; font-weight:bold}
.ci_wrap .logoType{ overflow:hidden}
.ci_wrap .logoType li{ float:left;  width:48%; margin-left:4%}
.ci_wrap .logoType li:first-child{ margin-left:0}
.ci_wrap .logoType li.ci03 {width:56%;}
.ci_wrap .logoType li.ci04 {width:40%;}

.ci_col_box {position:relative; overflow:hidden;}
.ci_col_box li {width:32%; float:left; margin:0 0 10px 2%;}
.ci_col_box li.ci_col1, .ci_col_box li.ci_col4 {margin-left:0;}
.ci_col_box li .ci_col {padding:5px 0; color:#fff; text-align:center; }
.ci_col_box li.ci_col1 .ci_col {background:#0432cd;}
.ci_col_box li.ci_col2 .ci_col {background:#00a23b;}
.ci_col_box li.ci_col3 .ci_col {background:#fb0711;}
.ci_col_box li.ci_col4 .ci_col {color:#333; border:1px solid #c8d1db; border-bottom:none; background:#fff;}
.ci_col_box li.ci_col4 .ci_col span {color:#333;}
.ci_col_box li.ci_col5 .ci_col {background:#6f6f6f;}
.ci_col_box li.ci_col6 .ci_col {background:#040265;}
.ci_col_box li .ci_col span {display:block; color:#fff; font-size:18px;}
.ci_col_box li .ci_col_txt {min-height:70px; padding:10px 20px; line-height:120%; border:1px solid #c8d1db; }


/* 연혁 */
.historyList{ overflow:hidden; text-align:center;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/org/web/cwedu/sub/history_line_bg.png') repeat-y center;}
.historyList .list .right{width:50%; margin-right:6px; float:right; background:url('/images/org/web/cwedu/sub/history_right_bg.png') no-repeat left 20px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:6px; float:left; background:url('/images/org/web/cwedu/sub/history_left_bg.png') no-repeat right 20px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:75%; border-radius:10px; padding:20px 30px; background:#fff; border:1px solid #ddd;}
.historyList .list ul li{line-height:30px;}
.historyList .list ul li.tit{font-size:20px; font-weight:bold; color:#001f66; margin-bottom:10px;}
.historyList .list ul li > span{ font-weight:bold; margin-right:8px}
.historyList .list .y2010{background:url('/images/org/web/cwedu/sub/history_y2010_bg.png') no-repeat left top;}
.historyList .list .y2010 ul{background:#f2f6fb; border:1px solid #7e99b8; }

/* 역대교육장 */
.adminList ul {overflow:hidden}
.adminList ul li{float:left; width:25%; padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.adminList ul li > div {padding:0 20px}
.adminList ul li p{font-size:16px; font-weight:bold; line-height:150%; text-align:center; color:#444; }
.adminList ul li p span{color:#005dbd;}
.adminList ul li p.date{font-size:14px; font-weight:normal; letter-spacing:0; color:#777;}
.adminList ul li .img { display:block; background:url('/images/org/template/00003/sub/adminList_bg.gif') no-repeat; width:180px; height:200px; text-align:center; margin-bottom:15px;}
.adminList ul li .img img{margin:30px auto;}

/* 교육방향 */
.edu_direct > h2{width:60%; margin:0px auto 40px auto; font-size:34px; padding:25px 0px; border-top:2px solid #002958; border-bottom:1px solid #ddd; text-align:center;}
.edu_direct > h2 span{color:#0058bb;}
.edu_direct .part{width:100%; text-align:center; line-height:80px; display:inline-block;}
.edu_direct .part img{float:left;}
.edu_direct .part img:last-child{margin:12px 0px;}
.edu_direct .title{color:#346496; font-size:30px; line-height:30px; text-align:center;}
.edu_direct .title div{position: relative; line-height:130%; width:60%; margin:50px auto 20px auto;}
.edu_direct .title p{color:#16375b}
.edu_direct .title span{position: absolute; top:0px;}
.edu_direct .title span.mark01{left:0px;}
.edu_direct .title span.mark02{right:0px;}
.edu_direct .arrow{text-align:center; margin:35px auto;}
.edu_direct .fl_none img{float:none;}

/* 조직업무안내 */
.systemInfo .tit{position:relative; z-index:10; text-align:center; padding-bottom:45px; /*background:url('/images/org/template/00003/sub/system_tit.png') no-repeat center bottom;*/}
.systemInfo .tit p {display:inline-block; padding:25px 30px; font-size:24px; letter-spacing:-1px; color:#fff; background:#3373cf;}
.systemInfo .tit p span {display:block; margin-top:10px; font-size:14px; color:#e3eeff; }
.systemInfo .wrap{position:relative; z-index:1; top:-5px; display:inline-block; width:90%; /*background:url('/images/org/template/00003/sub/system_bg.gif');*/ border:1px solid #ddd; padding:25px 4%;}
.systemInfo .wrap > ul{display:inline-block; margin:0 auto; width:100%;}
.systemInfo .wrap > ul > li {width:30%; background:#f6fafe; float:left; text-align:center; border:1px solid #ddd; letter-spacing: -1px;; margin:25px 1.5%;} /*230223 넓이 수정*/
.systemInfo .wrap > ul > li > h2{padding:20px 0; font-size:18px; color:#fff; /*background:url('/images/org/template/00003/sub/system_tit_bg.gif');*/}
.systemInfo .wrap > ul > li > h2 span {display:block; margin-top:10px; font-size:14px; color:#cdd7e5; }
.systemInfo .wrap > ul > li > ul {margin:10px 15px; }
.systemInfo .wrap > ul > li > ul > li {margin:10px 0; border:1px solid #ddd;}
.systemInfo .wrap > ul > li > ul > li > a {font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; display:block; line-height:45px; background:#fff; }
.systemInfo .wrap > ul > li > ul > li > ul {padding:0 15px; background:#f5f7f8;}
.systemInfo .wrap > ul > li > ul > li > ul > li {padding:8px 0; border-top:1px dotted #ddd;}
.systemInfo .wrap > ul > li > ul > li > ul > li:first-child {border-top:none;}

/* 청사배치도 */
.plotPlan .boxTy03 {border-radius:0; text-align:center; margin-bottom:30px;}
.plotPlan h3{position:absolute; width:66px; min-height:40px; padding:15px 0 25px; top:0; left:0; background:url('/images/org/template/00003/sub/plotPlan_floor.png') no-repeat left bottom; font-size:24px; color:#fff; font-weight:bold}
/* 찾아오시는 길 240416*/
.NaviMap { margin-bottom:30px;}
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}
.locationMap .box_st3 { border-radius:0;}
.locationMap .box_st3 .box{ overflow:hidden; padding: 40px 30px 40px 270px;}
.locationMap .box_st3 .box > .tit{ position:absolute; text-align:center;  top:50%; margin:-100px 0 0; left:0; width:250px; font-size:24px; color:#002e5f}
.locationMap .box_st3 .box > .tit img{ display:block; margin:20px auto}
.locationMap .addr{ overflow:hidden}
.locationMap .addr li{line-height:30px; float:left; width:100%; overflow:hidden;  text-align:left;}
.locationMap .addr li span.tit{float:left;font-weight:bold;display:block;/* width: 100px; */padding-left:15px;color:#003267;background:url('/images/org/web/cwedu/sub/map_addr_dot.png') no-repeat 0 13px;}
.locationMap .addr li span.ctxt{ word-break:keep-all; float:left; display:block; width:80%}
.locationMap .addr .arr{ color:#888;}
.locationMap dl  dt.tit2{ font-size:16px; font-weight:bold; margin-bottom:5px}
.locationMap dl + dl { margin-top:10px }
.locationMap dl dd{ margin-left:10px}
.locationMap .addr li > ul > li{margin-left:1.125rem;}

/*  학교분포도 */
.schlDsp .box_st3 { border-radius:0;}
.schlDsp .box_st3 .box.b01{ overflow:hidden; padding:30px; height:600px} /* 성산 */
.schlDsp .box_st3 .box.b02{ overflow:hidden; padding:30px; height:800px} /* 의창 */
.schlDsp .box_st3 .box.b03{ overflow:hidden; padding:30px; height:600px} /* 마산회 */
.schlDsp .box_st3 .box.b04{ overflow:hidden; padding:30px; height:650px} /* 마산합 */
.schlDsp .box_st3 .box.b05{ overflow:hidden; padding:30px; height:600px} /* 진해 */
.schlDsp .m_menu ul { position:relative;}
.schlDsp .m_menu li {float:left; padding-left:7px}
.schlDsp .m_menu li .m_map { display:none; position: absolute; width:100%; text-align:center; top: 80px; left:0}
.schlDsp .m_menu li .m_map.on { display:block}

/* 사이버상담실 */
.cyber_consu .cyber_con1 {font-size:16px; text-align:center; letter-spacing:-1px;}
.cyber_consu .cyber_con1 strong {display:block; font-size:22px; color:#143e76; letter-spacing:-2px;}
.cyber_consu .cyber_con2 {margin:10px 0; padding:10px 20px; font-size:18px; text-align:center; font-weight:bold; color:#fff; background:#4a8fdd; border-radius:50px;}
.cyber_consu ul {overflow:hidden;}
.cyber_consu ul.list_li50 li {width:45%; float:left;}

/*220211 대체인력센터 레이어팝업 추가*/
.popSetup { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; }
.popSetup.open { opacity: 1; visibility: visible;}
.popSetup .con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 95%; max-width: 800px; max-height: 60%; background: #fff; border-radius: 5px; padding: 1.5rem; overflow-y: auto; }
.popSetup .btn_close { position: absolute; right: 1.5rem; top: 1.5rem; margin: 0; }

/*230404 개인정보처리방침*/
.label_li {display: inline-block; width: 100%;}
.label_li::after {content: ''; display: block; clear: both;}
.label_li span.s_ico img {width: 17px; margin-right: 1px;}
.label_li.w30 li {display: inline-block; width: 24%; margin-bottom: 0.5%; text-align: center; border: 1px dashed #ddd;}
.label_li.w30 li p.img {padding: 20px 0px 0px 0px;}
.label_li.w30 li p.txt {padding: 5px 0px 15px 0px;}
.label_li.w50 {border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; padding: 5px;}
.label_li.w50 li{display: inline-block; width: 49%; line-height: 1.6; padding: 0.3rem 0; box-sizing: border-box;}
.privacy_wrap .tit02 img {width: 25px; margin-right: 5px;}
.sub_title_h4{text-align: center;margin-left:10px; color:#1f5aa0; font-weight:bold; font-size:125%;vertical-align: middle;}

/*250717 폰트 크기 삭제제  */
/* .privacy_wrap .tit01 {font-size: 22px;}
.privacy_wrap .tit02 {font-size: 18px; line-height: 1.5;}
.privacy_wrap .tit03 {font-size: 18px;}
.privacy_wrap p {font-size: 16px; line-height: 1.6;}
.privacy_wrap a {font-size: 16px; line-height: 1.6;}
.privacy_wrap .listTy01 li {font-size: 16px; line-height: 180%; margin-top: 10px;}
.privacy_wrap .listTy02 mgt10 li {font-size: 16px; line-height: 180%; margin-top: 10px;}
.privacy_wrap .listTy01 li:before {top: 14px;}
.privacy_wrap .listTy02 mgt10 li:before {top: 14px;}
.privacy_wrap .label_li.w50 li {padding: 0.5rem 0;} */

@media (max-width:1019px) {
	
	.historyList .list .right ul, .historyList .list .left ul,
	.adminList ul li > div  {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	/* 교육장 인사말 */
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:240px}
	
	/* 연혁 */
    .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;}
	
	/* 역대교육장 */
	.adminList ul li > div {padding:0 10px}
	.adminList ul li .img { background-size:contain; background-position: center center; width:100%}
	
	/* 교육방향 */
    .edu_direct > h2{width:90%; margin:0px auto 40px auto;}
    .edu_direct .title div{width:90%;}
    .edu_direct .part img{float:none;}
    .edu_direct .part .line{display:none;}
    .edu_direct .part .con{margin:20px 0 0 0px;}
	
	/* 청사배치도 */
    .plotPlan img{width:90%; height:auto; margin:0 auto;}
	
	/* 찾아오시는 길 */
	.locationMap .box_st3 .box{padding: 40px 30px;}
	.locationMap .box_st3 .box > .tit{ display:none}
	.locationMap .addr li span.tit{width:80px;}
	.locationMap .addr li span.ctxt{width: calc (90% - 80px)}
	
	/*  학교분포도 */
	.schlDsp .box_st3 .box.b01{height:600px} /* 성산 */
	.schlDsp .m_menu li {padding-left:5px; padding-bottom:5px}
	.schlDsp .m_menu li .m_map {top:100px}
	.schlDsp .m_menu li .m_map img { width:80%; height:auto}



	
}





@media (max-width:800px) {
	
	/* 안내문 */
	.info-box {margin-bottom:20px}
	
	/* 교육장 인사말 */
	.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;}
	
	/* 지원청 CI */
	.ci_wrap .ci-down{ position:relative; top:auto; right:auto; margin-bottom:30px}
	.ci_wrap .logoType li{width:100%; margin-left:0; margin-top:20px}
	.ci_wrap .logoType li:first-child{ margin-top:0}
	.ci_col_box li {width:49%;}
	.ci_col_box li.ci_col1, .ci_col_box li.ci_col4 {margin-left:2%;}
	.ci_col_box li:nth-child(odd) {margin-left:0;}

	
	/* 역대교육장 */
	.adminList ul li{width:33.3%}
	
	/* 조직업무안내 */
    .systemInfo .wrap > ul > li{width:100%; margin:10px 4% 10px 0;} /*230223*/
    .systemInfo .wrap > ul > li:nth-child(3n){margin-right:4%;}
    .systemInfo .wrap > ul > li:nth-child(2n){margin-right:0 !important;}
	
	/*  학교분포도 */
	.schlDsp .box_st3 .box.b01{height:550px} /* 성산 */
	.schlDsp .box_st3 .box.b02{height:750px} /* 의창 */
	.schlDsp .box_st3 .box.b04{height:600px} /* 마산합 */
	.schlDsp .box_st3 .box.b05{height:600px} /* 진해 */
	.schlDsp .m_menu li {padding-left:5px; padding-bottom:5px}
	.schlDsp .m_menu li .m_map {top:100px}
	.schlDsp .m_menu li .m_map img { width:100%; height:auto}

	/* 사이버상담실 */
	.cyber_consu ul.list_li50 li {width:100%; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	
	
	/*220211 레이어팝업*/
	.popSetup .con { left: 1%; top: 10%; transform: none; -webkit-transform: none; width: 90%;}

		/*230404 개인정보처리방침*/
.label_li.w30 li {width: 31%;}
.label_li.w50 li{width: 100%;}

}

@media (max-width:680px) {
	
	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}

	/* 교육장 인사말 */	
	.greeting_officer .txt_hd{font-size:20px; letter-spacing:-1px}
	
	/* 연혁 */ 
	.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}
	
	/* 역대교육장 */
	.adminList ul li{width:50%}
	
	/* 교육방향 */
    .edu_direct > h2{font-size:28px;}
    .edu_direct .part .s_tit img{ width:50%;}
    .edu_direct .part .con img{ width:100%;}
    .edu_direct .title div{margin:80px auto; word-break:keep-all;}
    .edu_direct .title span.mark01{left:10%; top:-45px;}
    .edu_direct .title span.mark02{right:10%; top:auto; bottom:-30px;}
	
	/* 청사배치도 */
    .plotPlan h3{width:50px; font-size:22px; background-size:100% 100%;}
	
	/*  학교분포도 */
	.schlDsp .box_st3 .box{padding:5% !important}
	.schlDsp .box_st3 .box.b01{height:500px} /* 성산 */
	.schlDsp .box_st3 .box.b05{height:550px} /* 진해 */
	.schlDsp .m_menu li .m_map {top:140px}

	
	
}

@media (max-width:580px) {
		
	/* 지원청 CI */
	.ci_wrap .cg-btn { font-size:13px; width:140px; text-align:center}
	.ci_wrap .cg-btn span {padding:10px 12px 12px; line-height:1;}	
	.ci_wrap .cg-btn .ico{ display:none}
	.ci_wrap .logoType li:last-child .box_st3 .box img { width:70%; height:auto}
	.ci_col_box li {width:100%; float:none; margin-left:0;}
	.ci_col_box li .ci_col_txt {min-height:auto}
	
	
	/* 연혁 */ 
	.historyList > img{ width:60%}
	
	/* 역대교육장 */
	.adminList ul li{width:100%}
	
	/* 교육방향 */
    .edu_direct > h2{font-size:24px;}
	
	/* 청사배치도 */
    .plotPlan img{width:100%;}
    .plotPlan h3{width:40px;  font-size:18px; background-size:100% 100%;}
	
	/*  학교분포도 */
	.schlDsp .box_st3 .box.b01{height:450px} /* 성산 */
	.schlDsp .box_st3 .box.b02{height:600px} /* 의창 */
	.schlDsp .box_st3 .box.b04{height:500px} /* 마산합 */
	.schlDsp .box_st3 .box.b05{height:500px} /* 진해 */


	
}

@media (max-width:480px) {
	
	/* 교육장 인사말 */	
	.greeting_officer .txt_ft{ text-align:left}
	
	/*  학교분포도 */
	.schlDsp .box_st3 .box.b01{height:400px} /* 성산 */
	.schlDsp .box_st3 .box.b02{height:500px} /* 의창 */
	.schlDsp .box_st3 .box.b03{height:400px} /* 마산회 */
	.schlDsp .box_st3 .box.b04{height:450px} /* 마산합 */
	.schlDsp .box_st3 .box.b05{height:400px} /* 진해 */
	
	/* 조직업무 안내 */
	.systemInfo .wrap > ul > li{width:96%; height:auto; font-size:13px; line-height:30px; margin:10px 2% !important;}
    .systemInfo .wrap > ul > li h2{font-size:15px;}
	
		

	
}

@media (max-width:380px) {
		

	
}