@charset "UTF-8";


/* @import url('https://fonts.googleapis.com/css?family=Titillium+Web:300i,400&display=swap'); */

body {background-color: #F6F6F6;}
.font-titil {font-family: 'Titillium Web', sans-serif;}

/* 서브 상단 */
#subVisual {position: relative; height: 370px; background: url("/mbshome/mbs/afp/images/sub/sub_visual.jpg") no-repeat center bottom; background-size: cover;}

.sub-visual-txt {text-align: center; padding-top: 100px; box-sizing: border-box;}
.sub-visual-txt h2 {font-size: 40px; line-height: 72px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.58); font-weight: 500;}
.sub-visual-txt p {font-size: 26px; color: #fff; font-weight: 300; font-style: italic; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.58);}

.sub-visual-btn-wrap {position: absolute; width: 100%; height: 47px; left: 0; top: 135px; z-index: 15;}
.sub-visual-btn-inner {position: relative; max-width: 1600px; margin: 0 auto;}
.sub-visual-btn a {font-size: 18px; color: rgba(255, 255, 255, 0.7);}
.sub-visual-btn a span {display: inline-block; padding-bottom: 5px; border-bottom: 1px solid transparent; line-height: 18px; transition: all 0.3s; font-weight: 300;}

.sub-visual-prev {float: left;}
.sub-visual-prev a {position: relative; display: inline-block; padding-left: 77px; line-height: 45px;}
.sub-visual-prev a::before {content: ""; position: absolute; left: 0; top: 0; width: 45px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.8); transition: all 0.3s;}
.sub-visual-prev a::after {content: ""; position: absolute; left: 20px; top: 18px; width: 38px; height: 7px; background: url("/mbshome/mbs/afp/images/button/btn_sub_prev.png") no-repeat;}

.sub-visual-next {float: right;}
.sub-visual-next a {position: relative; display: inline-block; padding-right: 77px; line-height: 45px;}
.sub-visual-next a::before {content: ""; position: absolute; right: 0; top: 0; width: 45px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.8); transition: all 0.3s;}
.sub-visual-next a::after {content: ""; position: absolute; right: 20px; top: 18px; width: 38px; height: 7px; background: url("/mbshome/mbs/afp/images/button/btn_sub_next.png") no-repeat;}

.sub-visual-down {display: none; position: absolute; width: 60px; height: 60px; z-index: 16; right: 30px; top: 50%; margin-top: -30px; }
.sub-visual-down a {display: block; width: 100%; height: 100%; background: url("/mbshome/mbs/afp/images/button/btn_scroll.png") no-repeat center; background-size: cover;}

.sub-visual-btn a:hover::before {background-color: rgba(255, 255, 255, 0.2);}
.sub-visual-btn a:hover span {border-color: rgba(255, 255, 255, 0.7)}

@media all and (max-width:860px){
	#subVisual {height: 160px;}

	.sub-visual-txt {padding-top: 45px; height: 160px; transition: all 0.3s;}
	.sub-visual-txt h2 {font-size: 30px; position: relative; z-index: 15; line-height: 50px;}
	.sub-visual-txt p {font-size: 20px; position: relative; z-index: 15;}

	.sub-visual-btn-wrap {display: none;}
	.sub-visual-down {display: block;}
}

@media all and (max-width:420px){
	#subVisual {height: 130px;}

	.sub-visual-txt {padding: 0 10px; padding-top: 35px; text-align: left; height: 130px; transition: all 0.3s;}
	.sub-visual-txt h2 {font-size: 22px; line-height: 40px;}
	.sub-visual-txt p {font-size: 16px;}

	.sub-visual-btn-wrap {display: none;}

	.sub-visual-down {display: block; width: 50px; height: 50px; right: 10px;}
}


#subTop {position: relative; z-index: 10; width: 100%; max-width: 1600px; margin: 0 auto; margin-top: -110px;}

