@charset "utf-8";
#contents_wrap{max-width: 1096px; margin: 30px auto; text-align: left; position: relative;overflow: hidden; clear: both;}
#leftmenu{ width: 259px;float: left;}
#leftmenu h2{ height: 120px; width: 259px; display: table-cell; vertical-align: middle; color: #fff; background: url(../../images/mns/contents/leftmenubg.jpg) 50% no-repeat; text-align: center; font-size: 28px; font-weight: 600; box-sizing: border-box; padding: 0 20px; line-height:1.2;}
#leftmenu > ul > li{ border: 1px solid #dbdbdb; border-top: none;}
#leftmenu > ul > li > a{ padding: 15px 40px 15px 20px;display: block;font-size: 16px; color: #555;background: url(../../images/mns/contents/leftnav_off.png) 93% 50% no-repeat;  }
#leftmenu > ul > li > a:hover{color: #124e86; font-weight: 600;}
#leftmenu > ul > li.on > a{ color: #124e86; font-weight: 600;background: url(../../images/mns/contents/leftnav_on.png) 93% 50% no-repeat;}
#leftmenu > ul > li > ul{ padding: 15px 10px 15px 20px;background: #f9f9f9;border-top: 1px solid #ddd;}
#leftmenu > ul > li > ul li a{ padding:4px 8px; position: relative; display: block; color: #666; font-size:13px;}
#leftmenu > ul > li > ul li.on a{ text-decoration: underline; color: #3378c1;}
#leftmenu > ul > li > ul li a:hover{ text-decoration: underline;}
#leftmenu > ul > li > ul li a:before{ content: ''; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background: #b2b2b2; }
#contents{ float: left; width: 790px; min-height: 600px; padding: 0 0 50px 47px;}
.title_area{ padding-top: 25px;  border-bottom: 1px solid #ddd; margin-bottom: 40px; position: relative; }
.title_area .path{ position: absolute; right: 0; bottom: 15px; color: #555; font-size: 15px;}
.title_area .path > span { text-indent: -9999px; background: url(../../images/mns/contents/homeicon.png) no-repeat; display: inline-block; width: 15px; height: 14px; overflow: hidden; text-align: left; vertical-align: -1px;}
.title_area h2{ display: inline-block; font-size: 28px; color: #333; font-weight:600; padding: 0 0 19px;clear: both;  line-height: 1.2; position: relative;}
.title_area h2:after{ content: ''; width: 100%; height: 3px; display: block; background-color: #2361b4; position: absolute; left: 0; bottom: 0; }
.con_body{ position: relative; overflow: hidden; box-sizing: border-box;}
.con_body h3{ color: #124e86; font-weight:600; font-size: 16px; line-height: 1.2; position: relative; margin-bottom: 20px; padding-top: 6px; margin-top: 40px;}
.con_body h3:before{content: ''; width: 17px; height: 3px; background-color: #124e86; position: absolute; left: 0; top: 0;}
.con_body h3:first-child{ margin-top: 0;}
.con_body h4{ color: #333; font-weight:600; font-size: 16px; position: relative; margin-bottom: 15px; line-height: 1.2; margin-top: 30px; padding-left: 8px;}
.con_body h4:before{content: ''; width: 3px; height: 14px; background-color: #124e86; position: absolute; left: 0; top: 3px;}
.con_body h4:first-child{ margin-top: 0;}
.con_body h5{ color: #555; font-weight:600; font-size: 14px; position: relative; margin-bottom: 10px; line-height: 1.2; margin-top: 10px; padding-left: 10px;}
.con_body h5:before{content: ''; width: 4px; height: 4px; border-radius: 4px; background-color:#124e86; position: absolute; left: 0; top: 5px;}
.con_body h5:first-child{ margin-top: 0;}
.img_box01{ margin: 5px 0;}
.img_box03{ margin: 5px 0; border: 1px solid #ddd; padding: 20px; text-align: center;}
.img_box03 img{ max-width: 100%; margin:0 auto;}
.list_li01 li,
.list_icon01{  position: relative;  line-height: 1.4; margin:10px 0 10px 10px;  padding-left: 9px;}
.list_li01 li:before,
.list_icon01:before{content: ''; width: 3px; height: 3px; background-color: #124e86;  position: absolute; left: 0; top: 7px;}
.list_li02 li,
.list_icon02{ font-size: 90%; position: relative; line-height: 1.4; margin:4px 0 4px 0;  padding-left: 7px; color: #777;}
.list_li02 li:before,
.list_icon02:before{content: ''; width: 2px; height: 2px; background-color: #999;  position: absolute; left: 0; top: 6px;}
.pagenate {width: 100%; padding: 20px 0; text-align:center; }
.pagenate a {width: 26px; height: 26px; margin:0 2px 2px; display:inline-block; line-height:26px; font-size:14px; text-align:center; vertical-align:bottom; color:#585b5c; text-decoration:none; border: 1px solid #ddd; }
.pagenate a.first {background:url(../../images/mns/contents/p_first.gif) 0 0 no-repeat; background-size: 26px;}
.pagenate a.prev {background:url(../../images/mns/contents/p_prev.gif) 0 0 no-repeat; background-size: 26px;}
.pagenate a.next {background:url(../../images/mns/contents/p_next.gif) 0 0 no-repeat; background-size: 26px;}
.pagenate a.last {background:url(../../images/mns/contents/p_last.gif) 0 0 no-repeat; background-size: 26px;}
.pagenate span {vertical-align:top; }
.pagenate span a {text-decoration:none; }
.pagenate span a.on,
.pagenate span a:hover,
.pagenate span a:active,
.pagenate span a:focus { font-weight:600; color: #333; border-color: #999;}
.blind {width: 1px; height: 1px; overflow:hidden; position:absolute; left:-9999px; top:-9999px}
.pic-list ul	{margin-top:20px;}
.pic-list ul>li{ float:left; margin-left:25px; margin-bottom:30px; background:#fff; position:relative; max-width:250px; height: 230px; width: 31%;}
.pic-list ul>li:first-child{ margin-left:0;}
.pic-list ul>li img.img{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:auto; min-height: 100%;}
.pic-list ul>li>a{display:inline-block; width: 100%;}
.pic-list ul>li a>span{ position:relative; padding-top:66%; overflow:hidden; display:block; border: 1px solid #ddd;}
.pic-list ul>li img.play { position:absolute; left: 50%;margin-left: -10%; top: 50%; margin-top: -10%; width: 20%; height: auto;}
.pic-list ul>li strong{display: block; margin: 5px 0; font-weight:500; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical;line-height: 1.3;height: 40px; color: #222;}
.pic-list ul>li>span{ position: absolute; left: 0; bottom: 7px; color: #777; font-size: 90%;overflow: hidden;text-overflow: ellipsis;display: block; line-height: 1.5em; height: 18px;    white-space: nowrap;}
.pic-list ul>li:nth-child(3n+1),
.pic-list ul>li:first-child + li +li +li{ margin-left:0;}
.pic-list ul>li.no { max-width: 100%; width: 100%; border: none; text-align: center;}
/* 기본게시판 : list */
.basic-list	{border-top:2px solid #333;}
.basic-list th	{padding:15px 0;border-bottom:1px solid #bbb; background-color: #f9f9f9; border-left:1px solid #ddd; font-weight:600; text-align: center; color: #333; vertical-align: middle; }
.basic-list th:first-child{border-left:none;}
.basic-list td	{padding:13px 15px;border-bottom:1px solid #ddd;text-align:center;border-left:1px solid #ddd;word-break:break-all; vertical-align: middle;}
.basic-list td:first-child{border-left:none;}
.basic-list td .notice	{white-space:nowrap;}
.basic-list td.left{text-align:left;}
.basic-list.type1 th{ border-left: none; padding: 10px 0; background-color: #f8fafb; border-bottom-color: #ddd;text-align: left; padding-left: 20px;}
.basic-list.type1 td{ border-left: none; text-align: left; padding-left: 20px;}
.basic-list.type1 td a{ color: #124e86; text-decoration:underline; }
.basic-list.type2 th{ padding: 10px 0; background-color: #f8fafb; border-bottom-color: #ddd;text-align: center; }
.basic-list.type2 td{ text-align: center;}
.basic-list.type3 th{padding: 10px 10px 10px 15px; background-color: #f8fafb; border-bottom-color: #ddd;text-align: left; font-weight: 500;}
.basic-list.type3 td{ text-align: left; padding: 10px 10px 10px 15px;}
.basic-list.type3 td a{color: #124e86;}
.basic-list.type3 td a:hover{text-decoration:underline;}
/* 기본게시판 검색 : 검색창 오른쪽정렬 */
.search_box{text-align:right;padding:5px 0 10px 0;position:relative;}
.search_box label	{display:none;}
.search_box span > label	{display:inline;}
.search_box input{ box-sizing: border-box;}
.search_box input[type="text"]{padding:0 10px;border:1px solid #d1d1d1; line-height: 40px; height: 40px;}
.search_box select{ width:10%; height:40px; line-height: 40px; padding:0 0 0 15px;}
.search_box input[type="submit"]{ background:#2163a4; padding:0 15px; line-height: 40px; height: 40px;  text-align:center; color:#fff; border:none; vertical-align:middle; cursor:pointer;font-size:14px;}
.search_box input[type="button"]{ background:#124e86; padding:0 15px; line-height: 40px; height: 40px; text-align:center; color:#fff; border:none;vertical-align:middle; cursor:pointer; font-size:14px;}
/* 기본게시판 : view */
.board-header{ position: relative; }
.basic-view		{border-top:2px solid #124e86; overflow-x:hidden; overflow-y:auto;}
.basic-view h5	{font-size:18px;border-bottom:1px solid #ddd;padding:12px 0 12px 10px;background:none;color:#333; font-weight: 600; margin-bottom:0;}
.basic-view h5:before{ display: none;}
.basic-view h5 .sb_link{display:block;margin-top:10px;font-size:14px;font-weight:500;}
.basic-view h5 .sb_link > a{color:#1e58af;text-decoration:underline;}
.basic-view .option-data{padding:10px 0px;}
.basic-view .option-data li{ display: inline-block;}
.basic-view .option-data span	{padding:0 0 0 10px;}
.basic-view dl.file-zone		{border-bottom:1px solid #bbb;position:relative;}
.basic-view dl.file-zone dt{position:absolute;left:10px;top:16px;line-height:14px;}
.basic-view dl.file-zone dd{padding:12px 0 12px 120px;line-height:14px; border-top:1px solid #ddd;}
.basic-view dl.file-zone dd span{padding:0 15px 0 0;line-height:14px;}
.basic-view dl.file-zone dd span img{position:relative;top:-1px;padding:0 4px 0 0;}
.basic-view dl.file-zone dd li img{ vertical-align: -1px; }
.basic-view dl.file-zone dd ul li{ font-size: 95%;}
.basic-view dl.thumb-zone	{border-bottom:1px solid #ddd; border-top:1px solid #ddd;position:relative;}
.basic-view dl.thumb-zone dt{position:absolute;left:10px;top:12px;line-height:14px;}
.basic-view dl.thumb-zone dd{padding:12px 0 12px 120px;line-height:14px;}
.basic-view dl.thumb-zone dd a{ font-size: 95%; color: #666;}
.basic-view dl.thumb-zone dd span{padding:0 15px 0 0;line-height:14px;}
.basic-view dl.thumb-zone dd span img{position:relative;top:-1px;padding:0 4px 0 0;}
.basic-view div.board-contents{padding:20px 10px;border-top:1px solid #ddd;clear:both;  line-height: 1.6;}
.basic-view div.board-contents > ul{ margin-bottom:10px;}
.basic-view .file p a{ word-break: break-all; vertical-align: middle;}
.basic-view .file img{ width: 13px;}
.basic-view div.board-contents >ul li p{ padding: 5px 0; margin: 0 auto 20px;} 
.basic-view div.board-contents img{max-width: 100%; margin-bottom: 5px; }
/* 이전글,다음글 */
.prev-next-zone	{position:relative;border-top:1px solid #ddd; margin-top:10px;}
.prev-next-zone strong{font-weight:600; position: absolute; left: 10px; padding: 10px 0; color:#555;}
.prev-next-zone li{padding:0 0 0 100px;border-bottom:1px solid #ddd; height: 41px; box-sizing: border-box;}
.prev-next-zone li p{ display: inline-block; border-left: 1px solid #ddd; padding: 10px 0 10px 20px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; width: 100%; box-sizing: border-box;}
.btn_zone	{text-align:right;padding:10px 0 10px 0; margin: 10px 0;}
.btn1	{border:1px solid #ccc;padding:0px 30px; height: 40px; line-height: 40px; text-align:center;color:#363636;font-weight:600;letter-spacing:-1px;display:inline-block;margin-left:5px;white-space:nowrap; box-sizing: border-box; }
.article{ position: absolute; left: 0; top: 15px; width: auto;}
.tab_type1	{margin-bottom:30px;}
.tab_type1 ul	{box-sizing: border-box; border-bottom: 2px solid #124e86; margin: 3px; margin-bottom: 0; }
.tab_type1 ul:after{ content: ''; display: block; width: 100%; clear: both; }
.tab_type1 ul li{float:left;line-height:1;text-align:center; font-size:18px;box-sizing: border-box;}
.tab_type1 ul li a{color:#666;display:block;border:1px solid #ccc; border-left:none; border-bottom:none; padding:20px 0;/* background-color:#fbfbfb; */ }
.tab_type1 ul li.on a{color:#124e86; font-weight: 600; /* background:#fff; */ border:2px solid #124e86; border-bottom: none; position: relative; }
.tab_type1 ul li.on a:after{ content: ''; width: 100%; height: 5px; /* background-color: #fff; */ display: block; position: absolute; bottom: -3px; left: 0; }
.tab_type1 ul li:first-child a{border-left:1px solid #ccc;} 
.tab_type1 ul li.on:first-child a{border-left:2px solid #124e86;} 
.tab_type1 ul.t2 li{width:50%;}
.tab_type1 ul.t3 li{width:33.3%;}
.tab_type1 ul.t4 li{width:25%;}
.tab_type1 ul.t4{border-bottom: none;padding-top: 1px;}
.tab_type1 ul.t4 li{ margin-top: -1px; }
.tab_type1 ul.t4 li a{padding: 15px 0;border-bottom: 1px solid #ccc;}
.tab_type1 ul.t4 li:nth-child(4n+1) a{ border-left: 1px solid #ccc}
.tab_type1 ul.t4 li:nth-child(4n+4) a{ border-right: 1px solid #ccc; }
.tab_type1 ul.t4 li.on a{ border-width: 1px; }
.tab_type1 ul.t4 li.on:first-child a{ border-left:none; }
.tab_type1 ul.t4 li.on a{ border-color:#124e86;  background-color: #124e86; color: #fff; }
.tab_type1 ul.t4 li.on a:after{ display: none; }
.tab_type1 li a span{ font-size:13px; font-weight: 500; display:block; padding-top:7px;}
.mobile {width: 100%;overflow-x: auto;}
.gray_box{ border: 1px solid #ddd; background-color: #f9f9f9; padding: 10px 15px;}
.table_title{ font-size: 110%; color: #333; text-align: center; font-weight:600; margin-bottom: -20px;}
.title{font-size: 110%; color: #333;font-weight:600; margin: 10px 0 5px;}
/*장차관소개*/
.greeting{ height:600px; position: relative; box-sizing: border-box; padding-left: 260px;}
.greeting .img{position: absolute; left: 0; top: 0;}
/* .greeting .img{position: absolute; left: 0; top: 0; background-color: #8a9db0;} */
/* .greeting .txt {text-align:left;font-size:15px; line-height:28px;} */
.greeting .txt {  text-align:left;font-size:15px; line-height:28px; margin-left: 25px; }
.greeting .txt h4{ color:#01549f; font-size:20px; line-height:26px; font-weight:800; letter-spacing:0; margin-bottom:10px; margin-top:-10px; background:none;}
.greeting .txt strong{ color:#004b9d; font-weight:600;}
.greeting .txt h4 strong{ font-size:24px;}
.greeting .txt p{ color:#555; font-size:14px; line-height:1.5; margin-bottom:12px;}
.greeting .sign{ font-size:18px; color:#333;letter-spacing:0px; margin-top:40px; vertical-align:middle;}
.greeting .sign span{vertical-align:middle;}
.greeting .sign strong{ color:#333; font-size:24px; font-weight: 600; vertical-align: top; display: inline-block; margin-left: 9px; }
.greeting .sign img{vertical-align:middle; padding-left:10px; margin-top:-9px; padding-right:10px; width: 96px;}
.greeting .txt_1{ letter-spacing:-1px!important;}
.profile { position:relative; padding-left:270px;}
.profile .img{float:left;  margin-right:35px;}
.profile .img2{ position:absolute; left:0; top:0;}
.profile .img2 img{float:left; margin-right:20px;}
.profile .img2_1{float:left;  margin-right:35px;}
.profile .img2_2{float:left;  margin-right:35px;}
.profile_con {float:left; width: 100%;}


.profile_con ul {  padding-top:8px;}
.profile_con li { position:relative; padding-left:80px; margin-bottom:10px; color:#666;}
.profile_con ul.career li{padding-left: 170px;}
.profile_con li p{ position:absolute; left:0; top:0; color:#2f2f2f; font-weight:600;}
.profile_con li span {width:60px; display:inline-block;color:#424242; font-weight:600;}
.profile_con .pro1 li{padding-left:160px;}
.con_body .profile_con h4{color:#124e86; font-size:16px; font-weight:600; background: none; padding: 0; margin-bottom: 5px; letter-spacing:-0.05em;}
.profile_con div{padding:25px 0; border-top:1px solid #d6d6d6;}
.profile_con div:first-child{border-top:none; padding-top: 0;}
.profilebox div{ position:relative; padding:25px 0; border-top:1px solid #d6d6d6;}
.profilebox div:first-child{border-top:none; margin-top: -15px; }
.con_body .profilebox h4{ color:#124e86; font-size:18px; font-weight:600; position:absolute; left:0; top:25px; padding:0; background:none; margin-top: 0;}
.con_body .profilebox h4:before{ display: none;}
.con_body .profile_con h4:before{ display: none;}
.profilebox div>ul{ margin-left:170px; margin-top:5px; }
/* .profilebox li{ position:relative; padding-left:115px; margin-bottom:10px; color:#666;} */
.profilebox li{  position:relative; padding-left:145px; margin-bottom:10px; color:#666; }
/* .profilebox div:nth-child(3) li{ padding-left:115px;} */
.profilebox div:nth-child(3) li{ padding-left:145px;}
.profilebox li p{ position:absolute; left:0; top:0; color:#333; font-weight:600;}
.profilebox li p span{display:inline-block;}
.history_m {border:solid 1px #ddd;  margin-bottom:21px; clear: both; overflow: hidden; padding-bottom: 15px;}
.history_m .h_img { width:25%; max-width: 110px; float:left; padding:14px 0 0 17px;}
.history_m .h_img img{ width: 85%; max-width: 92px;}
.history_m dl {width:68%; float:left; margin-top:9px;}
.history_m dd{position:relative; margin-bottom: 10px; font-size: 14px; }
.history_m dt{ margin-top: 5px; font-size: 17px;}
.history_m dd span{ float: left; width: 70px; font-size: 14px;}
.history_m dd ul{ float: left;}
.history_m li{ margin-bottom:5px;}
.affairsbox > div { display: none; }
.affairsbox > div.on{ display: block; }
.affairsbox > div > div,.affairs {position:relative; float:left; border: 1px solid #ddd; width: calc(100% / 2 - 10px); margin: 0 5px 15px; box-sizing: border-box;}
.affairsbox .a_img1,.affairs .a_img1 { width:118px; height:120px; float:left;}
.affairsbox img,.affairs img {position:absolute;top:14px; left:15px; }
.affairsbox dl,.affairs dl {float:left; margin:14px 0 0; }
.affairsbox dt,.affairs dt, .history_m dt{font-weight:600; color:#3f3f3f; margin-bottom:13px;}
.affairsbox dt span,.affairs dt span, .history_m dt span{ font-weight: 500;}
.affairsbox dd span,.affairs dd span{ margin-left: -7px; padding-bottom:3px; display: inline-block;}
.affairsbox dd span + br + br,.affairs dd span + br + br{ display: none;}
.affairsbox dd,.affairs dd {padding-left:10px; font-size:14px; color: #666;}
.affairsbox dd span, .affairs dd span,.history_m dd span{ color:#4b4b4b; font-weight:600; padding-left:10px; position: relative;}
.affairsbox dd span:before,.affairs dd span:before,.history_m dd span:before{ content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #666; }
.pageing {padding-top:20px; clear:both; }
.pageing p {text-align:center;}
.pageing p a {color:#333;  padding:4px 12px; display:inline-block;}
.pageing p a.on{color:#333; font-weight:600;}
.pageing p a:active,.pageing p a:hover,.pageing p a:focus{ text-decoration:underline;}
.pageing p a.p_btn{padding:0;} 
.calendar {float:left;  width: calc(100% / 2 - 5px); min-height:300px; padding-bottom: 20px; border:1px solid #ddd; background: #f9f9f9; box-sizing: border-box; margin-top: 15px; border-top: 2px solid #2163a4; }
.calendar table{ width: 91.6%; margin:0 auto; }
.calendar table th, .calendar table td{ text-align:center; border:none; margin:0; padding:0; line-height: 24px;}
.calendar table th {padding:12px 0 12px 0; font-weight:600;}
.calendar table td { border:1px solid #eee; background:#fff;}
.calendar table td span { background:#fff; color:#666; display:block; }
.calendar table td span a{ display:block; padding: 10px 0; width: 100%; }
.calendar table td span[style*="font-weight"] a{color:#2163a4;font-weight: 600;}
.sat {color:#3579b9;}
.sun {color:#c24a48;}
#year,#month{ padding:0 0 0 15px; font-size:14px; height: 40px; line-height: 40px; margin: 0 2px 0 0;}
#year{ min-width:80px;}
#month{ min-width:60px;}
input.calbtn{ background:#2163a4; height:40px; line-height: 40px; padding:0 15px; text-align:center; color:#fff; border:none; vertical-align:middle; cursor:pointer;font-size:14px;}
.today_cal{float:left;width: calc(100% / 2 - 5px); min-height:300px; margin-left: 10px;margin-top: 15px;border:1px solid #ddd; background:#fff; box-sizing: border-box;border-top: 2px solid #2163a4;}
.today_cal .title{ border-bottom:1px solid #ddd; font-weight:600; color:#333; font-size:17px; padding:10px 0 10px 20px; margin-top: 0;}
.cal_center_bg2>div {padding:15px 15px 20px 15px; overflow-y:auto; height:200px; padding-bottom:20px; padding-right:10px; background:url(../../images/mns/contents/todaybg.jpg) center 90% no-repeat;}
.today_cal ul li{ position: relative; padding-left:60px; margin:5px 0 10px 5px; position:relative; }
.today_cal ul li:before{ content: ''; width: 3px; height: 3px; background-color: #124e86;  position: absolute; left: 0; top: 7px; }
.today_cal ul li.no{padding-left:8px;}
.today_cal ul li span {color:#124e86; font-weight:600;  width:40px; display:inline-block; position:absolute; left:10px; top:0px; }
.week_cal { clear: both; border:1px solid #ddd; background:#fff; box-sizing: border-box; margin: 15px 0;border-top: 2px solid #124e86;}
.week_cal .title{ border-bottom:1px solid #ddd; font-weight:600; color:#333; font-size:17px; padding:10px 0 10px 20px; background:#fff;border-top-left-radius:8px;border-top-right-radius:8px; margin-top: 0;}
.weekbox{padding:15px 5px 10px 0px; overflow-y:auto; min-height:30px; padding-bottom:20px; padding-right:10px;}
.weekbox>div{ float:left; margin-left: 3%;}
.cal_t{ font-weight:600; color:#232323; display:inline-block; margin-bottom:7px; display:none;}
.cal_t:first-child + ul + strong + ul{ display:none;}
.weekbox>div.vmns{ display:none;}
.week_cal ul li{ padding-left:100px; margin:5px 0 10px 5px;position:relative;}
.week_cal ul li:before{ content: ''; width: 3px; height: 3px; background-color: #124e86;  position: absolute; left: 0; top: 7px; }
.today_cal ul li.no{padding-left:8px;}
.week_cal ul li.no{padding-left:8px;}
.week_cal ul li span {color:#124e86; font-weight:600;  width:40px; display:inline-block; position:absolute; left:10px; top:0px;}
.week_cal ul li strong {color:#124e86; font-weight: 500;  width:40px; display:inline-block; position:absolute; left:57px; top:0px;}
.communy_bg { position: relative; clear: both; margin:5px 0 20px 0;border:2px solid #ddd; padding:25px 20px 10px 130px; color: #666; line-height: 1.6; background: url(../../images/mns/contents/converbg.gif) 20px 25px no-repeat;}
.btn_intro a{color: #fff; display: inline-block; padding: 0px 20px; height: 40px; line-height: 40px; text-align: center; font-weight: 600; background: #1f3e76;margin:15px 0 15px; letter-spacing:-0.05em;}
.communy_bg .btn_w{ background:#124e86; }
.communy_bg .btn_w2{background:#2163a4;}
.communy_bg p br{ display: none;}
.btn_intro {padding-top:15px; padding-right:5px;}
.c_center {margin-bottom:17px; margin-top:17px;}
.cklist{ padding-left:10px; margin-left:5px; margin-bottom:10px; line-height:1.6; color: #666; position: relative;}
.cklist:before{ content: ''; width: 3px; height: 3px; background-color: #124e86;  position: absolute; left: 0; top: 6px;}
.cklist strong{ font-weight:600; color: #333;}
.cklist strong.blue { color: #103e93;}
.btnp	{padding:10px 12px; display:inline;min-width:50px;margin-left:5px;white-space:nowrap;}
.bbs_mb{ display:none;}
a.btngo{color: #fff; display: inline-block; padding: 0px 40px; height: 50px; line-height: 50px; text-align: center; font-weight: 600; background: #1f3e76;margin:15px 0 15px; letter-spacing:-0.05em;}
a.btngo span{ font-weight: 500; letter-spacing:0;}
.sitemap h3{ position: absolute;left: 0; top: 40px;width: 150px; font-size: 18px; color: #333; font-weight:600; padding: 0 0 0 10px;}
.sitemap h3:before{ content: ''; width: 4px; height: 15px; background-color: #124e86; position: absolute; left: 0; top: 3px;  }
.sitemap > div{ width: 100%;box-sizing: border-box;  border-top: 1px solid #ddd; margin-bottom: 40px; padding: 40px 10px 20px 170px; position: relative;}
.sitemap > div:first-child{ border-top: none; padding-top: 0; }
.sitemap > div:first-child h3{ top: 0; }
.sitemap > div:after{content: ''; position: relative; clear: both; display: block;}
.sitemap > div > ul > li { float: left; width: calc(100% / 3 - 10px); margin-left: 10px;  box-sizing: border-box; margin-bottom: 5px; font-size: 16px;}
.sitemap > div > ul > li > a{ padding: 7px 20px 7px 25px; position: relative; display: block; margin-top:13px;} /*230728 수정*/
.sitemap > div > ul > li a:hover{ text-decoration: underline;}
.sitemap > div > ul > li > a:before{content: ''; width: 6px; height: 2px; background-color: #124e86;  position: absolute; left: 12px; top: 15px;}
.sitemap > div > ul > li > ul{ font-size: 90%; margin: 0 0 10px 20px;}
.sitemap > div > ul > li > ul > li >a{padding: 4px 10px 4px 10px; position: relative; display: block; color: #777;}
.sitemap > div > ul > li > ul > li >a:before{content: ''; width: 2px; height: 2px; background-color: #999;  position: absolute; left: 2px; top: 10px;}


input:focus{ outline-style: dashed; }

@media screen and (max-width: 1096px) {
	#leftmenu{ display: none;}
	#contents_wrap{ margin-top: 0; padding:0; box-sizing:border-box;}
	#contents{ width: 748px; margin: 0 auto; padding: 0; float: none; }
	.title_area{ padding-top: 10px; }
	.title_area .path{ font-size: 13px;}
	.title_area h2{ font-size: 26px; padding: 20px 0;}
	.img_box01 img{ max-width: 100%;}
	.pic-list ul>li{ max-width: 100%; width: 31.4%; margin-left: 2.8%;}
	.organization{ padding:10px 0 0;}
	.img_box02 img{ max-width: 100%;}
	.img_box01.map img{ max-width:100%;}
	.btn_intro a{ line-height: 32px;}
}
@media screen and (max-width: 767px) {
	.greeting .txt {  margin-left: 0px; }
	#contents_wrap,#contents{ width: 100%; }
	#contents_wrap{ padding: 0 10px; box-sizing: border-box; }
	.title_area{ margin-bottom: 20px;}
	.title_area h2{ font-size: 20px; padding: 30px 0 15px;}
	.con_body h3{font-size: 16px;}
	.con_body h4{font-size: 14px;}
	.list_li01 li,.list_icon01{ font-size: 12px;}
	.title_area .path{ position: relative; bottom: inherit; float: right;top: 10px;}
	.bbs_pc{ display: none;}
	.basic-list{ margin: 10px 0;}
	.basic-list th.bbs_pc:first-child+th,.basic-list td.bbs_pc:first-child+td{ border-left: none; width: auto;}
	.basic-list th{ padding: 8px 0; font-size: 95%;}
	.basic-list td{ line-height: 1.4; font-size: 95%;}
	.basic-list td.bbs_pc:first-child+td+td+td+td{ white-space: nowrap; width: 25%;}/*조회수*/
	.prev-next-zone li{ padding-left: 70px;}
	.prev-next-zone strong{ left: 10px;}
	.prev-next-zone p{ padding-left: 15px;}
	.search_box{ box-sizing: border-box;  padding: 5px 149px 10px 84px; }
	.search_box select{ width: 80px; position: absolute; left: 0; top: 5px;}
	.search_box input[type="text"]{ width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; }
	.search_box input[type="submit"]{ width: 60px; position: absolute; right: 84px; top: 5px;}
	.search_box input[type="button"]{ width: 80px; position: absolute;right: 0; top: 5px;}
	.pic-list ul>li{ max-width: 100%; width: calc(100% / 2 - 10px); margin-left: 0; margin-bottom: 15px; height: auto;}
	.pic-list ul>li:nth-child(2n){ margin-left: 20px;}
	.pic-list ul>li:first-child + li +li +li{ margin-left: 20px;}
	.pic-list ul>li>span{ margin:5px 0 0; position: relative; max-width: 90%;}
	.pic-list ul>li strong{ height: 36px; font-size: 14px;}
	.basic-view h5{ padding:10px; font-size: 110%; margin: 0; }
	.basic-view .option-data{ padding: 10px;}
	.basic-view .option-data span{ padding: 0;}
	.basic-view .option-data li{margin-right: 10px;}
	.basic-view div.board-contents{ padding: 15px 10px;}
	.basic-view dl.file-zone dt{ left: 10px;}
	.basic-view dl.file-zone dd{ padding: 10px 10px 10px 95px;}
	.basic-view dl.thumb-zone dt{ left: 10px;}
	.basic-view dl.thumb-zone dd{ padding: 10px 10px 10px 90px;}
	.basic-view .file{ font-size: 90%;}
	.article{ display: block; position: relative; top: auto; margin-bottom: 5px;}
	.tab_type1 ul li{ font-size: 14px; }
	.tab_type1 ul li a{ padding: 15px 0;}
	.tab_type1 ul.t4 li{width:50%;}
	.tab_type1 ul.t4 li:nth-child(2n+1) a{border-left: 1px solid #ccc;}
	.tab_type1 ul.t4 li:nth-child(2n+2) a{border-right: 1px solid #ccc;}
	.con_body .profilebox h4{ position: relative; left: auto; top: auto; font-size:16px; margin-bottom:5px;}
	.profilebox div>ul{ margin-left: 0; margin-top: 15px;}
	.profilebox div,
	.profile_con div{ padding: 15px 0;}
	.profilebox div:first-child{ padding-top: 10px;}
	/* .profilebox li,.profilebox div:nth-child(3) li{ padding-left: 90px;} */
	.profilebox li,.profilebox div:nth-child(3) li{ padding-left: 115px;}
	.profile_con li{ padding-left: 80px;}
	.profile_con .pro1 li{ padding-left: 140px;}
	.profile_con li span{ width: auto;}
	.profile .img2{ position: relative; left: auto; text-align: center; padding: 10px 0 20px; width: 100%;}
	.profile .img2 img{ float: none; margin-right: 0; width: 60%; max-width: 230px; border-radius: 6px;}
	.profile{ padding-left: 0;}
	.greeting .txt p br.m_none{ display: none;}
	.greeting{ height: auto; padding-left: 0;}
	.greeting .img{  position: relative; width: 100%; padding: 10px 0 25px; text-align: center; }
	.greeting .img img{ width: 60%; max-width: 230px; border-radius: 6px;}
	.greeting .sign{ text-align: right;}
	.affairsbox > div > div,.affairs{ width: 100%; margin-left: 0; margin-bottom: 10px;}
	.history_m .h_img{ padding: 10px 0; text-align: center; width: 29%;}
	.history_m .h_img img{ width: 80%;}
	.history_m dl{ width: 66%;}
	.history_m dd{ font-size: 12px; padding-left: 10px;}
	.history_m dd span{ float: none; width: 100%; font-size: 13px; display: block; margin-left: -10px; margin-bottom: 5px;}
	.communy_bg{ background: none; padding: 20px 20px 10px;}
	.calendar{ width: 100%;}
	.today_cal{width: 100%; margin-left: 0; min-height: inherit;}
	.cal_center_bg2>div{ height: auto; background:none;}
	.con_body h3{ top: 10px;}
	.sitemap > div{padding: 50px 10px 20px 0px;}
	.sitemap > div > ul > li{ margin-left: 0;    width: calc(100% / 3);}
	.sitemap > div > ul > li > a{padding: 7px 10px 7px 25px;}
	.con_body h4:before{ top:2px; height:11px;}
	.affairs dd span:before, .history_m dd span:before{ top:5px;}
	.today_cal ul li:before{ top:6px;}
}