@charset "utf-8";

/* 공통 */
.img img{max-width:100%;}
/* 안내문 180825 수정 */
.info-box {position:relative; padding:30px 30px 30px 140px; color:#333; border:1px solid #ccc; border-bottom:1px solid #2b405b; margin-bottom:30px}
.info-box:before {position:absolute; top:50%; left:30px; margin-top:-45px; content:""; display:block; width:90px; height:90px; background:url('/images/org/web/gnei/sub/infobox_ico.png') no-repeat}
.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}

/* 오시는길 추가 181120 */
.fs_map {width:100% !important;}

/* 절차_숫자(정보공개처리절차) 180825 수정 */
.list_number {overflow:hidden; position:relative; min-height:120px; margin-bottom:3px; border: 1px solid #ddd}
.list_number .inner {position:relative; padding: 30px 30px 30px 120px;}
.list_number .inner .numb {position:absolute; top:30px; left:30px; display:block; width:64px; height:64px; background:#7cc576; border-radius:50%; line-height: 62px; font-size:28px; color:#ffffff; font-style: italic; text-align:center}
.list_number .inner .txtwrap {position:relative;}	

/* 교육장 인사말 */
.greeting_officer { position:relative}
.greeting_officer .img { display:block; position:absolute; top:15px; left:0}
.greeting_officer .txt_hd{ margin-left:240px; 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:240px; color:#666; font-size:15px; letter-spacing:-0.5px; line-height:150%; margin-bottom:30px}
.greeting_officer .txt_cnt em{ font-size:17px; font-weight:bold}
.greeting_officer .txt_ft{ margin-left:240px; 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 .boxTy03 .box {padding:30px 20px}
.ci_wrap  p{ 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}

/* 연혁 180825 수정 */
.historyList{ overflow:hidden; text-align:center;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/org/web/gnei/sub/history_line_bg.png') repeat-y center;}
.historyList .list .last{ width:7px; height:7px; background-color:#ddd; border-radius:50%; position:absolute; left:50%; margin-left:-3.5px; bottom:35px}
.historyList .list .right{width:50%; margin-right:6px; float:right; background:url('/images/org/web/gnei/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/gnei/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 ul{background:#f2f6fb; border:1px solid #ddd; }

/* 역대교육장 */
.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/web/gnei/sub/eduspntd_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;}
.systemInfo .wrap{position:relative; z-index:1; top:-5px; display:inline-block; width:90%; background:url('/images/org/web/gnei/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:46.7%; height:320px; background:#f6fafe; float:left; text-align:center; border:1px solid #ddd; letter-spacing: -1px;; margin:25px 1.5%;}
.systemInfo .wrap ul li.sys_tit { height:45px}
.systemInfo .wrap ul li h2{ font-size:18px;; color:#fff; line-height:45px; background:url('/images/org/web/gnei/sub/system_tit_bg.gif');}
.systemInfo .wrap ul li p{margin:20px 15px; border:1px solid #ddd;}
.systemInfo .wrap ul li p span{background:#fff; border-bottom:1px solid #ddd; display:block; line-height:45px;}
/*180827*/
.systemInfo .wrap ul li p span.info_01{background:#f5f9ff url('/images/org/web/gnei/sub/system_bg2.png');}
.systemInfo .wrap ul li p span.info_03{background:#f5f9ff url('/images/org/web/gnei/sub/system_bg2.png');}
.systemInfo .wrap ul li p span.info_05{background:#f5f9ff url('/images/org/web/gnei/sub/system_bg2.png');}

/* 청사배치도 */
.plotPlan .boxTy03 {border-radius:0; text-align:center; margin-bottom:30px;}
.plotPlan h3{position:absolute; width:66px; height:76px; padding-top:10px; top:0; left:0; background:url('/images/org/web/gnei/sub/plotPlan_floor.png') no-repeat; font-size:24px; color:#fff; font-weight:bold}

/* 찾아오시는 길 */
.NaviMap { margin-bottom:30px;}
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}
.locationMap .boxTy03 { border-radius:0;}
.locationMap .boxTy03 .box{ overflow:hidden; padding: 70px 30px 40px 270px;}
.locationMap .boxTy03 .box > .tit{ position:absolute; text-align:center;  top:50%; margin:-100px 0 0; left:0; width:250px; font-size:24px; color:#002e5f}
.locationMap .boxTy03 .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:70px; padding-left:15px; color:#003267; background:url('/images/org/web/gnei/sub/map_addr_dot.png') no-repeat 0 13px;}
.locationMap .addr li span.ctxt{ 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}

/*  학교분포도 */
.schlDsp .boxTy03 { border-radius:0;}
.schlDsp .boxTy03 .box.b01{ overflow:hidden; padding:30px; height:600px} /* 성산 */
.schlDsp .boxTy03 .box.b02{ overflow:hidden; padding:30px; height:800px} /* 의창 */
.schlDsp .boxTy03 .box.b03{ overflow:hidden; padding:30px; height:600px} /* 마산회 */
.schlDsp .boxTy03 .box.b04{ overflow:hidden; padding:30px; height:650px} /* 마산합 */
.schlDsp .boxTy03 .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}

/* 사이트맵 180827 추가 */
.sitemap-wrap {overflow:hidden; line-height:1.6;}
.sitemap-wrap .sitemap-list { text-align:left; float:left; width:22.75%; padding:0 0 0 3%; margin-bottom:60px; background:url('/images/org/web/gnei/sub/sitemap_line.gif') repeat-y 5.5% 0}
.sitemap-wrap .sitemap-list:after { content:''; display:block; clear:both}
.sitemap-wrap .sitemap-list .tit {font-size:16px; font-weight:bold; color:#fff; text-align:center; margin-bottom:15px; background:#6aaada url('/images/org/web/gnei/sitemap_bg01.png') no-repeat right 0;}
.sitemap-wrap .sitemap-list .tit span {color:#fff;}
.sitemap-wrap .sitemap-list:nth-child(even) .tit {background:#ffa80a url('/images/org/web/gnei/sub/sitemap_bg02.png') no-repeat right 0;}
.sitemap-wrap .sitemap-list .tit a {display:block; padding:10px 0 12px 0;}
.sitemap-wrap .depth2 .lm_l2 {margin:5px 0;}
.sitemap-wrap .depth2 .lm_a2 {position:relative; font-size:14px; color:#2b405b; padding-left:10px;}
.sitemap-wrap .depth2 .lm_a2:after {content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#2b405b;}
.sitemap-wrap .depth3 {padding:7px 10px; background:#f1f1f1; margin:6px 0}
.sitemap-wrap .depth3 .lm_a3 {position:relative; display:block; font-size:13px; color:#666; padding-left:10px;}
.sitemap-wrap .depth3 .lm_a3:after {content:'';position:absolute; left:0; top:11px; width:5px; height:1px; background:#666;}
.sitemap-wrap .sitemap-list:first-child, .sitemap-wrap .sitemap-list:nth-child(4n+1){padding-left:0; background-image:none}

/*이용가능 시설 230222*/
.imgBox li {display: inline-block; width: 30%; margin: 1%; padding: 30px 10px 15px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px #0057bb31; }
.imgBox li div p.txt {width: 200px; padding: 10px 5px; margin: 10px auto 0; border-radius: 30px; background-color: #0058bb; color: #fff;font-weight: bold; font-size: 16px;  }
.imgBox li img{width:90%;}

/*조직도 230222*/
.org_box {position: relative; line-height: 1.2; text-align: center;}
.org_box .org1 {position: relative; width: 150px; height: 150px; margin: 0 auto; border-radius: 50%; background-color: #003267; color: #fff; line-height: 150px; font-size: 24px; box-shadow: 0 0 10px rgb(50 116 212 / 40%); font-weight: 700;}
.org_box .org1::before {content: ""; position: absolute; left: 75px; top: 100%; width: 2px; height: 15%; background-color: #cecece;}
.org_box .org2 {position: relative; margin-top: 50px;}
.org_box .org2::before{content: ""; position: absolute; left: 12.6%; top: -30px; width: 74%; height: 30px; /*background-color: #cecece;*/ border: 2px solid #cecece; border-bottom: none;}
.org_box .org2 li {position: relative; display: inline-block; width: 20%; margin:0 1%; border: 2px solid #0058bb; border-radius: 10px; font-size: 16px; padding: 30px 10px; font-weight: 700; transition: .3s;}
.org_box .org2 li::before{content: ""; position: absolute; left: 48%; top: -31px; width: 2px; height: 29px; background-color: #cecece; }
.org_box .org2 li:first-child::before,
.org_box .org2 li:last-child::before {display:none;}
.org_box .org2 li a {display: block; color: #0058bb;}
.org_box .org2 li:hover {background-color: #0058bb;}
.org_box .org2 li:hover a {color: #fff;}

/*230503*/
.system_list01 {width:100%; overflow:hidden;}
.system_list01 ul li {width:100%;padding-bottom:40px;background: url('/images/org/web/gnei/sub/system_arrow02.png') no-repeat center 95%;}
.system_list01 ul li:last-child{background:none;}
.system_list01 ul li div>p.txt {height:30px; vertical-align:middle;}
.system_list01 ul li div>p.pdt {padding-top:10px;}
.system_list02 {width:100%; overflow:hidden; margin-top:20px;}
.system_list02 ul li {width:47.5%; margin-left:1%; padding-left:4%; float:left; background:url('/images/org/web/gnei/sub/system_arrow.png') no-repeat 1% center;}
.system_list02 ul li:first-child {margin-left:0; padding-left:0%;}
.system_list02 ul li div>p.txt {height:30px; line-height:33px; vertical-align:middle;}

/*230605 게시판*/
.BD_list.A td:nth-child(2){position:relative;padding-left: 45px;}
.BD_list.A td:nth-child(2) img:first-child {position:absolute; left:0;}
.BD_list.A td:nth-child(2) img.comp {left: 5px;}


/* 250909 알기쉬운개인정보처리방침 */
.privacyWrap {padding:50px 0 0}
.privacyWrap .ckBox {position:relative;width:100%;}
.privacyWrap .ckBox .inner {display: flex;width: 100%;height: 100%;min-height: 180px;position: relative;overflow:hidden;border-radius:50px;border: 2px solid #c8d1db;padding: 20px 250px 20px 50px;align-items: center;}
.privacyWrap .ckBox .inner:after {content:'';position:absolute;right: -167px;top: 15px;width: 390px;height: 390px;border-radius: 50%;background: #f1f4fa;}
.privacyWrap .ckBox:before {content:'';position:absolute;right: 44px;bottom: 0;width:200px;height:235px;background: #f1f4fa;background: url('/upload_org/editor/cheditor/20250909102109_qpclofpo.png') no-repeat;z-index:1;background-size: contain;}
.privacyWrap .ckBox p {color:#000;font-size:18px;line-height: 35px;letter-spacing:-1px}
.privacyWrap .ckBox p span{font-weight:700}		
.privacyWrap .title {position:relative;padding-left:45px;font-size:24px;font-weight:700;line-height: 1.5;color:#0e5dac;letter-spacing: -0.5px;}
.privacyWrap  * + .title {margin-top:50px;}
.privacyWrap .title:before {content:"";background: url('/images/org/web/gnei/sub/tit_ico.png') no-repeat;width: 33px;height: 30px;position: absolute;top: 0;left: 0;background-size: contain;}
.privacyWrap .contBox {padding-left:45px; width:100%; box-sizing:border-box;}
.privacyWrap .contBox ul li {font-size:16px;}
.privacyWrap .list {margin-top: 25px;}
.privacyWrap .list li {position:relative;font-size:16px;line-height: 150%;padding-left:11px;margin:6px 0;color: #000;letter-spacing: -0.5px;}
.privacyWrap .list li:before {content:'';position:absolute;top: 9px;left:0;width:4px;height:4px;background:#2183e0;}
.privacyWrap .contBox .list li span {font-weight: 700;}
.privacyWrap .ckBox2 {position:relative;display: flex;width:100%;height: 100%;min-height: 180px;background: #e3f5ff;border-radius: 50px;padding: 0 230px 0 270px;align-items: center;overflow: hidden;margin: 30px 0;}
.privacyWrap .ckBox2:before {content:'';position:absolute;right: 44px;bottom: 4px;width: 128px;height: 144px;background: #f1f4fa;background: url('/images/org/web/gnei/sub/ck_03.png') no-repeat;z-index:1;background-size: contain;}
.privacyWrap .ckBox2:after {content:'';position:absolute;left: 20px;bottom: -8px;width: 231px;height: 181px;background: #f1f4fa;background: url('/images/org/web/gnei/sub/ck_02.png') no-repeat;z-index:1;background-size: contain;}
.privacyWrap .ckBox2 p {display: inline-block;width: 100%;line-height: 1.5;letter-spacing: -0.5px;} 
.privacyWrap .ckBox2 p span{display:inline-block; font-size:28px; color:#30465c; font-weight:700;}
.privacyWrap .ckBox2 p em{color:#000;font-size:18px;letter-spacing:-1px;font-weight: 400;}

.privacyWrap .ckBox3 {position:relative;display: flex;width:100%;height: 100%;min-height: 100px;border: 1px solid #cccccc;border-radius: 20px;align-items: center;justify-content: center;margin-top: 20px;padding: 20px;}	
.privacyWrap .ckBox3 ul {display: flex;flex-wrap: wrap;width: 100%;gap: 20px 48px;align-items: center;justify-content: center;}
.privacyWrap .ckBox3 ul li {display: flex;align-items: center;gap: 10px;}
.privacyWrap .ckBox3 ul li > span {display: flex;width: 48px;height: 48px;align-items: center;justify-content: center;background: #edf3ff;border-radius: 50%;}
.privacyWrap .ckBox3 ul li span img{max-width: 100%;}
.privacyWrap .ckBox3 ul li p{display: inline-block;max-width: calc(100% - 48px);font-size: 16px;letter-spacing: -0.5px;}
.privacyWrap .ckBox3 ul li p span{font-weight: 700;}

.privacyWrap .listWrap {position:relative;width:100%;box-sizing:border-box;margin-top: 20px;}
.privacyWrap .listWrap ul {display:flex;gap:10px;flex-direction: column;}
.privacyWrap .listWrap li{display: flex;width: 100%;height: 100%;min-height: 80px;padding: 0 30px;background: #f5f5f5;border-radius: 20px;align-items: center;gap: 10px;}
.privacyWrap .listWrap li span.num{display: flex;flex-wrap: wrap; align-items: center;justify-content: center;width: 36px;height: 36px;background: #707784;border-radius: 50%;color: #fff;font-size: 16px;font-weight: 700;}
.privacyWrap .listWrap li p{display: inline-block;max-width: calc(100% - 46px);font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: -0.5px;color: #000;}
@media screen and (max-width:1019px) {
	.privacyWrap .ckBox2 p span {font-size: 20px;}
	.privacyWrap .ckBox2 p em{font-size:16px;}
}


@media (max-width: 800px) {
.privacyWrap .ckBox .inner {border-radius: 15px;border: 2px solid #c8d1db;}
.privacyWrap .ckBox .inner:after {right: -100px;top: auto;bottom: -124px;width: 250px;height: 250px;}
.privacyWrap .ckBox:before {right: 0px;bottom: 0;width: 148px;height: 162px;}
.privacyWrap .ckBox2 {padding: 20px 88px 20px 149px;border-radius: 15px;}
.privacyWrap .ckBox2:before {right: 10px;bottom: 4px;width: 78px;height: 88px;}
.privacyWrap .ckBox2:after {left: 10px;bottom: -8px;width: 130px;height: 110px;}


}
@media screen and (max-width:680px) {
.privacyWrap {padding: 0;}
	.privacyWrap .ckBox p {font-size: 16px;line-height: 30px;}
	.privacyWrap * + .title {font-size: 18px;margin-top:30px;padding-left: 30px;}
	.privacyWrap .title:before {width: 25px;height: 22px;}
	.privacyWrap .contBox {padding-left:30px; }
.privacyWrap .ckBox .inner {border-radius: 15px;border: 2px solid #c8d1db;padding: 20px;min-height: auto;}
.privacyWrap .ckBox .inner:after {display:none}
.privacyWrap .ckBox:before {display:none;}
.privacyWrap .list {margin-top: 16px;}
.privacyWrap .ckBox2 {padding: 20px;min-height: auto;border-radius: 15px;}
.privacyWrap .ckBox2 p {text-align:center;}
.privacyWrap .ckBox2:before {display:none}
.privacyWrap .ckBox2:after {display:none}
	.privacyWrap .listWrap li {padding: 10px 20px;min-height:auto;}
.privacyWrap .listWrap li span.num {width: 30px;height: 30px;font-size:14px;}
.privacyWrap .listWrap li p {max-width: calc(100% - 40px);font-size:14px;}
.privacyWrap .ckBox3 ul {gap: 10px 20px;}
.privacyWrap .ckBox3 ul li > span {width: 30px;height: 30px;}
.privacyWrap .ckBox3 ul li span img {width: 50%;}
.privacyWrap .ckBox3 ul li p{max-width: calc(100% - 40px);font-size: 14px;}
}

@media screen and (max-width:1400px) {
	/*이용가능 시설 230222*/
	.imgBox li {width: 40%; margin: 0 auto; }
	
}

@media screen and (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}
	
	/* 연혁 180825 수정 */
    .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;}
	.historyList .list .last{ display:none}
	
	/* 역대교육장 */
	.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 .boxTy03 .box{padding: 40px 30px;}
	.locationMap .boxTy03 .box > .tit{ display:none}
	.locationMap .addr li span.tit{width:80px;}
	.locationMap .addr li span.ctxt{width:calc(90% - 80px);}
	
	/*  학교분포도 */
	.schlDsp .boxTy03 .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}
	
	/* 사이트맵 180827 추가 */
	.sitemap-wrap .sitemap-list {width:31.333%; margin-left:-4px; float:none; display:inline-block; background-image:none; vertical-align:top}
	.sitemap-wrap .sitemap-list.first, .sitemap-wrap .sitemap-list:nth-child(3n+1) {padding-left:0;}
	.sitemap-wrap .sitemap-list:nth-child(5) {padding-left:3%;}

	/*이용가능 시설 230222*/
	.imgBox li {display: block; width: 90%; margin: 0 auto; }
	.imgBox li img{max-width:300px;}

	/*조직도 230222*/
	.org_box .org1::before {height: 10px;}
	.org_box .org2{margin-top: 10px;}
	.org_box .org2 li {display: block; width: 90%; margin: 10px auto; padding: 15px 10px;}
	.org_box .org2::before, .org_box .org2 li::before{display: none;}


	
}





@media screen and (max-width:800px) {
	
	/* 안내문 */
	.info-box {padding:20px; margin-bottom:20px}
	.info-box:before {display:none;}
	
	/* 교육장 인사말 */
	.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}
	
	/* 역대교육장 */
	.adminList ul li{width:33.3%}
	
	/* 조직업무안내 */
    .systemInfo .wrap ul li{width:46%; margin:10px 4% 10px 0;}
    .systemInfo .wrap ul li:nth-child(3n){margin-right:4%;}
    .systemInfo .wrap ul li:nth-child(2n){margin-right:0 !important;}
	
	/*  학교분포도 */
	.schlDsp .boxTy03 .box.b01{height:550px} /* 성산 */
	.schlDsp .boxTy03 .box.b02{height:750px} /* 의창 */
	.schlDsp .boxTy03 .box.b04{height:600px} /* 마산합 */
	.schlDsp .boxTy03 .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}

}

@media screen and (max-width:680px) {
	
	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}
	
	/* 절차_숫자(정보공개처리절차)  180825 수정 */
	.list_number .inner {padding:25px;}
	.list_number .inner .numb { position:static; margin:0 auto 10px}
	
	/* 교육장 인사말 */	
	.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%;} 180827 수정 */
    .edu_direct .part .con img{ width:100%;}
    .edu_direct .title div{margin:80px auto}
    .edu_direct .title span.mark01{left:10%; top:-45px;}
    .edu_direct .title span.mark02{right:10%; top:auto; bottom:-30px;}
	
	/* 청사배치도 */
    .plotPlan h3{width:50px; height:60px; font-size:22px; background-size:100% 100%;}
	
	/*  학교분포도 */
	.schlDsp .boxTy03 .box{padding:5% !important}
	.schlDsp .boxTy03 .box.b01{height:500px} /* 성산 */
	.schlDsp .boxTy03 .box.b05{height:550px} /* 진해 */
	.schlDsp .m_menu li .m_map {top:140px}
	
	/* 사이트맵 180827 추가 */
	.sitemap-wrap .sitemap-list {width:48.5%}
	.sitemap-wrap .sitemap-list:nth-child(3) {padding-left:0;}
	.sitemap-wrap .sitemap-list:nth-child(4) {padding-left:3%;}
	.sitemap-wrap .sitemap-list:nth-child(5) {padding-left:0;}
	

	
}

@media screen and (max-width:580px) {
		
	/* 지원청 CI */
	.ci_wrap .cg-btn { display:block; margin:0 0 5px}
	.ci_wrap .logoType li:last-child .boxTy03 .box img { width:70%; 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; height:46px; font-size:18px; background-size:100% 100%;}
	
	/*  학교분포도 */
	.schlDsp .boxTy03 .box.b01{height:450px} /* 성산 */
	.schlDsp .boxTy03 .box.b02{height:600px} /* 의창 */
	.schlDsp .boxTy03 .box.b04{height:500px} /* 마산합 */
	.schlDsp .boxTy03 .box.b05{height:500px} /* 진해 */


	
}

@media screen and (max-width:480px) {
	
	/* 교육장 인사말 */	
	.greeting_officer .txt_ft{ text-align:left}
	
	/*  학교분포도 */
	.schlDsp .boxTy03 .box.b01{height:400px} /* 성산 */
	.schlDsp .boxTy03 .box.b02{height:500px} /* 의창 */
	.schlDsp .boxTy03 .box.b03{height:400px} /* 마산회 */
	.schlDsp .boxTy03 .box.b04{height:450px} /* 마산합 */
	.schlDsp .boxTy03 .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;}
	
	/* 사이트맵 180827 추가 */
	.sitemap-wrap .sitemap-list {width:100%; padding:0}
	
		

	
}

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

	
}