@charset "utf-8";
@import url('layout.css');
@import url('style_main.css');

/* btnBox */
.btnR, .btnL, .btnC {margin-top:40px}
.btnR {text-align:right;}
.btnL {text-align:left;}
.btnC {text-align:center;}
.btnLR {text-align:right;margin-top:-45px}
.btnR a, .btnL a, .btnC a {display:inline-block;}
.btnR a + a, .btnL a + a, .btnC a + a {margin-left:2px}
.btn + .btn {margin-left:2px}
@media screen and (max-width:1279px) {
}
@media screen and (max-width:767px) {
	.btnR, .btnL, .btnC {margin-top:20px}
}
/*--btnBox */

/* btn */
.btn{
	display:inline-block;
	padding:0 10px;
	text-align:center;
	color:#fff;
	vertical-align:top;
	background-color:#666973;
	min-width:100px;
	line-height:45px;
	border:none;
	box-sizing:border-box;
}
.btnSearch {
	background:url('../images/btn/search.png') calc(100% - 15px) center no-repeat #666973;
	padding-right:38px;
	text-align:right
}
.btnViewer {
	color:#b13d60;
	background:url('../images/btn/viewer2.png') calc(100% - 19px) center no-repeat #fff;
	border:#b13d60 solid 1px;
	padding:0 40px 0 20px;
	min-width:140px;
}
.btnDown {
	color:#fff;
	background:url('../images/btn/down.png') calc(100% - 19px) center no-repeat #b13d60;
	border:#b13d60 solid 1px;
	padding:0 40px 0 20px;
	min-width:140px;
}
.btnList {
	color:#fff;
	background:url('../images/btn/list.png') 25px center no-repeat #27272f;
	padding:0 10px 0 40px;
}
.btnRes {
	color:#fff;
	background-color:#b13d60;
	padding:0 15px;
	font-size:17px;
	line-height:50px;
	font-weight:500;
	min-width:130px;
}
.btnRes span{background:url('../images/btn/res.png') right center no-repeat;padding-right:20px;}
.btnRed{background:#b13d60}
@media screen and (max-width:1279px) {
	.btnL > a:first-child {display:none}	/* 모바일 pdf viewer 불가로 인해 임시 수정 처리 20210827 */
}
@media screen and (max-width:767px) {
	.btnSearch {background-image:none;text-align:center;padding:0;min-width:65px}
	/* .btnViewer, .btnDown {background-position:calc(100% - 10px) center !important;min-width:110px;padding:0 40px 0 10px} */	/* 모바일 pdf viewer 불가로 인해 임시 수정 처리 20210827 */
	.btnDown {background-position:calc(100% - 10px) center !important;min-width:110px;padding:0 40px 0 10px}	/* 모바일 pdf viewer 불가로 인해 임시 수정 처리 20210827 */
	.btnL > a:first-child {display:none}	/* 모바일 pdf viewer 불가로 인해 임시 수정 처리 20210827 */
	.btnRes {min-width:150px;}
}
/*--btn */

/* 일반 게시판 */
.listType01 > li{
	margin-top:15px;
	border:#bbbdc5 solid 2px;
	padding:20px 30px;
	position:relative;
}
.listType01 > li .txtBox {
	width:calc(100% - 130px);
}
.listType01 > li .txtBox span{
	color:#972e4b;
	font-weight:500;
	display:block;
}
.listType01 > li .txtBox a{
	width:100%;
	display:block;
	font-size:24px;
	margin-bottom:5px;
	color:#000000;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.listType01 > li .txtBox ul li {
	/*background:url('../images/blt/blt01.png') 0 10px no-repeat;
	padding:0 0 0 6px;*/
	font-size:14px;
	font-weight:200;
	word-break:keep-all;
}
.listType01 > li .txtBox ul li span {display:inline-block;font-weight:500;color:#666;}
.listType01 > li .iconBox {
	position:absolute;
	right:30px;
	top:50%;
	height:42px;
	margin-top:-21px;
	padding-right:5px;
}
.listType01 > li .iconBox > * {
	float:left;
	width:42px;
	height:42px;
	border-radius:100%;
	display:block;
	margin-left:8px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-color:#b13d60;
	background-repeat:no-repeat;
	background-position:center center 
}
.listType01 > li .iconBox .viewer {background-image:url('/inss_en/images/btn/viewer.png');}
.listType01 > li .iconBox .file {background-image:url('/inss_en/images/btn/down.png');}
.listType01 > li .iconBox .file2 {background-image:url('/inss_en/images/btn/addfile2.png');}
.listType01 > li .iconBox .file3 {background-image:url('/inss_en/images/btn/addfile3.png');}

@media screen and (max-width:1279px) {
	.listType01 > li .iconBox .viewer {display:none}	/* 모바일 pdf viewer 불가로 인해 임시 수정 처리 20210827 */
}
@media screen and (max-width:767px) {
	.listType01 > li{margin-top:10px;padding:15px 15px 75px;}
	.listType01 > li .txtBox {width:100%}
	.listType01 > li .txtBox a{line-height:30px;max-height:60px;line_cnt: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;white-space:normal;}
	.listType01 > li .iconBox {top:auto;bottom:15px;right:auto;left:7px}
	.listType01 > li .iconBox .viewer {display:none}	/* 모바일 pdf viewer 불가로 인해 임시 수정 처리 20210827 */
}
/*-- 일반 게시판 */
/* 게시판 상세 */
.viewType01 {
	border-top:#222222 solid 1px;
	border-bottom:#959595 solid 1px;
	margin-top:20px;
}
.stat {
	display:inline-block;
	background:#e8ecf6;
	text-align:center;
	border-radius:17.5px;
	line-height:35px;
	color:#111111;
	padding:0 15px;
	margin:10px 0;
}
.viewType01 .info {
	border-bottom:#959595 solid 1px;
	padding:20px;
}
.viewType01 .info span{
	color:#972e4b;
	font-weight:500;
	display:block;
}
.viewType01 .info p{
	font-size:24px;
	margin-bottom:5px;
	color:#000000;
	font-weight:500;
}
.viewType01 .info ul li {
	background:url('../images/blt/blt01.png') 0 10px no-repeat;
	font-size:14px;
	font-weight:200;
	padding:0 0 0 6px;
	word-break:keep-all
}
#view_content {
	min-height:250px;
	padding: 20px;
	line-height:26px;
}
@media screen and (max-width:767px) {
	#view_content {min-height:auto;padding:15px 10px}
	.viewType01 .info {padding:15px 10px}
}
/*-- 게시판 상세 */
/* 이미지형 게시판 */
.listType01 > li .imgBox {
	position:absolute;
	left:30px;
	top:20px;
}
.listType01 > li .imgBox img{
	width:67px;
	height:95px;
	box-shadow:6px 6px 0px #e5e5e5
}
.listType01 > li .imgBox + .txtBox {
	width:calc(100% - 220px);
	margin-left:90px
}
.listType01.type2 > li .imgBox img{
	width:148px;
	height:98px;
	box-shadow:none;
	border:#ddd solid 1px
}
.listType01.type2 > li .imgBox + .txtBox {
	width:calc(100% - 215px);
	margin-left:165px
}
@media screen and (max-width:767px) {
	.listType01 > li .imgBox {left:15px;top:15px}
	.listType01 > li .imgBox img {height:112px;width:78px}
	.listType01 > li .imgBox + .txtBox {width:calc(100% - 100px);margin-left:100px}
	.listType01.type2 > li .imgBox + .txtBox {width:100%;margin:15px 0 0 0}
	.listType01 > li .txtBox > ul {padding-top:10px}
	.listType01.type2 > li .imgBox{width:100%;position:static}
	.listType01.type2 > li .imgBox img {height:auto;width:100%}
}
/*-- 이미지형 게시판 */
/* Hot issue 게시판 */
.listType02 {
	border-top:#222222 solid 1px;
	border-bottom:#222222 solid 1px;
	margin-top:15px;
}
.listType02 > li:first-child {border-top:none}
.listType02 > li {
	border-top:#dddddd solid 1px;
	position:relative;
	height:90px;
}
.listType02 > li.on {background:#f6f6f6}
.listType02 > li.on > span > strong{
	color:#111111;
	font-weight:normal;
	width:60px;
	display:inline-block;
	height:35px;
	border-radius:17.5px;
	text-align:center;
	background:#fff;
	line-height:35px;
}
.listType02 > li > span{
	border-right:#dddddd solid 1px;
	width:100px;
	line-height:90px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	font-weight:200;
	color:#333333
}
.listType02 > li .txtBox{
	width:calc(100% - 100px);
	padding:20px 30px 0;
	margin-left:100px;
}
.listType02 > li .txtBox a{
	width:100%;
	display:block;
	font-size:17px;
	margin-bottom:5px;
	color:#111;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.listType02 > li .txtBox ul li {
	font-size:14px;
	font-weight:200;
}
/*20201229 추가 시작*/
.listType02 > li .txtBox3{
	width:calc(100% - 100px);
	padding:20px 30px;
	margin-left:100px;
}
.listType02 > li .txtBox3 a{
	width:100%;
	display:block;
	font-size:17px;
	margin-bottom:5px;
	color:#111;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.listType02 > li .txtBox3 ul li {
	font-size:14px;
	font-weight:200;
}
/*20201229 추가 끝*/
.listType02.file > li {height:115px;}
.listType02.file > li > span {line-height:115px}
.listType02.file.type2 > li {height:90px;}
.listType02.file.type2 > li > span {line-height:90px}
.listType02.file > li .txtBox a{width:calc(100% - 50px) !important}
.listType02.file > li .txtBox > span{
	display: inline-block;
	line-height: 26px;
	font-size: 13px;
	color: #111111;
	font-weight: 200;
	background: #e9e9e9;
	border-radius: 2px;
	padding: 0 10px;
}
.listType02.file > li .txtBox > div{
	position: absolute;
	right: 30px;
	top: 50%;
	height: 42px;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	display: block;
	margin-left: 8px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-color: #b13d60;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/btn/down.png);
}
.listType02.file2 > li .txtBox > div{
	position: absolute;
	right: 30px;
	top: 50%;
	height: 42px;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	display: block;
	margin-left: 8px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-color: #b13d60;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/btn/addfile3.png);
}
@media screen and (max-width:767px) {
	.listType02 > li {height:auto !important}
	.listType02 > li > span{display:none}
	.listType02 > li .txtBox{width:90%;padding:15px 10px;margin-left:0px;}
	/*20201229 추가 시작*/
	.listType02 > li .txtBox3{width:100%;padding:15px 10px;margin-left:0px;margin-left:0px}
	/*20201229 추가 종료*/
	.listType02.file2 > li .txtBox > div {right:10px}
	
	.listType02.file > li .txtBox > div {right:10px}
}
/*20201229 추가 시작*/
@media screen and (max-width:1279px){
	.listType02 > li .txtBox3 {margin-left: 100px;padding:20px 30px 0;}
}
@media screen and (max-width:767px){
	.listType02 > li .txtBox3{width:100%;padding:15px 10px;margin-left:0px;margin-left:0px}
}
@media screen and (max-width:546px){
	.listType02 > li .txtBox3{width:100%;padding:15px 10px;margin-left:0px;margin-left:0px}
}
@media screen and (max-width:425px){
	.listType02 > li .txtBox3{width:100%;padding:15px 10px;margin-left:0px;margin-left:0px}
}
	/*20201229 추가 종료*/
/*-- Hot issue 게시판 */
/* 검색 결과 게시판 */
.listType03 {
	position:relative;
	margin-top:15px;
	border-top:1px solid #222;
}
.listType03 > li {
	position:relative;
	padding:23px 20px;
	border-bottom: 1px solid #ddd;
}
.listType03 > li p, 
.listType03 > li a {
	font-size:17px;
	font-weight:500;
}
.listType03 > li > a {
	display:block;
	width:calc(100% - 90px);
	color:#111;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.listType03 > li > .date {
	position:absolute;
	margin-top:-10px;
	top:50%;
	right:20px;
}
.listType03 .moreBtn {
	display:inline-block;
	position:absolute;
	top:-38px;
	right:0;
	padding-right:15px;
	background:url('../images/common/btn_more.png') no-repeat right center;
}
@media screen and (max-width:767px) {
	.listType03 > li {height:auto;padding:15px 0px 35px;}
	.listType03 > li > a {width:100%}
	.listType03 > li > .date {right:auto;left:0px;top:auto;bottom:10px;margin-top:0;}
}
/*-- 검색 결과 게시판 */
/* 출판 상세 */
.sumBox {
	border:#cfcfcf solid 1px;
	border-top:#222222 solid 1px;
	padding:44px 50px;
}
.sumBox:after{content:'';display:block;clear:both}
.sumBox .imgBox{
	float:left;
	width:248px;
	height:340px;
	padding:1px;
	position:relative;
	background:url('../images/content/img_bg.png') no-repeat;
}
.sumBox .imgBox img {width:238px;height:338px;}
.sumBox .txtBox{
	float:right;
	width:calc(100% - 280px);
	padding-top:5px;
}
.sumBox .txtBox > span{
	display:inline-block;
	line-height:26px;
	font-size:13px;
	color:#111111;
	font-weight:200;
	background:#e9e9e9;
	border-radius:2px;
	padding:0 10px;
}
.sumBox .txtBox > p{
	font-size:24px;
	color:#111111;
	font-weight:500;
	margin:10px 0 20px;
	line-height:110%
}
.dicList dt{
	float:left;
	background:url('../images/blt/blt02.png') 0 10px no-repeat;
	padding:0 0 5px 7px;
	width:80px;
	color:#111111;
}
.dicList dd{
	float:left;
	width:calc(100% - 80px);
	padding:0 0 5px 0;
}
.link {
	color:#972e4b;
	text-decoration:underline
}
@media screen and (max-width:1023px) {
	.sumBox {padding:30px;}
}
@media screen and (max-width:767px) {
	.sumBox {padding:15px 10px;}
	.sumBox .imgBox,
	.sumBox .txtBox {float:none;width:100%;}
	.sumBox .imgBox {text-align:center;background-position:calc(50% + 4px) 0;margin-bottom:10px;}
	.sumBox .txtBox {padding:10px}

	.dicList dt{width:75px}
	.dicList dd{width:calc(100% - 75px)}
}
/*-- 출판 상세 */
/* 게시판 검색 및 이전 다음글 */
.tot span{color:#000000}
.searchBox + .tot {margin-top:-20px}
.searchBox, .searchBox02 {text-align:right;}
.searchBox02 {
	background: #efefef;
	padding: 40px 0;
	margin-bottom: 30px;
}
.searchBox02 > div {
	position: relative;
	padding: 0 120px;
}
.searchBox02 > div > * {
	display:inline-block;
	font-size: 17px;
	font-weight: 300;
	vertical-align:middle;
}
.searchBox02 > div > p {
	margin-right:5px;
	color:#111;
	font-weight:500;
	font-size:24px;
}
.searchBox02 input[type='text'] {
	width: calc(100% - 355px);
}
.searchBox02 > div > .btn {
	min-width:120px;
	color:#fff;
	background:#2e436f;
}
.searchBox02 > div > .btn.chosung{
	background:url('../images/btn/chosung.png') 17px center no-repeat #3c619d;
	text-align:left;
	padding-left:42px
}
.searchBox02 + p {
	margin-bottom:30px;
	color:#333;
	text-align:center;
	font-size:20px;
	font-weight:300;
}
.searchBox02 + p > span {color:#003567;}
.bnList {
	border-top:#cfcfcf solid 1px;
	margin-top:45px
}
.bnList > li{
	border-bottom:#cfcfcf solid 1px;
	padding:10px 0;
	clear:both
}
.bnList > li:after{content:'';display:block;clear:both}
.bnList > li > *{float:left}
.bnList > li .tit {
	width:110px;
	background:url('../images/icon/prev.png') 20px center no-repeat;
	padding-left:40px;
}
.bnList > li:last-child .tit {background:url('../images/icon/next.png') 20px center no-repeat;}
.bnList > li > a {
	display:block;
	width:calc(100% - 200px);
	padding-right:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.bnList > li > span {width:90px;}
@media screen and (max-width: 1023px) {
	.searchBox02 > div > .btn.chosung{display:none}
	.searchBox02 input[type='text']{width:calc(100% - 230px)}
}
@media screen and (max-width:767px) {
	.searchBox + .tot {margin-top:10px}
	.searchBox{position:relative;padding:0 45px 0 90px;}
	.searchBox select{position:absolute;left:0;top:0;width:140px;padding:0 2px 0 3px;margin:0;}
	.searchBox input[type='text']{width:100%;margin:0}
	.searchBox a{position:absolute;right:0;top:0;}
	.searchBox02 {padding:25px 0}
	.searchBox02 > div {padding:0 25px;}
	.searchBox02 input[type='text'] {width:calc(100% - 185px)}
	.searchBox02 > div > .btn {min-width:80px}
	
	.searchBox.type2 {padding:48px 45px 0 90px}
	.searchBox.type2 select:first-child {width:100%;}
	.searchBox.type2 select + select{left:0;top:48px;}
	.searchBox.type2 a{top:48px;}
	
	.bnList {margin-top:30px}
	.bnList > li .tit {width:95px;background-position:5px center !important;padding-left:25px}
	.bnList > li > a {width:calc(100% - 95px);padding-right:0}
	.bnList > li > span {display:none}
}
@media screen and (max-width:425px) {
	.searchBox02 > div > * {width:100% !important;margin-bottom:3px;text-align:center;}	
}
/*-- 게시판 검색 */

/* 첨부파일 */
.viewFile {
	padding:15px 0px 10px;
}
.viewFile dt{
	position:relative;
	width:110px;
	color:#333;
	text-align:center;
}
.viewFile dd{
	padding:0 10px 0 10px;
	margin:-23px 0 0 110px;
}
.viewFile dd a{
	display:block;
	padding:3px 0 3px 18px;
	line-height:18px;
	color:#333;
	font-size:14px;
	background:url('../images/btn/file.png') 0 6px no-repeat;
}
@media screen and (max-width:767px) {
	.viewFile {padding:10px 5px}
	.viewFile dt{width:80px}
	.viewFile dd {margin:-23px 0 0 80px;}
}
/*-- 첨부파일 */
/* page */
.page {
	text-align:center;
	margin-top:40px;
	font-size:0;
}
.page * {
	 vertical-align:top;
	 display:inline-block;
	 box-sizing:border-box;
}
.page > a {width:40px;vertical-align:middle;line-height:32px;height:40px;vertical-align:middle;border:#cccccc solid 1px;}
.page > a img{vertical-align:middle;}
.page > a + a{border-left:0}
.page ul {margin:0 10px;border-left:1px solid #cccccc;}
.page li {float:left}
.page li a:hover,
.page li.on a {color:#fff; background:#393b42;border:1px solid #393b42;}
.page li a {
	display:block;
	border:#ccc solid 1px;
	border-left:none;
	width:40px;
	height:40px;
	line-height:38px;
	text-align:center;
	color:#333333;
}
@media screen and (max-width:767px) {
	.page{margin-top:20px}
}
@media screen and (max-width:424px) {
	.page ul {margin:0 6px}
	.page > a {width:30px;height:30px;line-height:25px;}
	.page li a {width:30px;height:30px;line-height:28px;}
}
/*-- page */

/* table */
.tbType01 {
	margin-top:15px;
	text-align:center;
	border-top:2px solid #414141;
}
.tbType01 th,
.tbType01 td {
	border-left:#cccccc solid 1px;
	word-break:keep-all;
}
.tbType01 th {
	padding:15px 0;
	background-color:#f9f9f9;
	color:#333;
	border-bottom:#cccccc solid 1px;
}
.tbType01 tbody th {border-bottom:#dddddd solid 1px;}
.tbType01 td {
	padding:15px 15px;
	text-align:left;
	border-bottom:#dddddd solid 1px;
}
.tbType01 tr > th:first-child,
.tbType01 tr > td:first-child {border-left:none}
@media screen and (max-width:1279px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:546px){
}
@media screen and (max-width:425px){
}
/*--table */

/* tableList */
.tbType01.list td {text-align:center}
.tbType01.list td a {
	color: #333333;
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
@media screen and (max-width:767px){
	.tbType01.list th, .tbType01.list td {border-left:none;padding:10px 5px;}
}
/*-- tableList */

/* BoxType */
.boxType01 {
	margin:10px 0;
	padding:20px;
	text-align:left;
	background:#f5f5f5;
}
@media screen and (max-width:767px){
}
/*-- BoxType */

/* 팝업 */
@media screen and (max-width:767px) {
}
/*-- 팝업 */
/* Hot Issue */
.titleBox {
	background:url('../images/content/titleBox.png') 38px center no-repeat #f0f5f8;
	padding:30px 20px 30px 140px;
	margin:15px 0 20px
}
.titleBox.type2 {background-image:url('../images/content/titleBox_newsletter.png')}
.titleBox .tit{
	font-size:22px;
	color:#333333;
	font-weight:500;
}
.titleBox p{color:#333333;}
@media screen and (max-width:767px) {
	.titleBox {background-position:15px center;background-size:60px;padding:20px 15px 20px 90px;margin:10px 0}
}
@media screen and (max-width:374px) {
	.titleBox {background-image:none !important;padding:20px 15px}
}
/*-- Hot Issue */
/* 목차 */
.indexList > li {
	font-size:17px;
	color:#111;
	line-height:30px;
}
.indexList > li > ul > li{
	color:#333;
	line-height:26px;
	background:url('../images/blt/blt03.png') 11px 13px no-repeat;
	padding:0 0 0 18px;
}
.indexList.type2 > li,
.indexList.type3 > li {
	font-weight:500;
	padding-bottom:30px
}
.indexList.type2 > li > ul > li{
	background:url('../images/blt/blt02.png') 8px 12px no-repeat;
}
.indexList.type3 > li > ul > li{
	background-image:none;
	padding:0 0 0 5px;
	font-weight:normal
}
/*-- 목차 */
/* Tab */
#view_content .tabType01, 
#view_content .bnList {margin:10px -20px 20px;}
.tabType01 > li{
	float:left;
	width:33.3333%;
}
.tabType01 > li > a{
	line-height:48px;
	font-size:17px;
	display:block;
	text-align:center;
	border:#cfcfcf solid 1px;
}
.tabType01 > li + li > a {border-left:none !important}
.tabType01 > li:nth-child(4) > a {border-left:#cfcfcf solid 1px !important}
.tabType01 > li:nth-child(4) > a:hover,
.tabType01 > li:nth-child(4).on > a {border-left:#2e436f solid 1px !important}
.tabType01 > li:nth-child(-n+3) > a{border-bottom-width:0 !important}
.tabType01 > li.on > a,
.tabType01 > li > a:hover{
	color:#fff;
	background:#2e436f;
	border-color:#2e436f;
}
.tabType01.cnt2 > li{width:50%;}
.tabType01.cnt2 > li > a:hover,
.tabType01.cnt2 > li.on > a{border-bottom:#2e436f solid 1px !important}
.tabType01.cnt2 > li:nth-child(-n+3) > a{border-bottom-width:1px !important}
.tabCont {
	padding:10px 0 0 0;
}
@media screen and (max-width:767px) {
	#view_content .tabType01, 
	#view_content .bnList {margin:0px -10px 15px}
}
/*-- Tab */
/* 보도자료 첨부파일 */
.viewType01 + .fileList{
	margin:-1px 0 0;
}
.fileList {
	margin:20px -20px -21px;
	border:#eeeeee solid 1px;
	background:#f6f6f6;
	padding:20px 38px 15px;
}
.fileList.type2{margin-top:10px;}
.fileList > div{
	font-size:17px;
	font-weight:200;
	padding-bottom:10px;
}
.fileList ul li{
	float:left;
	padding:5px 25px 5px 0;
}
.fileList ul li a{
	display:block;
	color:#333333;
	background:url('../images/icon/file.png') 0 0px no-repeat;
	padding-left:30px;
}
@media screen and (max-width:767px) {
	.fileList {margin:20px -10px -16px;padding:10px;}
	.fileList ul li {padding:3px 20px 3px 0}

}
/*-- 보도자료 첨부파일 */
/* 사진 */
.photoBox {
	border:#e8e8e8 solid 1px;
	padding:30px 40px;
	margin:-10px -20px 20px;
}
.photoBox:after{content:'';display:block;clear:both}
.photoL{
	float:left;
	width:650px;
	height:480px;
}
.photoL img {max-width:650px;height:480px;margin:0 auto}
.photoR{
	float:right;
	width:200px;
	background:#f5f5f5;
	padding:25px;
	height:480px;
}
.photoR ul {
	padding:40px 0 30px;
}
.photoR img {width:150px;height:110px;}
.photoR .slick-current img{border:#b13d60 solid 2px;}
.photoR .slick-slide {margin-bottom:2px}
.photoR .slick-arrow{
	width:51px;
	height:30px;
	font-size:0;
	position:absolute;
	left:50%;
	margin-left:-25.5px
}
.photoR .slick-arrow.slick-prev{background:url('../images/btn/prev.png') center no-repeat;top:0;}
.photoR .slick-arrow.slick-next{background:url('../images/btn/next.png') center no-repeat;bottom:0}

@media screen and (max-width:1600px){
	.photoBox {padding:20px}
	.photoL{float:none;width:100%;}
	.photoR{float:none;width:100%;height:auto;padding:20px;margin-top:20px;}
	.photoR ul {padding:0px 40px;}
	.photoR .slick-slide {margin:0 5px 0 0px}
	.photoR .slick-arrow{width:30px;height:51px;left:auto;margin-left:0;top:50% !important;margin-top:-25.5px}
	.photoR .slick-arrow.slick-prev{background:url('../images/btn/prevM.png') center no-repeat;left:0}
	.photoR .slick-arrow.slick-next{background:url('../images/btn/nextM.png') center no-repeat;bottom:auto;right:0;}
}
@media screen and (max-width:767px) {
	.photoBox {padding:10px;margin:-10px -10px 10px}
	.photoR {padding:10px;}
	.photoL {height:auto}
	.photoL img {max-width:100%;height:280px}
}
/*-- 사진 */
/* 동영상 */
.tabContOut {margin:0px -20px 20px}
.movieList.type2 {
	border-top:#222222 solid 1px;
	margin-top:20px;
}
.movieList > li{
	float:left;
	width:calc(33.3333% - 10px);
	padding:25px 0 0
}
.movieList > li .imgBox {
	height:190px;
	position:relative
}
.movieList > li .imgBox:after {
	width:100%;
	height:190px;
	content:'';
	display:block;
	background:url('../images/btn/play.png') center center no-repeat rgba(0, 0, 0, 0.5);
	position:absolute;
	left:0;
	top:0;
}
.movieList > li .imgBox img{height:190px;width:100%}
.movieList .txtBox {
	border:#e0e0e0 solid 1px;
	border-top:none;
	padding:20px;
}
.movieList .txtBox p{
	font-size:17px;
	color:#111111;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.movieList .txtBox ul li{
	float:left;
	padding:5px 7px 0 0px;
	margin-right:7px;
	background:url('../images/icon/bar.png') right 10px no-repeat;
	font-size:14px;
	font-weight:200
}
.movieList .txtBox ul li:last-child{
	background-image:none;
	padding-right:0;
}

.movieLayer {
	position:fixed;
	z-index:9;
	left:50%;
	top:50%;
	margin:-290px 0 0 -470px;
	width:940px;
	height:580px;
}
.movieLayer iframe{
	width:100%;
	height:100%;
}
.movieLayer p{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(0, 0, 0, 0.7);
	padding:10px;
	min-height:50px;
	text-align:center;
	color:#fff;
	font-size:17px;
	font-weight:200
}
.movieLayer a{
	position:absolute;
	right:0;
	top:0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
	background:url('../images/btn/close.png') center center no-repeat #4c4c4c;
	width:45px;
	height:45px;
}
@media screen and (max-width:1023px) {
	.movieLayer {width:80%;height:500px;margin:-250px 0 0 -40%}
}
@media screen and (min-width:767px) {
	.movieList > li:nth-child(3n + 2){margin:0 15px}
}
@media screen and (max-width:767px) {
	.tabContOut {margin:-20px -10px 20px}
	.movieList > li{width:calc(50% - 5px)}
	.movieList > li:nth-child(odd){float:right}
	.movieList .txtBox{padding:10px}
	.movieLayer {height:340px;margin:-170px 0 0 -40%}
}
@media screen and (max-width:424px) {
	.movieList > li{width:100%;padding:15px 0 0}
	.movieLayer {height:300px;margin:-150px 0 0 -45%;width:90%}
}
/*-- 동영상 */
/* 팝업 */
.popup {padding:20px;}
.popup > h4:first-child {margin-top:0;}
.agreeBox{
	height:240px;
	overflow-y:scroll;
	border:#cfcfcf solid 1px;
	padding:20px;
	color:#333;
	line-height:24px;
}
.agreeArea{
	border:#cfcfcf solid 1px;
	border-top:none;
	background:#f1f1f1;
	text-align:center;
	color:#333333;
	padding:15px
}
.writeType01 {
	border-top:#cfcfcf solid 1px;
}
.writeType01 th, .writeType01 td{
	border-bottom:#cfcfcf solid 1px;
	padding:19px 0;
}
.writeType01 th {
	text-align:left;	
	padding-left:15px;
	line-height:40px;
}
.writeType01 input[type='text'], .writeType01 input[type='password'], .writeType01 input[type='file'], .writeType01 textarea, .writeType01 select{
	height:40px;
	line-height:38px;
}
@media screen and (max-width:767px) {
	.writeType01 th {padding-left:0}
	.popup, 
	.agreeBox,
	.agreeArea {padding:10px}
	.agreeArea {letter-spacing:-1px}
}
/*-- 팝업 */
/* 뉴스레터 */
.serviceBox {
	border:#dddddd solid 1px;
	padding:30px;
}
.serviceBox > li{
	float:left;
	width:33.3%;
	padding:5px;
	position:relative;
}
.serviceBox > li > label{
	display:block;
	border:#d5d5d7 solid 1px;
	background-color:#f7f8fa;
	background-position:center 30px;
	background-repeat:no-repeat;
	height:120px;
	padding:75px 0 0 0;
	text-align:center;
	font-size:16px;
	color:#111111;
	word-break:keep-all
}
.serviceBox > li:nth-child(1) > label {background-image:url('../images/content/service01.png')}
.serviceBox > li:nth-child(2) > label {background-image:url('../images/content/service02.png')}
.serviceBox > li:nth-child(3) > label {background-image:url('../images/content/service03.png')}
.serviceBox > li:nth-child(4) > label {background-image:url('../images/content/service04.png')}
.serviceBox > li:nth-child(5) > label {background-image:url('../images/content/service05.png')}
.serviceBox > li:nth-child(6) > label {background-image:url('../images/content/service06.png')}
.serviceBox > li:nth-child(7) > label {background-image:url('../images/content/service07.png')}
.serviceBox > li:nth-child(8) > label {background-image:url('../images/content/service08.png')}
.serviceBox > li:nth-child(9) > label {background-image:url('../images/content/service09.png')}
.serviceBox > li:nth-child(10) > label {background-image:url('../images/content/service10.png')}
.serviceBox > li > input {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:22px;
	height:21px;
	background:url('../images/btn/chk.png') no-repeat 0 0;
	position:absolute;
	left:13px;
	top:13px;
}
.serviceBox > li > input:checked {
	background:url('../images/btn/chk_on.png') no-repeat 0 0;
}
.checkList {
	border-top:#cfcfcf solid 1px;
}
.checkList *{color:#333}
.checkList > li {
	border-bottom:#cfcfcf solid 1px;
	padding:15px 0;
}
.checkList > li:after{content:'';display:block;clear:both}
.checkList > li > div{
	float:left;
}
.checkList > li > div.tit{
	width:85px;
	text-align:center;
}
.checkList > li > div.tit + div{
	width:calc(100% - 85px)
}
.checkList > li label{
	display:inline-block;
	margin-right:35px
}

.endBox {
	background:#f0f5f8;
	padding:55px 25px;
	text-align:center;
	word-break:keep-all
}
.endBox > div{
	background:url('../images/content/endBox.png') no-repeat left center;
	display:inline-block;
	padding:20px 0 20px 90px;
	font-size:30px;
	color:#111111;
	font-weight:500;
}
.endBox > p{
	font-size:20px;
	color:#333333;
	font-weight:500;
	padding-top:5px;
}
@media screen and (max-width:1600px) {
	.serviceBox {padding:20px}
	.serviceBox > li > label{letter-spacing:-1px}
}
@media screen and (max-width:1279px) {
	.serviceBox {padding:30px}
	.serviceBox > li > label{letter-spacing:0px}
}
@media screen and (max-width:1023px) {
	.serviceBox {padding:20px}
	.serviceBox > li > label{letter-spacing:-1px}
}
@media screen and (max-width:767px) {
	.serviceBox {padding:5px}
	.serviceBox > li > label{letter-spacing:0px}
	.serviceBox > li:nth-child(7) > label,
	.serviceBox > li:nth-child(8) > label{height:130px}
	.serviceBox > li {width:50%}
	
	.checkList > li {padding:8px 0}
	.checkList > li > div.tit{width:65px;}
	.checkList > li > div.tit + div{width:calc(100% - 65px)}
	.checkList > li label{margin-right:10px}

	.endBox {padding:30px 15px}
	.endBox > div {font-size:24px;}
}
/*-- 뉴스레터 */
/* 뉴스레터 지난호보기 */
.newsletterList {
	border-top:#222222 solid 1px;	
	margin-top:20px;
}
.newsletterList > li{
	float:left;
	width:calc(33.3333% - 28px);
	margin:30px 14px 0;
	border:#e0e0e0 solid 1px;
	border-right:none;
	position:relative;
	height:400px;
	padding:28px 32px 20px 24px;
	background:url('../images/content/newsletterC.png') right 0 repeat-y;
}
.newsletterList > li:before,
.newsletterList > li:after{
	content:'';
	display:block;
	width:9px;
	height:9px;
	position:absolute;
	right:0;
}
.newsletterList > li:before {top:-1px;background:url('../images/content/newsletterT.png') no-repeat;}
.newsletterList > li:after {bottom:-1px;background:url('../images/content/newsletterB.png') no-repeat;}
.newsletterList > li > a{display:block;}
.newsletterList .imgBox {background:#f8f8f8;height:280px;}
.newsletterList .imgBox img{
	width:100%;
	height:280px;
}
.newsletterList p {
	color:#111;
	font-size:17px;
	font-weight:500;
	padding:15px 0 5px
}
.newsletterList span {
	font-size:14px;
}
@media screen and (max-width: 1023px) {
	.newsletterList > li {width:calc(50% - 28px)}
}
@media screen and (max-width: 767px) {
	.newsletterList > li {width:100%;margin:20px 0 0;height:auto;padding:18px 22px 10px 14px}
	.newsletterList .imgBox,
	.newsletterList .imgBox img {height:auto;min-height:290px}
}
/*-- 뉴스레터 지난호보기 */

/* 인사말 */
.greetingBox {
	padding: 45px 70px;
	background: url("../images/content/greetingBg.png") no-repeat top center;
}
.greetingBox:after {content: "";display: block;clear: both;}
.greetingBox > div:first-child {float: left;}
.greetingBox > div:last-child {
	float: right;
	width: 56%;
}
.greetingBox > div > p {
	padding-top: 20px;
	color: #111;
	word-break: keep-all;
}
.greetingBox > div > p:first-child {
	/* margin-bottom: 20px; */
	padding: 0;
	line-height: 26px;
	min-height: 130px;
}
.greetingBox > div .tit {
	display: inline-block;
	padding: 60px 0;
	color: #003567;
	font-size: 30px;
	font-weight: 500;
	background: url("../images/content/greetingLogo.png") no-repeat left top;
}
/*
.greetingBox > div > p:last-child {
	padding: 70px 100px 20px 0;
	background: url("../images/content/sign.jpg") no-repeat right bottom 10px;
} 
*/
@media screen and (max-width: 1600px) {
	.greetingBox {padding: 45px 50px;}
	.greetingBox > div:last-child {width: 50%;}
	.greetingBox > div .tit {padding:45px 0}
}
@media screen and (max-width: 1279px) {
	.greetingBox {background-repeat: repeat-x;}
	.greetingBox > div:last-child {width: 60%;}
	.greetingBox > div > p {padding-top: 30px;}
	.greetingBox > div > p:first-child {margin-bottom: 25px;}
}
@media screen and (max-width: 1023px) {
	.greetingBox {padding: 50px 0;}
	.greetingBox > div:last-child {width: 50%;}
	.greetingBox > div > p:first-child {margin-bottom: 20px;}
}
@media screen and (max-width: 892px) {
	.greetingBox > div .tit {padding:35px 0}
	.greetingBox > div > p:first-child {margin-bottom: 0px;}
	.greetingBox > div > p {padding-top: 20px;}
}
@media screen and (max-width: 767px) {
	.greetingBox {padding: 20px 0px;}
	.greetingBox > div {float: none;width: 100% !important;}
	.greetingBox > div .tit {padding:30px 0 25px}
	.greetingBox > div:first-child {margin-bottom: 20px;text-align: center;}
	.greetingBox > div > img {min-height: 220px;}
	.greetingBox > div > p:last-child {padding: 30px 100px 20px 0;}
}
/*-- 인사말 */
/* 연혁 */
.timeline {position: relative;}
.timeline:before {
	content: "";
	position: absolute;
	top: 50px;
	bottom: 50px;
	width: 100px;
	background: #f1f7fb;
	z-index: -1;
}
.timeline .period {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	color: #003567;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 100px;
	border-radius: 100%;
	background-color: #cfe5f2;
}
.timeline .period.type02 {
	color: #fff;
	background-color: #003567;
}
.timeline > li:after {content: "";display: block;clear: both;}
.timeline > li {margin-bottom: 40px;}
.timeline > li:last-child {margin: 0;}
.timeline > li > ul {
	float: right;
	width: calc(100% - 115px);
	min-height: 100px;
}
.timeline > li > ul > li span {color:#333;}
.timeline > li > ul > li > p {
	display: inline-block;
	padding-left: 10px;
	word-break:keep-all;
}
@media screen and (max-width: 1600px) {
	.timeline > li > ul > li > p {display: inline;}
}
@media screen and (max-width: 767px) {
	.timeline:before {width: 80px;top: 40px;bottom: 40px;}
	.timeline .period {float:none;width: 80px;height: 80px;line-height: 80px;}
	.timeline:before {display:none}
	.timeline > li {margin-bottom: 20px;}
	.timeline > li > ul {float:none;width:100%;padding:10px 0 10px;min-height:auto}
	.timeline > li > ul > li {padding:5px 0;}
	.timeline > li > ul > li:after{display:block;content:'';clear:both}
	.timeline > li > ul > li > span {display:block;float:left;width:80px;text-align:center}
	.timeline > li > ul > li > p {display:block;float:left;width:calc(100% - 80px)}
}
.timeline.type02.type02 {
	position: relative;
	display:table;
	border-collapse:collapse;
}
.timeline.type02 > li > div {
	margin:10px 10px 0 0;
	width: 100px;
	height: 100px;
}
.timeline.type02 .period {
	display: table-cell;
	margin-right: 15px;
	color: #003567;
	font-size: 20px;
	width: 100px;
	font-weight: 500;
	text-align: center;
	line-height: 100px;
	border-radius: 100%;
	background-color: #cfe5f2;
}
.timeline.type02 .period.type02 {
	color: #fff;
	background-color: #003567;
}
.timeline.type02 > li {margin-bottom: 40px;display:table-row;}
.timeline.type02 > li:last-child {margin: 0;}
.timeline.type02 > li > ul {
	display:table-cell;
}
.timeline.type02 > li > ul > li span {color:#333;}
.timeline.type02 > li > ul > li > p {
	display: inline-block;
	padding-left: 10px;
	word-break:keep-all;
}
@media screen and (max-width: 1600px) {
	.timeline.type02 > li > ul > li > p {display: inline;}
}
@media screen and (max-width: 767px) {
	.timeline.type02:before {width: 80px;top: 40px;bottom: 40px;}
	.timeline.type02 > li > div { width:80px;height:80px;}
	.timeline.type02 .period {line-height: 80px;}
	.timeline.type02:before {display:none}
	.timeline.type02 > li {margin-bottom: 20px;}
	.timeline.type02 > li > ul {vertical-align: middle;}
	.timeline.type02 > li > ul > li {padding:5px 0;}
	.timeline.type02 > li > ul > li:after{display:block;content:'';clear:both}
	.timeline.type02 > li > ul > li > span {display:block;float:left;width:80px;text-align:center}
	.timeline.type02 > li > ul > li > p {display:block;float:left;width:calc(100% - 80px)}
}
@media screen and (max-width: 425px) {
	.timeline.type02 > li {text-align: left;}
	.timeline.type02 > li > div, .timeline.type02 .period {display:inline-block;width:80px;}
	.timeline.type02 > li > ul {display:block;}
} 
/*-- 연혁 */

/* 임무 */
.introBox {
	padding: 10px;
	margin-bottom: 30px;
	background: url("../images/content/taskBoxBg.png") repeat-x left center;
	background-size: contain;
}
.introBox > p {
	padding: 25px;
	word-break: keep-all;
	background-color: #fff;
}
.taskList > li {position: relative;}
.taskList dl {
	overflow: hidden;
	position:relative;
	margin-bottom: 10px;
}
.taskList dt,
.taskList dd {
	padding: 20px;
}
.taskList dt {
	position: absolute;
	float: left;
	width: 150px;
	height:100%;
	text-align: center;
	background-color: #b13d60;
}
.taskList dt > p {
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-46px;
	width:95px;
	padding-top: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	background: url("../images/content/task01.png") no-repeat top center;
}
.taskList dt > p > span {
	display:block;
	font-size:15px;
	font-weight:normal;
	margin-top:-5px;
}
.taskList dd {
	float: right;
	width: calc(100% - 160px);
	border: 1px solid #cfcfcf;
}
.taskList dd:after {
	content: "";
	display: block;
	clear: both;
}
.taskList dd > ul {
	width: 100%;
}
.taskList dd > ul > li {
	background: url("../images/blt/blt02.png") 0 10px no-repeat;
	padding-left: 10px;
	word-break: keep-all;
}
.taskList > li:nth-child(2) dl:before,
.taskList > li:nth-child(2) dt {background-color: #003567;}
.taskList > li:nth-child(2) dt > p {background: url("../images/content/task02.png") no-repeat top center;width:160px;margin-left:-80px;}
.taskList > li:nth-child(3) dl:before,
.taskList > li:nth-child(3) dt {background-color: #878892;}
.taskList > li:nth-child(3) dt > p {background: url("../images/content/task03.png") no-repeat top center;}
@media screen and (max-width: 767px) {
	.taskList dt {float:none;width:100%;position:static;height:auto}
	.taskList dt > p,
	.taskList > li:nth-child(2) dt > p {position:static;margin:0;background-position:center 0 !important;width:100%;}
	.taskList dd {float:none;width:100%}
}
/*-- 임무 */
/* 조직도 */
.profileBox  {
	border-top:#dddddd solid 1px;
	margin-top:30px;
	display:none
}
.profileBox h4{margin-top:20px !important}
.profileBox .boxType01 {margin-bottom: 10px;display:none}
.profileBox .boxType01 > .name {
	position: relative;
	display: inline-block;
	padding-right: 15px;
	color: #333;
	font-size: 17px;
	font-weight: 500;
}
.profileBox .boxType01 > .name:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 13px;
	top: 7px;
	right: 5px;
	background: #bababa;
}
.profileBox .boxType01 > p + span {display: inline-block;}
.profileBox .boxType01 ul {padding-top: 15px;}
.profileBox .boxType01 ul li {
	background: url("../images/blt/blt02.png") 0 10px no-repeat;
	padding-left: 10px;
	word-break: keep-all;
}
/*-- 조직도 */
/* 오시는 길 */
.subCont > .tit {
	margin-bottom: 15px;
	color: #333;
	font-size: 17px;
	font-weight: 500;
}
.mapBox dl {
	padding: 5px 0 0 20px;
	background-color: #f3f3f3;
}
.mapBox dl:nth-child(2) {padding-top:15px;}
.mapBox dl:last-child {
	padding-bottom: 15px;
}
.mapBox dl * {display: inline-block;}
.mapBox dl dt {
	color: #111;
	padding: 0 10px;
	background: url("../images/blt/blt02.png") 0 10px no-repeat;
}
.mapWrap {
	width: 100%;
	height: 400px;
}
.mapWrap > img {
	width: 100%;
	height: 100%;
}
.transList > li {
	width: 100%;
	color: #111;
	padding-left: 10px;
	margin-top:30px;
	background: url("../images/blt/blt02.png") 0 10px no-repeat;
}
.transList > li:first-child {margin-top:0}
.transList > li > dl {margin-top: 15px;}
.transList > li > dl dt {display: inline-block;min-height: 68px;}
.transList > li > dl dd {
	display: inline-block;
	width: calc(100% - 125px);
	vertical-align: middle;
}
.transList > li > dl dt img {padding-right: 20px;}
@media screen and (max-width: 767px) {
	.mapWrap {height: 250px !important;}
	.mapBox dl * {display: inline;word-break: keep-all;}
	.transList > li {word-break: keep-all;}
	.transList > li:nth-child(n + 2) {margin-top: 20px;}
}
@media screen and (max-width: 425px) {
	.transList > li.line2 > dl dd {width:100%; margin:10px 0;}
}
/*-- 오시는 길 */

/* 브로슈어 */
.brochureList > li {
	float: left;
	width:49%;
	box-shadow:8px 8px #ebebeb;
	border:1px solid #cccccc;
}
.brochureList > li:after {content:'';display:block;clear:both;}
.brochureList > li:nth-child(2n) {
	float: right;
	margin-left:15px;
}
.brochureList > li > div {
	float:left;
	padding-top:110px;
	width:calc(100% - 225px);
	text-align:center;
}
.brochureList > li > div p {
	padding-bottom:15px;
	color:#000;
	font-size:20px;
	font-weight:500;
}
.brochureList > li > div:first-child {
	padding:0;
	width:225px;
	border-right:1px solid #ccc;
}
.brochureList > li > div:first-child > img {width:100%;height:100%;}
.btn.download {
	padding:0 20px;
	text-align:left;
	line-height:50px;
	min-width:155px;
	background:url('../images/btn/download.png') no-repeat right 20px center #b13d60;
}
@media screen and (max-width: 1600px) {
	.brochureList > li > div {width:50% !important;padding-top:80px}
}
@media screen and (max-width: 1279px) {
	.brochureList > li {width:48% !important}
	.brochureList > li > div {width:calc(100% - 226px) !important;padding:100px 5px 0}
	.brochureList > li > div:first-child {width:auto !important}
}
@media screen and (max-width: 1023px) {
	.brochureList > li > div {width:50% !important;padding-top:80px;}
	.brochureList > li > div p {word-break: keep-all;}
	.brochureList > li > div:first-child {width:50% !important;}
}
@media screen and (max-width: 767px) {
	.brochureList > li {float:none;width:100% !important;margin-top:25px;}
	.brochureList > li:first-child {margin-top:0;}
	.brochureList > li:nth-child(2n) {margin-left:0;}
	.brochureList > li > div:first-child {height:300px;width:50% !important;}
}
@media screen and (max-width: 424px) {
	.brochureList > li > div {float:none;width:100% !important;height:auto;padding:40px 0}
	.brochureList > li > div:first-child {width:100% !important;height:auto;border-bottom:1px solid #ccc;border-right:0;}
	
}
/*-- 브로슈어 */
/* 홍보영상 */
.videoWrap {height:500px}
.videoWrap iframe{
	width:100%;
	height:500px
}
.videoBox {
	padding:40px;
	min-width:155px;
	background:#f3f3f3;
}
.videoBox:after {content: "";display: block;clear: both;}
.videoBox > * {
	float: left;
	width: 50%;
}
.videoBox > p {
	color: #333;
	font-size: 30px;
	font-weight: 500;
}
.videoBox > ul > li {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.videoBox > ul > li:first-child {padding-top: 0;}
.videoBox > ul > li:last-child {border-bottom:none}
.videoBox > ul > li > span {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	vertical-align: top;
	border-radius: 100%;
	background: #003567;
}
.videoBox > ul > li > p {
	display: inline-block;
	width: calc(100% - 30px);
	color: #111;
	font-size: 20px;
	font-weight: 500;
	padding-left: 5px;
	line-height: 25px;
	word-break: keep-all;
}
.videoBox > ul > li > p > span {
	display: block;
	padding-top: 5px;
	color: #666;
	font-size: 15px;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	.videoBox {padding:20px;}
	.videoBox > * {float:none;width:100%;}
	.videoBox > p {word-break: keep-all;}
	.videoBox > ul {margin-top:20px;}

	.videoWrap,
	.videoWrap iframe{height:220px}
}
/*-- 홍보영상 */
/* MOU */
.mouList {padding-top:20px;}
.mouList > li {
	float:left;
	width:100%;
	margin-top:20px;
}
.mouList > li:first-child {margin-top:0}
.mouList > li > .imgBox {
	float:left;
	width:160px;
	height:100px;
	text-align:center;
	line-height:100px;
	border:1px solid #cfcfcf;
	background-color:#fff;
}
.mouList > li > .imgBox > a {
	display:block;
	line-height:100px;
}
.mouList > li > ul {
	float:right;
	width:calc(100% - 170px);
	padding-top:5px;
}
.mouList > li > ul > li {
	padding-left:10px;
	line-height: 24px;
	background: url("../images/blt/blt02.png") 0 9px no-repeat;
}
.mouList > li > ul > li > strong {
	float:left;
	display:block;
	padding-right:5px;
	min-width: 95px;
	color:#111;
	font-weight: normal;;
}
.mouList > li > ul > li > p {
	float:left;
	width:calc(100% - 100px);
}
.mouList > li > ul > li:after {content:'';display:block;clear:both;}
@media screen and (max-width: 767px) {
	.mouList > li {float:none;}
	.mouList > li:after {content:'';display:block;clear:both;}
	.mouList > li:nth-child(2n) {padding-left:0}
}
@media screen and (max-width: 424px) {
	.mouList > li > * {float:none !important;width:100% !important;}
	.mouList > li > ul {padding-top:10px}
}
/*-- MOU */
/* 기타 서비스 */
.subCont div.fcB2 * {
	color:#333;
}
/*-- 기타 서비스 */
.sumBox .imgBox > p {
	position:absolute;
	top:10%;
	width:100%;
	font-size: 24px;
	font-weight: 500;
	padding:0 20px;
	line-height: 115%;
	word-break: keep-all;
}
@media screen and (max-width: 767px) {
	.sumBox .imgBox > p {width:220px;left:50%;margin-left:-110px;text-align:left;}
}
/* 초성검색 */
.chosungBox {
	position:absolute;
	right:120px;
	top:270px;
	z-index:9;
	width:520px;
	border:#979797 solid 1px;
	background:#fff;
	padding:20px;
}
.chosungBox h3{
	font-size: 16px;
	color:#111111;
	font-weight: 500;
	padding-bottom:5px
}
.chosungBox ul {
	border-left:#dddddd solid 1px;
}
.chosungBox h3 + ul{border-bottom:#dddddd solid 1px;}
.chosungBox h3 + ul > li{
	border-top:#dddddd solid 1px;
	border-bottom:none;
}
.chosungBox ul li{
	border-right:#dddddd solid 1px;
	border-bottom:#dddddd solid 1px;
	width:7.1428%;
	float:left;
}
.chosungBox ul li a{
	display:block;
	text-align:center;
	line-height:33px;
	color:#333;
	font-size:15px
}
.chosungBox > a{
	position: absolute;
	right:20px;
	top:20px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url('../images/btn/close2.png') no-repeat;
	width:13px;
	height:13px;
}
/*-- 초성검색 */
/*20201229 추가 시작*/
.listType02 > li .txtBox2{
	width:calc(100% - 100px);
	padding:20px 30px 0;
	margin-left:100px;
}
.listType02 > li .txtBox2 a{
	width:100%;
	display:block;
	font-size:17px;
	margin-bottom:5px;
	color:#111;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.listType02 > li .txtBox2 ul li {
	font-size:14px;
	font-weight:200;
}
/*20201229 추가 끝*/