.sub-menu-wrap {background-color: #fff; padding: 0 50px; height: 54px; border-bottom: 1px solid #D9D9D9; text-align: center;}
.sub-menu-wrap ul {display: inline-block;}
.sub-menu-wrap ul li {position: relative; float: left;}
.sub-menu-wrap ul li a {position: relative; display: block; padding: 0 30px; font-size: 18px; line-height: 54px; color: #555555; font-weight: 400;}
.sub-menu-wrap ul li a::after {content: ""; position: absolute; width: 1px; height: 12px; background-color: #CCCCCC; left: 0; top: 21px;}
.sub-menu-wrap ul li:first-child a::after {display: none;}

.sub-menu-wrap ul li a:hover {text-decoration: underline;}

.sub-menu-wrap ul li.selected a {color: #0070FF;}
.sub-menu-wrap ul li.selected::before {content: ""; position: absolute; width: 100%; height: 3px; background-color: #0070FF; left: 0; bottom: -1px;}
.sub-menu-wrap ul li.selected::after {content: ""; position: absolute; width: 14px; height: 12px; background: url("../images/icon/ic_sub_on.png") no-repeat center; left: 50%; margin-left: -7px; bottom: -7px;}

@media all and (max-width: 860px){
	#subTop {display: none;}
}

@media all and (max-width: 420px){

}


#subContent {position: relative; width: 100%; max-width: 1600px; padding: 0 100px; min-height: 500px; padding-bottom: 160px; background-color: #fff; margin: 0 auto; box-sizing: border-box;}

@media all and (max-width: 1620px){
	#subContent {padding: 0 4%; padding-bottom: 100px;}
}

@media all and (max-width: 860px){
	#subContent {padding: 0 30px; padding-bottom: 100px;}
}

@media all and (max-width: 420px){
	#subContent {padding: 0 20px; padding-bottom: 80px;}
}

/* 편집 버튼 */
.sub-edit-btn {position: absolute; z-index: 10; left: 10px; top: 10px;}

.sub-top-tit-inner {border-bottom: 1px solid #D4D4D4; padding: 50px 0 35px;}
.sub-top-left {float: left;}
.sub-top-tit h3 {font-size: 42px; color: #0d0d0d; font-weight: 500; margin-bottom: 20px;}

.sub-visual-location {padding: 0 50px; height: 55px; background-color: rgba(0, 0, 0, 0.5);}
.sub-nav ul {float: right;}
.sub-nav ul li {float: left; line-height: 55px; font-size: 15px; color: #989898; font-weight: 300; white-space: nowrap;}
.sub-nav ul li.dep2 {color: #fff;}
.sub-nav ul li::before {content: ""; display: inline-block; margin: 0 15px; width: 8px; height: 15px; vertical-align: middle; background: url("../images/icon/ic_arrow.png") no-repeat center;}
.sub-nav ul li:first-child::before {display: none;}

.sub-top-left .sub-nav {display: none;}

.sub-top-btn {float: right;}
.sub-top-btn > ul > li {float: left; margin-left: 15px; position: relative;}
.sub-top-btn > ul > li > a, .sub-top-btn > ul > li > button {display: block; width: 40px; height: 40px; border-radius: 50%; }

.sub-top-btn li.link > a {background: url("/mbshome/mbs/afp/images/button/btn_share.png") no-repeat center;}
.sub-top-btn li.favorite > a {background: url("/mbshome/mbs/afp/images/button/btn_favorite.png") no-repeat center;}
.sub-top-btn li.print button {background: url("/mbshome/mbs/afp/images/button/btn_print.png") no-repeat center;}

@media all and (max-width: 860px){
	.sub-top-tit-inner {padding: 40px 0 10px;}

	.sub-top-tit h3 {margin-bottom: 5px;}

	.sub-nav ul li.dep2 {color: inherit;}

	.sub-top-left .sub-nav {display: block;}
}

@media all and (max-width: 420px){
	.sub-top-tit-inner {padding: 30px 0 5px;}

	.sub-top-tit h3 {font-size: 26px; margin-bottom: 0;}

	.sub-top-btn {display: none;}
}


.box_share .sns-wrap {
	display: none;
	position: absolute;
	right: -150%;
	top: 43px;
	width: 320px;
	padding: 10px 0 0 15px;
	border: 1px solid #cecece;
	background: #fff;
	text-indent: 0;
	z-index: 990;
}
.box_share .link button.close {
	background: url('../images/button/btn_fav_close.gif') center center no-repeat;
	width: 13px;
	height: 13px;
	text-indent: -5000px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.box_share .list_sns,
.box_share .list_share {
	display: inline-block;
	width: 100%;
	text-indent: 0;
}
.box_share .list_sns {margin-bottom: 5px;}
.box_share .list_sns dd {margin-top: -3px;}
.box_share dt {
	width: 20%;
	font-size: 12px;
	font-weight: 500;
	color: #333;
}
.box_share dd {
	width: 77%;
}
.box_share .list_sns dt,
.box_share .list_sns dd {
	float: left;
}
.box_share .list_sns ul {
	display: inline-block;
}
.box_share .list_sns ul li {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 8px;
	background: url('../images/button/btn_sns.gif') 0 0 no-repeat;
	text-indent: -5000px;
	cursor: pointer;
}
.box_share .list_sns ul li a {display: block;}
.box_share .list_sns ul li.btn_fb { background-position: 0 0; }
.box_share .list_sns ul li.btn_tw { background-position: -25px 0; }
.box_share .list_sns ul li.btn_ks { background-position: -50px 0; }
.box_share .list_sns ul li.btn_pr { background-position: -75px 0; }
.box_share .list_sns ul li.btn_na { background-position: -100px 0; }
.box_share .list_share dt,
.box_share .list_share dd,
.box_share .list_share dd ul li {
	float: left;
}
.box_share .list_share dt {
	padding: 5px 0;
}
.box_share .list_share ul {
	display: inline-block;
	width: 100%;
}
.box_share .list_share ul li.first {
	width: 80%;
	min-width: 180px;
	height: 30px;
}
.box_share .list_share ul li.last {
	float: right;
	width: 20%;
}
.box_share .list_share input {
	width: 100%;
	height: 27px;
	line-height: 27px;
	border: 1px solid #cecece;
	text-indent: 5px;
	box-sizing: border-box;
}
.box_share .list_share a {
	display: block;
	width: auto;
	height: 29px;
	padding: 0 5px;
	margin-left: 5px;
	background: #707070;
	line-height: 29px;
	text-align: center;
	color: #fff;
	font-weight: 400;
}
.box_share .list_share a:hover {
	color: #ffcc00 !important;
}

.labelH {font-size: 0; line-height: 0; float: left;}

.box_share > li > .box_fav {
	display: none;
	width: 310px;
	position: absolute;
	top: 45px;
	right: 0;
	border: 1px solid #cecece;
	background: #fff;
	letter-spacing: -1.0px;
	z-index: 999;
}
.box_share > li > .box_fav .title {
	padding: 10px;
	border-bottom: 1px solid #cecece;
	overflow: hidden;
}
.box_share > li > .box_fav .title p {
	float: left;
	font-weight: 500;
	font-size: 14px;
	color: #333;
}
.box_share > li > .box_fav .title button.close {
	background: url('../images/button/btn_fav_close.gif') center center no-repeat;
	width: 13px;
	height: 13px;
	text-indent: -5000px;
	float: right;
	margin-top: 5px;
}
.box_share > li > .box_fav .guide {
	padding: 10px 5px;
	border-bottom: 1px solid #cecece;
	text-align: center;
	color: #003893;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}
.box_share > li > .box_fav .guide span {
	color: #777;
	font-weight: normal;
	font-size: 12px;
	display: block;
	padding: 3px 0;
}
.box_share > li > .box_fav .guide button.add {
	background: #175dd0 url('../images/button/btn_fav_add.png') 10px center no-repeat;
	color: #fff;
	padding: 5px 10px 5px 25px;
	margin: 8px 0 5px;
	font-size: 14px;
}
.box_share > li > .box_fav .list_fav {
	padding: 15px;
	font-size: 12px;
	color: #666;
	background: #f2f2f2;
}
.box_share > li > .box_fav .list_fav ul {
	margin-bottom: 15px;
}
.box_share > li > .box_fav .list_fav li {
	margin-bottom: 10px;
}
.box_share > li > .box_fav .list_fav li a img {
	vertical-align: middle;
}
.box_share > li > .box_fav .list_fav li a strong {
	color: #101010;
	font-weight: bold;
}
.box_share  > li > .box_fav .list_fav button.clear {
	font-weight: 300;
	letter-spacing: 0px;
	display: block;
	text-align: center;
	background: #5e5e5e;
	color: #fff;
	padding: 3px 5px;
	margin: 0 auto 5px;
	width: 50px;
}
/*채용안내>군무원채용*/
.toon {display:block;}
.toon img { display:block; width: 100%; height: auto; }
.toonMobile {display:none;}

@media all and (max-width: 860px){
	.sub-top-btn > ul > li.print {display: none;}

	/*채용안내>군무원채용*/
	.toon { display:none; }
	.toonMobile {display:block;}
	.toonMobile img {  width: 100%; height: auto; }
}

@media all and (max-width: 420px){

}

/* 스타일가이드 */

/* 태블릿 및 모바일 */

.table-scroll {position: relative;}
.table-scroll-talk {display: none; position: absolute; top: -123px; left: 50%; margin-left: -180px; padding: 20px; max-width: 370px; box-sizing: border-box; background: rgba(49, 54, 68, 0.95); border-radius: 10px; z-index: 10;}
.table-scroll-talk::after {content: ""; position: absolute; width: 18px; height: 11px; background: url("/mbshome/mbs/afp/images/icon/ic_talk.png") no-repeat; bottom: -11px; left: 50%; margin-left: -9px;}
.table-scroll-talk dl {display: table; width: 100%;}
.table-scroll-talk dt {display: table-cell; width: 85px; vertical-align: middle;}
.table-scroll-talk dd {display: table-cell; vertical-align: middle; font-size: 16px; line-height: 22px; color: #fff;}

.sub-top-4dep {display: none; position: relative; padding: 0 20px 0 25px; background-color: #1C3C8F;}
.sub-top-4dep::after {content: ""; position: absolute; width: 17px; height: 10px; background: url("/mbshome/mbs/afp/images/icon/ic_dep_arrow.png") no-repeat; right: 20px; top: 22px;}
.sub-top-4dep > p {font-size: 16px; color: #fff; line-height: 55px; cursor: pointer;}
.sub-top-4dep > ul {display: none; position: absolute; background-color: #fff; border: 1px solid #1C3C8F; z-index: 20; width: 100%; left: 0; box-sizing: border-box;}
.sub-top-4dep > ul li a {display: block; padding: 15px 20px 15px 25px; font-size: 16px; color: #464646; transition: all 0.3s;}
.sub-top-4dep > ul li a:hover {background-color: #DCE2F0; color: #1c3c8f;}


.ta .table-scroll-talk {display: block;}
.ta .sub-top-4dep {display: block; margin-top: 30px;}

.mo .table-scroll-talk {display: block;}
.mo .sub-top-4dep {display: block; margin-top: 30px;}

.sub-first.sub-top {padding-top: 0;}
.sub-first {padding-top: 40px;}
.sub-first h4 {position: relative; font-size: 23px; line-height: 32px; font-weight: 400; color: #0048b7; margin-bottom: 10px; padding-left: 30px; word-break: keep-all;}
.sub-first h4::before {content: ""; position: absolute; width: 18px; height: 20px; left: 0; top: 6px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_1.png") no-repeat center;}

.sub-first p {font-size: 19px; line-height: 30px; color: #666666; font-weight: 300; word-break: keep-all;}
.sub-first p strong {font-weight: 500;}

/* .sub-first .sub-second {padding-top: 20px;} */
.sub-first .sub-table {padding-top: 10px;}

.sub-content .sub-first .circle-txt {margin: 8.5px 0;}

.sub-second {padding-top: 40px;}
.sub-second > h4 {position: relative; font-size: 19px; font-weight: 300; color: #222222; padding-left: 20px; margin-bottom: 10px; word-break: keep-all; line-height: 24px;}
.sub-second > h4::before {content: ""; position: absolute; left: 0; top: 6px; width: 9px; height: 12px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_3.png") no-repeat center;}
.sub-second p {font-size: 17px; line-height: 30px; color: #666666; font-weight: 300; word-break: keep-all;}
.sub-second p strong {font-weight: 500;}

.sub-second .sub-table {padding-top: 10px;}

.sub-third {margin-top: 40px;}
.sub-third > h4 {position: relative; font-size: 18px; font-weight: 300; color: #006265; padding-left: 25px; margin-bottom: 10px;}
.sub-third > h4::before {content: ""; position: absolute; width: 15px; height: 15px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_4.png") no-repeat center; left: 0; top: 2px;}
.sub-third strong span {font-weight: 400;}
.sub-third .arrow-txt strong {font-weight: 400; color: #222222;}

.sub-content .circle-txt {position: relative; padding-left: 15px; font-size: 17px; line-height: 30px; color: #666666; font-weight: 300; margin: 5px 0; margin-left: 10px;}
.circle-txt::before {content: ""; position: absolute; width: 5px; height: 5px; border: 2px solid #10489F; border-radius: 50%; left: 0; top: 10px;}
.circle-txt.circle-txt2::before {border-color: #009A9F;}

.sub-content .arrow-txt p {position: relative; padding-left: 15px; margin-left: 30px; font-size: 17px; line-height: 30px; color: #666666; font-weight: 300; word-break: keep-all;}
.arrow-txt p::before {content: ""; position: absolute; width: 9px; height: 4px; left: 0; top: 13px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_2.png") no-repeat center;}
.arrow-txt p span {color: #222222; }

.color1 {color: #10489f;}
.color2 {color: #ff3e00;}
.color3 {color: #00ab40;}

.sub-table {padding-top: 50px;}
.sub-table h4 {position: relative; font-size: 19px; font-weight: 300; color: #222222; padding-left: 20px; margin-bottom: 10px; word-break: keep-all; line-height: 24px;}
.sub-table h4::before {content: ""; position: absolute; left: 0; top: 6px; width: 9px; height: 12px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_3.png") no-repeat center;}

.sub-table table {width: 100%; max-width: 1400px; border-top: 2px solid #3974DB;}
.sub-table table thead th {height: 45px; text-align: center; font-size: 16px; color: #000000; font-weight: 400; background-color: #E6F4FF; border: 1px solid #D4D4D4; border-left: 0; }
.sub-table table thead th:last-child {border-right: 0;}
.sub-table table thead th.table-sub-tit {background-color: #F9F9F9;}

.sub-table table tbody th {background-color: #F4FAFF; height: 40px; text-align: center; font-size: 17px; color: #002154; font-weight: 400; border: 1px solid #D4D4D4; border-left: 0; }
.sub-table table tbody td {border: 1px solid #D4D4D4; border-right: 0; text-align: center; padding: 10px 20px; font-size: 15px; color: #666666; font-weight: 300; line-height: 18px; box-sizing: border-box; height: 40px;}
.sub-table table tbody td.txt-left {text-align: left;}
.sub-table table tbody td.txt-right {text-align: right;}
.sub-table table tbody td:first-child {border-left: 0;}

.sub-table table tbody td.table-sub-tit { font-size: 16px; color: #333333; background-color: #F9F9F9;}

.sub-table table tbody td ul li {position: relative; padding-left: 15px; margin: 15px 0; text-align: left;}
.sub-table table tbody td ul li::before {content: ""; position: absolute; width: 6px; height: 2px; background-color: #C4C4C4; left: 0; top: 8px;}

.table-scroll-wrap {position: relative;}

.ta .table-scroll {overflow-x: auto;}
.ta .sub-table table {width: 950px;}

.ta .sub-table .table-no-scroll table {width: 100%;}

.mo .table-scroll {overflow-x: auto;}
.mo .sub-table table {width: 950px;}

.mo .sub-table .table-no-scroll table {width: 100%;}

.sub-txt-group {margin-top: 20px;}

.alarm-txt {position: relative; padding-left: 25px; font-size: 16px; line-height: 30px; color: #10489f; font-weight: 300; margin: 5px 0; word-break: keep-all;}
.alarm-txt::before {content: ""; position: absolute; width: 19px; height: 20px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_5.png") no-repeat center; left: 0; top: 5px;}

.mic-txt {position: relative; padding-left: 25px; font-size: 16px; line-height: 30px; color: #ff3e00; font-weight: 300; margin: 5px 0; word-break: keep-all;}
.mic-txt::before {content: ""; position: absolute; width: 19px; height: 20px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_6.png") no-repeat center; left: 0; top: 5px;}

.point-txt {position: relative; padding-left: 25px; font-size: 16px; line-height: 30px; color: #0070ff; font-weight: 300; margin: 5px 0; word-break: keep-all;}
.point-txt::before {content: ""; position: absolute; width: 19px; height: 20px; background: url("/mbshome/mbs/afp/images/icon/ic_sub_7.png") no-repeat center; left: 0; top: 5px;}

.sub-btn-group {padding: 50px 55px;}
.sub-btn-group.center {text-align: center;}
.sub-btn-group.right {text-align: right;}
.sub-btn-group > button {display: inline-block; vertical-align: middle; padding: 0 30px; min-width: 110px; height: 50px; line-height: 48px; text-align: center; margin-left: 15px; font-size: 16px;}
.sub-btn-group > button:first-child {margin-left: 0;}


.sub-btn-group button.save {background-color: #313644; color: #fff;}
.sub-btn-group button.cancel {border: 1px solid #313644; color: #313644;}
.sub-btn-group button.modify {color: #0067C3; border: 1px solid #0067C3;}
.sub-btn-group button.list {background-color: #0067C3; color: #fff;}
.sub-btn-group button.delete {color: #ce2856; border: 1px solid #CE2856;}
.sub-btn-group button.write {background-color: #1C3C8F; color: #fff;}
.sub-btn-group button.write img {margin-right: 10px; vertical-align: middle; display: inline-block;}

.ta .sub-btn-group > button {margin: 5px 8px;}
.mo .sub-btn-group > button {margin: 5px 8px;}


.sub-btn-group > div a, .sub-btn-group > div input {display: inline-block; vertical-align: middle; padding: 0 30px; height: 50px; line-height: 48px; text-align: center; font-size: 16px; cursor: pointer; background: #fff; min-width: 110px; box-sizing: border-box;}
.sub-btn-group > div {margin-left: 15px; display: inline-block; vertical-align: middle;}
.sub-btn-group > div:first-child {margin-left: 0;}

.sub-btn-group > div.delete a {color: #ce2856; border: 1px solid #CE2856;}
.sub-btn-group > div.modify input {color: #0067C3; border: 1px solid #0067C3;}

.ta .sub-btn-group > div {margin: 5px 8px;}
.mo .sub-btn-group > div {margin: 5px 8px;}

/* 서브공통 */
.padt0 {padding-top: 0;}
.mal0 {margin-left: 0;}
.sub-content {margin-top: 45px;}

/* 서브 말따옴표 */
.sub-dot {text-align: center; padding-bottom: 50px;}
.sub-dot-inner {position: relative; display: inline-block; padding: 0 55px; box-sizing: border-box; max-width: 75%;}
.sub-dot-inner::before {content: ""; position: absolute; width: 25px; height: 22px; background: url("/mbshome/mbs/afp/images/icon/ic_left_dot.png") no-repeat; left: 0; top: 15px; }
.sub-dot-inner::after {content: ""; position: absolute; width: 25px; height: 22px; background: url("/mbshome/mbs/afp/images/icon/ic_right_dot.png") no-repeat; right: 0; top: 15px;}
.sub-dot-inner h3 {font-size: 30px; line-height: 55px; font-weight: 300; color: #2f2f2f; word-break: keep-all; }
.sub-dot-inner h3 span {color: #0065e2; font-weight: 500;}
.sub-dot-inner h3 strong {font-size: 40px; color: #0065e2; font-weight: 500;}
.sub-dot-inner h3:nth-child(2) {font-style: italic;}

@media all and (max-width: 860px){
	.sub-content {margin-top: 30px;}

	.sub-dot-inner {max-width: 100%; }
}

@media all and (max-width: 420px){
	.sub-dot {padding-bottom: 25px;}
	.sub-dot-inner {padding: 0 35px;}
	.sub-dot-inner h3 {font-size: 25px; line-height: 35px;}
	.sub-dot-inner h3 strong {font-size: 35px; margin-top: 10px; line-height: 45px;}
}

/* 인사말 */
.intro-info {float: left; width: 60%; background: url("../images/sub/greeting_bg.png") no-repeat center top; background-size: contain; min-height: 780px;}
.intro-info-inner {width: 90%; text-align: center;}
.intro-info-inner h3 {word-break: keep-all; font-size: 30px; line-height: 55px; color: #2f2f2f; font-weight: 300; padding-top: 65px; background: url("../images/sub/greeting_dot.png") no-repeat center top; margin-bottom: 55px;}
.intro-info-inner h3 span {font-size: 40px; color: #0064e1; font-weight: 500;}
.intro-info-inner p {font-size: 17px; line-height: 32px; color: #666666; font-weight: 300; word-break: keep-all;}
.intro-info-inner p span {color: #0048b7;}
.intro-info-inner p strong {display: block; margin-top: 40px; font-size: 20px; line-height: 34px; color: #0048b7; font-weight: 400;}

.intro-img {float: right;width: 40%;}
.intro-img img {max-width: 100%; margin: 0 auto; display: block;}

@media all and (max-width: 860px){
	.intro-info {float: none; width: 100%;}
	.intro-info-inner {width: 100%;}

	.intro-img {float: none; width: 100%; margin-bottom: 0px;}
	.intro-img img {max-width: 80%;}
}

@media all and (max-width: 420px){
	.intro-info-inner h3 {font-size: 25px; line-height: 40px; margin-bottom: 0px;}
	.intro-info-inner h3 span {font-size: 30px;}
	.intro-img img {max-width: 100%;}
}

/* 비전 및 임무 */
.vision-top {text-align: center; }
.vision-mark ul {display: inline-block;}
.vision-mark ul li {float: left; position: relative; line-height: 165px;}

.vision-mark ul li.first {padding-left: 290px; padding-bottom: 55px;}
.vision-mark ul li.first::before {content: ""; position: absolute; width: 160px; height: 1px; border-bottom: 1px dashed #D1D2D5; right: 100px; bottom: 15px;}
.vision-mark ul li.first::after {content: ""; position: absolute; height: 45px; width: 1px; border-right: 1px dashed #bbb; right: 90px; bottom: 15px; transform: skewX(-20deg);}
.vision-mark ul li.second {width: 165px; height: 165px; line-height: 165px; border-radius: 50%; background-color: rgba(252, 154, 119, 0.8); margin:0 -30px; z-index: 5;}
.vision-mark ul li.third {padding-right: 290px; padding-bottom: 55px;}
.vision-mark ul li.third::before {content: ""; position: absolute; width: 130px; height: 1px; border-bottom: 1px dashed #D1D2D5; left: 100px; bottom: 15px;}
.vision-mark ul li.third::after {content: ""; position: absolute; height: 45px; width: 1px; border-right: 1px dashed #bbb; left: 90px; bottom: 15px; transform: skewX(20deg);}

.vision-mark ul li > p {position: relative; z-index: 3; display: inline-block; vertical-align: middle; width: 140px; height: 140px; border-radius: 50%; line-height: 140px; font-size: 21px; color: #fff; }
.vision-mark ul li.first > p {background-color: rgba(157, 219, 221, 1);}
.vision-mark ul li.third > p {background-color: rgba(183,222,113,1);}


.vision-mark-txt {position: absolute; bottom: 0; }
.vision-mark ul li.first .vision-mark-txt {left: 0;}
.vision-mark ul li.third .vision-mark-txt {right: 0; }
.vision-mark-txt p {font-size: 17px; line-height: 30px; color: #242424; background: #fff;}
.vision-mark-txt p span {font-size: 21px; font-weight: 500;}
.vision-mark ul li.first .vision-mark-txt p span {color: #0062de;}

.vision-list-tit {text-align: center;}
.vision-list-tit p {width: 150px; height: 55px; border: 4px solid #7CD2E8; border-radius: 30px; font-size: 15px; color: #242424; line-height: 55px; margin: 0 auto;}


.vision-list {text-align: center; padding-top: 45px}
.vision-list ul {display: inline-block; margin-top: 15px; position: relative;}
.vision-list ul::before {content: ""; position: absolute; width: 100%; height: 1px; border-bottom: 1px dashed #ddd; left: 0; top: 60px;}
.vision-list ul li {margin-left: 90px; float: left; position: relative; z-index: 5;}
.vision-list ul li p {font-size: 12px; line-height: 16px; color: #1b1a19; margin-top: 15px;}
.vision-list ul li:first-child {margin-left: 0;}

.vision-list-icon {position: relative; line-height: 120px; text-align: center; width: 125px;}
.vision-list-icon::before {content: ""; position: absolute; left: 0; top: 0; width: 120px; height: 120px; background-color: #CAEDF6; border-radius: 50%; }
.vision-list-icon img {position: relative; z-index: 5; display: inline-block;}
.vision-list-icon.point img {margin-top: -20px; margin-right: -30px;}

.vision-list.first {position: relative; padding-top: 110px;}
.vision-list.first::before {content: ""; position: absolute; width: 34px; height: 61px; background: url("../images/sub/vision_arrow.png") no-repeat center; left: 50%; margin-left: -17px; top: 30px;}
.vision-list.first .vision-list-tit p {border-color: #FDAC4C;}
.vision-list.first .vision-list-icon::before {background-color: #FFD4BC;}

@media all and (max-width: 1100px){
	.vision-mark ul {display: block;}
	.vision-mark ul li {width: calc(39% - 23%);}
	.vision-mark ul li.first {padding-left: 26%;}
	.vision-mark ul li.first::before {width: 30%;}
	.vision-mark ul li.third {padding-right: 26%;}
	.vision-mark ul li.third::before {width: 30%;}
	/*비전_20210721*/
	.visionSt {text-align: center; }
	.visionSt img {width:100%; }
}

@media all and (max-width: 860px){
	.vision-mark ul li {overflow: hidden; width: 50%; float: left;}
	.vision-mark ul li > p {}

	.vision-mark ul li.first {padding-left: 0; padding-bottom: 20px;}
	.vision-mark ul li.first::before , .vision-mark ul li.first::after {display: none;}
	.vision-mark ul li.second {display: none;}
	.vision-mark ul li.third {padding-right: 0; padding-bottom: 0px;}
	.vision-mark ul li.third::before , .vision-mark ul li.third::after {display: none;}

	.vision-mark-txt {position: static; padding-left: 0px;}

	.vision-list ul {display: block;}
	.vision-list ul::before {display: none;}
	.vision-list ul li {width: 25%; margin-left: 0;}

	.vision-list-icon {display: inline-block;}
}

@media all and (max-width: 560px){
	.vision-mark ul li {width: 100%;}
	.vision-list ul li {width: 50%; margin: 10px 0;}
}

@media all and (max-width: 420px){

}

/* 조직도 */
.org-tit {width: 347px; height: 250px; margin: 0 auto; background: url("/mbshome/mbs/afp/images/sub/org_tit.png") no-repeat center;}
.org-tit p {font-size: 26px; line-height: 250px; color: #fff; font-weight: 500; text-align: center;}

.org-half-last {position: relative;}
.org-half-bx {max-width: 800px; margin: 0 auto;}
.org-first {margin-top: -28px;}
.org-half {float: left; width: 50%; box-sizing: border-box;}
.org-half-inner {position: relative; }

.org-left {padding-top: 55px;}
.org-left .org-half-inner {padding-right: 50%;}
.org-left .org-half-inner::after {content: ""; position: absolute; width: 50%; height: 1px; background-color: #D2D2D2; right: 0; top: 50%;}
.org-right {padding: 55px 0 50px; border-left: 1px solid #D2D2D2;}
.org-right .org-half-inner {padding-left: 50%;}
.org-right .org-half-inner::after {content: ""; position: absolute; width: 49%; height: 1px; background-color: #D2D2D2; left: 0; top: 50%;}

.org-half-bx-wrap .org-right {padding-bottom: 105px;}
.org-half-last .org-right {padding-bottom: 90px;}

.org-half-inner p {height: 50px; text-align: center; line-height: 50px; background: url("/mbshome/mbs/afp/images/sub/org_bg_1.jpg"); border-radius: 10px; overflow: hidden; color: #fff; font-size: 20px;}

.org-half-last {max-width: 1220px; margin: 0 auto;}
.org-half-last ul {position: absolute; width: 410px; right: 0; top: 115px;}
.org-half-last ul li {float: left; width: 49%; margin: 0 0.5%; height: 50px; text-align: center; line-height: 50px; background: #4F6298; border-radius: 10px; overflow: hidden; color: #fff; font-size: 20px; word-break: keep-all; font-size: 17px;}

.org-bottom > ul {position: relative; margin: 0 -3%;}
.org-bottom > ul::before {content: ""; position: absolute; width: 80%; left: 10%; margin-left: 1px; top: 0; height: 1px; background-color: #d2d2d2;}
.org-bottom > ul > li {position: relative; float: left; padding-top: 60px; width: 14%; margin: 0 3%;}
.org-bottom > ul > li::before {content: ""; position: absolute; width: 1px; height: 60px; left: 50%; margin-left: 0px; top: 0; background-color: #D2D2D2;}
.org-bottom > ul > li p {height: 50px; text-align: center; line-height: 50px; background: url("/mbshome/mbs/afp/images/sub/org_bg_3.jpg"); border-radius: 10px; overflow: hidden; color: #fff; font-size: 20px;}
/*2023-01-06_조직도 수정*/
/*.org-bottom > ul > li:first-child p {background: url("/mbshome/mbs/afp/images/sub/org_bg_2.jpg");}*/
.org-bottom > ul > li ul {margin-top: 10px; padding: 15px 20px; border: 1px solid #DCDCDC;}
.org-bottom > ul > li ul li {position: relative; font-size: 15px; line-height: 25px; color: #666666; padding-left: 15px;}
.org-bottom > ul > li ul li::before {content:""; position: absolute; width: 9px; height: 4px; background: url("/mbshome/mbs/afp/images/icon/ic_org_arrow.png") no-repeat center; left: 0; top: 10px;}

@media all and (max-width: 1220px){
	.org-half-last ul {width: 34%;}
}

@media all and (max-width: 860px){
	.org-half-last ul {width: 47%; right: 0;}
	.org-half-last ul li {line-height: 30px; padding: 10px 0; height: auto;}

	.org-bottom > ul::before {width: 50%; left: 25%;}
	.org-bottom > ul > li {width: 44%; padding-top: 30px;}
	.org-bottom > ul > li::before {height: 30px;}
	/*2023-01-06_조직도 수정*/
	/*.org-bottom > ul > li:nth-child(2) {padding-bottom: 117px;}*/
	.org-bottom > ul > li:nth-child(2)::after {content: ""; position: absolute; width: 1px; height: 117px; left: 50%; bottom: 0; background-color: #DCDCDC;}

	.org-bottom > ul > li ul {position: relative;}
	.org-bottom > ul > li ul::before {content: ""; position: absolute; width: 1px; height: 10px; left: 50%; top: -10px; background-color: #DCDCDC;}
}

@media all and (max-width: 420px){
	.org-half {float: none; width: 100%;}

	.org-first {margin-top: 0;}
	.org-first .org-left {margin-top: -28px; padding-top: 55px;}

	.org-left {padding-top: 40px;}
	.org-left .org-half-inner {padding-right: 0; max-width: 160px; margin: 0 auto;}
	.org-left .org-half-inner::after {top: -40px; right: 50%; height: 40px; width: 1px; }
	.org-first .org-left .org-half-inner::after {top: -55px; right: 50%; height: 55px; width: 1px; }

	.org-right {padding: 40px 0; border-left: 0;}
	.org-right .org-half-inner {padding-left: 0; max-width: 160px; margin: 0 auto;}
	.org-right .org-half-inner::after {width: 1px; height: 65px; top: -65px; left: 50%;}

	.org-half-bx-wrap .org-right {position: relative; padding-bottom: 45px;}
	.org-half-bx-wrap .org-right::before {content: ""; position: absolute; width: 1px; height: 40px; background-color: #DCDCDC; left: 50%; margin-left: -1px; top: 0;}
	.org-half-bx-wrap .org-right::after {content: ""; position: absolute; width: 1px; height: 45px; background-color: #DCDCDC; left: 50%; margin-left: -1px; bottom: 0;}
	.org-half-bx-wrap .org-right .org-half-inner::after {display: none;}
	.org-half-last .org-right {position: relative; padding-top: 0px; padding-bottom: 60px; padding-right: 1px;}
	.org-half-last .org-right::after {content: ""; position: absolute; width: 1px; height: 60px; left: 50%; bottom: 0; background-color: #DCDCDC;}

	.org-half-last ul {position: static; width: 100%; max-width: 340px; margin: 0 auto; margin-top: -50px; padding-bottom: 10px;}
	.org-half-last ul li {margin: 0; width: 47%; font-size: 17px; height: 20px; line-height: 20px;}
	.org-half-last ul li:first-child {margin-right: 6%;}
}

@media all and (max-width: 360px){
	.org-tit {width: 320px; height: 225px; background-size: contain;}
	.org-tit p {line-height: 230px;}
}


/* 종이출판 */
.paper-list {max-width: 1100px;}
.paper-list li {float: left; text-align: center;}
.paper-list li img {max-width: 100%;}

.paper-list.list1 li {margin-left: 4%; }
.paper-list.list1 li:first-child {margin-left: 0;}

.paper-list.list2 li {margin-left: 5%;}
.paper-list.list2 li:first-child {margin-left: 0; }
.paper-list.list2 li:nth-child(2) {}
.paper-list.list2 li:last-child {margin-top: -20px;}

.paper-list.list3 li {margin-left: 4%;}
.paper-list.list3 li:first-child {margin-left: 0;}
.paper-list.list3 li:last-child {margin-top: -38px;}

.paper-list.list4 li {width: 26%;}
.paper-list.list4 li h5 {margin-top: 35px; font-size: 14px; line-height: 22px; color: #242424;}
.paper-list.list4 li p {font-size: 12px; line-height: 20px; color: #1b1a19;}

.paper-list.list5 li {width: 44%; padding: 0 3%; text-align: left; padding-top: 20px;}
.paper-list.list5 li dl {display: table; width: 100%;}
.paper-list.list5 li dt {display: table-cell; vertical-align: middle; width: 110px;}
.paper-list.list5 li dd {display: table-cell; vertical-align: top;}
.paper-list.list5 li h5 {font-size: 14px; line-height: 22px; color: #242424;}
.paper-list.list5 li p {font-size: 12px; line-height: 20px; color: #1b1a19;}

.paper-list.list5 li.icon1 .paper-icon {width: 90px; height: 90px; border-radius: 50%; background: #458CD9 url("../images/sub/paper_icon_1.png") no-repeat center;}
.paper-list.list5 li.icon2 .paper-icon {width: 90px; height: 90px; border-radius: 50%; background: #458CD9 url("../images/sub/paper_icon_2.png") no-repeat center;}
.paper-list.list5 li.icon3 .paper-icon {width: 90px; height: 90px; border-radius: 50%; background: #458CD9 url("../images/sub/paper_icon_3.png") no-repeat center;}

@media all and (max-width: 1200px){
	.paper-list.list1 li {width: 20%; box-sizing: border-box; padding: 0 2%; margin-left: 0;}

	.paper-list.list2 li {margin-left: 6%;}
	.paper-list.list2 li:first-child {width: 32%;}
	.paper-list.list2 li:nth-child(2) {width: 21%;}
	.paper-list.list2 li:last-child {width: 35%; margin-top: -2%;}

	.paper-list.list3 li {margin-left: 10%;}
	.paper-list.list3 li:first-child {width: 21%;}
	.paper-list.list3 li:last-child {width: 69%; margin-top: -3%;}
}

@media all and (max-width: 860px){
	.paper-list.list4 li {width: 33.33%;}

	.paper-list.list5 li {width: 94%;}
	.paper-list.list5 li:last-child {text-align: right;}
}

@media all and (max-width: 420px){
	.paper-list li {float: none; margin: 10px 0;}

	.paper-list.list1 li {width: 50%; float: left;}
	.paper-list.list1 li:nth-child(3) img {width: 99%;}

	.paper-list.list2 li {margin-left: 0;}
	.paper-list.list2 li:first-child {width: 100%;}
	.paper-list.list2 li:nth-child(2) {width: 100%;}
	.paper-list.list2 li:last-child {width: 100%; margin-top: 0;}

	.paper-list.list3 li {margin-left: 0;}
	.paper-list.list3 li:first-child {width: 100%;}
	.paper-list.list3 li:last-child {width: 100%; margin-top: 0;}

	.paper-list.list4 li {width: 100%;}
}

/* 디자인 */
.design-bx {position: relative; max-width: 1300px; margin: 0 auto;}
.design-logo {position: absolute; width: 130px; height: 130px; background-color: #fff; border-radius: 50%; text-align: center; padding-top: 27px; box-sizing: border-box; left: 50%; margin-left: -80px; top: 50%; margin-top: -110px; z-index: 10;}
.design-logo p {font-size: 16px; line-height: 27px; color: #404040; font-weight: 500;}

.design-bx-inner {float: left; width: 50%;}
.design-bx-inner4 {float: right;}

.design-bx-inner .design-tit {position: relative; width: 49%; padding-top: 36.75%;}
.design-bx-inner .design-tit-inner {position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center;}
.design-bx-inner .design-tit p {font-size: 18px; line-height: 29px; color: #fff; font-weight: 500; }
.design-bx-inner .design-tit p em {font-size: 18px; font-weight: 300;}
.design-bx-inner .design-tit p:last-child {display: inline-block; font-size: 12px; line-height: 19px; color: #fff; text-align: left; padding: 0 5%; margin-top: 15px;}

.design-bx-inner .design-info {position: relative; margin-top: 42%; box-sizing: border-box;}
.design-bx-inner .design-info p {position: absolute; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; font-size: 16px; line-height: 26px; color: #555555; box-sizing: border-box; padding: 10px 20px; word-break: keep-all;}



.design-tit-table {display: table; width: 100%; height: 100%;}
.design-tit-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}

.design-bx-inner1 {padding-top: 27%; position: relative; margin-left: -20px;}
.design-bx-inner1 .design-tit {float: right; background: rgba(38, 127, 228, 0.7); background-size: cover; border-radius: 0 70px 0 70px; margin-right: -20px;}
.design-bx-inner1 .design-tit::after {content: ""; position: absolute; width: 8px; height: 8px; background-color: #595959; border-radius: 50%; left: -24%; top: 58px; z-index: 5;}
.design-bx-inner1 .design-info {position:absolute; left: 0; top: 0;  margin-top: 25px; padding-top: 0; height: 53%;}
.design-bx-inner1 .design-info img {height: 100%;}
.design-bx-inner1 .design-info::before {content: ""; position: absolute; width: 1px; height: 75px; background-color: #CDCDCD; bottom: -75px; left: 40%;}
.design-bx-inner1 .design-info::after {content: ""; position: absolute; width: 50px; height: 1px; background: #CDCDCD; left: 40%; bottom: -75px;}

.design-bx-inner2 {padding-top: 27%; position: relative;}
.design-bx-inner2 .design-tit {float: left; background: rgba(22, 118, 167, 0.7); background-size: cover; border-radius: 70px 0 70px 0;}
.design-bx-inner2 .design-tit::after {content: ""; position: absolute; width: 8px; height: 8px; background-color: #595959; border-radius: 50%; right: -24%; top: 58px; z-index: 5;}
.design-bx-inner2 .design-info {position:absolute; right: 0; top: 0; margin-top: 25px; padding-top: 0; height: 53%;}
.design-bx-inner2 .design-info img {height: 100%;}
.design-bx-inner2 .design-info::before {content: ""; position: absolute; width: 1px; height: 75px; background-color: #CDCDCD; bottom: -75px; right: 40%;}
.design-bx-inner2 .design-info::after {content: ""; position: absolute; width: 50px; height: 1px; background: #CDCDCD; right: 40%; bottom: -75px;}

.design-bx-inner3 {float: right; position: relative; left: -20px; top: -20px; width: 50%;}
.design-bx-inner3 .design-tit {float: left; background: rgba(51, 174, 177, 0.7); background-size: cover; border-radius: 0 70px 0 70px; margin-right: -20px;}
.design-bx-inner3 .design-tit::after {content: ""; position: absolute; width: 8px; height: 8px; background-color: #595959; border-radius: 50%; right: -26%; bottom: 38px; z-index: 5;}
.design-bx-inner3 .design-info {float: right;  text-align: right; width: 69%; padding-top: 0; margin-top: 5%;}
.design-bx-inner3 .design-info::before {content: ""; position: absolute; width: 1px; height: 75px; background-color: #CDCDCD; top: -75px; right: 45%;}
.design-bx-inner3 .design-info::after {content: ""; position: absolute; width: 50px; height: 1px; background: #CDCDCD; right: 45%; top: -75px;}
.design-bx-inner3 .design-info img {max-width: 100%;}

.design-bx-inner4 {float: right; position: relative; top: -20px; width: 50%;}
.design-bx-inner4 .design-tit {float: right; background:  rgba(34, 164, 232, 0.7); background-size: cover; border-radius: 70px 0 70px 0;}
.design-bx-inner4 .design-tit::after {content: ""; position: absolute; width: 8px; height: 8px; background-color: #595959; border-radius: 50%; left: -25%; bottom: 36px; z-index: 5;}
.design-bx-inner4 .design-info {width: 91%;}
.design-bx-inner4 .design-info::before {content: ""; position: absolute; width: 1px; height: 75px; background-color: #CDCDCD; top: -75px; left: 35%;}
.design-bx-inner4 .design-info::after {content: ""; position: absolute; width: 50px; height: 1px; background: #CDCDCD; left: 35%; top: -75px;}
.design-bx-inner4 .design-info img {max-width: 100%;}

@media all and (max-width: 1320px){
	.design-logo {display: none;}
}

@media all and (max-width: 1100px){
	.design-bx {max-width: 860px; margin: 0 auto;}
	.design-bx-inner {width: 47%; margin: 0 1.5%; margin-bottom: 35px;}
	.design-bx-inner .design-tit {width: 100%; padding-top: 0; height: 100%;}
	.design-bx-inner .design-tit-inner {position: static;}
	.design-tit-cell { padding: 10px 5%;}

	.design-bx-inner .design-info p {position: static; display: block;}
	.design-bx-inner .design-info img {max-width: 100%; height: auto;}

	.design-bx-inner1 {padding-top: 0;}
	.design-bx-inner1 .design-tit {position: relative; float: none; background: rgba(38, 127, 228, 1); border-radius: 0 100px 0 100px; overflow: hidden;}
	.design-bx-inner1 .design-tit::before {content: "01"; position: absolute; font-size: 70px; left: 0; top: -15px; color: rgba(255, 255, 255, 0.2); font-family:'Titillium Web', sans-serif; letter-spacing: -0.5px;}
	.design-bx-inner1 .design-info {float: none; border-top: 0; position: static;}
	.design-bx-inner1 .design-info::after {display: none;}
	.design-bx-inner1 .design-info::before {display: none;}

	.design-bx-inner2 {padding-top: 0;}
	.design-bx-inner2 .design-tit {float: none; background: rgba(22, 118, 167, 1); border-radius: 0 100px 0 100px; overflow: hidden;}
	.design-bx-inner2 .design-tit::before {content: "02"; position: absolute; font-size: 70px; left: 0; top: -15px; color: rgba(255, 255, 255, 0.2); font-family:'Titillium Web', sans-serif; letter-spacing: -0.5px;}
	.design-bx-inner2 .design-info {float: none; border-top: 0; position: static;}
	.design-bx-inner2 .design-info::after {display: none;}
	.design-bx-inner2 .design-info::before {display: none;}

	.design-bx-inner3 {float: left; position: static;}
	.design-bx-inner3 .design-tit {float: none; background: rgba(51, 174, 177, 1); border-radius: 0 100px 0 100px; overflow: hidden;}
	.design-bx-inner3 .design-tit::before {content: "03"; position: absolute; font-size: 70px; left: 0; top: -15px; color: rgba(255, 255, 255, 0.2); font-family:'Titillium Web', sans-serif; letter-spacing: -0.5px;}
	.design-bx-inner3 .design-info {float: none; border-bottom: 0; margin-top: 25px; width: 100%;}
	.design-bx-inner3 .design-info::after {display: none;}
	.design-bx-inner3 .design-info p span {position: static;}
	.design-bx-inner3 .design-info::before {display: none;}

	.design-bx-inner4 {float: left;}
	.design-bx-inner4 .design-tit {float: none; background:  rgba(34, 164, 232, 1); border-radius: 0 100px 0 100px; overflow: hidden;}
	.design-bx-inner4 .design-tit::before {content: "04"; position: absolute; font-size: 70px; left: 0; top: -15px; color: rgba(255, 255, 255, 0.2); font-family:'Titillium Web', sans-serif; letter-spacing: -0.5px;}
	.design-bx-inner4 .design-info {float: none; border-bottom: 0; width: 100%; margin-top: 25px;}
	.design-bx-inner4 .design-info::after {display: none;}
	.design-bx-inner4 .design-info::before {display: none;}
	.design-bx-inner4 .design-info p span {position: static;}
}



@media all and (max-width: 660px){
	.design-bx-inner {width: 100%; margin: 0; margin-bottom: 35px;}
	.design-bx-inner .design-info {min-height: auto; padding-bottom: 15px;}
}

/* 전자출판 */
.public-img-group {margin: 0 -1.5%; margin-top: 20px; margin-bottom: 25px;}
.public-img-group .public-img {float: left; width: 20%; margin: 0 2.5%;}
.public-img-group .public-img img {display:block; max-width: 100%; margin: 0 auto;}
.public-img-group .public-img p {text-align: center; font-size: 16px; line-height: 30px; color: #666666; font-weight: 300; margin-top: 15px;}

@media all and (max-width: 860px){
	.public-img-group {margin-top: 10px;}
	.public-img-group .public-img {width: 47%; margin-top: 15px;}
}

@media all and (max-width: 420px){
	.public-img-group {margin: 0; margin-top: 10px; margin-bottom: 25px;}
	.public-img-group .public-img {width: 100%; margin: 0;}
	.public-img-group .public-img p {margin-bottom: 15px;}

}

/* 신사업 */
.new-bx {margin: 0 -2%;}
.new-bx .new-bx-inner {float: left; width: 46%; margin: 0 2%; box-sizing: border-box; border: 1px solid #DCDCDC; margin-top: 40px;}
.new-bx .new-bx-inner img {max-width: 100%;}

.new-bx .new-bx-inner .tit {font-size: 20px; line-height: 50px; color: #fff; text-align: center;}
.new-bx .new-bx-inner1 .tit {background: url("/mbshome/mbs/afp/images/sub/new_bg_1.jpg");}
.new-bx .new-bx-inner2 .tit {background: url("/mbshome/mbs/afp/images/sub/new_bg_2.jpg");}
.new-bx .new-bx-inner3 .tit {background: url("/mbshome/mbs/afp/images/sub/new_bg_3.jpg");}
.new-bx .new-bx-inner4 .tit {background: url("/mbshome/mbs/afp/images/sub/new_bg_4.jpg");}

.new-bx-info p {padding: 20px 8%; font-size: 17px; line-height: 30px; color: #666666; font-weight: 300; word-break: keep-all; text-align: center;}

@media all and (max-width: 1620px) {
	.new-bx-info p {padding:20px 4%; min-height: 120px;}
}

@media all and (max-width: 860px){
	.new-bx {margin: 0;}
	.new-bx .new-bx-inner {float: none; width: 100%; margin: 0; margin-top: 15px;}

	.new-bx-info p {min-height: auto;}
}

@media all and (max-width: 420px){

}

/* 인재양성 및 친환경 */
.eco-list ul {max-width: 950px; margin: 0 auto;}
.eco-list li {float: left; text-align: center; width: 25%;}
.eco-list li:nth-child(2) {width: 48%; padding: 0 5px;}
.eco-list li img {max-width: 100%; }

.eco-list h4 {margin: 15px 0 10px; font-size: 17px; color: #242424; font-weight: 400; }
.eco-list p {font-size: 12px; line-height: 20px; color: #1b1a19;}


@media all and (max-width: 1290px){

}

@media all and (max-width: 860px){
	.eco-list li {width: 100%; box-sizing: border-box; padding: 0 2%; margin: 10px 0;}
	.eco-list li:nth-child(2) {width: 100%;}
}

@media all and (max-width: 420px){

}

/* 찾아오시는 길 */
.contact-top {display: table; width: 100%;  margin-bottom: 70px; height: 500px;}
.contact-top .contact-map {display: table-cell; width: 51%; background: url("/mbshome/mbs/afp/images/sub/location_map_2.jpg") no-repeat center; background-size: cover; border: 1px solid #D9DEE2; border-right: 0; }
.contact-top .contact-map img {display: none; width: 100%;}
.contact-top .contact-info {display: table-cell; vertical-align: top; width: 49%; padding: 0 40px 30px; border: 1px solid #D9DEE2; background-color: #F9F9F9;}

.contact-tit {float: left; width: 20%; padding-right: 2%; box-sizing: border-box; max-width: 183px; }
.contact-tit p {display: inline-block; width: 100%; max-width: 183px; height: 163px; background: url("/mbshome/mbs/afp/images/sub/location_tit.png") no-repeat center top; background-size: contain;}
.contact-tit p span {display: inline-block; width: 100%; padding-top: 60%; box-sizing: border-box; text-align: center; font-size: 18px; color: #fff; background: url("/mbshome/mbs/afp/images/icon/ic_car.png") no-repeat 45% 30px; padding-right: 15px;}


.contact-path-info p {position: relative; padding-left: 30px; font-size: 16px; line-height: 30px; color: #666666; font-weight: 300; margin: 20px 0 0;}
.contact-path-info p::before {content: ""; position: absolute; width: 20px; height: 23px; left: 0; top: 5px; background: url("/mbshome/mbs/afp/images/icon/ic_location.png") no-repeat center;}

@media all and (max-width: 860px){
	.contact-top {display: block; height: auto;}
	.contact-top .contact-map {display: block; width: 100%; background: none; border-right: 1px solid #D9DEE2; box-sizing: border-box; border-bottom: 0;}
	.contact-top .contact-map img {display: block;}
	.contact-top .contact-info {display: block;width: 100%; box-sizing: border-box;}

	.contact-tit {float: none; width: 100%; max-width: 183px; margin-bottom: 20px;}
	.contact-tit p {height: auto; padding: 10px 20px; background: #0067C3; border-radius: 20px 0 20px 0;}
	.contact-tit p span {padding-top: 0; background: none;}

	.contact-path {float: none; width: 100%;}
}

@media all and (max-width: 420px){
	.contact-top {margin-bottom: 35px;}
	.contact-top .contact-info {padding: 0 20px 30px;}

	.contact-path-img {float: none; width: 100%; }
	.contact-path-info {float: none; width: 100%; padding: 0;}
	
}
@media all and (max-width: 600px) {
.box1 img{width:100%;height:auto;}/*연혁*/
}

/* 사이트맵 */
.sitemap-content > ul {margin: 0 -2.5%;}
.sitemap-content > ul > li {float: left; width: 20%; margin: 0 2.5%; min-height: 355px;}
.sitemap-content > ul > li > p {position: relative; padding: 0 15px 0 20px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: url("/mbshome/mbs/afp/images/sub/sitemap_bg.jpg"); border-radius: 20px 0 20px 0; overflow: hidden;}
.sitemap-content > ul > li > p::after {content: ""; position: absolute; width: 18px; height: 18px; background: url("/mbshome/mbs/afp/images/icon/ic_sitemap_arrow.png") no-repeat; right: 15px; top: 50%; margin-top: -9px;}

.sitemap-2dep {padding: 15px 25px;}
.sitemap-2dep > ul > li {padding: 10px 0;}
.sitemap-2dep > ul > li > a {position: relative; display: inline-block; padding-left: 15px; font-size: 18px; color: #333333; font-weight: 300; word-break: keep-all;}
.sitemap-2dep > ul > li > a::before {content: ""; position: absolute; width: 6px; height: 6px; background-color: #315EA4; left: 0; top: 5px;}
.sitemap-2dep > ul > li > a span {border-bottom: 1px solid #fff; transition: all 0.3s;}

.sitemap-2dep > ul > li > a span:hover {color: #1e69e0; border-color: #315EA4;}

.ta .sitemap-content > ul > li {width: 45%;}

.mo .sitemap-content > ul {margin: 0;}
.mo .sitemap-content > ul > li {width: 100%; margin: 0; min-height: auto;}



/* 페이징 */
.paging {text-align: center; padding: 40px 0;}
.paging > button {display: inline-block; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #CFCFCF; margin: 0 3px;}
.paging > button.first {background: url("/mbshome/mbs/sdd/images/button/btn_pg_first.png") no-repeat center;}
.paging > button.prev {background: url("/mbshome/mbs/sdd/images/button/btn_pg_prev.png") no-repeat center;}
.paging > button.next {background: url("/mbshome/mbs/sdd/images/button/btn_pg_next.png") no-repeat center;}
.paging > button.last {background: url("/mbshome/mbs/sdd/images/button/btn_pg_last.png") no-repeat center;}

.paging .pc {display: inline-block; vertical-align: middle; }
.paging ul {display: inline-block; vertical-align: middle; margin: 0 10px;}
.paging ul li {display: inline-block; vertical-align: middle; margin: 0 3px;}
.paging ul li button {display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 16px; color: #666666; font-weight: 300;}
.paging ul li.selected button {font-weight: 500; color: #fff; background-color: #777777;}
.paging ul li:hover button {text-decoration: underline;}

.paging .tam {display: none; margin: 0 20px;}
.paging .tam p {float: left; font-size: 16px; color: #666; line-height: 35px; font-weight: 300;}
.paging .tam p.current {color: #063F96; margin-right: 10px; font-weight: 500;}
.paging .tam p.total {margin-left: 10px;}

.ta .paging {padding: 30px 0;}
.mo .paging {padding: 30px 0;}

.ta .paging .pc {display: none;}
.mo .paging .pc {display: none;}

.ta .paging .tam, .mo .paging .tam {display: inline-block; vertical-align: middle;}

/* 검색하기 */
.search-form {background: #fff; margin-top: 25px; text-align:right; margin-bottom: 20px;}
.search-form-inner {display:inline-block; width: 100%; max-width: 500px;}
.search-form label {display: none; float: left; font-size: 20px; line-height: 45px; margin-right: 15px;}
.search-form select {float: left; border: 1px solid #ddd; font-size: 17px; height: 45px; width: 150px; padding: 0 5px; margin-right: 5px;}
.search-form .search_area {float: left; width: calc(100% - 155px);}
.search-form .search_area .input_search {float: left; width: calc(100% - 95px); border: 1px solid #ddd; height: 43px; padding: 0 10px; font-size: 16px;}
.search-form .search_area .search_btn {float: right; width: 70px; height: 45px; line-height: 45px; font-size: 17px; background: #1C3C8F; color: #fff; border: 0;}


/* 비디오 */
.video-list {margin: 0 -1%; padding-top: 40px;}
.video-list-inner {float: left; width: 31.333%; position: relative; padding: 0 1%; margin-bottom: 40px;}

.video-list-inner .video-view-btn {position: absolute; z-index: 15; display:inline-block; width: 100px; height: 35px; font-size: 14px; color: #fff; background-color: #1c3c8f; left: 5%; top: 10px; line-height: 35px; text-align: center; border: 0;}
.video-list-inner .video-view-btn::after {border: 0;}


.video-list-inner > a {display: block; position: relative;}
.video-list-inner > a::after {content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #DADDDE; box-sizing: border-box; left: 0; top: 0; }
.video-list-inner > a .video-list-img {position: relative; padding-top: 72.7%;}
.video-list-inner > a .video-list-img span {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.video-list-inner > a .video-list-img span img {width: 100%; height: 100%;}

.video-list-txt {position: absolute; left: 0px; box-sizing: border-box; bottom: 0px; text-align: center; width: 100%; z-index: 10; background: rgba(0, 0, 0, 0.7); height: 70px; overflow: hidden; }
.video-list-txt > p {display: table; width: 100%;}
.video-list-txt > p span {display: table-cell; vertical-align: middle; font-size: 19px; line-height: 30px; color: #fff; padding: 5px 10px; width: 100%; word-break: break-all;}

.video-list-txt ul {display: inline-block;}
.video-list-txt ul li {float: left; position: relative; font-size: 14px; line-height: 20px; color: #9a9a9a; padding: 0 10px;}
.video-list-txt ul li::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #616161; left: 0; top: 6px; z-index: 10;}
.video-list-txt ul li:first-child::before {display: none;}
.video-list-txt ul li .view {padding-left: 25px; background: url("/mbshome/mbs/sdd/images/icon/ic_view.png") no-repeat left center;}

/**
.video-hover {position: absolute; width: 100%; height: 100%; z-index: 11; left: 0; top: 0; background: rgba(0, 0, 0, 0.5) url("/mbshome/mbs/sdd/images/icon/ic_video.png") no-repeat center; transition: all 0.3s; opacity: 0; }
*/
.video-hover {position: absolute; width: 100%; height: 100%; z-index: 11; left: 0; top: 0;}

.video-list-inner a:hover .video-hover {opacity: 1;}

.ta .video-list-inner {width: 48%; margin-bottom: 20px;}
.ta .video-hover {background-size: 60px auto;}

.mo .video-list-inner {width: 100%; padding: 0; margin-bottom: 20px;}
.mo .video-hover {background-size: 60px auto;}

/* 사진 */
.photo-list {margin: 0 -1%; padding-top: 40px;}
.photo-list-inner {float: left; width: 31.333%; position: relative; padding: 0 1%; margin-bottom: 40px;}
.photo-list-inner a {display: block; position: relative; transition: all 0.3s; }
.photo-list-inner a::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; z-index: 5; border: 1px solid #DADDDE;}
.photo-list-inner a .photo-img {position: relative; padding-top: 68.2%; }
.photo-list-inner a .photo-img span {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.photo-list-inner a .photo-img span img {width: 100%;}

.photo-info {padding: 25px; padding-bottom: 35px; }
.photo-info p {font-size: 18px; line-height: 30px; color: #444444; font-weight: 500; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; height: 60px;}

.photo-list-inner a:hover {background-color: #F7FDFF; box-shadow: 0 5px 2px rgba(0, 0, 0, 0.11);}
.photo-list-inner a:hover::after {border: 1px solid #6991B4;}

.ta .photo-list-inner {width: 48%; margin-bottom: 20px;}
.ta .photo-info {padding: 20px;}

.mo .photo-list-inner {width: 100%; padding: 0; margin-bottom: 20px;}
.mo .photo-info {padding: 20px;}

/* 보도자료 */
.broad-list {padding-top: 40px;}
.broad-list-inner {position: relative; margin-bottom: 40px;}
.broad-list-inner a {display: block; border: 1px solid #C5C5C5; transition: all 0.3s;}
.broad-img {position: relative; float: left; height: 240px; width: 365px;}
.broad-img span {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.broad-img span img {width: 100%; height: 100%;}

.broad-info {float: left; width: calc(100% - 365px); padding: 25px 20px; box-sizing: border-box;}


.broad-view-btn {position: absolute; z-index: 10; left: 25px; top: 20px; z-index: 15;
display: inline-block;
width: 100px;
height: 35px;
font-size: 14px;
color: white;
background-color: #1C3C8F;
line-height: 35px;
text-align: center;
border: 0;}



.broad-info .num {font-size: 16px; line-height: 25px; color: #6fbcf6; margin-left: 10px;}
.broad-info .tit {font-size: 20px; line-height: 30px; color: #444444; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 12px 10px;}
.broad-info .info {font-size: 16px; line-height: 25px; color: #666666; height: 50px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; margin:0 10px; margin-bottom: 20px;}
.broad-info .broad-date {text-align: right; font-size: 14px; line-height: 20px; color: #9b9b9b; font-weight: 300; border-top: 1px solid #DADADA; padding-right: 20px; padding-top: 20px;}

.broad-list-inner a:hover {border-color: #6991B4; background-color: #F7FDFF; box-shadow: 0 5px 2px rgba(0, 0, 0, 0.11);}

@media all and (max-width: 700px){
  .broad-img {float: none; width: 100%; height: auto; padding-top: 65.75%;}
  .broad-info {float: none; width: 100%; }
}

.mo .broad-list-inner {margin-bottom: 20px;}

.mo .broad-img {float: none; width: 100%; height: auto; padding-top: 65.75%;}
.mo .broad-info {float: none; width: 100%; }










/* 글쓰기폼 */
.write-content {padding-top: 40px;}
.write-content .essential-icon {color: #f90029; font-size: 20px;}
.write-content table {width: 100%; border-bottom: 2px solid #7C7C7C; border-top: 2px solid #7C7C7C;}
.write-content table tbody th {padding: 0 25px; height: 50px; background-color: #F5F5F5; border-bottom: 1px solid #dfdfdf; text-align: left; font-size: 17px; color: #555555; font-weight: 300;}
.write-content table tbody tr:first-child th:first-child {border-top: 2px solid #0073DB;}
.write-content table tbody td {padding: 10px; border-bottom: 1px solid #dfdfdf;}
.write-content table tbody td input[type="text"] {width: 100%; border: 1px solid #DFDFDF; height: 30px; box-sizing: border-box; padding: 0 10px; font-size: 14px;}
.write-content table tbody td input::placeholder {color: #9c9c9c;}

.write-content table tbody td.editor {padding: 20px 0; border-bottom: 1px solid #7C7C7C;}
.write-content table tbody td.editor .editor-form {width: 100%;}
.write-content table tbody td.editor .editor-form textarea {width: 100%; min-height: 475px; box-sizing: border-box;}

.file-form {display: table; width: 100%;}
.file-form .file-list {display: table-cell; vertical-align: top;}
.file-form .file-list input {background-color: #fff;}
.file-form .file-list select {width: 100%; height: 100%; box-sizing: border-box;}

.file-form .file-btn {position: relative; display: table-cell; vertical-align: top; width: 310px; box-sizing: border-box; padding-left: 10px; }
.file-form .file-btn button {display: block; width: 145px; height: 35px; border: 1px solid #D5D5D5; background: #ECECEC url("/mbshome/mbs/sdd/images/icon/ic_delete.png") no-repeat 10px center; padding-left: 35px; box-sizing: border-box; text-align: left;}
.file-form .file-btn button.save {display: block; width: 145px; height: 35px; border: 1px solid #D5D5D5; background: #ECECEC url("/mbshome/mbs/sdd/images/icon/ic_file.png") no-repeat 10px center; padding-left: 35px; box-sizing: border-box; text-align: left;}
.file-form .file-btn p {position: absolute; left: 10px; bottom: 0; font-size: 14px; color: #9c9c9c; letter-spacing: -0.5px;}

.image-form .file-btn .custom-file {float: left;}
.image-form .file-btn button {float: right; }

.attach-form .file-list input, .attach-form .file-list select {min-height: 130px; vertical-align: top; border: 1px solid #DFDFDF;}

.attach-form .file-btn button {margin-top: 10px;}

.write-table {position: relative; border-bottom: 2px solid #7C7C7C; border-top: 2px solid #7C7C7C;}
.write-table::after {content: ""; position: absolute; width: 200px; height: 2px; background-color: #0073DB; left: 0; top: -2px; }
.write-form-wrap {display: table; width: 100%;}

.write-tit {display: table-cell; vertical-align: middle; padding: 0 25px; height: 50px; background-color: #F5F5F5; border-bottom: 1px solid #dfdfdf; text-align: left; font-size: 17px; color: #555555; font-weight: 300; width: 200px; box-sizing: border-box;}
.write-box {display: table-cell; vertical-align: middle; padding: 10px; border-bottom: 1px solid #dfdfdf;}
.write-box input[type="text"] {width: 100%; border: 1px solid #DFDFDF; height: 30px; box-sizing: border-box; padding: 0 10px; font-size: 14px;}
.write-box input::placeholder {color: #9c9c9c;}

.write-box input[id="noticeFrom"], .write-box input[id="noticeTo"] {width: auto;}

.write-editor {padding: 20px 0; border-bottom: 1px solid #7C7C7C;}
.write-editor .editor-form { width: 100%;}
.write-editor .editor-form textarea {width: 100%; min-height: 475px; box-sizing: border-box;}


.ta .write-form-wrap.col4-wrap {display: block; overflow: hidden;}
.ta .col4-wrap .write-tit {display: block; float: left; width: 200px; height: 51px; line-height: 51px;}
.ta .col4-wrap .write-box {display: block; float: left; width: calc(100% - 220px);}


.ta .file-form {display: block; overflow: hidden;}
.ta .file-form .file-list {display: block; }
.ta .file-form .file-btn {display: block; padding-left: 0; margin-top: 10px; overflow: hidden; width: 220px;}
.ta .file-form .file-btn p {position: static; float: left; width: 100%; margin-top: 10px;}

.ta .file-form .file-btn .custom-file {float: left;}
.ta .file-form .file-btn button {float: right; }
.ta .attach-form .file-btn button  {margin-top: 0;}

.ta .custom-file label {padding-left: 0; width: 100px; background: #ECECEC; text-align: center;}
.ta .file-form .file-btn button {padding-left: 0; width: 110px; background: #ECECEC; text-align: center;}


.mo .write-table::after {width: 130px;}
.mo .write-tit {width: 130px;}
.mo .write-form-wrap.col4-wrap {display: block; overflow: hidden;}
.mo .col4-wrap .write-tit {display: block; float: left; width: 130px; height: 51px; line-height: 51px;}
.mo .col4-wrap .write-box {display: block; float: left; width: calc(100% - 150px);}


.mo .file-form {display: block; overflow: hidden;}
.mo .file-form .file-list {display: block; }
.mo .file-form .file-btn {display: block; padding-left: 0; margin-top: 10px; overflow: hidden; width: 220px;}
.mo .file-form .file-btn p {position: static; float: left; width: 100%; margin-top: 10px;}

.mo .file-form .file-btn .custom-file {float: left;}
.mo .file-form .file-btn button {float: right; }
.mo .attach-form .file-btn button  {margin-top: 0;}

.mo .custom-file label {padding-left: 0; width: 100px; background: #ECECEC; text-align: center;}
.mo .file-form .file-btn button {padding-left: 0; width: 110px; background: #ECECEC; text-align: center;}

.mo .write-editor .editor-form {}
.mo .write-editor .editor-form textarea {min-height: 300px;}
.mo .write-content table tbody td.editor .editor-form {}
.mo .write-content table tbody td.editor .editor-form textarea {min-height: 300px;}










/* 일반리스트 */
.notice-list {padding-top: 40px;}
.bbs-list-tbl{display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#F2F2F2; color:#444444; font-weight:400; font-size:16px; line-height: 16px; letter-spacing:-0.5px; padding:15px 0; border-top:2px solid #555555;  border-bottom:1px solid #CFCFD1;}

.bbs-list-row {display: table-row-group; width: 100%;}
.bbs-list-row a {display:table-row; width:100%; transition: all 0.3s; box-sizing: border-box;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:18px 0; color:#444444; font-size:18px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #CFCFD1; height: 30px;}

.bbs-list-row.notice-row {background-color: #F9F9F9;}
.bbs-list-row.notice-row .notice-tit{display:inline-block; width: 30px; height: 30px; background: url("/mbshome/mbs/sdd/images/icon/ic_notice.png") no-repeat center;}

.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; padding:0 112px 0 0; overflow:hidden;}
.bbs-list-row .bbs-title a:hover{color:#000; }

.bbs-subject-con{display:inline-block; position:relative; max-width:100%; padding-right: 30px; box-sizing: border-box;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; padding-right: 10px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:18px; font-weight:400; line-height:18px; vertical-align:middle; color: #444; box-sizing: border-box;}

.bbs-subject-con .bbs-subject-icons{ position: absolute; right:10px; top: 50%; width: 18px; height:18px; margin-top:-7px; text-align:left; display: inline-block;}
.bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}

.bbs-subject-con .bbs-icons{display:inline-block; margin-left:-2px; color:#999; vertical-align:middle;  }

.new-icon{display:inline-block; height:16px; width:16px; background: url("/mbshome/mbs/sdd/images/icon/ic_new.png") no-repeat center;}


.bbs-list-row a:hover {background-color: #F2FBFE;}

.ta .bbs-list-tbl{border-top:1px solid #d7d7d7;}
.ta .bbs-list-tbl,.ta .bbs-list-row, .ta .bbs-list-row .column{display:block;}
.ta .bbs-list-head {display: table; width: 100%;}
.ta .bbs-list-head .tm-hidden {display: none;}
.ta .bbs-list-head span:first-child {width: 60px !important;}
.ta .bbs-list-head span {width: calc(100% - 60px) !important;}

.ta .bbs-list-row{position:relative; width:calc(100% - 15px); padding:15px; padding-left: 0; border-bottom:1px solid #ddd; overflow:hidden;}
.ta .bbs-list-row a {display: block; overflow: hidden;}
.ta .bbs-list-row .column{bottom:0; text-align:left; padding:3px 0; font-size:14px; height: auto; border-bottom: 0; color: #9b9b9b;}

.ta .bbs-relative-row{padding-top:40px}
.ta .bbs-list-row .column.bbs-no-data{display:none;}
.ta .bbs-list-row .column.bbs-block{clear:both; width:100%;}
.ta .bbs-list-row .column.bbs-inline{position: relative; display:inline-block; width:auto; margin-left:10px; padding-left: 10px; float: left;}
.ta .bbs-list-row .column.bbs-inline::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #C3C3C3; left: 0; top: 6px; }
.ta .bbs-list-row .column.bbs-inline.first-inline {margin-left: 0; padding-left: 0;}
.ta .bbs-list-row .column.bbs-inline.first-inline::before {display: none;}

.ta .bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}

.ta .bbs-list-row .column.bbs-num {float: left; width: 60px; height: 42px; text-align: center; line-height: 42px; padding: 0; }
.ta .bbs-list-row.notice-row .notice-tit {vertical-align: middle;}

.ta .bbs-subject-con {padding-right: 20px;}
.ta .bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;}

.ta .bbs-list-row .bbs-title {float: left; width: calc(100% - 60px);}
.ta .bbs-list-row .bbs-title a{padding:0 55px 0 0;}
.ta .bbs-subject-con .bbs-subject-icons{width:18px; right: 0;}

.mo .bbs-list-tbl{border-top:1px solid #d7d7d7;}
.mo .bbs-list-tbl,.mo .bbs-list-row,.mo .bbs-list-row .column{display:block;}
.mo .bbs-list-head {display: table; width: 100%;}
.mo .bbs-list-head .tm-hidden {display: none;}
.mo .bbs-list-head span:first-child {width: 60px !important;}
.mo .bbs-list-head span {width: calc(100% - 60px) !important;}

.mo .bbs-list-row{position:relative; width:calc(100% - 15px); padding:15px; padding-left: 0; border-bottom:1px solid #ddd; overflow:hidden;}
.mo .bbs-list-row a {display: block; overflow: hidden;}
.mo .bbs-list-row .column{bottom:0; text-align:left; padding:3px 0; font-size:14px; height: auto; border-bottom: 0; color: #9b9b9b;}

.mo .bbs-relative-row{padding-top:40px}
.mo .bbs-list-row .column.bbs-no-data{display:none;}
.mo .bbs-list-row .column.bbs-block{clear:both; width:100%;}
.mo .bbs-list-row .column.bbs-inline{position: relative; display:inline-block; width:auto; margin-left:10px; padding-left: 10px; float: left;}
.mo .bbs-list-row .column.bbs-inline::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #C3C3C3; left: 0; top: 6px; }
.mo .bbs-list-row .column.bbs-inline.first-inline {margin-left: 0; padding-left: 0;}
.mo .bbs-list-row .column.bbs-inline.first-inline::before {display: none;}
.mo .bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}

.mo .bbs-list-row .column.bbs-num {float: left; width: 60px; height: 42px; text-align: center; line-height: 42px; padding: 0; }
.mo .bbs-list-row.notice-row .notice-tit {vertical-align: middle;}

.mo .bbs-subject-con {padding-right: 20px;}
.mo .bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;}

.mo .bbs-list-row .bbs-title {float: left; width: calc(100% - 60px);}
.mo .bbs-list-row .bbs-title a{padding:0 55px 0 0;}
.mo .bbs-subject-con .bbs-subject-icons{width:18px; right: 0;}


.mo .bbs-subject-con {padding-right: 20px;}
.mo .bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;  }
.mo .bbs-list-row .bbs-title a{padding:0 55px 0 0; }
.mo .bbs-subject-con .bbs-subject-icons{width:18px; right: 0;}
.mo .bbs-list-row .reply-state{height:24px; line-height:24px; font-size:12px; text-align:center;}
.mo .bbs-list-row .bbs-comment-data{display:inline-block;}

/* 뷰페이지 */
.view-content {padding-top: 40px;}
.view-top {position: relative; padding:25px 30px 55px; border-top: 2px solid #7C7C7C; border-bottom: 1px solid #DADADA;}
.view-top .view-tit p {font-size: 20px; line-height: 35px; color: #444444;}

.view-date {position: absolute; right: 30px; bottom: 15px; }
.view-date p {position: relative; float: left; font-size: 14px; line-height: 20px; color: #9b9b9b; padding: 0 15px;}
.view-date p::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #C3C3C3; left: 0; top: 6px;}
.view-date p:first-child::before {display: none;}
.view-date p.view {padding-left: 37px; background: url("/mbshome/mbs/sdd/images/icon/ic_view.png") no-repeat 10px center;}

.view-info {padding: 50px 30px;}
.view-info img {max-width: 100%; display: block; height: auto;}
.view-info p {}

.view-file dl {display: table; width: 100%; border-top: 1px solid #7C7C7C; border-bottom: 2px solid #7C7C7C;}
.view-file dt {display: table-cell; width: 200px; vertical-align: middle; font-size: 16px; color: #444444; font-weight: 300; background: #F5F5F5; text-align: center;}
.view-file dd {display: table-cell; vertical-align: middle; padding: 15px 30px;}
.view-file dd ul li {padding: 3px 0;}
.view-file dd ul li a {display: inline-block; padding: 5px 0; padding-left: 30px; background: url("/mbshome/mbs/sdd/images/icon/ic_download.png") no-repeat center left;}

.view-btn-group {position: relative; text-align: center;}
.view-btn-group .view-btn {position: absolute; top: 48px; }
.view-btn-group .view-prev {left: 0;}
.view-btn-group .view-next {right: 0; }

.view-btn-group .view-btn button {display: inline-block; vertical-align: middle; width: 53px; height: 53px; border: 1px solid #B5B5B5; }
.view-btn-group .view-btn span {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 20px; color: #444444; padding-bottom: 5px; border-bottom: 2px solid #fff; transition: all 0.3s; margin-top: 10px; position:relative; z-index: 10;}

.view-btn-group .view-prev button {background: url("/mbshome/mbs/sdd/images/button/btn_notice_prev2.png") no-repeat center;}
.view-btn-group .view-prev span {margin-right: -125px;}
.view-btn-group .view-next button {background: url("/mbshome/mbs/sdd/images/button/btn_notice_next2.png") no-repeat center;}
.view-btn-group .view-next span {margin-left: -125px;}

.view-btn-group .view-btn button:hover span {border-color: #A1A1A1;}

.view-file dd ul li a:hover {text-decoration: underline;}

.ta .view-top {padding:15px 15px 50px;}
.ta .view-info {padding: 15px;}

.ta .view-file dt {display: none;}
.ta .view-btn-group .view-btn {top: 50px;}
.ta .view-btn-group .view-btn span {display: none;}

.mo .view-top {padding:15px 15px 50px;}
.mo .view-info {padding: 15px;}

.mo .view-file dt {display: none;}
.mo .view-btn-group .view-btn {top: 50px;}
.mo .view-btn-group .view-btn span {display: none;}

/* 답변 */
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:18px 0; color:#444444; font-size:18px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #CFCFD1; height: 30px;}

.bbs-list-row .column.state span {display: inline-block; width: 80px; height: 35px; text-align: center; line-height: 35px; vertical-align: middle; font-size: 15px; color: #fff; }
.bbs-list-row span.ing {background-color: #318BFD;}
.bbs-list-row span.complete {background-color: #F43712;}
.bbs-list-row span.wait {background-color: #35B4B8;}

.view-answer {padding: 0 30px 20px; border: 1px solid #AAAAAA; border-top: 2px solid #7C7C7C; margin-top: 50px;}

.view-answer-top {padding-bottom: 20px;}
.view-answer-top .view-answer-icon {float: left; width: 36px; height: 38px; background: url("/mbshome/mbs/afp/images/icon/ic_answer_bg.png") no-repeat center top; margin-right: 20px; text-align: center;}
.view-answer-top .view-answer-icon p {margin-top: 10px; font-size: 14px; color: #fff;}
.view-answer-top .view-answer-tit {float: left; padding-top: 15px;}
.view-answer-top .view-answer-tit > p {margin-bottom: 10px; font-size: 17px; line-height: 20px; color: #444444; font-weight: 500;}
.view-answer-top .view-answer-tit ul li {float: left; font-size: 14px; line-height: 20px; color: #9b9b9b;}
.view-answer-top .view-answer-tit ul li:first-child {padding-right: 15px; margin-right: 15px;}
.view-answer-top .view-answer-tit ul li:first-child::after {content: ""; position: absolute; width: 1px; height: 12px; background-color: #C3C3C3; top: 5px; right: 0; }

.view-answer-info {padding: 15px 20px 30px; background-color: #F2F2F2; }
.view-answer-info p {font-size: 15px; line-height: 25px; color: #666666;}

.view-answer-btn {text-align: center; margin-top: 20px;}
.view-answer-btn button {display: inline-block; width: 90px; height: 35px; box-sizing: border-box; font-size: 14px; line-height: 35px; }
.view-answer-btn button.modify {border: 1px solid #0C837F; background-color: #0C837F; margin-right: 10px; color: #fff;}
.view-answer-btn button.delete {border: 1px solid #cf3f00; color: #cf3f00;}

/* 개발페이지 */

.album-nodata {padding: 0 1%; text-align: center; padding: 30px 0; font-size: 20px; line-height: 25px; color:#333; border-bottom: 1px solid #dcdcdc; border-top: 2px solid #333;}
.board-nodata {text-align: center; padding: 30px 0; font-size: 20px; line-height: 25px; color:#333; border-bottom: 1px solid #dcdcdc;}
.broad-nodata {text-align: center; padding: 30px 0; font-size: 20px; line-height: 25px; color:#333; border-bottom: 1px solid #dcdcdc; border-top: 2px solid #333;}


.view-content .board_view_contents, .view-content .view-info {font-size: 17px; line-height: 30px; color: #666666; font-weight: 300; word-break: keep-all;}

/* 이미지박스 */
.line-img-bx {position: relative; display: inline-block; vertical-align: middle;}
.line-img-bx img {position: relative; z-index: 10;}
.line-img-bx::before {content: ""; position: absolute; width: 100%; height: 100%; right: -10px; bottom: -10px; background: url("/mbshome/mbs/afp/images/sub/sub_img_line.jpg"); z-index: 5;}

.intro-img .line-img-bx::before {right: -30px; bottom: -30px;}

@media (max-width: 860px){
	.intro-img .line-img-bx::before {width: 80%; height: 100%; right: 5%;}
}

.elec-content .line-img-bx {cursor: pointer;}

/* 팝업창 */
.popup-wrap {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; overflow-y: auto;}
.popup-wrap .popup-wrapper {position: relative;  height: 100%; width: 100%;}
.popup-wrap .popup-inner {position: absolute; width: 100%; height: 100%; left: 0; top: 0; max-width: 100%;}
.popup-wrap .popup-table {display: table; width: 100%; height: 100%; margin: 0 auto; text-align: center;}
.popup-wrap .popup-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 20px; box-sizing: border-box;}

.popup-wrap .popup-content {position: relative; display: none; margin: 0 auto; padding: 100px 0; background-color: transparent;}
.popup-wrap .popup-content.active {display: inline-block;}
.popup-wrap .popup-close {position: absolute; width: 37px; height: 37px; background: url("/mbshome/mbs/sdd/images/button/btn_popup_close.png") no-repeat; right: 50%; margin-right: -18.5px; top: 50px; cursor: pointer; z-index: 50;}

.popup-wrap .popup-content img {max-width: 100%; margin: 0 auto;}

/* 웹툰 */
.webtoon-img {text-align: center;}
.webtoon-img img {display:inline-block; max-width: 100%;}

.webtoon-btn {text-align: center; margin-top: 70px;}
.webtoon-btn ul {display: inline-block; margin: 0 -10px;}
.webtoon-btn li {float: left; margin: 0 10px;}
.webtoon-btn li a {display: block; padding: 15px 20px; font-size: 15px; color: #fff; }
.webtoon-btn li:first-child a {background-color: rgb(25, 132, 188);}
.webtoon-btn li:nth-child(2) a {background-color: rgb(0, 103, 198);}
.webtoon-btn li:last-child a {background-color: rgb(47,92,157);}

.ta .webtoon-btn {margin-top: 35px;}

/*연혁*/
.history_tbl tr{line-height:1.4em;}
table.history_tbl tbody{font-size:16px !important;}


/*2023-01-06_조직도 수정*/
.org-half-last #org_wrap{
top: 0;
}

.org-half-last #org_wrap li{
background: url('/mbshome/mbs/afp/images/sub/org_bg_1.jpg');
border-radius: 10px;
overflow: hidden;
color: #fff;
font-size: 20px;
height: 50px;
text-align: center;
line-height: 50px;
}

#org_content{
padding-top: 0;
}

#org_wrap p{
margin-bottom: 10px;
}

.org-half-last #org_wrap{
top: -5px;
}

.org-left #org_wrap::before{
content: "";
position: absolute;
width: 1px;
height: 71%;
background-color: #D2D2D2;
right: 35%;
top: 25px;
}

.org-left #org_wrap p:nth-child(1)::after, .org-left #org_wrap p:nth-child(3)::after{
content: "";
position: absolute;
background-color: #D2D2D2;
width: 15%;
height: 1px;
}

.org-left #org_wrap p:nth-child(1)::after{
top: 25px;
right: 35%;
}

.org-left #org_wrap p:nth-child(3)::after{
top: 145px;
right: 35%;
}

@media all and (max-width:420px){
 #org_wrap p{
 margin-bottom: 45px;
 }

 .org-left #org_wrap::before{
  z-index: -1;
  height: 85%;
  right: 51%;
 }

 .org-half-last #org_wrap{
  position: relative;
  z-index: 1;
  }

  .org-left #org_wrap p:nth-child(1)::after, .org-left #org_wrap p:nth-child(3)::after{
  display: none;
  }

  .org-bottom > ul > li:nth-child(2)::after{
   display: none;
  }
}

@media all and (max-width: 860px){
   .org-bottom > ul > li:nth-child(2)::after{
   display: none;
  }
}


/*20250616 게시글 이미지 중앙정렬*/
.board_view_contents a{
	display: flex;
	justify-content: center;
}