@charset "UTF-8";
/* 190917 ksi */
/* ==========================================================================================
서브 레이아웃
============================================================================================*/
.banner-wrap {
	display: none;
}

#contentWrap {
	width: 68rem;
	margin: 2.5rem auto 0;
	min-height: 50rem;
	max-width: 100%;
}

#contentWrap::after {
	content: "";
	clear: both;
	display: table;
}

/* left menu */
#snb {
	float: left;
	width: 12.5rem;
}

#snb .title {
	position: relative;
	color: #fff;
	background: #353540 url("/eng/img/sub/snb_title_bg.png") right bottom
		no-repeat;
	height: 8rem;
	font-size: 1.4rem;
	text-align: center;
	padding: 1rem .5rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#snb .title::before {
	content: '';
	width: 2.4rem;
	height: 2.4rem;
	background: #f49f17;
	position: absolute;
	top: -.7rem;
	left: -.7rem;
	z-index: -1;
}

#snb #left_menu_top>li>a {
	display: block;
	padding: .8rem 2rem .8rem .5rem;
	position: relative;
	color: #333;
	font-size: .85rem;
	border-bottom: 1px solid #e5e5e5;
}

#snb #left_menu_top>li>a::before {
	content: '\e9c5';
	font-family: "xeicon";
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #a2a3ad;
	font-size: .7rem;
	opacity: 0;
}

#snb #left_menu_top>li>a.linkWindow::after {
	content: '\e980';
	font-family: "xeicon";
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #a2a3ad;
	font-size: .7rem;
}

#snb #left_menu_top>li.hassub>a::before {
	opacity: 1;
}

#snb #left_menu_top>li ul[class^="ul"] {
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	visibility: hidden;
	height: 0;
	padding: 0;
}

#snb #left_menu_top>li ul[class^="ul"]>li {
	margin-bottom: 0.5rem;
}

#snb #left_menu_top>li ul[class^="ul"]>li:last-child {
	margin-bottom: 0;
}

#snb #left_menu_top>li ul[class^="ul"]>li>a {
	display: block;
	color: #767676;
	position: relative;
	padding-left: 0.8rem;
}

#snb #left_menu_top>li ul[class^="ul"]>li>a::before {
	content: '';
	width: .3rem;
	height: .3rem;
	border: 1px solid #c0c2d0;
	border-width: 0 0 1px 1px;
	position: absolute;
	left: 0;
	top: .3rem;
}

#snb #left_menu_top>li ul[class^="ul"]>li>a.linkWindow::after {
	content: '\e980';
	font-family: "xeicon";
	display: inline-block;
	margin-left: .3rem;
}

#snb #left_menu_top>li ul[class^="ul"]>li.active>a {
	color: #353541;
	font-weight: 700;
}

#snb #left_menu_top>li ul[class^="ul"]>li.active>a::before {
	border-color: #353540;
}

#snb #left_menu_top>li.active>a {
	color: #333;
	font-weight: 700;
	border-bottom: 4px solid #222;
}

#snb #left_menu_top>li.active>a::before {
	content: '\ea3e';
	color: #f49f17;
	font-weight: 300;
	opacity: 1;
}

#snb #left_menu_top>li.active ul[class^="ul"] {
	padding: 1rem .8rem;
	height: inherit;
	visibility: visible;
	opacity: 1;
}

/* 콘텐츠 */
#content {
	float: left;
	width: calc(100% - 12.5rem);
	padding-left: 2.5rem;
}

/* 상단 */
.content_info {
	margin-bottom: 2rem;
	position: relative;
	z-index: 2;
}

.content_info::after {
	content: "";
	clear: both;
	display: table;
}

.content_info .title {
	float: left;
	color: #000;
	font-size: 1.7rem;
	font-weight: 700;
}

.content_info .right-area {
	float: right;
	text-align: right;
}

.content_info .location {
	display: inline-block;
	vertical-align: top;
	min-height: 2rem;
	padding-top: 0.5rem;
}

.content_info .location>ul {
	color: #666;
	font-size: .75rem;
}

.content_info .location>ul::after {
	content: "";
	clear: both;
	display: table;
}

.content_info .location>ul>li {
	position: relative;
	padding-right: 1.2rem;
	display: inline-block;
}

.content_info .location>ul>li::before {
	content: '\e940';
	font-family: "xeicon";
	position: absolute;
	top: 0rem;
	right: .2rem;
}

.content_info .location>ul>li:last-child {
	padding-right: 0;
}

.content_info .location>ul>li:last-child::before {
	display: none;
}

.content_info .location>ul>li>a {
	display: block;
}

.content_info .location>ul>li.icon>a {
	font-size: 0;
}

.content_info .location>ul>li.icon>a::before {
	content: '\e902';
	font-family: "xeicon";
	font-size: .9rem;
	line-height: 1;
}

.content_info .utils {
	display: inline-block;
	vertical-align: top;
	margin-left: 1rem;
}

.content_info .utils .share {
	margin-right: .5rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.content_info .utils .share .share-list {
	height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	top: 2rem;
	left: 0;
}

.content_info .utils .share .share-list>li {
	margin-top: 0.4rem;
}

.content_info .utils .share .share-list>li>a {
	display: block;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	line-height: 2rem;
	text-align: center;
	font-size: 1rem;
}

.content_info .utils .share .share-list>li>a.facebook {
	background: #4867aa;
	color: #fff;
}

.content_info .utils .share .share-list>li>a.twitter {
	background: #1da1f2;
	color: #fff;
}

.content_info .utils .share .share-list>li>a.kakaotalk {
	background: #f3d820;
	color: #76410e;
	font-size: 1.2rem;
}

.content_info .utils .share .share-list>li>a.link {
	background: #ef7d0d;
	color: #fff;
	font-size: 1.2rem;
}

.content_info .utils .share.active .share-list {
	height: inherit;
	opacity: 1;
	visibility: visible;
}

.content_info .utils .print {
	display: inline-block;
	vertical-align: top;
}

.content_info .utils [class^="btn-"] {
	display: block;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	width: 2rem;
	height: 2rem;
	color: #000;
	font-size: 1.1rem;
	line-height: 2rem;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.content_info .utils [class^="btn-"]:hover {
	background: #222;
	color: #fff;
}

/* tab 메뉴 */
#tabs {
	width: 100%;
	margin-bottom: 1.5rem;
}

#tabs .link {
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

#tabs .link::after {
	content: "";
	clear: both;
	display: table;
}

#tabs .link>li {
	float: left;
	width: 25%; /* research division 4개짜리 있음 */
}

#tabs .link>li>a {
	display: block;
	color: #222;
	font-size: .9rem;
	font-weight: 700;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-right: 0;
	border-bottom: 0;
	padding: .9rem .3rem;
}

#tabs .link>li>a:hover {
	text-decoration: underline;
}

#tabs .link>li:last-child>a {
	border-right: 1px solid #e5e5e5;
}

#tabs .link>li.active>a {
	background: #fda820;
	border-color: #fda820;
}

/* 하단 담당자 정보 + 만족도조사 */
.contentInfo {
	margin: 3.5rem 0;
	word-break: keep-all;
}

.contentInfo .duty {
	border: 1px solid #ddd;
}

.contentInfo .duty::after {
	content: "";
	clear: both;
	display: table;
}

.contentInfo .duty .top {
	background: #f6f7f9;
	border-bottom: 1px solid #ddd;
}

.contentInfo .duty .top::after {
	content: "";
	clear: both;
	display: table;
}

.contentInfo .duty .top .info {
	float: left;
	padding: .8rem 1.1rem;
	min-height: 2.9rem;
}

.contentInfo .duty .top .info::after {
	content: "";
	clear: both;
	display: table;
}

.contentInfo .duty .top .info>li {
	float: left;
	margin-right: 2.5rem;
}

.contentInfo .duty .top .info>li:last-child {
	margin-right: 0;
}

.contentInfo .duty .top .info>li strong {
	display: inline-block;
	position: relative;
	padding-right: 1rem;
	color: #3c4264;
	vertical-align: middle;
}

.contentInfo .duty .top .info>li strong::before {
	content: '';
	width: 1px;
	height: .7rem;
	position: absolute;
	top: .2rem;
	right: .4rem;
	background: #d5d9df;
}

.contentInfo .duty .top .info>li span {
	display: inline-block;
	vertical-align: middle;
}

.contentInfo .duty .top .update {
	float: right;
}

.contentInfo .duty .bottom {
	padding: .8rem 1.25rem;
}

.contentInfo .duty .bottom .title-area {
	margin-bottom: .5rem;
}

.contentInfo .duty .bottom .title-area::after {
	content: "";
	clear: both;
	display: table;
}

.contentInfo .duty .bottom .title-area .caption {
	float: left;
	background: #fff;
	color: #333;
	font-weight: 600;
}

.contentInfo .duty .bottom .title-area .caption i {
	display: inline-block;
	border-radius: 50%;
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	background-color: #3c4264;
	color: #fff;
	line-height: 1.5rem;
	text-align: center;
	margin-right: 0.3rem;
}

.contentInfo .duty .bottom .title-area .history {
	float: right;
	padding-top: 0.2rem;
}

.contentInfo .duty .bottom .input-area .row {
	margin: 0;
}

.contentInfo .duty .bottom .input-area .row>li {
	padding: 0;
}

.contentInfo .duty .bottom .input-area .opinion {
	position: relative;
}

.contentInfo .duty .bottom .input-area .opinion .form-control {
	padding-right: 7.5rem;
	height: 2rem;
	border-radius: 0;
}

.contentInfo .duty .bottom .input-area .opinion .count {
	display: block;
	position: absolute;
	top: 0;
	right: 5rem;
	line-height: 2rem;
}

.contentInfo .duty .bottom .input-area .opinion .btn-c {
	width: 4.4rem;
	position: absolute;
	top: 0;
	right: 0;
	height: 2rem;
	font-size: .75rem;
	padding: .5rem;
	text-align: center;
}

/* ==========================================================================================
공통 스타일
============================================================================================*/
/* 이미지 가운데 정렬 */
.content_body img {
	margin: 0 auto;
	display: block;
}

/* 기본 문장 */
.content_body p {
	margin: 1rem 0 1.5rem;
}

/* 타이틀 */
.title1 {
	display: block;
	font-size: 1.6rem;
	color: #222;
	margin-top: 3.2rem;
	margin-bottom: 1.2rem;
}

.title1:first-child {
	margin-top: 0;
}

.title2 {
	display: block;
	font-size: 1.3rem;
	color: #222;
	margin: 2.5rem 0 1.5rem;
	position: relative;
	padding-left: 0.9rem;
}

.title2:first-child {
	margin-top: 0;
}

.title2::before {
	content: '';
	width: .3rem;
	height: .45rem;
	background: #f49f17;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	position: absolute;
	top: .85rem;
	left: 0;
}

.title3 {
	display: block;
	font-size: 1.1rem;
	color: #222;
	margin: 1.2rem 0 .9rem;
}

.title3:first-child {
	margin-top: 0;
}

/* 리스트 */
.list-dot {
	margin: 0.5rem 0;
}

.list-dot>li {
	position: relative;
	padding-left: .5rem;
	color: #666;
	margin: 0.5rem 0;
	text-align: left;
}

.list-dot>li:first-child {
	margin-top: 0;
}

.list-dot>li::before {
	content: '';
	position: absolute;
	top: .5rem;
	left: 0;
	border-radius: 50%;
	width: 0.15rem;
	height: 0.15rem;
	text-align: center;
	background-color: #192333;
}

.list-dot .sub-title {
	display: block;
	font-weight: 400;
	color: #222;
}

.list-dot p {
	margin: .2rem 0;
}

.desc-dot {
	position: relative;
	padding-left: .5rem;
	color: #666;
	margin: 0.5rem 0;
	text-align: left;
}

.desc-dot::before {
	content: '';
	position: absolute;
	top: .5rem;
	left: 0;
	border-radius: 50%;
	width: 0.15rem;
	height: 0.15rem;
	text-align: center;
	background-color: #192333;
}

.list-dot-blue {
	margin-top: 0.8rem;
}

.list-dot-blue>li {
	position: relative;
	padding-left: .7rem;
	color: #666;
	margin: 0.5rem 0;
	text-align: left;
}

.list-dot-blue>li:first-child {
	margin-top: 0;
}

.list-dot-blue>li::before {
	content: '';
	position: absolute;
	top: .45rem;
	left: 0;
	border-radius: 50%;
	width: 0.35rem;
	height: 0.35rem;
	text-align: center;
	background-color: #74899c;
}

.list-dash {
	margin: 0.5rem 0;
}

.list-dash>li {
	position: relative;
	padding-left: .6rem;
	color: #666;
	margin: 0.5rem 0;
	text-align: left;
}

.list-dash>li:first-child {
	margin-top: 0;
}

.list-dash>li::before {
	content: '';
	position: absolute;
	top: .6rem;
	left: 0;
	background: #202020;
	width: .25rem;
	height: 1px;
}

.list-num {
	margin: 0.5rem 0;
}

.list-num>li {
	position: relative;
	padding-left: 1.2rem;
	color: #666;
	margin: 0.5rem 0;
	text-align: left;
	counter-increment: number;
}

.list-num>li:first-child {
	margin-top: 0;
}

.list-num>li::before {
	content: counter(number, decimal-leading-zero);
	position: absolute;
	top: .05rem;
	left: 0;
	color: #000;
	font-size: .7rem;
	font-weight: 600;
}

.round-num {
	font-family: "Montserrat";
	font-weight: 600;
	color: #fff;
	font-size: 0.8rem;
	border-radius: 50%;
	width: 1.8rem;
	height: 1.8rem;
	text-align: center;
	background-color: #222;
	display: inline-block;
	line-height: 1.8rem;
	text-align: center;
	vertical-align: top;
	margin-right: 0.5rem;
}

.round-num+.desc {
	display: inline-block;
	width: calc(100% - 2.5rem);
	vertical-align: top;
	padding-top: 0.25rem;
}

/* btn */
.btns {
	text-align: center;
	margin: 1.8rem 0;
}

.btns::after {
	content: "";
	clear: both;
	display: table;
}

.btns .btn-c {
	font-weight: 600;
	min-width: 10rem;
	height: 2.5rem;
	font-size: .75rem;
	text-align: center;
	padding: .7rem .5rem;
	margin: 0 .3rem;
}

.btns .btn-c::after {
	content: "";
	clear: both;
	display: table;
}

.btns.border {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 1rem .5rem;
}

.btn-c.yellow {
	background: #f49f17;
	border-color: #f49f17;
	color: #000;
}

.btn-c.black {
	background: #353540;
	border-color: #353540;
	color: #fff;
}

.btn-c.sm {
	min-width: 7rem;
}

.btn-c.md {
	min-width: 15rem;
}

.btn-c.lg {
	min-width: 19.1rem;
}

.btn-c.xlg {
	min-width: 24.5rem;
}

.btn-c.link {
	position: relative;
}

.btn-c.link i {
	float: right;
	font-size: .9rem;
}

.btn-c.download {
	position: relative;
}

.btn-c.download i {
	float: right;
	font-size: .9rem;
}

.btn-c.more {
	position: relative;
}

.btn-c.more i {
	float: right;
	font-size: .9rem;
}

.btn-c:hover {
	border: 1px solid #999;
	background: #fff;
	color: #222;
}

/* text 그대로 노출 */
.pre-line {
	white-space: pre-line;
}

/* 이미지 bg box */
.img-box {
	margin: 1.5rem 0;
	background: url("/eng/img/sub/style_imgbox_bg.jpg") center/cover
		no-repeat;
	padding: 14rem 4.5rem 3rem;
	color: #fff;
	position: relative;
}

.img-box .txt { /* word-break: keep-all; */
	position: relative;
}

.img-box .txt .title {
	display: inline-block;
	font-size: 1.6rem;
	padding-right: 7.5rem;
	margin-bottom: 1.4rem;
	position: relative;
}

.img-box .txt .title::after {
	content: '';
	width: 7rem;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 1.3rem;
	right: 0;
}

.img-box .txt .back {
	display: block;
	position: absolute;
	top: -2.6rem;
	left: -2rem;
	font-family: "Nanum Myeongjo";
	font-weight: 700;
	font-size: 5rem;
	opacity: .16;
	line-height: 1;
}

.img-box .txt .desc {
	font-size: .9rem;
	line-height: 1.5;
}

/* 이미지 border box */
.img-border-box {
	border: 1px solid #e9e9e9;
	padding: 2rem;
	margin: 1.2rem 0;
}

/* border box */
.border-box {
	border-top: 1px solid #192333;
	margin-bottom: .5rem;
	word-break: keep-all;
}

.border-box .caption {
	padding: 1rem .5rem;
	border-bottom: 1px solid #ddd;
	color: #222;
	font-size: .9rem;
}

.border-box .caption strong {
	display: block;
}

.border-box .caption strong em {
	font-size: .8rem;
	font-weight: 400;
	margin-right: .5rem;
}

.border-box .bottom {
	padding: .7rem .5rem;
}

.border-box .bottom.type2 {
	padding: 1.5rem 0;
}

.border-box .bottom .mix {
	margin-bottom: 1rem;
}

.border-box .bottom .list-dot:first-child {
	margin-top: 0;
}

.border-box2 {
	border: 1px solid #e8ebee;
	padding: 1.2rem 1.3rem;
	color: #666;
	line-height: 1.5;
	margin-bottom: 2rem;
}

.border-box2.scroll-box {
	height: 9.5rem;
}

.border-box3 {
	border-top: 1px solid #192333;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.5rem;
}

.border-box4 {
	border: .4rem solid #e9e9e9;
	padding: 1rem .5rem;
	margin: 1rem 0;
}

.border-box4.caption {
	margin: 2.5rem 0 1rem;
	text-align: center;
	color: #000;
	font-size: 1.2rem;
	padding: 1.8rem 1rem;
}

.border-box4.caption:first-child {
	margin-top: 0;
}

.border-box5 {
	border: 1.2rem solid #e9e9e9;
	padding: 2.5rem;
	position: relative;
	overflow: hidden;
	word-break: keep-all;
	margin-bottom: 2.2rem;
	margin-bottom: 3rem;
}

.border-box5 .img {
	position: absolute;
	top: 1.5rem;
	right: 3rem;
	z-index: -1;
}

.border-box5 .txt {
	padding-right: 40%;
	margin-bottom: 2rem;
	position: relative;
	z-index: 1;
}

.border-box5 .txt strong {
	display: block;
	color: #222;
	font-size: 1.7rem;
	font-weight: 300;
	margin-bottom: 1.6rem;
	line-height: 1.4;
}

.border-box5 .txt strong em {
	color: #1e2f6e;
	font-weight: 600;
}

.border-box5 .txt u {
	text-decoration: underline;
}

.border-box5 .txt span {
	display: block;
	color: #707070;
	font-size: 1rem;
	font-weight: 300;
}

.border-box5 .btns {
	margin-bottom: 0;
}

.border-box6 {
	border: 1.2rem solid #e9e9e9;
	padding: 2.3rem 17rem 2rem 1.8rem;
	position: relative;
	word-break: keep-all;
}

.border-box6 .txt {
	margin-bottom: 1.5rem;
}

.border-box6 .txt:last-of-type {
	margin-bottom: 0;
}

.border-box6 .txt strong {
	display: block;
	color: #222;
	font-size: 1.2rem;
	margin-bottom: 0.3rem;
}

.border-box6 .txt span {
	display: block;
}

.border-box6 img {
	display: block;
	position: absolute;
	bottom: -2rem;
	right: 1.8rem;
}

.border-box6 .btns {
	margin-bottom: 0;
}

.border-box-big {
	position: relative;
	overflow: hidden;
	word-break: keep-all;
	margin: 2rem auto;
	text-align: center;
}

.border-box-big:first-child {
	margin-top: 0;
}

.border-box-big .border {
	border: 1.5rem solid #e9e9e9;
	padding: 2rem 5rem 3rem;
}

.border-box-big [class^="bar"] {
	position: absolute;
	background: #f49f17;
}

.border-box-big .bar1 {
	width: 15.5rem;
	height: 1.5rem;
	left: 0;
	top: 0;
	background: url("/eng/img/sub/010301_bar1.png") 0 0 no-repeat;
}

.border-box-big .bar2 {
	width: 1.5rem;
	height: 15.5rem;
	left: 0;
	top: 0;
}

.border-box-big .bar3 {
	width: 1.5rem;
	height: 15.5rem;
	right: 0;
	bottom: 0;
}

.border-box-big .bar4 {
	width: 15.5rem;
	height: 1.5rem;
	right: 0;
	bottom: 0;
	background: url("/eng/img/sub/010301_bar4.png") 0 0 no-repeat;
}

/* 카드형 리스트 */
.border-card-list {
	word-break: keep-all;
	margin: 2rem 0;
}

.border-card-list:first-child {
	margin-top: 0;
}

.border-card-list .card {
	border: 1px solid #e9e9e9;
	padding: 1.5rem 1.1rem;
}

.border-card-list .card .title {
	position: relative;
	margin-bottom: 1.4rem;
}

.border-card-list .card .title::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #222;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}

.border-card-list .card .title strong {
	display: inline-block;
	font-size: 1rem;
	color: #222;
	position: relative;
	z-index: 1;
	background: #fff;
	padding-right: .4rem;
}

/* round step 리스트 */
.round-step-wrap {
	border: 1px solid #e9e9e9;
	margin: 1.2rem 0 2.5rem;
	padding: 2.2rem 3.3rem;
	word-break: keep-all;
}

.round-step-wrap .step {
	display: block;
	width: 46rem;
	table-layout: fixed;
	text-align: center;
}

.round-step-wrap .step>li {
	display: inline-block;
	position: relative;
	width: 19%;
	vertical-align: top;
}

.round-step-wrap .step>li::before {
	content: '\ea3e';
	font-family: "xeicon";
	font-size: 1.2rem;
	color: #353540;
	position: absolute;
	top: 2.6rem;
	right: -.6rem;
}

.round-step-wrap .step>li:last-child::before {
	display: none;
}

.round-step-wrap .step>li:nth-child(1) .round {
	background: #f49f17;
}

.round-step-wrap .step>li:nth-child(1) .round span {
	color: #222;
}

.round-step-wrap .step>li:nth-child(2) .round {
	background: #936112;
}

.round-step-wrap .step>li:nth-child(3) .round {
	background: #9c5516;
}

.round-step-wrap .step>li:nth-child(4) .round {
	background: #9c4516;
}

.round-step-wrap .step>li:nth-child(5) .round {
	background: #4f3629;
}

.round-step-wrap .step .round {
	border-radius: 50%;
	width: 6rem;
	height: 6rem;
	text-align: center;
	background-color: #f49f17;
	padding: .9rem .4rem;
	margin: 0 auto .5rem;
}

.round-step-wrap .step .round img {
	margin-bottom: .4rem;
}

.round-step-wrap .step .round span {
	display: block;
	font-size: .85rem;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
}

/* square step 리스트 */
.square-step-wrap {
	border: 1px solid #e9e9e9;
	margin: 1.2rem 0 2.5rem;
	padding: 2.2rem 3.3rem;
	word-break: keep-all;
}

.square-step-wrap .step {
	display: table;
	width: 46rem;
	table-layout: fixed;
	text-align: center;
}

.square-step-wrap .step>li {
	display: table-cell;
	position: relative;
}

.square-step-wrap .step>li::before {
	content: '\ea3e';
	font-family: "xeicon";
	font-size: 1.2rem;
	color: #353540;
	position: absolute;
	top: 2.6rem;
	right: -.6rem;
}

.square-step-wrap .step>li:last-child::before {
	display: none;
}

.square-step-wrap .step>li:nth-child(1) .square {
	background: #f49f17;
}

.square-step-wrap .step>li:nth-child(1) .square span {
	color: #222;
}

.square-step-wrap .step>li:nth-child(2) .square {
	background: #9c5516;
}

.square-step-wrap .step>li:nth-child(3) .square {
	background: #9c5516;
}

.square-step-wrap .step>li:nth-child(4) .square {
	background: #9c4516;
}

.square-step-wrap .step>li:nth-child(5) .square {
	background: #4f3629;
}

.square-step-wrap .step .square {
	padding: .9rem 0.2rem;
	margin: 0 auto .5rem;
	width: 11rem;
	height: 6rem;
	border-radius: 1rem;
}

.square-step-wrap .step .square img {
	margin-bottom: 1rem;
}

.square-step-wrap .step .square span {
	display: block;
	font-size: .85rem;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
}

.square-step-wrap .step .bottom .list-dot {
	padding-left: 3rem;
}

/* 왼쪽 아이콘 + text */
.left-icon {
	text-align: center;
	word-break: keep-all;
}

.left-icon .inner {
	padding: 0 1.7rem;
}

.left-icon .inner::after {
	content: "";
	clear: both;
	display: table;
}

.left-icon .round {
	border-radius: 50%;
	width: 4.3rem;
	height: 4.3rem;
	text-align: center;
	background-color: #e97f0e;
	background: #e97f0e url("/eng/img/sub/050301_img01.png") center
		no-repeat;
	float: left;
	margin-right: 1rem;
}

.left-icon .txt {
	float: left;
	width: calc(100% - 6rem);
	text-align: left;
}

.left-icon .txt strong {
	display: block;
	color: #353540;
	font-size: .9rem;
	margin-bottom: 0.6rem;
}

.left-icon .txt span {
	display: block;
}

.left-icon .row>li:nth-child(2) .round {
	background: #353540 url("/eng/img/sub/050301_img02.png") center
		no-repeat;
}

/* top-text-box */
.top-text-box {
	position: relative;
	overflow: hidden;
	margin: 1.5rem 0;
	word-break: keep-all;
}

.top-text-box .border {
	border: .75rem solid #e9e9e9;
}

.top-text-box [class^="bar"] {
	position: absolute;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.top-text-box .bar1 {
	position: absolute;
	top: 0;
	left: calc(100% - 3.3rem);
	background: url("/eng/img/sub/ttbox_border_top.png") 0 0 no-repeat;
	width: 0;
	height: .75rem;
}

.top-text-box .bar2 {
	position: absolute;
	top: 0;
	right: 0;
	width: .75rem;
	height: 0%;
	background: #f49f17;
}

.top-text-box .bar3 {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("/eng/img/sub/ttbox_border_bottom.png") 0 0 no-repeat;
	width: 0;
	height: .75rem;
}

.top-text-box .txt {
	padding-right: 10.8rem;
	position: relative;
	padding: 1.5rem 11.5rem 1.5rem 1.5rem;
}

.top-text-box .txt .bg {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	width: 8.6rem;
	height: 6.1rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.top-text-box .txt .title {
	display: block;
	font-size: 1.3rem;
	color: #222;
	margin-bottom: 0.5rem;
}

.top-text-box .txt .desc {
	display: block;
	color: #666;
}

.top-text-box .txt .btn-c {
	position: absolute;
	bottom: 1.5rem;
	right: 2rem;
	margin: 0;
}

.top-text-box.mini .border {
	min-height: 10rem;
	padding: 1.5rem 0;
}

.top-text-box.btn-type .txt::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-left: 1.5rem solid #f5f5f5;
	border-bottom: 1rem solid transparent;
	position: absolute;
	top: 1.5rem;
	right: 7.5rem;
	z-index: -1;
}

.top-text-box.btn-type .txt::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-left: 1.5rem solid #f5f5f5;
	border-bottom: 1rem solid transparent;
	position: absolute;
	top: 5rem;
	right: 19rem;
	z-index: -1;
}

body.start .top-text-box .bar1 {
	width: 3.3rem;
}

body.start .top-text-box .bar2 {
	height: 100%;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

body.start .top-text-box .bar3 {
	width: 10.45rem;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}

body.start .sub010101 .bar1 {
	width: 19.75rem;
}

body.start .sub010101 .bar3 {
	width: 32.05rem;
}

/* 파란색박스 */
.blue-box {
	background: #f2f5f9 url("/eng/img/sub/blue_box_bg.jpg") 90% bottom
		no-repeat;
	padding: 1.6rem 2.5rem;
	margin: 3rem 0;
	word-break: keep-all;
}

.blue-box::after {
	content: "";
	clear: both;
	display: table;
}

.blue-box .img {
	float: left;
	margin-right: 2rem;
}

.blue-box .txt {
	float: left;
	width: calc(100% - 6rem);
}

.blue-box .txt .title {
	display: block;
	font-size: 1.3rem;
	color: #222;
	margin-bottom: .5rem;
}

/* 카테고리 탭메뉴 */
.category-tab {
	border: 1px solid #e5e5e5;
	border-width: 1px 0;
	position: relative;
	margin: 1rem 0;
}

.category-tab .tab>li {
	text-align: center;
}

.category-tab .tab>li>a {
	display: inline-block;
	font-size: .9rem;
	color: #666;
	text-align: center;
	padding: .7rem 0;
	position: relative;
}

.category-tab .tab>li>a::before {
	content: '';
	width: 100%;
	height: .2rem;
	background: #fda820;
	position: absolute;
	bottom: .9rem;
	left: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.category-tab .tab>li>a:hover::before {
	opacity: 1;
}

.category-tab .tab>li.tab-active>a {
	color: #222;
	font-weight: 700;
}

.category-tab .tab>li.tab-active>a::before {
	opacity: 1;
}

.category-tab .btn-area {
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.category-tab .btn-area>div {
	width: 2.8rem;
	height: 2.8rem;
	position: absolute;
	top: 0;
	font-size: 1.2rem;
	text-align: center;
	line-height: 2.8rem;
}

.category-tab .btn-area .swiper-button-prev {
	left: 0;
}

.category-tab .btn-area .swiper-button-next {
	right: 0;
}

/* div select box */
.select-wrap {
	position: relative;
}

.select-wrap .select-title {
	color: #333;
	font-size: .9rem;
	font-weight: 700;
	position: relative;
	display: block;
	max-height: 1.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 1.4rem;
}

.select-wrap .select-title::before {
	content: '\e942';
	font-family: "xeicon";
	position: absolute;
	top: -.1rem;
	right: 0;
	font-size: 1.2rem;
}

.select-wrap .scroll-box {
	width: 100%;
	height: 0;
	border: 1px solid #999;
	padding: .8rem 1rem;
	position: absolute;
	top: 1.5rem;
	left: 0;
	background: #fff;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;
}

.select-wrap.active .scroll-box {
	opacity: 1;
	visibility: visible;
	height: 5.04rem;
}

.select-wrap.active .select-title::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* text style1 */
.desc-area-type1 {
	color: #333;
	font-weight: 600;
	margin: 2rem 0;
	word-break: keep-all;
}

.desc-area-type1 em {
	color: #ba410d;
}

/* point */
.point1 {
	color: #e30a0a !important;
	font-size: 1.5rem;
	display: inline-block;
	width: .75rem;
	height: 1rem;
	line-height: 1;
	vertical-align: middle;
	font-weight: 400;
}

.point2 {
	color: #ba410d !important;
}

.point3 {
	color: #e31515 !important;
}

.point4 {
	color: #bf532a !important;
}

/* 구분선 */
hr.line {
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: #e9e9e9;
	margin: 1.5rem 0 2rem;
}

/* table */
strong.a11y {
	display: none;
}

.table-wrap {
	width: 100%;
	margin: 2rem 0 2.5rem;
	text-align: center;
}

.table-wrap table {
	position: relative;
	width: 100%;
}

.table-wrap table::before {
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}

.table-wrap table::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #aaa;
	position: absolute;
	bottom: 0;
	left: 0;
}

.table-wrap table th {
	text-align: center;
	color: #000;
	font-weight: 300;
}

.table-wrap table thead th {
	font-weight: 600;
	color: #222;
	border-bottom-color: #aaa;
}

.table-wrap table td {
	color: #555;
}

.table-wrap table th, .table-wrap table td {
	border: 1px solid #ddd;
	padding: .8rem 1rem;
}

.table-wrap table tr:first-child th, .table-wrap table tr:first-child td
	{
	border-top: 0;
}

.table-wrap table th:first-child, .table-wrap table td:first-child {
	border-left: 0;
}

.table-wrap table th:last-child, .table-wrap table td:last-child {
	border-right: 0;
}

.table-wrap table .list li {
	text-align: left;
}

.table-wrap+.remarks {
	margin-top: -1.5rem;
}

.table-wrap::-webkit-scrollbar {
	height: 5px;
}

.table-wrap::-webkit-scrollbar-thumb {
	background-color: #f49f17;
	border: 5px solid #f49f17;
	border-radius: 5px;
}

.table-wrap::-webkit-scrollbar-track {
	background-color: #e5e5e5;
}

/* 레이어 팝업창 : 인증 */
.layer-popup {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.25);
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.layer-popup .box-area {
	width: 68rem;
	padding-left: 15rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 92%;
}

.layer-popup .box-area .inner {
	background: #fff;
	border: 1.2rem solid #e9e9e9;
	padding: 3rem 6rem;
	height: 90%;
}

.layer-popup .box-area .title {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 2.8rem;
}

.layer-popup .box-area .title::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #a2a5aa;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
}

.layer-popup .box-area .title span {
	display: inline-block;
	background: #fff;
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0 .4rem;
	z-index: 1;
	position: relative;
}

.layer-popup .box-area .box {
	border: 1px solid #e9e9e9;
	padding: 2.8rem 2.3rem;
	text-align: center;
}

.layer-popup .box-area .box .name {
	display: block;
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	padding-top: 3.3rem;
	background: url("/eng/img/sub/0504_phone.png") center top no-repeat;
}

.layer-popup .box-area .box .btns {
	margin-bottom: 0;
}

.layer-popup .box-area .btn-close {
	display: block;
	position: absolute;
	top: 3rem;
	right: 3rem;
}

.layer-popup .box-area .btn-close i {
	font-size: 1.5rem;
	color: #222;
}

.layer-popup.active {
	z-index: 10;
	opacity: 1;
	visibility: visible;
}

/* ==========================================================================================
콘텐츠 스타일
============================================================================================*/
/* 간행물신청해지 010508 */
.sub010508 { /* 간행물신청해지 010508 :: 신청 */ /* 간행물신청해지 010508 :: 해지 */
	
}

.sub010508 .gray-border-box {
	border: 1.2rem solid #e9e9e9;
	padding: 2.5rem;
	position: relative;
	overflow: hidden;
	word-break: keep-all;
	margin-bottom: 2.2rem;
}

.sub010508 .gray-border-box::before {
	content: '';
	width: 19.5rem;
	height: 8.05rem;
	background: url("/eng/img/sub/010508_bg.jpg") 0 0/contain no-repeat;
	position: absolute;
	top: 1.5rem;
	right: 3rem;
}

.sub010508 .gray-border-box .txt {
	padding-right: 50%;
	margin-bottom: 2rem;
	position: relative;
	z-index: 1;
}

.sub010508 .gray-border-box .txt strong {
	display: block;
	color: #222;
	font-size: 1.7rem;
	text-decoration: underline;
	font-weight: 400;
	margin-bottom: 1.6rem;
}

.sub010508 .gray-border-box .txt strong em {
	color: #1e2f6e;
	font-weight: 700;
}

.sub010508 .gray-border-box .txt span {
	display: block;
	color: #707070;
	font-size: 1rem;
}

.sub010508 .card-list {
	margin: 1.5rem 0 2.5rem;
}

.sub010508 .card-list .card {
	border: 1px solid #e9e9e9;
	padding: 1.2rem 1.3rem 4.7rem 1.3rem;
	position: relative;
}

.sub010508 .card-list .card .caption {
	display: block;
	font-size: .9rem;
	color: #222;
}

.sub010508 .card-list .card img {
	display: block;
	position: absolute;
	right: 1.3rem;
	bottom: 1.5rem;
}

.sub010508.type02 .gray-border-box .txt {
	padding-right: 30%;
}

.sub010508.type03 .gray-border-box .txt {
	padding-right: 30%;
}

.agree-wrap {
	position: relative;
}

.agree-wrap .title {
	color: #000;
	font-weight: 600;
	padding: .8rem 0;
}

.agree-wrap .input-area {
	position: absolute;
	top: .8rem;
	right: 0;
	z-index: 1;
}

/* 관련사이트 010701 */
.sub010701 .relate-site .border-box3 {
	padding: 1.2rem 0;
}

.sub010701 .relate-site .border-box3 .img {
	border: 1px solid #e9e9e9;
	width: 12rem;
	max-width: 100%;
	height: 7.9rem;
	position: relative;
}

.sub010701 .relate-site .border-box3 .img img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 80%;
}

.sub010701 .relate-site .border-box3 .txt {
	word-break: keep-all;
}

.sub010701 .relate-site .border-box3 .txt .title {
	display: block;
	width: 100%;
	height: 1.4rem;
	overflow: hidden;
	color: #222;
	font-size: .9rem;
	font-weight: 600;
	margin-bottom: 0.6rem;
}

.sub010701 .relate-site .border-box3 .txt .desc {
	color: #666;
	display: block;
	height: 2.5rem;
	overflow: hidden;
	margin-bottom: 1.3rem;
}

.sub010701 .relate-site .border-box3.custom1 {
	height: 13.05rem;
}

.sub010701 .relate-site .border-box3.custom1.detail .txt .title {
	height: 2.7rem;
}

.sub010701 .relate-site .border-box3.custom1.detail .txt .desc {
	height: 3.9rem;
}

/* 연구분야 020102 - 연구진 */
.border-box4.search-wrap {
	text-align: center; /* 직원검색 추가했을때 */
}

.border-box4.search-wrap .inner {
	display: inline-block;
}

.border-box4.search-wrap .inner .form-select {
	width: 10rem;
	display: inline-block;
	vertical-align: top;
}

.border-box4.search-wrap .inner .form-select.sm {
	width: 5.6rem;
}

.border-box4.search-wrap .inner .form-select select {
	width: 100%;
	height: 2.1rem;
}

.border-box4.search-wrap .inner .form-select-list select {
	height: 2.1rem;
}

.border-box4.search-wrap .inner .search {
	width: 17rem;
	height: 2rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.border-box4.search-wrap .inner .search .form-input {
	width: 100%;
}

.border-box4.search-wrap .inner .search .form-input input {
	width: 100%;
	padding-right: 3.5rem;
	height: 2.1rem;
}

.border-box4.search-wrap .inner .search .form-btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 2.1rem;
}

.border-box4.search-wrap .inner .search .form-btn .btn-c {
	height: inherit;
	color: #fff;
	background: #222;
	border-color: #222;
	font-size: 1.15rem;
	padding: .1rem .8rem;
}

.border-box4.search-wrap .formLine {
	width: 7rem;
}

.border-box4.search-wrap .ui-datepicker-trigger {
	padding: 0;
	vertical-align: top;
}

.border-box4.search-wrap .xi-calendar-check {
	font-size: 1.2rem;
	margin: .4rem 0 0 -1.8rem;
}

.border-box4.search-wrap .date_term {
	display: inline-block;
	margin: 0 .5rem;
}

.border-box4.search-wrap .select-wrap {
	border: 1px solid #ddd;
	height: 2.1rem;
	text-align: left;
}

.border-box4.search-wrap .select-wrap .select-title {
	height: 2.1rem;
	font-size: .8rem;
	font-weight: 400;
	display: block;
	max-height: none;
	padding: .3rem .7rem;
}

.border-box4.search-wrap .select-wrap .select-title::before {
	content: '\e936';
	font-size: .7rem;
	top: .4rem;
	right: .3rem;
}

.border-box4.search-wrap .select-wrap .scroll-box {
	width: calc(200% + .35rem);
	top: 2.1rem;
	left: -1px;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li {
	position: relative;
	padding-left: .6rem;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li::before
	{
	content: '\e97e';
	font-family: "xeicon";
	font-size: .6rem;
	position: absolute;
	top: .2rem;
	left: 0;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-1
	{
	font-weight: 600;
	padding-left: 0;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-1::before
	{
	display: none;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-2
	{
	padding-left: 1.2rem;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-2::before
	{
	left: .6rem;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-3
	{
	padding-left: 1.7rem;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-3::before
	{
	left: 1.1rem;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-4
	{
	padding-left: 2.2rem;
}

.border-box4.search-wrap .select-wrap .scroll-box .option-list>li.depth-4::before
	{
	left: 1.6rem;
}

.border-box4.search-wrap .select-wrap.active .scroll-box {
	height: 12rem;
}

/* 직원찾기 게시판 */
.contact-wrap.tstyle_list>div>ul {
	overflow: inherit;
}

.contact-wrap .info-user {
	position: relative;
	text-align: center;
	z-index: 1;
}

.contact-wrap .info-user .btn-user {
	display: inline-block;
	font-size: 1.5rem;
	color: #333;
	width: 1.4rem;
	height: 1.4rem;
	position: relative;
}

.contact-wrap .info-user .btn-user i {
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.contact-wrap .info-user .key-area {
	position: absolute;
	top: 2.6rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	width: 16rem;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;
	z-index: -1;
}

.contact-wrap .info-user .key-area span {
	color: #333;
	display: inline-block;
	vertical-align: middle;
	margin-right: .7rem;
	font-weight: 600;
}

.contact-wrap .info-user .key-area .input-area {
	vertical-align: middle;
	display: inline-block;
	width: 8.5rem;
	position: relative;
}

.contact-wrap .info-user .key-area .input-area .text {
	padding-right: 2.5rem;
	width: 100%;
	height: 2rem;
	border-color: #ddd;
}

.contact-wrap .info-user .key-area .input-area .btn-c {
	position: absolute;
	top: 0;
	right: 0;
	height: 2rem;
	width: 3.75rem;
	background: #e9e9e9;
	border: 1px solid #ddd;
	padding: 0;
	text-align: center;
	color: #333;
}

.contact-wrap .info-user.active {
	z-index: 2;
}

.contact-wrap .info-user.active .btn-user {
	color: #fda820;
}

.contact-wrap .info-user.active .key-area {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

/* 직원정보 */
.employee-information {
	border: .4rem solid #e9e9e9;
	padding: 1.5rem;
	position: relative;
	margin-bottom: 1.5rem;
	min-height: 15rem;
}

.employee-information::before {
	content: '\ea04';
	font-family: "xeicon";
	position: absolute;
	bottom: 1rem;
	right: 3rem;
	color: #f4f5f6;
	font-size: 11rem;
	line-height: 1;
	z-index: -1;
}

.employee-information .title2:first-child {
	margin-top: 0;
}

.employee-information .inner {
	padding-left: 1rem;
}

.employee-information .info-list::after {
	content: "";
	clear: both;
	display: table;
}

.employee-information .info-list>li {
	float: left;
	color: #222;
	margin-right: 3rem;
}

.employee-information .info-list>li .category {
	display: block;
	position: relative;
	padding-bottom: .4rem;
	margin-bottom: 0.4rem;
}

.employee-information .info-list>li .category::before {
	content: '';
	width: 1.3rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	bottom: 0;
	left: 0;
}

.employee-information .info-list>li strong {
	display: block;
	font-size: .9rem;
}

.employee-information .btns {
	text-align: left;
}

/* 연구분야 020102 - 논문, 특허 */
.research-board {
	border-top: 2px solid #454b56;
	position: relative;
	margin: 1rem 0;
	overflow: hidden;
}

.research-board::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #aaa;
	position: absolute;
	bottom: 0;
	left: 0;
}

.research-board .row>li {
	border-bottom: 1px solid #ddd;
	height: 15rem;
	overflow: hidden;
}

.research-board .box {
	padding: 1.5rem .5rem;
	-webkit-transition: all .3s;
	transition: all .3s;
	height: inherit;
}

.research-board .box:hover {
	background: #f9f9f9;
}

.research-board .box .division {
	display: block;
	color: #95620f;
	font-weight: 600;
	margin-bottom: 0.8rem;
}

.research-board .box .title {
	display: block;
	font-size: .85rem;
	color: #333;
	height: 3.2rem;
	line-height: 1.3;
	overflow: hidden;
}

.research-board .box .list-dot .category {
	display: inline-block;
	color: #555;
	font-weight: 600;
	vertical-align: top;
}

.research-board .box .list-dot span {
	display: inline-block;
	width: calc(100% - 4.2rem);
	vertical-align: top;
}

.research-board.type2 .row>li {
	height: 18.5rem;
}

.research-board.type2 .box {
	height: inherit;
}

/* 연구분야 - 보고서원문 */
.original-text {
	width: 100%;
	background: url("/eng/img/sub/original_text_bg.jpg") center/cover
		no-repeat;
	background-attachment: fixed;
	padding: 5rem 8.4rem;
	text-align: center;
	margin-bottom: 5rem;
}

.original-text .white-box {
	background: #fff;
	padding: 3rem .5rem 3.5rem;
}

.original-text .white-box .logo {
	display: inline-block;
	margin-bottom: .7rem;
}

.original-text .white-box span {
	display: block;
	color: #333;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 2.3rem;
}

.original-text .contact {
	display: block;
	color: #fff;
	margin: 1.8rem 0;
	font-weight: 600;
}

/* 열린마당 - 묻고답하기 :: 답글 */
.reply-wrap {
	margin: 1.5rem 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 1.4rem;
}

.reply-wrap .top::after {
	content: "";
	clear: both;
	display: table;
}

.reply-wrap .top .title {
	float: left;
	padding: .8rem 2.5rem;
	color: #222325;
	font-weight: 600;
}

.reply-wrap .top .title i {
	font-size: 1.2rem;
	vertical-align: bottom;
}

.reply-wrap .top .info {
	float: right;
	padding: .8rem 0;
}

.reply-wrap .top .info::after {
	content: "";
	clear: both;
	display: table;
}

.reply-wrap .top .info>li {
	float: left;
	padding-right: .7rem;
	position: relative;
}

.reply-wrap .top .info>li::before {
	content: '';
	width: 1px;
	height: .5rem;
	background: #dbe0e3;
	position: absolute;
	top: .45rem;
	right: .3rem;
}

.reply-wrap .top .info>li:last-child {
	padding-right: 0;
}

.reply-wrap .top .info>li:last-child::before {
	display: none;
}

.reply-wrap .top .info>li strong {
	display: inline-block;
	font-weight: 400;
	color: #333;
}

.reply-wrap .top .info>li span {
	display: inline-block;
	font-weight: 300;
	color: #777;
}

.reply-wrap .reply-box {
	background: #fafafa;
	padding: 2.7rem 2.5rem;
}

/* 정보공개 - 사전정보공표 */
.list-btn-area {
	margin: 1rem 0;
	text-align: right;
}

.list-btn-area .btn-c {
	height: 2rem;
	padding: .4rem .8rem;
	width: 6.5rem;
	font-size: .75rem;
}

.list-btn-area .btn-c::after {
	content: "";
	clear: both;
	display: table;
}

.list-btn-area .btn-c i {
	float: right;
	line-height: 1.3;
}

/* 연구원소개 - 인사말 */
.sub010101 .top-text-box .border {
	border-width: 1.7rem;
}

.sub010101 .top-text-box [class^="bar"] {
	height: 1.7rem;
}

.sub010101 .top-text-box .bar1 {
	background-image: url("/main/img/sub/010101_border_top.png");
	left: calc(100% - 19.75rem);
}

.sub010101 .top-text-box .bar2 {
	width: 1.7rem;
}

.sub010101 .top-text-box .bar3 {
	background-image: url("/main/img/sub/010101_border_bottom.png");
}

.sub010101 .top-text-box .txt {
	padding: 2.5rem 16.5rem 2.5rem 1.5rem;
}

.sub010101 .top-text-box .txt .title {
	display: inline-block;
	font-size: 1.7rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
	position: relative;
}

.sub010101 .top-text-box .txt .title::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #727272;
	position: absolute;
	bottom: 0;
	left: 0;
}

.sub010101 .top-text-box .txt .title em {
	font-weight: 600;
	color: #1e2f6e;
}

.sub010101 .top-text-box .txt .desc {
	color: #888;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}

.sub010101 .top-text-box .txt .form em {
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.sub010101 .top-text-box .txt .form img {
	display: inline-block;
	vertical-align: middle;
}

.sub010101 .top-text-box .txt .person {
	top: 50%; 
	right: 7%; 
	transform: translateY(-50%);
	 width: 9.7rem; 
	 position: absolute; 
	 box-shadow: 0.3rem 0.3rem 0 #E9E9E9;
}

.sub010101 .txt-area .title {
	font-size: 1.4rem;
	color: #222;
	font-weight: 600;
	line-height: 1.4;
}

.sub010101 .txt-area .title span {
	display: block;
	font-style: italic;
}

.sub010101 .history {
	position: relative;
	margin: 1.5rem 0 2.5rem;
}

.sub010101 .history::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #192333;
	position: absolute;
	top: 0;
	left: 0;
}

.sub010101 .history .row {
	margin: 0;
}

.sub010101 .history .row>li {
	padding: 0 1rem;
}

.sub010101 .history .card {
	position: relative;
	padding-top: 1.2rem;
	color: #222;
}

.sub010101 .history .card .dot {
	display: block;
	border-radius: 50%;
	width: 0.55rem;
	height: 0.55rem;
	text-align: center;
	background-color: #192333;
	position: absolute;
	top: -.25rem;
	left: 0;
}

.sub010101 .history .card .date {
	display: block;
	font-size: .9rem;
	margin-bottom: 0.2rem;
}

.sub010101 .history .card .desc {
	display: block;
}

.sub010101 .custom1 .row>li {
	float: left;
	width: 20%;
}

/* 연구원소개 - 임무 및 기능 */
.sub010102 .mission {
	text-align: center;
}

.sub010102 .mission .list>li {
	display: inline-block;
	margin: 0 1.7rem;
	vertical-align: bottom;
}

.sub010102 .mission .list>li .round {
	border-radius: 50%;
	width: 11.5rem;
	height: 11.5rem;
	text-align: center;
	background-color: #1a6ecf;
	color: #fff;
	word-break: keep-all;
}

.sub010102 .mission .list>li .round .title {
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
	position: relative;
}

.sub010102 .mission .list>li.first .round {
	background: url("/eng/img/sub/010102_round_bg1.jpg") center/cover
		no-repeat;
}

.sub010102 .mission .list>li.center .round {
	width: 12.5rem;
	height: 12.5rem;
	padding: 5rem 2.3rem;
}

.sub010102 .mission .list>li.last .round {
	background: url("/eng/img/sub/010102_round_bg2.jpg") center/cover
		no-repeat;
}

.sub010102 .mission .desc {
	width: 80%;
	margin: 2rem auto;
}

.sub010102 .function .title {
	display: block;
	padding-top: 6.8rem;
	text-align: center;
	font-size: 1.4rem;
	color: #222;
	font-weight: 600;
	background: url("/eng/img/sub/010102_arr.jpg") center top no-repeat;
	margin: 0.5rem 0 1.1rem;
}

/* 연구원소개 - 비전 및 경영정보 */
.sub010103 .list {
	position: relative;
}

.sub010103 .list::before {
	content: '';
	width: 1px;
	height: 100%;
	background: #f0f0f0;
	position: absolute;
	top: 0;
	left: 7.2rem;
	z-index: -1;
}

.sub010103 .list>li {
	margin: 1.5rem 0 3rem;
}

.sub010103 .list>li::after {
	content: "";
	clear: both;
	display: table;
}

.sub010103 .list .category {
	float: left;
	width: 7.2rem;
	position: relative;
}

.sub010103 .list .category::before {
	content: '\e93f';
	font-family: "xeicon";
	border-radius: 50%;
	width: 1.1rem;
	height: 1.1rem;
	text-align: center;
	background-color: #f0f0f0;
	font-size: .9rem;
	color: #b4b4b4;
	text-align: center;
	position: absolute;
	top: .45rem;
	right: -.55rem;
	line-height: 1.2;
}

.sub010103 .list .category span {
	display: block;
	position: relative;
	padding-left: 1rem;
	font-size: 1rem;
	color: #332d2d;
}

.sub010103 .list .category span::before {
	content: '';
	width: .3rem;
	height: .45rem;
	background: #f49f17;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	position: absolute;
	top: .75rem;
	left: 0;
}

.sub010103 .list .cont {
	float: left;
	width: calc(100% - 7.3rem);
	padding-left: 2.3rem;
}

.sub010103 .list .cont .title {
	display: block;
	font-size: 1.2rem;
	color: #332d2d;
	font-style: italic;
}

.sub010103 .list .goal>li {
	margin-bottom: .5rem;
}

.sub010103 .list .goal>li::after {
	content: "";
	clear: both;
	display: table;
}

.sub010103 .list .goal .num {
	float: left;
	display: block;
	width: 4.9rem;
	background: #353540;
	color: #fff;
	text-align: center;
	font-weight: 600;
	border-radius: 1.5rem;
	margin-right: .5rem;
	padding: .15rem 0;
}

.sub010103 .list .goal .desc {
	float: left;
	display: block;
	width: calc(100% - 5.5rem);
	font-size: .9rem;
}

/* 연구원소개 - 연혁 */
.sub010104 .box {
	border: 1.2rem solid #e9e9e9;
	padding: 2.3rem 17rem 2rem 1.8rem;
	position: relative;
	word-break: keep-all;
}

.sub010104 .box .txt {
	margin-bottom: 1.5rem;
}

.sub010104 .box .txt:last-of-type {
	margin-bottom: 0;
}

.sub010104 .box .txt strong {
	display: block;
	color: #222;
	font-size: 1.2rem;
	margin-bottom: 0.3rem;
}

.sub010104 .box .txt span {
	display: block;
}

.sub010104 .box img {
	display: block;
	position: absolute;
	bottom: -2rem;
	right: 1.8rem;
}

.sub010104 .history {
	position: relative;
	margin: 1.5rem 0 2.5rem;
}

.sub010104 .history::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #192333;
	position: absolute;
	top: 0;
	left: 0;
}

.sub010104 .history .row {
	margin: 0;
}

.sub010104 .history .row>li {
	padding: 0 1rem;
}

.sub010104 .history .card {
	position: relative;
	padding-top: 1.2rem;
	color: #222;
}

.sub010104 .history .card .dot {
	display: block;
	border-radius: 50%;
	width: 0.55rem;
	height: 0.55rem;
	text-align: center;
	background-color: #192333;
	position: absolute;
	top: -.25rem;
	left: 0;
}

.sub010104 .history .card .date {
	display: block;
	font-size: .9rem;
	margin-bottom: 0.2rem;
}

.sub010104 .history .card .desc {
	display: block;
}

.sub010104 .history2 {
	position: relative;
	padding-top: .9rem;
}

.sub010104 .history2::before {
	content: '';
	width: 1px;
	height: 100%;
	background: #192333;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
}

.sub010104 .history2>li {
	margin-bottom: 3.5rem;
}

.sub010104 .history2>li::after {
	content: "";
	clear: both;
	display: table;
}

.sub010104 .history2>li:last-child {
	margin-bottom: 0;
}

.sub010104 .history2>li:nth-child(odd) .card {
	float: left;
	text-align: right;
	padding-right: 1.4rem;
}

.sub010104 .history2>li:nth-child(odd) .card .dot {
	right: -.3rem;
}

.sub010104 .history2>li:nth-child(even) .card {
	float: right;
	text-align: left;
	padding-left: 1.4rem;
}

.sub010104 .history2>li:nth-child(even) .card .dot {
	left: -.3rem;
}

.sub010104 .history2 .card {
	position: relative;
	color: #222;
	width: 50%;
}

.sub010104 .history2 .card .dot {
	display: block;
	border-radius: 50%;
	width: 0.55rem;
	height: 0.55rem;
	text-align: center;
	background-color: #192333;
	position: absolute;
	top: .45rem;
}

.sub010104 .history2 .card .date {
	display: block;
	font-size: .9rem;
	margin-bottom: 0.2rem;
}

.sub010104 .history2 .card .desc {
	display: block;
}

/* 연구원소개 - 사회공헌 */
.sub010301 .card-list .row>li:nth-child(2) .card .img {
	background-image: url("/eng/img/sub/010301_card_2.jpg");
}

.sub010301 .card-list .row>li:nth-child(3) .card .img {
	background-image: url("/eng/img/sub/010301_card_3.jpg");
}

.sub010301 .card-list .card .img {
	height: 11rem;
	margin-bottom: 1rem;
	background: url("/eng/img/sub/010301_card_1.jpg") center/cover no-repeat;
}

.sub010301 .card-list .card .title {
	display: block;
	font-size: 1.1rem;
	color: #222;
	margin-bottom: 0.5rem;
}

.sub010301 .card-list .card .title .num {
	font-family: "Montserrat";
	margin-right: 0.3rem;
	display: inline-block;
	vertical-align: top;
}

.sub010301 .card-list .card .title span {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 2.1rem);
}

.sub010301 .card-list .card .desc {
	display: block;
}

.sub010301 .charter {
	position: relative;
	overflow: hidden;
	word-break: keep-all;
	width: calc(100% - 2rem);
	margin: 0 auto;
	text-align: center;
}

.sub010301 .charter .border {
	border: 1.5rem solid #e9e9e9;
	padding: 2rem 5rem;
}

.sub010301 .charter [class^="bar"] {
	position: absolute;
	background: #f49f17;
}

.sub010301 .charter .bar1 {
	width: 15.5rem;
	height: 1.5rem;
	left: 0;
	top: 0;
	background: url("/eng/img/sub/010301_bar1.png") 0 0 no-repeat;
}

.sub010301 .charter .bar2 {
	width: 1.5rem;
	height: 15.5rem;
	left: 0;
	top: 0;
}

.sub010301 .charter .bar3 {
	width: 1.5rem;
	height: 15.5rem;
	right: 0;
	bottom: 0;
}

.sub010301 .charter .bar4 {
	width: 15.5rem;
	height: 1.5rem;
	right: 0;
	bottom: 0;
	background: url("/eng/img/sub/010301_bar4.png") 0 0 no-repeat;
}

.sub010301 .charter .logo {
	display: inline-block;
	margin-bottom: 1.5rem;
}

.sub010301 .charter .title {
	margin-bottom: 2.5rem;
}

.sub010301 .charter .title .top {
	font-size: 1.6rem;
	color: #222;
	line-height: 1;
}

.sub010301 .charter .title .top em {
	font-size: 3rem;
	color: #b2b2b2;
	font-weight: 400;
	vertical-align: middle;
}

.sub010301 .charter .title .orange {
	display: block;
	color: #f46f17;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}

.sub010301 .charter .desc {
	color: #666;
	font-size: .85rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 2rem;
}

.sub010301 .charter .list {
	margin-bottom: 2rem;
}

.sub010301 .charter .list>li {
	margin-bottom: 1.1rem;
	font-size: .9rem;
	text-align: left;
}

.sub010301 .charter .list>li::after {
	content: "";
	clear: both;
	display: table;
}

.sub010301 .charter .list>li .num {
	font-size: 1.1rem;
	color: #222;
	font-family: "Montserrat";
	font-weight: 600;
	display: block;
	float: left;
	width: 2.5rem;
}

.sub010301 .charter .list>li span {
	color: #333;
	display: block;
	float: left;
	width: calc(100% - 2.6rem);
}

.sub010301 .charter .form {
	font-size: .85rem;
	color: #666;
}

.sub010301 .charter .form .date {
	display: block;
	margin-bottom: .5rem;
}

/* 연구원소개 - KICT CI */
.sub010401 .img01 {
	margin: 1.5rem 0;
}

.sub010401 .btns {
	padding: 1rem 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.sub010401 .btns .btn-c {
	padding: .7rem 1rem;
}

.sub010401 .btns .btn-c::after {
	content: "";
	clear: both;
	display: table;
}

.sub010401 .btns .btn-c i {
	float: right;
}

.sub010401 .btns .btn-c:hover {
	border-color: #353540;
	background: #353540;
	color: #fff;
}

.sub010401 .img02 {
	margin: 1.5rem 0;
}

.sub010401 .list {
	margin: 2rem 0;
}

.sub010401 .list .row>li {
	margin-bottom: 1.4rem;
}

.sub010401 .list .title {
	margin-bottom: .8rem;
}

.sub010401 .list .title .num {
	font-family: "Montserrat";
	font-weight: 600;
	color: #222;
	font-size: 1.1rem;
	vertical-align: middle;
	margin-right: 0.4rem;
}

.sub010401 .list .title span {
	vertical-align: middle;
}

.sub010401 .list img {
	margin-left: 0;
}

/* 연구원소개 - 조직 - 조직도 */
.sub010501 .org-wrap {
	position: relative;
	text-align: center;
}

.sub010501 .org-wrap a {
	display: block;
	height: 3rem;
	padding: .5rem .2rem;
	line-height: 1.1;
	position: relative;
	width: 10rem;
	max-width: 100%;
	cursor: default;
}

.sub010501 .org-wrap li.red>a {
	background: #c53b00;
	color: #fff;
	font-size: .9rem;
	padding: 1rem;
}

.sub010501 .org-wrap li.navy>a {
	background: #273f6b;
	color: #fff;
}

.sub010501 .org-wrap li.black>a {
	background: #333;
	color: #fff;
	padding: .6rem 0;
}

.sub010501 .org-wrap li.brown>a {
	background: #91663c;
	color: #fff;
}

.sub010501 .org-wrap li.orange>a {
	border: 1px solid #e9e9e9;
	border-left: 1rem solid #f49f17;
	background: #fff;
	width: 8rem;
}

.sub010501 .org-wrap li.sky>a {
	border: 1px solid #e9e9e9;
	border-left: 1rem solid #6ba4e4;
	background: #fff;
	width: 8rem;
}

.sub010501 .org-wrap li.add-t>a::after {
	content: 'T';
	width: 1.5rem;
	height: 1.5rem;
	background: #666;
	color: #fff;
	line-height: 1;
	text-align: center;
	position: absolute;
	bottom: -.75rem;
	right: 0;
	z-index: 1;
	padding-top: 0.3rem;
}

.sub010501 .org-wrap .depth1>li>a {
	margin: 0 auto;
}

.sub010501 .org-wrap .custom1 {
	position: absolute;
	top: 0;
	left: 3.5rem;
}

.sub010501 .org-wrap .custom1::before {
	content: '';
	width: 140%;
	height: 1px;
	border-top: 1px dashed #e3e4e5;
	position: absolute;
	top: 1.5rem;
	left: 100%;
	z-index: -1;
}

.sub010501 .org-wrap .custom1>li>a {
	width: 8rem;
}

.sub010501 .org-wrap .custom1 .depth3 {
	margin-top: 1rem;
	position: relative;
}

.sub010501 .org-wrap .custom1 .depth3::before {
	content: '';
	width: 1px;
	height: 100%;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: -100%;
}

.sub010501 .org-wrap .custom2 {
	padding-left: 35%;
	margin-top: 2.3rem;
	padding-top: 1rem;
	margin-bottom: 3.2rem;
	position: relative;
}

.sub010501 .org-wrap .custom2::before {
	content: '';
	width: calc(50% - 12.5rem);
	height: 1rem;
	border: 1px solid #e3e4e5;
	border-width: 1px 1px 0 0;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 0;
}

.sub010501 .org-wrap .custom2::after {
	content: '';
	width: 1px;
	height: calc(100% + 5.5rem);
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: -2.3rem;
}

.sub010501 .org-wrap .custom2>li {
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
	position: relative;
	max-width: 31%;
}

.sub010501 .org-wrap .custom2>li:first-child {
	margin-left: 2%;
}

.sub010501 .org-wrap .custom2>li::before {
	content: '';
	width: 1px;
	height: 1rem;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: -1rem;
}

.sub010501 .org-wrap .custom2>li:last-child::before {
	display: none;
}

.sub010501 .org-wrap .custom2>li>a {
	height: 3rem;
}

.sub010501 .org-wrap .custom3 {
	position: absolute;
	top: 7.8rem;
	left: 50%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.sub010501 .org-wrap .custom3>li {
	padding-right: 1.4rem;
	position: relative;
}

.sub010501 .org-wrap .custom3>li::before {
	content: '';
	width: 1.4rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	right: 0;
	top: 50%;
}

.sub010501 .org-wrap .custom4 {
	padding-top: 1.7rem;
	position: relative;
}

.sub010501 .org-wrap .custom4::after {
	content: "";
	clear: both;
	display: table;
}

.sub010501 .org-wrap .custom4::before {
	content: '';
	width: calc(100% - 10rem);
	position: absolute;
	top: 0;
	left: 5rem;
	height: 1.7rem;
	border: 1px solid #e3e4e5;
	border-width: 1px 0 0 1px;
}

.sub010501 .org-wrap .custom4>li {
	float: left;
}

.sub010501 .org-wrap .custom4>li.black {
	margin-right: 5.7%;
}

.sub010501 .org-wrap .custom5 {
	position: absolute;
	top: -1.5rem;
	right: 0;
}

.sub010501 .org-wrap .custom5::before {
	content: '';
	width: 1rem;
	height: calc(100% - 4rem);
	position: absolute;
	top: 1.5rem;
	left: -1rem;
	border: 1px solid #e3e4e5;
	border-width: 0 0 1px 1px;
}

.sub010501 .org-wrap .custom5>li {
	margin-bottom: 1rem;
	position: relative;
}

.sub010501 .org-wrap .custom5>li:nth-child(2)::before {
	content: '';
	width: 1rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: -1rem;
	top: 50%;
}

.sub010501 .org-wrap .custom5>li>a {
	height: auto;
}

.sub010501 .org-wrap .custom6 {
	margin-right: 12.7%;
	position: relative;
	padding-bottom: 14.8rem;
}

.sub010501 .org-wrap .custom6::before {
	content: '';
	width: 1px;
	height: 16.5rem;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: -1.7rem;
}

.sub010501 .org-wrap .custom6>a {
	margin-bottom: 11.8rem;
}

.sub010501 .org-wrap .custom7 {
	position: absolute;
	top: 4rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 18.5rem;
}

.sub010501 .org-wrap .custom7>li {
	position: absolute;
}

.sub010501 .org-wrap .custom7>li:nth-child(1) {
	top: 0;
	left: 0;
}

.sub010501 .org-wrap .custom7>li:nth-child(1)>a::before {
	content: '';
	width: 3rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	right: -3rem;
	top: 50%;
}

.sub010501 .org-wrap .custom7>li:nth-child(2)>a::before {
	content: '';
	width: 3rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	right: -3rem;
	top: 50%;
	display:none;
}

.sub010501 .org-wrap .custom7>li:nth-child(2) {
	top: 2rem;
	left: auto;
	right:0;
}

.sub010501 .org-wrap .custom7>li:nth-child(2)::before {
	content: '';
	width: 1.3rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: -1.3rem;
	top: 50%;
}

.sub010501 .org-wrap .custom7>li:nth-child(3) {
	top: 0;
	right: 0;
}

.sub010501 .org-wrap .custom7>li:nth-child(4) {
	top: 4rem;
	right: 0;
}

.sub010501 .org-wrap .custom7>li>a {
	height: 3.5rem;
}

.sub010501 .org-wrap .bottom {
	position: absolute;
	top: 14.8rem;
	left: 50%;
	-webkit-transform: translateX(-65%);
	transform: translateX(-65%);
	padding-top: 1rem;
	width: 19.5rem;
}

.sub010501 .org-wrap .bottom::after {
	content: "";
	clear: both;
	display: table;
}

.sub010501 .org-wrap .bottom::before {
	content: '';
	width: calc(65.5% + 1rem);
	height: calc(100% - 1.7rem);
	border: 1px solid #e3e4e5;
	border-right: 0;
	position: absolute;
	z-index: -1;
	left: -1rem;
	top: 0;
}

.sub010501 .org-wrap .bottom>li {
	position: relative;
	margin-bottom: 0.5rem;
}

.sub010501 .org-wrap .bottom>li::before {
	content: '';
	width: 1rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: -1rem;
	top: 50%;
}

.sub010501 .org-wrap .bottom>li:last-child {
	margin-right: 0;
}

.sub010501 .org-wrap .bottom>li:last-child::before {
	display: none;
}

.sub010501 .org-wrap .bottom>li>a {
	width: 100%;
	border: 1px solid #e3e4e5;
	height: auto;
	padding: .7rem 1rem;
	text-align: left;
	background: #fff;
}

.sub010501 .org-wrap .custom9 {
	position: relative;
	padding-bottom: 12.8rem;
}

.sub010501 .org-wrap .custom9::before {
	content: '';
	width: 1px;
	height: 16.5rem;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: -1.7rem;
}

.sub010501 .org-wrap .custom9>a {
	margin-bottom: 11.8rem;
}

.sub010501 .org-wrap .custom10 {
	position: absolute;
	top: 3.5rem;
	left: 50%;
	margin-left: 1rem;
}

.sub010501 .org-wrap .custom10>li {
	position: relative;
	margin-bottom: 0.3rem;
}

.sub010501 .org-wrap .custom10>li::before {
	content: '';
	width: 1.3rem;
	height: 1px;
	background: #e3e4e5;
	position: absolute;
	z-index: -1;
	left: -1rem;
	top: 50%;
}

.sub010501 .org-wrap .custom10>li>a {
	height: 3.5rem;
}

.sub010501 .org-wrap .custom10>li:nth-of-type(2) a {
	height: 3rem;
}

.sub010501 .org-wrap .custom10>li:nth-of-type(3) a {
	height: 4.3rem;
}

.sub010501 .org-wrap .custom11 {
	-webkit-transform: translateX(-34%);
	transform: translateX(-34%);
	width: 15rem;
}

.sub010501 .org-wrap .custom11:before {
	width: calc(34.5% + 1rem);
}

.sub010501 .desc em {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: #666;
	color: #fff;
	line-height: 1;
	text-align: center;
	padding-top: 0.3rem;
}

/* 2021-09-07 연구원소개 > 조직도 (영문)*/
.sub010501 .org-wrap a.long {
	padding: .15rem .2rem;
}

.sub010501 .org-wrap .custom3 {
	top: 3.8rem
}

.sub010501 .org-wrap .custom3>li+li {
	margin-top: 1rem;
}

.sub010501 .org-wrap .custom4::before {
	width: calc(100% - 23rem);
	left: 18rem;
}

.sub010501 .org-wrap .custom4 .black.add-t {
	opacity: 0;
	visibility: hidden;
}

.sub010501 .org-wrap .bottom {
	top: 10.8rem;
}

.sub010501 .org-wrap .custom6 {
	padding-bottom: 42.8rem;
}

.sub010501 .org-wrap .custom6::before {
	height: 12.5rem;
}

.sub010501 .org-wrap .custom7>li:nth-child(1)>a::before {
	right: -1.35rem;
	width: 1.35rem;
}

.sub010501 .org-wrap .bottom.custom08 {
	padding-top: 14rem;
}
.sub010501 .org-wrap .bottom.custom008 {
	padding-top: 30.75rem;
}
.sub010501 .org-wrap .bottom.custom12 {
	padding-top:15.75rem;
	width:15rem;
	transform:translateX(-34%);
}

.sub010501 .org-wrap .bottom.custom008::before
.sub010501 .org-wrap .bottom.custom12::before {
	left: -3rem;
	width: calc(65.5% + 3rem);
}

.sub010501 .org-wrap .bottom.custom008::after
.sub010501 .org-wrap .bottom.custom12::after {
	content: '';
	width: calc(65.5% + 1rem);
	height: calc(100% - 17.3rem);
	border-left: 1px solid #e3e4e5;
	position: absolute;
	z-index: -1;
	left: -1rem;
	bottom: 1.7rem;
}

.sub010501 .org-wrap .bottom.custom12::before {
	width:calc(65.5% - 3.75rem)
}

.sub010501 .org-wrap .bottom.custom12::after {
	height:calc(100% - 19.4rem)
}
/* 연구원소개 - 인재양성 - UST-KICT School */
.sub010601 .img01 {
	margin: 1.5rem 0 2.5rem;
}

.sub010601 .border-card-list .card {
	min-height: 15.6rem;
}

/* 연구원소개 - 주요문의처 */
.sub010801 .info {
	margin-bottom: 1.5rem;
	text-align: right;
	font-size: 1rem;
	color: #222;
	font-weight: 600;
}

/* 연구원소개 - 찾아오시는길 공통 */
.sub-map .map-box {
	border: 1px solid #e9e9e9;
	padding: 2.5rem 2.8rem 2.5rem;
}

.sub-map .root_daum_roughmap .wrap_map {
	height: 100% !important;
}

.sub-map .main-info {
	padding: 1rem .6rem;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 2rem;
}

.sub-map .main-info>li {
	display: inline-block;
	margin-right: 2.3rem;
}

.sub-map .main-info>li:last-child {
	margin-right: 0;
}

.sub-map .main-info>li strong {
	display: inline-block;
	color: #222;
	font-size: .9rem;
	margin-right: 0.3rem;
}

.sub-map .main-info>li span {
	display: inline-block;
	color: #666;
}

.sub-map .box-list .row>li {
	margin-bottom: 2rem;
}

.sub-map .box-list .box {
	border: 1px solid #e9e9e9;
	padding: 1.7rem 1.3rem;
}

.sub-map .box-list .box .title {
	font-size: 1rem;
	color: #222;
	display: block;
	margin-bottom: .8rem;
}

.sub-map .box-list .box .sub-title {
	font-size: .85rem;
	color: #222;
	display: block;
	margin: .4rem 0;
}

.sub-map .box-list .box .desc {
	font-size: .9rem;
	color: #222;
	display: block;
}

.sub-map .box-list .box .step>li {
	margin-bottom: 0.7rem;
}

.sub-map .box-list .box .step>li i {
	color: #ed4a1e;
	font-size: .9rem;
	margin-right: .3rem;
}

.sub-map .box-list .box .step>li span {
	display: inline-block;
	width: calc(100% - 1.5rem);
	vertical-align: top;
}

/* 연구원소개 - 찾아오시는길 본원(일산) */
.sub010901 .box-list.height01 .box {
	min-height: 10.8rem;
}

/* 연구원소개 - 찾아오시는길 화재안전연구소(화성) */
.sub010902 .box-list.height01 .box {
	min-height: 24.5rem;
}

.sub010902 .box-list.height02 .box {
	min-height: 16.8rem;
}

/* 연구원소개 - 찾아오시는길 하천실험센터(안동) */
.sub010903 .box-list.height01 .box {
	min-height: 21.9rem;
}

/* 연구원소개 - 찾아오시는길 SOC실증연구센터(연천) */
.sub010904 .box-list.height01 .box {
	min-height: 32.5rem;
}

.sub010904 .box-list.height02 .box {
	min-height: 16.9rem;
}

/* 연구분야 - 연구분야 공통 */
.sub-research .center-list .row>li {
	margin-bottom: 1rem;
}

.sub-research .center-list .box {
	border: 1px solid #ddd;
	padding: .8rem 1.4rem;
	height: 4.8rem;
}

.sub-research .center-list .box .num {
	font-family: "Montserrat";
	font-weight: 600;
	color: #222;
	font-size: 1rem;
	margin-right: 1rem;
	display: inline-block;
	vertical-align: middle;
}

.sub-research .center-list .box span {
	font-size: .9rem;
	color: #222;
	width: calc(100% - 2.6rem);
	display: inline-block;
	vertical-align: middle;
}

.sub-research .border-box .caption {
	height: 4.9rem;
}

/* 연구분야 - 국민생활연구분야 */
.sub020101 .img-box {
	background-image: url("/eng/img/sub/020101_box_bg.jpg");
}

/* 연구분야 - 인프라안전연구분야 */
.sub020201 .img-box {
	background-image: url("/eng/img/sub/020201_box_bg.jpg");
}

/* 연구분야 - 국토보전연구분야 */
.sub020301 .img-box {
	background-image: url("/eng/img/sub/020301_box_bg.jpg");
}

/* 연구분야 - 미래융합연구분야 */
.sub020401 .img-box {
	background-image: url("/eng/img/sub/020401_box_bg.jpg");
}

/* 연구분야 - 화재안전연구분야 */
.sub020501 .img-box {
	background-image: url("/eng/img/sub/020501_box_bg.jpg");
}

/* 연구분야 - 건설기술안전분야 */
.sub020601 .img-box {
	background-image: url("/eng/img/sub/020601_box_bg.jpg");
}

/* 연구분야 - 건설산업진흥분야 */
.sub020701 .img-box {
	background-image: url("/eng/img/sub/020701_box_bg.jpg");
}

/* 연구분야 - 건설정책연구분야 */
.sub020801 .img-box {
	background-image: url("/eng/img/sub/020801_box_bg.jpg");
}

/* 연구분야 - 복합재난대응연구분야 */
.sub020901 .img-box {
	background-image: url("/eng/img/sub/020901_box_bg.jpg");
}

/* 연구분야 - 복합재난대응연구분야 */
.sub020901 .img-box {
	background-image: url("/eng/img/sub/020901_box_bg.jpg");
}

/* 연구분야 - 스마트시티연구분야 */
.sub021001 .img-box {
	background-image: url("/eng/img/sub/021001_box_bg.jpg");
}

/* 연구분야 - 연천SOC실증센터추진분야 */
.sub021101 .img-box {
	background-image: url("/eng/img/sub/021101_box_bg.jpg");
}

/* 연구분야 - 노후인프라분야 */
.sub021201 .img-box {
	background-image: url("/eng/img/sub/021201_box_bg.jpg");
}

/* 연구분야 - 남북한인프라분야 */
.sub021301 .img-box {
	background-image: url("/eng/img/sub/021301_box_bg.jpg");
}

/* 연구분야 - 실내공기품질연구분야 */
.sub021401 .img-box {
	background-image: url("/eng/img/sub/021401_box_bg.jpg");
}

/* 연구정보 - 연구인프라 - 공통 */
[class^="sub0305"] .guide-map {
	border: 1px solid #e9e9e9;
	padding: 2rem;
}

[class^="sub0305"] .guide-map .title {
	font-size: 1.3rem;
	color: #222;
	text-decoration: underline;
	margin-bottom: 0.5rem;
}

[class^="sub0305"] .guide-map .line {
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden;
	margin: 2rem 0 1rem;
	background: #e9e9e9;
}

[class^="sub0305"] .guide-map .list-info .row>li {
	counter-increment: number;
	margin-bottom: 1rem;
	word-break: keep-all;
}

[class^="sub0305"] .guide-map .list-info .black-box {
	background: #353540;
	color: #fff;
	height: 3rem;
	padding: .6rem .8rem;
}

[class^="sub0305"] .guide-map .list-info .black-box::before {
	content: counter(number, decimal-leading-zero);
	font-family: "Montserrat";
	font-weight: 600;
	color: #8ba3c7;
	font-size: 0.8rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .8rem;
}

[class^="sub0305"] .guide-map .list-info .black-box .num {
	font-family: "Montserrat";
	font-weight: 600;
	color: #8ba3c7;
	font-size: 0.8rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .8rem;
}

[class^="sub0305"] .guide-map .list-info .black-box .txt {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 2.5rem);
	line-height: 1.1;
}

/* 연구정보 - 연구인프라 - 본원(일산) */
.sub030501 .guide-map .list-info .black-box {
	height: 3.9rem;
}

.sub030501 .guide-map .list-info .black-box::before {
	display: none;
}

/* 연구정보 - 연구인프라 - 화재안전연구소(화성) */
.sub030502 .border-box .caption {
	height: 5rem;
}

/* 연구정보 - 연구인프라 - 하천실험센터(안동) */
.sub030503 .top-area {
	padding-right: 17.5rem;
	position: relative;
}

.sub030503 .top-area .img-border-box {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
	padding-bottom: 0.5rem;
	width: 15rem;
}

.sub030503 .top-area .img-border-box img {
	margin-bottom: 0.5rem;
}

.sub030503 .top-area .img-border-box span {
	display: block;
	font-size: .75rem;
	text-align: center;
}

.sub030503 .bg-box {
	background: url("/eng/img/sub/030503_02.jpg") center/cover no-repeat;
	padding: 9.5rem 0 0;
	color: #fff;
	position: relative;
}

.sub030503 .bg-box .title {
	position: absolute;
	top: 2.8rem;
	right: 1.8rem;
	display: block;
	font-size: 1.8rem;
	line-height: 1.2;
	padding-left: .8rem;
	border-left: .25rem solid #fff;
}

.sub030503 .bg-box .bottom-box {
	background: rgba(34, 34, 34, 0.4);
	padding: 2rem;
}

.sub030503 .bg-box .bottom-box .row.box-list {
	width: 49rem;
}

.sub030503 .bg-box .bottom-box .border-box {
	border-bottom: 1px solid #fff;
	border-color: rgba(255, 255, 255, 0.4);
}

.sub030503 .bg-box .bottom-box .border-box .caption {
	color: #fff;
	border-bottom: 0;
	height: 5rem;
}

.sub030503 .bg-box .bottom-box .border-box .bottom {
	height: 6.7rem;
}

.sub030503 .bg-box .bottom-box .border-box .list-dot>li {
	color: #fff;
}

.sub030503 .bg-box .bottom-box .border-box .list-dot>li::before {
	background-color: #fff;
}

.sub030503 .custom1 .col-sm-7 {
	border-right: 1px solid #e9e9e9;
}

.sub030503 .custom1 .list>li {
	margin-bottom: 0.5rem;
}

.sub030503 .custom2 .border-box {
	text-align: center;
}

.sub030503 .custom2 .border-box .bottom {
	padding: 1rem 12.5%;
	height: 12.2rem;
}

.sub030503 .custom2 .border-box .bottom .desc {
	display: block;
	margin-top: 1rem;
}

.sub030503 .custom2>li:nth-child(n+7):nth-child(-n+9) .border-box {
	border-bottom: 1px solid #e9e9e9;
}

.sub030503 .custom3 .img-border-box {
	font-size: 0;
	text-align: center;
	word-break: keep-all;
}

.sub030503 .custom3 .img-border-box span {
	display: inline-block;
	font-size: .75rem;
	text-align: left;
	width: 50%;
	vertical-align: top;
	padding: 0 1rem;
	margin-bottom: 1rem;
}

.sub030503 .custom3 .img-border-box span em {
	margin-top: 0.3rem;
	display: block;
	line-height: 1.2;
}

.sub030503 .custom4 .card {
	min-height: 13.1rem;
}

.sub030503 .custom5 {
	padding: 2rem 2rem .8rem;
}

.sub030503 .custom5 .row>li {
	margin-bottom: 1.2rem;
}

.sub030503 .custom6 .card {
	min-height: 14.4rem;
}

/* 기업지원 - 중소기업지원 - 기술교류회 */
.sub040102 .custom1>li {
	margin-bottom: 1.5rem;
}

.sub040102 .custom1 img {
	margin-bottom: 0.7rem;
}

.sub040102 .custom1 .title {
	display: block;
	font-size: .9rem;
	color: #222;
	margin-bottom: 0.4rem;
}

.sub040102 .custom1 .desc {
	display: block;
}

.sub040102 .custom2 .step .square {
	width: 7.4rem;
	height: 8rem;
}

.sub040102 .custom2 .step .bottom {
	padding: 0 .3rem;
}

/* 기업지원 - 중소기업지원 - 연구인력 기업파견 사업 */
.sub040103 .custom1 .border-box {
	border-bottom: 1px solid #ddd;
}

.sub040103 .custom1 .border-box .bottom {
	min-height: 6.9rem;
}

.sub040103 .custom1 .border-box .title {
	display: block;
	font-size: .9rem;
	color: #222;
	margin-bottom: 0.3rem;
}

.sub040103 .custom1 .border-box .desc {
	display: block;
}

/* 기업지원 - 기술이전및사업화 - 기술이전안내 */
.sub040201 .custom1 .step .square {
	height: 8rem;
	width: 7.2rem;
}

.sub040201 .custom1 .step .bottom .list-dot {
	padding-left: 1rem;
}

/* 기업지원 - 기술이전및사업화 - 온라인 기술이전 상담/신청 */
.sub040203 .btns {
	padding: 1rem 3.2rem;
}

.sub040203 .btns .email {
	float: left;
	color: #353540;
	font-weight: 600;
	padding: .6rem 0;
}

.sub040203 .btns .email i {
	font-size: .9rem;
}

.sub040203 .btns .btn-c {
	float: right;
}

/* International Cooperation - International Activities */
.sub0501 .custom1 .box {
	border: 1px solid #e9e9e9;
	padding: 1.8rem 1.1rem;
	margin-bottom: 1rem;
}

.sub0501 .custom1 .box .title {
	display: block;
	color: #222;
	font-size: 1rem;
	margin-bottom: 1rem;
}

/*International Cooperation - International Cooperation Division*/
.sub0502 .custom1 .bottom {
	border-bottom: 1px solid #e9e9e9;
	min-height: 5.2rem;
}

.sub0502 .history {
	position: relative;
	margin: 1.5rem 0 2.5rem;
}

.sub0502 .history::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #192333;
	position: absolute;
	top: 0;
	left: 0;
}

.sub0502 .history .row {
	margin: 0;
}

.sub0502 .history .row>li {
	padding: 0 1rem;
}

.sub0502 .history .card {
	position: relative;
	padding-top: 1.2rem;
	color: #222;
}

.sub0502 .history .card .dot {
	display: block;
	border-radius: 50%;
	width: 0.55rem;
	height: 0.55rem;
	text-align: center;
	background-color: #192333;
	position: absolute;
	top: -.25rem;
	left: 0;
}

.sub0502 .history .card .date {
	display: block;
	font-size: .9rem;
	margin-bottom: 0.2rem;
}

.sub0502 .history .card .desc {
	display: block;
}

.sub0502 .custom2 .card {
	min-height: 14rem;
}

/* 열린마당 - 인재채용 - 채용안내 - 정규직채용안내 */
.sub050301 .recruitment-area {
	border: 1px solid #e9e9e9;
}

.sub050301 .recruitment-area>.row>li:last-child {
	border-left: 1px solid #e9e9e9;
}

.sub050301 .recruitment-area .inner {
	padding: 1.8rem 1.5rem;
	min-height: 13.5rem;
}

.sub050301 .recruitment-area .inner .title {
	display: block;
	font-size: .9rem;
	color: #353540;
	margin-bottom: 1.5rem;
}

.sub050301 .custom1 .step .square {
	width: 7rem;
	height: 8rem;
}

/* 채용공고 에디터 테이블 */
.tstyle_view>.tb_contents>table {
	border: 1px solid #d1d1d1;
	margin: 10px 0; /* word-break: break-all; */
}

.tstyle_view>.tb_contents>table>tbody>tr>td {
	border: 1px solid #d1d1d1;
	padding: .3rem;
}

.tstyle_view>.tb_contents>table[style="margin-left: auto; margin-right: auto;"]
	{
	border: 0;
}

.tstyle_view>.tb_contents>table[style="margin-left: auto; margin-right: auto;"]>tbody>tr>td
	{
	border: 0;
}

/* 열린마당 - 청렴신고센터 */
.sub050501 {
	word-break: keep-all;
}

.sub050501 .box-area {
	background: url("/eng/img/sub/050501_bg.jpg") center/cover no-repeat;
	padding: 4rem 3.5rem;
}

.sub050501 .box-area .white-box {
	background: #fff;
	padding: 2rem 2.2rem;
}

.sub050501 .box-area .white-box .title {
	display: block;
	font-size: 1.7rem;
	font-weight: 400;
	color: #222;
	line-height: 1.3;
	margin-bottom: 1.2rem;
}

.sub050501 .box-area .white-box .title b {
	color: #1e2f6e;
}

.sub050501 .btns {
	margin-top: 2.5rem;
}

/* 열린마당 - 견학안내 */
.sub050601 .custom1 .card {
	min-height: 17.6rem;
}

/* 정보공개 - 수수료안내 */
.sub060106 .table-wrap tbody td {
	vertical-align: top;
}

.sub060106 .table-wrap strong {
	display: block;
	margin-bottom: 0.2rem;
	color: #222;
}

/* 정보공개 - 공공데이터개방 - 이용방법안내 */
.sub060401 .custom1 img {
	bottom: 1.6rem;
}

/* news&notice - newsletter */
.newsletter.border-box4>.btns {
	margin: 0;
}

.layer-pop2 {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 25rem;
	max-width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.layer-pop2::before {
	content: '';
	width: 500%;
	height: 500%;
	background: rgba(0, 0, 0, 0.55);
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}

.layer-pop2 .border-box5 {
	background: #fff;
	text-align: left;
}

.layer-pop2 .title {
	display: block;
	font-size: 1.3rem;
	color: #222;
	margin-bottom: .7rem;
}

.layer-pop2 .input-area {
	border-top: 1px solid #e9e9e9;
}

.layer-pop2 .input-area>li {
	border-bottom: 1px solid #e9e9e9;
	padding: .5rem 0;
}

.layer-pop2 .input-area label {
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	color: #222;
	margin-right: 1rem;
}

.layer-pop2 .input-area input.text {
	width: calc(100% - 3.3rem);
}

.layer-pop2 .btn-close {
	display: block;
	position: absolute;
	top: 1.7rem;
	right: 2.2rem;
	font-size: 1.3rem;
}

.layer-pop2.active {
	opacity: 1;
	visibility: visible;
	z-index: 8;
}

/* 220822 */
.newsletter .layer-pop2 {
	width:32.5rem;
	color:#555;
	line-height:1.375;
}

.newsletter .layer-pop2 .title {
	font-size:1.5rem;
}

.newsletter .layer-pop2 .title + p {
	font-size:.8rem;
	color:#555;
	font-weight:600;	
}

.newsletter .layer-pop2 .check-area {
	font-size:.8rem;
}

.newsletter .layer-pop2 .check-area .check-area__scroll {
	height:11.6rem;
	overflow:auto;
	background:#fcfcfc;
	padding:1.1rem 1rem;
}

.newsletter .layer-pop2 .check-area .check-area__scroll p {
	margin:0;
}

.newsletter .layer-pop2 .check-area .check-area__scroll p + p {
	margin-top:1rem;
}

.newsletter .layer-pop2 .check-area .check-area__scroll strong {
	font-weight:600;
	display:block;
	margin-top:1rem;
}

.newsletter .layer-pop2 .input-area {
	display:flex;
	justify-content:space-between;
}

.newsletter .layer-pop2 .input-area>li {
	width:calc(50% - 1rem);
}

.newsletter .layer-pop2 .input-area input.text {
	width:100%;
}

@media (max-width:768px) {
	.newsletter .layer-pop2 .btn-close {
		right:1rem;
		top:1rem;
	}
}

@media (max-width:487px) {
	.newsletter .layer-pop2 .input-area {
		flex-direction:column;
	}
	.newsletter .layer-pop2 .input-area>li {
		width:100%;
	}
}

/* 기타 서비스 - 개인정보처리방침 */
.sub0702 .custom1 hr {
	width: 100%;
	height: 0;
	overflow: hidden;
	margin-bottom: .5rem;
	clear: both;
}

/* 기타 서비스 - 이메일집단수집거부 */
.sub0703 .custom1 .border {
	padding: 3rem 2rem 5rem;
}

.sub0703 .custom1 .title {
	display: block;
	font-size: 1.3rem;
	position: relative;
	padding-top: 1.2rem;
	margin-top: 1.5rem;
	color: #222;
	margin-bottom: 1rem;
}

.sub0703 .custom1 .title::before {
	content: '';
	width: 1.3rem;
	height: 1px;
	background: #222;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sub0703 .custom1 .desc {
	padding: 0 15%;
}

/* 기타 서비스 - 고객헌장 */
.sub0704 .custom1 {
	width: calc(100% - 2rem);
}

.sub0704 .custom1 .logo {
	display: inline-block;
	margin-bottom: 1.5rem;
}

.sub0704 .custom1 .title {
	margin-bottom: 2.5rem;
}

.sub0704 .custom1 .title .top {
	font-size: 1.6rem;
	color: #222;
	line-height: 1;
}

.sub0704 .custom1 .title .top em {
	font-size: 3rem;
	color: #b2b2b2;
	font-weight: 400;
	vertical-align: middle;
}

.sub0704 .custom1 .title .orange {
	display: block;
	color: #f46f17;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}

.sub0704 .custom1 .desc {
	color: #666;
	font-size: .85rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 2rem;
}

.sub0704 .custom1 .list {
	margin-bottom: 2rem;
}

.sub0704 .custom1 .list>li {
	margin-bottom: 1.1rem;
	font-size: .9rem;
	text-align: left;
}

.sub0704 .custom1 .list>li::after {
	content: "";
	clear: both;
	display: table;
}

.sub0704 .custom1 .list>li .num {
	font-size: 1.1rem;
	color: #222;
	font-family: "Montserrat";
	font-weight: 600;
	display: block;
	float: left;
	width: 2.5rem;
	line-height: 1.3;
}

.sub0704 .custom1 .list>li span {
	color: #333;
	display: block;
	float: left;
	width: calc(100% - 2.6rem);
}

.sub0704 .custom1 .last {
	color: #222;
	text-align: center;
	margin-bottom: 2rem;
	font-size: .85rem;
	display: block;
}

.sub0704 .custom1 .form {
	font-size: .85rem;
	color: #666;
}

.sub0704 .custom1 .form .date {
	display: block;
	margin-bottom: .5rem;
}

.sub0704 .custom2 .card {
	min-height: 14rem;
}

.sub0704 .custom4 .card {
	min-height: 12.1rem;
}

.sub0704 .custom5 .card {
	min-height: 20rem;
}

/* 기타 서비스 - 임직원행동기준 */
.sub0705 .custom1 .card {
	min-height: 36rem;
}

.sub0705 .custom2 .card {
	min-height: 29rem;
}

/* 기타 서비스 - 가족친화경영 */
.sub0706 {
	word-break: keep-all;
}

.sub0706 .top {
	background: #fce7e1;
	padding: 2.5rem 3rem;
	padding-right: 18rem;
	position: relative;
}

.sub0706 .top .txt .title {
	font-size: 1.8rem;
	color: #222;
	display: inline-block;
	line-height: 1.3;
	padding-right: 3.8rem;
	background: url("/eng/img/sub/0706_05.jpg") right bottom no-repeat;
}

.sub0706 .top .txt .title em {
	color: #ba410d;
}

.sub0706 .top .img {
	position: absolute;
	top: 2.5rem;
	right: 3rem;
}

.sub0706 .bottom {
	padding: 7rem 0 6rem;
	background: url("/eng/img/sub/0706_bg.jpg") right top/cover no-repeat;
}

.sub0706 .bottom .inner::after {
	content: "";
	clear: both;
	display: table;
}

.sub0706 .bottom .inner>li {
	float: left;
	width: 50%;
}

.sub0706 .bottom .inner>li:last-child {
	padding-right: 3.8rem;
}

.sub0706 .bottom .txt-box+.txt-box {
	margin-top: 1.5rem;
}

.sub0706 .bottom .txt-box .title {
	display: block;
	position: relative;
	font-size: 1rem;
	color: #222;
	margin-bottom: 1.3rem;
}

.sub0706 .bottom .txt-box .title::before {
	content: '';
	width: calc(100% - 8.4rem);
	height: 1px;
	background: #222;
	position: absolute;
	top: .7rem;
	right: 0;
}

.sub0706 .bottom .txt-box [class^="list-"] li {
	color: #222;
}

.sub0706 .bottom .img {
	text-align: center;
}

.sub0706 .bottom .img img {
	display: inline-block;
	max-width: 46%;
	margin: 0 1%;
}

/* 기타 서비스 - 통합검색결과 */
.search-results .result-title {
	font-size: 1.2rem;
	text-align: center;
	margin: 1.5rem 0;
}

.search-results .keyword {
	color: #0e4b91 !important;
	font-weight: 600;
}

.search-results .result-menu>li {
	margin-bottom: 0.5rem;
}

.search-results .result-menu>li>a {
	display: block;
}

.search-results .result-menu>li>a::after {
	content: "";
	clear: both;
	display: table;
}

.search-results .result-menu>li>a span {
	display: block;
	font-size: .85rem;
	color: #333;
	float: left;
	padding-right: .9rem;
	position: relative;
}

.search-results .result-menu>li>a span::before {
	content: '\e93f';
	font-family: "xeicon";
	position: absolute;
	top: 0;
	right: 0;
}

.search-results .result-menu>li>a span:last-of-type {
	padding-right: 0;
}

.search-results .result-menu>li>a span:last-of-type::before {
	display: none;
}

.search-results .result-menu>li>a:hover span {
	text-decoration: underline;
}

.search-results .result-link-list>li {
	margin-bottom: 1.5rem;
}

.search-results .result-link-list>li>a {
	display: block;
}

.search-results .result-link-list>li>a:hover {
	text-decoration: underline;
}

.search-results .result-link-list>li .title {
	font-size: .85rem;
	display: block;
	color: #ba410d;
	font-weight: 400;
	margin-bottom: .5rem;
	font-weight: 600;
}

.search-results .result-link-list>li .desc {
	line-height: 1.6;
	max-height: 2.6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search-results .result-link-list>li .attachment {
	color: #666;
	margin: .2rem 0;
}

.search-results .result-link-list>li .location {
	color: #222;
	margin: .2rem 0;
}

.search-results .date {
	display: inline-block;
	font-size: .7rem;
	color: #666;
	padding-left: .9rem;
	position: relative;
	font-weight: 400;
}

.search-results .date::before {
	content: '';
	width: 1px;
	height: .6rem;
	background: #ddd;
	position: absolute;
	top: .3rem;
	left: .4rem;
}

.search-results .result-file>li {
	margin-bottom: 1.2rem;
}

.search-results .result-file>li>a {
	font-size: .85rem;
}

.search-results .result-file>li>a .point4 {
	font-weight: 600;
}

.search-results .result-file>li>a:hover {
	text-decoration: underline;
}

.search-results .result-file>li .desc {
	font-size: .85rem;
}

.search-results .no-result strong {
	display: block;
	font-size: .85rem;
}

.search-results .no-result span {
	display: block;
}

/* 기타 서비스 - 부패방지 경영방침 */
.sub0709 .custom1 {
	width: calc(100% - 2rem);
}

.sub0709 .custom1 [class^="bar"] {
	background: #109b6f;
}

.sub0709 .custom1 .bar1 {
	background: url("/eng/img/sub/0709_bar1.png") 0 0 no-repeat;
}

.sub0709 .custom1 .bar4 {
	background: url("/eng/img/sub/0709_bar4.png") 0 0 no-repeat;
}

.sub0709 .custom1 .logo {
	display: inline-block;
	margin-bottom: 1.5rem;
}

.sub0709 .custom1 .title {
	margin-bottom: 2.5rem;
}

.sub0709 .custom1 .title .top {
	font-size: 1.6rem;
	color: #222;
	line-height: 1;
}

.sub0709 .custom1 .title .top em {
	font-size: 3rem;
	color: #b2b2b2;
	font-weight: 400;
	vertical-align: middle;
}

.sub0709 .custom1 .title .green {
	display: block;
	color: #109b6f;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}

.sub0709 .custom1 .title .green em {
	display: block;
	text-align: center;
	font-size: .6rem;
	color: #8f8f8f;
	font-weight: 400;
	margin-top: 0.3rem;
}

.sub0709 .custom1 .desc {
	color: #666;
	font-size: .85rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 2rem;
}

.sub0709 .custom1 .list {
	margin-bottom: 2rem;
}

.sub0709 .custom1 .list>li {
	margin-bottom: 1.1rem;
	font-size: .9rem;
	text-align: left;
}

.sub0709 .custom1 .list>li::after {
	content: "";
	clear: both;
	display: table;
}

.sub0709 .custom1 .list>li .num {
	font-size: 1.1rem;
	color: #222;
	font-family: "Montserrat";
	font-weight: 600;
	display: block;
	float: left;
	width: 2.5rem;
	line-height: 1.3;
}

.sub0709 .custom1 .list>li span {
	color: #333;
	display: block;
	float: left;
	width: calc(100% - 2.6rem);
}

.sub0709 .custom1 .form {
	font-size: .85rem;
	color: #666;
}

.sub0709 .custom1 .form .date {
	display: block;
	margin-bottom: .5rem;
}

.sub0709 .custom1 .form .name {
	margin-top: 1rem;
}

/* ==========================================================================================
ecms 스타일 수정
============================================================================================*/
.galleryList {
	overflow: visible;
}

.galleryList>ul::after {
	content: "";
	clear: both;
	display: table;
}

.galleryList>ul>li .txt .select-wrap.active .select-title::before {
	top: 1.6rem;
}

.galleryList.book_style2 {
	padding: 0 3rem;
}

.galleryList.book_style2>ul>li .thumb::before {
	display: none;
}

.galleryList.book_style2>ul>li .thumb::after {
	display: none;
}

.galleryList.book_style2>ul>li:hover img {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.galleryList.book_style2 .btn {
	border: 0;
	padding: 0;
	float: none;
}

.galleryList.thumbnail>ul li .thumb {
	width: 26.5%;
	padding-bottom: 18.6%;
}

.galleryList.thumbnail>ul>li .desc {
	-webkit-line-clamp: 3;
	max-height: 3.7rem;
	height: 3.7rem;
	display: block;
}

.galleryList.thumbnail.basic>ul li .thumb {
	width: 18%;
}

.galleryList.thumbnail.basic>ul li .txt {
	padding: 1rem 2rem 2rem 22.3%;
}

.galleryList.thumbnail.basic>ul>li .thumb img {
	min-height: 10rem;
}

.galleryList.brochure_eng>ul>li .thumb {
	padding-bottom: 0;
	height: 19rem;
}

.galleryList.brochure_eng>ul>li .thumb img {
	height: 100%;
}

.board_info .form-select-list {
	margin-right: 2.8rem;
	width: 10rem;
}

/* 리스트형 게시판 - 파일다운로드 */
div.tstyle_list>div.dbody>ul>li a.btn-file {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
}

/* rss */
a.rss {
	display: none;
	font-size: 0;
	width: 1.5rem;
	height: 1.5rem;
	color: #f49f17;
	position: relative;
	float: left;
	margin-left: .5rem;
	margin-top: 0.25rem;
}

a.rss::before {
	content: '\e9e5';
	font-family: "xeicon";
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}

.a10504000000 a.rss {
	display: block;
}

.a10501010000 a.rss {
	display: block;
}

.a10105040000 a.rss {
	display: block;
}

.a10105030000 a.rss {
	display: block;
}

.a10105060000 a.rss {
	display: block;
}

.a10503020000 a.rss {
	display: block;
}

.a10502010000 a.rss {
	display: block;
}

/* 게시판 첨부파일 */
.add_file_list .add_file img {
	display: inline-block;
}

/* 사전정보공표의견수렴 */
/* 입력폼 caption */
.writeForm .caption-point {
	position: absolute;
	top: -2rem;
	right: 0;
}

/* 만족도 */
.custom-input.star-wrap>li {
	display: inline-block;
}

.custom-input.star-wrap>li:last-child {
	margin-right: 0;
}

.custom-input.star-wrap i {
	color: #fda820;
}

/* ==========================================================================================
반응형
===========================================================================================*/
@media ( min-width : 768px) { /* 카테고리 탭메뉴 비활성화 */
	.category-tab.disable .swiper-wrapper {
		-webkit-transform: translate3d(0px, 0, 0) !important;
		transform: translate3d(0px, 0, 0) !important;
	}
	.category-tab.disable .btn-area {
		display: none;
	}
	.category-tab.disable .tab {
		display: block;
		text-align: center;
	}
	.category-tab.disable .tab>li {
		display: inline-block;
		width: auto !important;
		margin: 0 1.75rem;
	}
}

@media ( max-width : 1360px) {
	#contentWrap {
		padding: 0 .5rem;
	}
}

@media ( max-width : 1200px) {
	#snb {
		display: none;
	}
	#content {
		float: inherit;
		width: 100%;
		padding-left: 0;
	}
	.layer-popup .box-area {
		padding-left: 0;
		width: 100%;
	}

	.sub010501 .org-wrap .custom6 {
		margin-right: 7.7%;
	}
	.content_info .utils .print {
		display: none;
	}
}

@media ( max-width : 768px) {
	.content_info .title {
		float: none;
		text-align: center;
		margin-bottom: 1rem;
	}
	.content_info .right-area {
		float: none;
		text-align: center;
	}
	.content_info .location {
		display: block;
		margin-bottom: 0.5rem;
	}
	.content_info .location>ul {
		display: inline-block;
	}
	.content_info .utils {
		display: block;
		margin-left: 0;
	}
	.contentInfo .duty .top .info {
		float: none !important;
		width: 100%;
		padding-bottom: 0;
	}
	.contentInfo .duty .top .info>li {
		float: none;
		margin-bottom: 0.5rem;
	}
	.contentInfo .duty .top .update {
		float: none;
	}
	.contentInfo .duty .top .update .info {
		padding: 0 0 0 1.1rem;
	}
	.contentInfo .duty .bottom .title-area {
		margin-bottom: 1rem;
	}
	.contentInfo .duty .bottom .input-area .row>li {
		margin-bottom: .8rem;
	}
	.contentInfo .duty .input-area .custom-input>li {
		margin-bottom: 0.8rem;
	}
	#tabs {
		padding-right: 2.5rem;
		position: relative;
		overflow-x: auto;
	}
	#tabs .link {
		min-width: 48rem;
	}
	#tabs .link>li {
		display: block;
		float: left;
		min-width: 8rem;
		max-width: inherit;
	}
	.btns .btn-c {
		width: 100% !important;
		min-width: 100% !important;
		margin: 0 0 1rem 0;
		height: auto;
		min-height: 2.5rem;
	}
	.img-box {
		padding: 8rem 1.5rem 2rem;
	}
	.img-box .txt .title {
		font-size: 1.3rem;
		padding-right: 0;
	}
	.img-box .txt .title::after {
		display: none;
	}
	.img-box .txt .back {
		font-size: 3.4rem;
		top: -1.4rem;
		left: -.9rem;
	}
	.img-border-box {
		padding: 1rem;
	}
	.title1 {
		font-size: 1.3rem;
	}
	.top-text-box .txt {
		padding: 1.5rem;
	}
	.top-text-box .txt .bg {
		display: none;
	}
	.top-text-box .txt .btn-c {
		position: static;
		margin: 1.5rem auto;
		width: 100%;
		text-align: center;
	}
	.top-text-box .txt::before {
		display: none;
	}
	.top-text-box .txt::after {
		display: none;
	}
	.agree-wrap .input-area {
		position: relative;
		top: auto;
		right: auto;
		margin-top: -1rem;
	}
	.border-box .bottom {
		min-height: auto !important;
	}
	.border-box .bottom .mix .img {
		margin-bottom: 1rem;
	}
	.border-box4.search-wrap .inner .search {
		width: 100%;
	}
	.border-box4.search-wrap .inner .form-select {
		width: 100% !important;
		display: block;
		margin-bottom: 0.5rem;
	}
	.border-box4.search-wrap .select-wrap .scroll-box {
		width: calc(100% + 2px);
	}
	.border-box4.search-wrap .inner .form-select-list select {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.border-box5 {
		padding: 2.5rem 1rem;
	}
	.border-box5 .img {
		display: none;
	}
	.border-box5 .txt {
		padding-right: 0;
	}
	.border-box5 .txt strong {
		font-size: 1.5rem;
	}
	.border-box6 img {
		display: none;
	}
	.border-box6 {
		padding: 2.3rem 1.5rem;
	}
	.border-box-big {
		width: 100%;
	}
	.border-box-big .border {
		padding: 2rem .5rem !important;
		border-width: 1rem;
	}
	.border-box-big .bar1, .border-box-big .bar4 {
		height: 1rem;
		background-size: 100% auto !important;
	}
	.border-box-big .bar2, .border-box-big .bar3 {
		width: 1rem;
	}
	.border-box-big .title .top {
		position: relative;
		display: inline-block;
		padding: 0 2rem;
		margin-bottom: 1rem;
	}
	.border-box-big .title .top em {
		position: absolute;
		top: -.5rem;
	}
	.border-box-big .title .top em:first-of-type {
		left: 0;
	}
	.border-box-big .title .top em:last-of-type {
		right: 0;
	}
	.blue-box {
		padding: 2rem 1.5rem;
	}
	.blue-box .img {
		float: none;
		margin-bottom: 1.5rem;
	}
	.blue-box .txt {
		width: 100%;
		float: none;
	}
	.border-card-list .card {
		min-height: auto !important;
	}
	.border-card-list .row>li {
		margin-bottom: 2rem;
	}
	.contact-wrap .info-user {
		display: inline-block;
		text-align: left;
	}
	.contact-wrap .info-user.active .key-area {
		position: static;
		-webkit-transform: none;
		transform: none;
		width: 11rem;
	}
	.contact-wrap .info-user .key-area span {
		display: block;
	}
	.employee-information {
		padding: 1.5rem 1rem;
	}
	.employee-information::before {
		display: none;
	}
	.employee-information .inner {
		padding-left: 0;
	}
	.employee-information .info-list>li {
		float: none;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.research-board .row>li {
		height: auto !important;
	}
	.research-board .box .title {
		height: auto;
		margin-bottom: 1rem;
		overflow: visible;
	}
	.research-board .box .list-dot .category.name {
		display: block;
	}
	.research-board .box .list-dot .category.name+span {
		width: 100%;
	}
	.original-text {
		padding: 5rem 1rem 3rem;
	}
	.original-text .white-box {
		padding-bottom: 1rem;
	}
	.galleryList.thumbnail>ul>li .desc {
		height: auto;
	}
	div.tstyle_list>div.dbody>ul>li a.btn-file {
		display: inlnie-block;
		width: auto;
	}
	.reply-wrap .top .title {
		padding: .8rem 0;
	}
	.reply-wrap .reply-box {
		padding: 2rem 1rem;
	}
	.table-wrap {
		width: 100%;
		overflow-x: scroll;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	.table-wrap table {
		min-width: 45rem;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	.table-wrap table th, .table-wrap table td {
		padding: .8rem .5rem;
	}
	.table-wrap.no-scroll {
		overflow: hidden;
	}
	.table-wrap.no-scroll table {
		min-width: auto;
	}
	.round-step-wrap {
		padding: 2rem 1.5rem;
	}
	.left-icon .round {
		background-size: 2.1rem;
	}
	.left-icon .inner {
		padding: 1rem;
	}
	.left-icon .row>li {
		margin-bottom: 1.5rem;
	}
	.left-icon .row>li:nth-child(2) .round {
		background-size: 1.5rem;
	}
	a.rss {
		margin-top: 0.8rem;
	}
	.layer-popup .box-area {
		height: 100vh;
	}
	.layer-popup .box-area .inner {
		border: 0;
		padding: 2rem;
		height: 100%;
	}
	.layer-popup .box-area .title {
		text-align: left;
	}
	.layer-popup .box-area .title::before {
		display: none;
	}
	.layer-popup .box-area .btn-close {
		top: 2.3rem;
		right: 2rem;
	}
	body.start .sub010101 .bar1 {
		width: 5.3rem;
		left: calc(100% - 5.3rem);
	}
	body.start .sub010101 .bar3 {
		width: 80%;
	}
	.sub010101 .top-text-box .txt .person {
		width: 15%;
	    right: 0;
	    top: auto;
	    bottom: 0;
	    transform: none;
	}
	.sub010101 .top-text-box .txt {
		padding-right: 10%;
	}
	.sub010101 .top-text-box .txt .form em {
		margin-bottom: 0.5rem;
		display: block;
	}
	.sub010101 .history::before {
		display: none;
	}
	.sub010101 .history .card {
		padding-top: 0;
		margin-bottom: 1rem;
	}
	.sub010101 .history .card .dot {
		display: none;
	}
	.sub010101 .custom1 .row>li {
		width: 100%;
	}
	.sub010102 .mission .list>li.first {
		display: none;
	}
	.sub010102 .mission .list>li.last {
		display: none;
	}
	.sub010103 .list::before {
		display: none;
	}
	.sub010103 .list .category::before {
		display: none;
	}
	.sub010103 .list .category {
		float: none;
		width: 100%;
		margin-bottom: 0.4rem;
	}
	.sub010103 .list .cont {
		float: none;
		width: 100%;
		padding-left: 1rem;
	}
	.sub010103 .list .goal .num {
		float: none;
		margin-bottom: 0.3rem;
	}
	.sub010103 .list .goal .desc {
		float: none;
		width: 100%;
	}
	.sub010104 .box {
		padding: 2rem 1rem;
	}
	.sub010104 .box img {
		display: none;
	}
	.sub010104 .history::before {
		width: 1px;
		height: 100%;
		left: 1.5rem;
	}
	.sub010104 .history .row>li {
		margin: 1.5rem 0;
	}
	.sub010104 .history .card {
		padding-left: 1.5rem;
		padding-top: 0;
	}
	.sub010104 .history .card .dot {
		top: .5rem;
		left: .25rem;
	}
	.sub010104 .history2::before {
		left: 1.5rem;
	}
	.sub010104 .history2>li {
		margin-bottom: 1.5rem;
	}
	.sub010104 .history2 .card {
		float: none !important;
		width: 100%;
		text-align: left !important;
		padding-left: 2.7rem !important;
		padding-right: 0;
	}
	.sub010104 .history2 .card .dot {
		left: 1.25rem !important;
		right: auto !important;
	}
	.sub010301 .card-list .row>li {
		margin-bottom: 3rem;
	}
	.sub010301 .card-list .card .img {
		width: 17rem;
		margin: 0 auto 1rem;
	}
	.sub010301 .charter {
		width: 100%;
	}
	.sub010301 .charter .border {
		padding: 2rem .5rem;
		border-width: 1rem;
	}
	.sub010301 .charter .bar1, .sub010301 .charter .bar4 {
		height: 1rem;
		background-size: 100% auto;
	}
	.sub010301 .charter .bar2, .sub010301 .charter .bar3 {
		width: 1rem;
	}
	.sub010301 .charter .title .top {
		position: relative;
	}
	.sub010301 .charter .title .top em {
		position: absolute;
		top: -.5rem;
	}
	.sub010301 .charter .title .top em:first-of-type {
		left: -1.8rem;
	}
	.sub010301 .charter .title .top em:last-of-type {
		right: 1.8rem;
	}
	.sub010501 .org-wrap a {
		width: 100% !important;
		height: auto !important;
		text-align: left;
		padding: 1rem !important;
	}
	.sub010501 .org-wrap li {
		margin-right: 0 !important;
		padding-right: 0 !important;
	}
	.sub010501 .org-wrap * {
		-webkit-transform: none !important;
		transform: none !important;
	}
	.sub010501 .org-wrap .depth1>li {
		position: relative;
		margin-bottom: 1.5rem;
	}
	.sub010501 .org-wrap .depth1>li::before {
		content: '';
		width: 1px;
		height: calc(100% - 2.5rem);
		background: #e3e4e5;
		position: absolute;
		z-index: -1;
		left: .5rem;
		top: 0;
		display: block;
	}
	.sub010501 .org-wrap .depth1>li>a {
		margin-bottom: 1.5rem;
	}
	.sub010501 .org-wrap .depth2 {
		padding-left: 1.5rem !important;
		position: static;
		margin-bottom: 1.5rem;
		padding: 0;
	}
	.sub010501 .org-wrap .depth2>li {
		margin-bottom: 1rem;
	}
	.sub010501 .org-wrap .depth2 a {
		position: relative;
	}
	.sub010501 .org-wrap .depth2 a::before {
		content: '';
		width: 1rem;
		height: 1px;
		background: #e3e4e5;
		position: absolute;
		z-index: -1;
		left: -1rem;
		top: 50%;
	}
	.sub010501 .org-wrap .depth3 a::before, .sub010501 .org-wrap .custom2 a::before,
		.sub010501 .org-wrap .custom3 a::before {
		left: -2rem;
	}
	.sub010501 .org-wrap .bottom>li>a::before {
		left: -1rem;
	}
	.sub010501 .org-wrap .depth3>li {
		margin-bottom: 1rem;
	}
	.sub010501 .org-wrap .custom2>li {
		max-width: 100%;
		display: block;
		margin-left: 0 !important;
	}
	.sub010501 .org-wrap .custom5 {
		position: relative;
		top: auto;
		right: auto;
	}
	.sub010501 .org-wrap .custom6 {
		padding-bottom: 0;
	}
	.sub010501 .org-wrap .custom6>a {
		margin-bottom: 1rem;
	}
	.sub010501 .org-wrap .custom4>li {
		float: none;
	}
	.sub010501 .org-wrap .custom7 {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
	}
	.sub010501 .org-wrap .custom7>li {
		position: relative;
		top: auto !important;
		left: auto !important;
	}
	.sub010501 .org-wrap .bottom {
		width: 100%;
		padding-top: 0;
		position: relative;
		top: auto;
		left: auto;
	}
	.sub010501 .org-wrap .bottom.custom08 {
		padding-top: 0;
	}
	.sub010501 .org-wrap .bottom>li {
		float: none;
	}
	.sub010501 .org-wrap .bottom>li>a {
		height: 3rem;
	}
	.sub010501 .org-wrap li.navy>a {
		margin-bottom: 1rem;
	}
	.sub010501 .org-wrap .custom9 {
		padding-bottom: 0;
	}
	.sub010501 .org-wrap .custom10 {
		margin-left: 0;
		position: relative;
		top: auto;
		left: auto;
	}
	.sub010501 .org-wrap .bottom.custom008 {
		padding-top:0;
	}
	.sub010501 .org-wrap .bottom.custom12 {
		padding-top:0;
		width:100%;
	}
	.sub010501 .org-wrap>ul li::before, .sub010501 .org-wrap .custom1 .depth3::before,
		.sub010501 .org-wrap .custom2::before, .sub010501 .org-wrap .custom2::after,
		.sub010501 .org-wrap .custom4::before, .sub010501 .org-wrap .custom5::before,
		.sub010501 .org-wrap .custom7>li:nth-child(2)::before, .sub010501 .org-wrap .bottom::before,
		.sub010501 .org-wrap .bottom>li::before {
		display: none;
	}
	.sub010501 .org-wrap .custom4 .black.add-t {
		display: none;
	}
	.sub-map .map-box {
		padding: 2.5rem 1rem 2rem;
	}
	.sub-map .map-box .map-area>div .img img {
		height: 21.7rem;
		width: auto;
	}
	.sub-map .main-info>li {
		margin-bottom: 1rem;
	}
	.sub-map .box-list .box {
		min-height: auto !important;
	}
	.sub010508 .gray-border-box {
		padding: 2.5rem 1rem;
	}
	.sub010508 .gray-border-box::before {
		display: none;
	}
	.sub010508 .gray-border-box .txt, .sub010508.type02 .gray-border-box .txt,
		.sub010508.type03 .gray-border-box .txt {
		padding-right: 0;
	}
	.sub010508 .card-list .row>li {
		margin-bottom: 1rem;
	}
	.sub010701 .relate-site .border-box3 .img {
		margin: 0 auto 1rem;
	}
	.sub010701 .relate-site .border-box3 .txt {
		text-align: center;
	}
	.sub010701 .relate-site .border-box3 .txt .title, .sub010701 .relate-site .border-box3.custom1.detail .txt .title
		{
		height: inherit;
	}
	.sub010701 .relate-site .border-box3 .txt .desc, .sub010701 .relate-site .border-box3.custom1.detail .txt .desc
		{
		height: inherit;
	}
	.sub010701 .relate-site .border-box3.custom1 {
		height: inherit;
	}
	.sub-research .center-list .box {
		height: auto !important;
	}
	.sub-research .border-box .caption {
		height: auto !important;
	}
	[class^="sub0305"] .guide-map .list-info .row>li {
		min-height: auto !important;
	}
	.sub030501 .guide-map .list-info .black-box {
		height: auto;
	}
	.sub030502 .border-box .caption {
		height: auto;
	}
	.sub030503 .top-area {
		padding-right: 0;
	}
	.sub030503 .top-area .img-border-box {
		position: static;
		margin: 2rem 0;
	}
	.sub030503 .bg-box .title {
		left: 1.8rem;
	}
	.sub030503 .custom1 .col-sm-7 {
		border-right: 0;
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 1rem;
		margin-bottom: 2rem;
	}
	.sub030503 .custom2 .border-box .bottom {
		height: auto;
	}
	.sub030503 .custom2>li:nth-child(n+7):nth-child(-n+9) .border-box {
		border-bottom: 0;
	}
	.sub030503 .custom2>li:last-child {
		border-bottom: 1px solid #e9e9e9;
	}
	.sub030503 .custom3 .img-border-box span {
		text-align: center;
	}
	.sub040203 .btns {
		padding: 1rem;
	}
	.sub040301 .file-download-area .download {
		height: auto;
	}
	.sub040301 .file-download-area .download strong br {
		display: none;
	}
	.sub040301 .file-download-area .download i {
		bottom: 1rem;
	}
	.sub040301 .call-box {
		padding: 2rem 1.5rem;
	}
	.sub040301 .call-box .scroll-box {
		height: 19.5rem;
	}
	.sub040301 .call-box .list-dot>li .category {
		width: 100%;
		float: none;
	}
	.sub040301 .call-box .list-dot>li .number {
		width: 100%;
		float: none;
	}
	.sub040301 .call-box .btn-c {
		width: 100%;
		margin-top: 2rem;
	}
	.sub040302 .link-list>.row>li {
		margin-bottom: 1rem;
	}
	.sub040302 .call-box {
		padding: 2rem 1.5rem;
	}
	.sub040302 .call-box .scroll-box {
		height: 19.5rem;
	}
	.sub040302 .call-box .list-dot>li .category {
		width: 100%;
		float: none;
	}
	.sub040302 .call-box .list-dot>li .number {
		width: 100%;
		float: none;
	}
	.sub040302 .call-box .btn-c {
		width: 100%;
		margin-top: 2rem;
	}
	.sub050301 .recruitment-area>.row>li:last-child {
		border-left: 0;
		border-top: 1px solid #e9e9e9;
	}
	.sub050301 .recruitment-area .icon-list>li {
		width: 49%;
	}
	.sub050501 .box-area {
		padding: 1.5rem;
	}
	.sub050501 .box-area .white-box .title {
		font-size: 1.4rem;
	}
	.sub0502 .history::before {
		width: 1px;
		height: 100%;
		left: 1.5rem;
	}
	.sub0502 .history .row>li {
		margin: 1.5rem 0;
	}
	.sub0502 .history .card {
		padding-left: 1.5rem;
		padding-top: 0;
	}
	.sub0502 .history .card .dot {
		top: .5rem;
		left: .25rem;
	}
	.sub0706 .top {
		padding: 2.5rem 1rem;
	}
	.sub0706 .top .txt .title {
		background: none;
		padding-right: 0;
		font-size: 1.5rem;
	}
	.sub0706 .top .img {
		display: none;
	}
	.sub0706 .bottom {
		padding: 3rem 1rem;
	}
	.sub0706 .bottom .inner>li {
		width: 100%;
	}
	.sub0706 .bottom .inner>li:first-child {
		display: none;
	}
	.sub0706 .bottom .inner>li:last-child {
		padding-right: 0;
	}
	.galleryList.thumbnail.basic>ul li .thumb {
		width: 100%;
		padding-bottom: 61%;
	}
}

@media (max-width:587px) {
	.sub010101 .top-text-box .txt {
		padding-right:1.5rem;
	}
	
	.sub010101 .top-text-box .txt .person {
		display:none;
	}
}
/
eng
/css/sub
.css /* 2021-06-28 */


@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.sub010101 .top-text-box .txt {
	padding: 2.5rem 16.5rem 2.5rem 1.5rem;
}

.sub010101 .top-text-box .txt .title {
	line-height: 1.2;
	padding-bottom: .5rem;
}

.sub010101 .top-text-box .txt .form img {
	display: block;
	margin: 1rem 0 0;
}

.sub010101 .txt-area {
	font-family: 'Nanum Myeongjo', serif;
}

.sub010101 .txt-area .title {
	font-weight: 600;
	margin-bottom: 1.4rem;
}

.sub010101 .txt-area .title b {
	font-weight: 800;
}

.sub010101 .txt-area .desc p {
	margin: 0;
	line-height: 2.1rem;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.sub010101 .txt-area .desc p:last-of-type {
	margin-bottom: 0;
}

.sub010101 .new-history ul {
	padding-left: .9rem;
	position: relative;
}

.sub010101 .new-history ul::before {
	display: block;
	content: "";
	width: 1px;
	height: calc(100% - .8rem);
	background: #000;
	position: absolute;
	left: 2.25rem;
	top: 50%;
	transform: translateY(-50%);
}

.sub010101 .new-history ul li {
	padding-left: 2.8rem;
	position: relative;
	margin-bottom: 1rem;
	line-height: 1.3rem;
	font-size: .9rem;
}

.sub010101 .new-history ul li:last-of-type {
	margin-bottom: 0;
}

.sub010101 .new-history ul li::before {
	display: block;
	content: "";
	width: .55rem;
	height: .55rem;
	background: #000;
	position: absolute;
	top: .4rem;
	left: 1.125rem;
	border-radius: 50%;
}

.sub010101 .new-history .date {
	display: inline-block;
	width: 11.4rem;
	margin-right: -4px;
	vertical-align: top;
}

.sub010101 .new-history .date.type2 {
	font-size: .85rem;
}

.sub010101 .new-history .txt {
	display: inline-block;
	margin-right: -4px;
	width: calc(100% - 11.4rem);
	vertical-align: top;
}

.sub010101 .new-history.type2 .txt {
	width: 100%;
}

.sub010101 .new-history .txt p {
	margin: 0;
	margin-bottom: 1rem;
}

.sub010101 .new-history .txt p:last-of-type {
	margin-bottom: 0;
}

@media ( max-width :767px) {
	.sub010101 .new-history ul {
		padding-left: 0;
	}
	.sub010101 .new-history ul::before {
		left: 1.35rem;
	}
	.sub010101 .new-history .date {
		display: block;
		width: 100%;
	}
	.sub010101 .new-history .txt {
		display: block;
		width: 100%;
	}
	#tabs .link2 {
		min-width: 48rem;
	}
	#tabs .link2>li {
		display: block;
		float: left;
		min-width: 8rem;
		max-width: inherit;
	}
}

/* 210924 비전 및 경영목표 개편 */
.new_sub010103 {
	word-break: keep-all;
}

.new_sub010103 p {
	margin: 0;
}

.new_sub010103 .color_point {
	position: relative;
	background: #fff;
}

.new_sub010103 .color_point::after {
	position: absolute;
	width: 100%;
	height: 14rem;
	background: url("/main/img/sub/flow_big.png") no-repeat center center/cover;
	content: "";
	z-index: -1;
	bottom: -8.4rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.new_sub010103 .color_point li {
	position: relative;
	background: #2E4161;
	border-radius: 6rem;
	padding: 1.5rem 1rem;
	text-align: center;
	max-width: 39.3rem;
	margin: 2.5rem auto 0;
}

.new_sub010103 .color_point li:nth-child(2) {
	background: #F46F17;
}

.new_sub010103 .color_point li>strong {
	display: block;
	position: absolute;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	border-radius: 50%;
	top: 50%;
	left: 0.5rem;
	transform: translateY(-50%);
	text-align: center;
	background: #fff;
	font-size: 1rem;
	letter-spacing: -0.03rem;
	color: #222;
}

.new_sub010103 .color_point li p {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.06rem;
	padding-left: 3.8rem;
	line-height:1.35
}

.new_sub010103 strong.title {
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: -0.03rem;
	color: #222;
	text-align: center;
	padding-top: 2.7rem;
	padding-bottom: 1.9rem;
}

.new_sub010103 .circle_col {
	width: calc(100% + 1.3rem);
	margin: 0 -0.65rem;
}

.new_sub010103 .circle_col::after {
	display: block;
	clear: both;
	content: "";
}

.new_sub010103 .circle_col li {
	float: left;
	width: 20%;
	padding: 0 0.65rem;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.new_sub010103 .circle_col li .item {
	width: 9rem;
	height: 9rem;
	background: #FFFEFC url("/main/img/sub/circle_col_bg.png") no-repeat
		center center/cover;
	border-radius: 50%;
	text-align: center;
	color: #353540;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: -0.025rem;
	margin: 0 auto;
	line-height: 1.2 !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 .5rem;
}

.new_sub010103 .circle_col li.circle_col--center .item {
	background:#FFFEFC url("/main/img/sub/circle_col_bg_center.png") no-repeat center center/cover;
	color:#fff;
	font-size:1.2rem;
}

.new_sub010103 .table_style {
	margin-bottom: 5.4rem;
}

.new_sub010103 .table_col {
	display: table;
	position: relative;
	width: calc(100% + 0.6rem);
	height: 100%;
	table-layout: fixed;
	margin: 0 -0.3rem;
}

.new_sub010103 .table_col::after {
	position: absolute;
	width: 14.1rem;
	height: 2.45rem;
	background: url("/main/img/sub/flow_small.png") no-repeat center center/cover;
	left: 50%;
	top: calc(100% + 1.7rem);
	transform: translateX(-50%);
	content: "";
	z-index: -1;
}

.new_sub010103 .table_style:last-of-type .table_col::after {
	content: none;
}

.new_sub010103 .table_col>li {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: top;
	padding: 0 0.3rem;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.new_sub010103 .table_col>li .item {
	height: 100%;
	font-size: 0.85rem;
	letter-spacing: -0.021rem;
	text-align: center;
}

.new_sub010103 .table_style.type01 .table_col>li .item {
	border: 1px solid #ddd;
}

.new_sub010103 .table_style.type01 .table_col>li .item .title {
	display: block;
	background: #43434D;
	color: #fff;
	padding: 0.6rem 1rem;
}

.new_sub010103 .table_style.type01 .table_col>li .item .desc {
	color: #43434D;
	line-height: 1.2rem;
	padding: 1.5rem 0.6rem;
}

.new_sub010103 .table_style.type02 .table_col>li .item {
	background: #F49F17;
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.3rem;
	letter-spacing: -0.0225rem;
	color: #fff;
	padding: 2.2rem 1rem;
}

.new_sub010103 .table_style.type03 {
	background: #F2F5FA;
	padding: 0 0.5rem 1rem;
}

.new_sub010103 .table_style.type03 .table_col>li>.item {
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	padding: 2rem 1rem;
}

.new_sub010103 .table_style.type03 .table_col>li>.item>strong {
	display: block;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}

.new_sub010103 .table_style.type03 .table_col>li>.item>ul>li {
	position: relative;
	padding-left: 0.4rem;
	margin-bottom: 0.6rem;
}

.new_sub010103 .table_style.type03 .table_col>li>.item>ul>li:last-child
	{
	margin-bottom: 0;
}

.new_sub010103 .table_style.type03 .table_col>li>.item>ul>li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "·";
}

.new_sub010103 .table_style.type03 strong.title {
	padding: 1.2rem 0;
}

.new_sub010103 .table_style.type03 .table_col::after {
	top: calc(100% + 2.6rem);
}

@media ( max-width : 900px) {
	.new_sub010103 .circle_col li .item {
		width: 8rem;
		height: 8rem;
		line-height: 8rem;
	}
}

@media ( max-width : 768px) {
	.new_sub010103 br {
		display: none;
	}
	.new_sub010103 .circle_col {
		text-align: center;
	}
	.new_sub010103 .circle_col li {
		display: inline-block;
		font-size: 0;
		float: none;
		width: auto;
		padding: 0;
		margin: 0.4rem;
		vertical-align:top;
	}
	.new_sub010103 .table_style.type02 .table_col>li .item, .new_sub010103 .table_style.type01 .table_col>li .item .desc,
		.new_sub010103 .table_style.type03 .table_col>li>.item {
		padding: 1rem;
	}
	.new_sub010103 strong.title {
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	.new_sub010103 .color_point::after {
		height: 12rem;
	}
	.new_sub010103 .color_point li {
		margin: 1rem auto 0;
	}
}

@media ( max-width : 500px) {
	.new_sub010103 .table_col {
		display: block;
		width: 100%;
		margin: 0;
	}
	.new_sub010103 .table_col>li {
		display: block;
		padding: 0;
		margin-bottom: 0.6rem;
	}
	.new_sub010103 .table_style.type03 .table_col>li>.item>ul>li {
		margin-bottom: 0.4rem;
	}
	.new_sub010103 .color_point::after {
		height: 10rem;
	}
	.new_sub010103 .table_style.type03 .table_col::after {
		top: calc(100% + 3rem);
	}
}
/* //210924 비전 및 경영목표 개편 */

/* 연구분야 - 남북한인프라특별위원회 */
.sub020101 .img-box {
	background-image: url("/main/img/sub/020101_box_bg.jpg");
}

/* 연구분야 - 국가건설기준센터 */
.sub020201 .img-box {
	background-image: url("/main/img/sub/020201_box_bg.jpg");
}

/* 연구분야 - 실내공기품질연구단 */
.sub020301 .img-box {
	background-image: url("/main/img/sub/020301_box_bg.jpg");
}

/* 연구분야 - 도로교통연구본부 */
.sub020401 .img-box {
	background-image: url("/main/img/sub/020401_box_bg.jpg");
}

/* 연구분야 - 구조연구본부*/
.sub020501 .img-box {
	background-image: url("/main/img/sub/020501_box_bg.jpg");
}

/* 연구분야 - 지반연구본부*/
.sub020601 .img-box {
	background-image: url("/main/img/sub/020601_box_bg.jpg");
}

/* 연구분야 - 건축연구본부*/
.sub020701 .img-box {
	background-image: url("/main/img/sub/020701_box_bg.jpg");
}

/* 연구분야 - 수자원하천연구본부*/
.sub020801 .img-box {
	background-image: url("/main/img/sub/020801_box_bg.jpg");
}

/* 연구분야 - 환경연구본부*/
.sub020901 .img-box {
	background-image: url("/main/img/sub/020901_box_bg.jpg");
}

/* 연구분야 - 미래스마트건설연구본부 */
.sub021001 .img-box {
	background-image: url("/main/img/sub/021001_box_bg.jpg");
}

/* 연구분야 - 화재안전연구분야*/
.sub021101 .img-box {
	background-image: url("/main/img/sub/021101_box_bg.jpg");
}

/* 연구분야 - 건축에너지연구소*/
.sub021201 .img-box {
	background-image: url("/main/img/sub/021201_box_bg.jpg");
}

/* 연구분야 - 건설시험인증본부*/
.sub021301 .img-box {
	background-image: url("/main/img/sub/021301_box_bg.jpg");
}

/* 연구분야 - 건설산업진흥본부*/
.sub021401 .img-box {
	background-image: url("/main/img/sub/021401_box_bg.jpg");
}

/* 연구분야 - 건설정책연구소 */
.sub021501 .img-box {
	background-image: url("/main/img/sub/021501_box_bg.jpg");
}

#tabs .link2 {
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
}

#tabs .link2::after {
	content: "";
	clear: both;
	display: table;
}

#tabs .link2>li {
	float: left;
	width: 20%;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	border: 1px solid #E5E5E5;
}

#tabs .link2>li>a {
	display: block;
	color: #222;
	font-size: .9rem;
	font-weight: 700;
	text-align: center;
	border-right: 0;
	border-bottom: 0;
	padding: .9rem .3rem;
}

#tabs .link2>li>a:hover {
	text-decoration: underline;
}

#tabs .link2>li:last-child>a { /* border-right: 1px solid #E5E5E5; */
	
}

#tabs .link2>li.active {
	background: #FDA820;
	border-color: #FDA820;
}
/* 연구분야 - 도로관리통합클러스터 */
.sub022800 .img-box {
	background-image: url("/main/img/sub/022800_box_bg.jpg");
}
/* 연구분야 - 모듈러클러스터 */
.sub022900 .img-box {
	background-image: url("/main/img/sub/022900_box_bg.jpg");
}
/* 연구분야 - 스마트도시클러스터 */
.sub023000 .img-box {
	background-image: url("/main/img/sub/023000_box_bg.jpg");
}
/* 연구분야 - 수소인프라클러스터 */
.sub023100 .img-box {
	background-image: url("/main/img/sub/023100_box_bg.jpg");
}
/* 연구분야 - BIM클러스터 */
.sub023200 .img-box {
	background-image: url("/main/img/sub/023200_box_bg.jpg");
}
/* 연구분야 - 연천SOC실증클러스터 */
.sub023300 .img-box {
	background-image: url("/main/img/sub/023300_box_bg.jpg");
}
/* 연구분야 - 거주환경공기품질클러스터 */
.sub023400 .img-box {
	background-image: url("/main/img/sub/023400_box_bg.jpg");
}


/*220715*/
.rnr {
	position:relative;
}

.rnr .rnr__logo {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	width:9.9rem;
}

.rnr ul {
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 1.2rem);
	margin:-.325rem -.6rem;
}

.rnr ul li {
	width:50%;
	padding:.325rem .6rem;
}

.rnr ul li:nth-of-type(even) {
	text-align:right;
}

.rnr__item-info {
	background:#F2F5FA;
	height:100%;
	padding:3rem 2.35rem 1.5rem;
	min-height:15.5rem;
}

.rnr__item-info-title {
	font-size:1.1rem;	
	color:#222;
	letter-spacing:-0.015em;
}

.rnr__item-info-title span {
	display:block;
	font-size:.85rem;
	font-wegiht:400;
}

.rnr__item-info-desc {
	font-size:.85rem;
	letter-spacing:-0.045em;
	color:#666;
	font-weight:300;
	margin:1.5rem 0 0 !important;
}

@media (max-width:768px) {
	.rnr .rnr__logo {
		display:none;
	}	
	
	.rnr ul {
		width:100%;
		margin:-.325rem 0;
	}
	
	.rnr ul li {
		width:100%;
		text-align:left !important;
	}
	
	.rnr__item-info {
		min-height:auto;
		padding:2rem;
	}
	
	.rnr__item-info-desc {
		margin:.75rem 0 0 !important;
	}
	
	.rnr__item-info-desc br {
		display:none;
	}
}
.clusterVision {
	border:1px solid #DEDEDE;
	letter-spacing:-0.025em;
	padding:2.75rem 1.7rem;
	word-break:keep-all;
	margin:2rem 0;
} 

.clusterVision-layout {
	padding-left:7.4rem;
	position:relative;
}

.clusterVision-layout > img {
	display:block;
	margin:0 auto;
}

.clusterVision-topic{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:.87rem 2.1rem;
	color:#fff;
	background:#F46F17;
}

.clusterVision-topic b {
	font-size:1rem;	
}

.clusterVision-topic span {
	font-size:1.2rem;
	margin:0 auto;
	letter-spacing:-0.05em;
	text-align:center;
	padding:0 1rem;
}

.clusterVision-item {
	margin-bottom:1.75rem;
	position:relative;
}

.clusterVision-item:last-of-type {
	margin-bottom:0;
}

.clusterVision-title {
	position:absolute;
	width:6.3rem;
	height:5.15rem;
	top:.325rem;
	left:-7.4rem;
	border-radius:1.5rem;
	border-bottom-right-radius:0;
	background:#E5E5E5;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:1rem;
	color:#353540;
	line-height:1.1;
}

.clusterVision-title-type2 {
	top:0;
}

.clusterVision-info-box {
	background:#2E4161;
	padding:.85rem 1rem;
	display:flex;
}

.clusterVision-info-box-title {
	flex-shrink:0;
	position:relative;
	margin-right:1.05rem;
	display:flex;
	align-items:center;
	padding-right:2.75rem;
}

.clusterVision-info-box-title span {
	font-size:.85rem;
	font-weight:500;
	line-height:1.47;
	color:#fff;
}

.clusterVision-info-box-title img {
	position:absolute;
	top:-.85rem;
	right:0;
	height:calc(100% + 1.7rem);
}

.clusterVision-info-box-list {
	width:100%;
}

.clusterVision-info-box-list ul {
	margin:-.275rem;
	display:flex;
}

.clusterVision-info-box-list ul li {
	padding:.275rem;
	flex:1;
}

.clusterVision-info-box-list-item {
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:.6rem;
	flex-direction:column;
	border-radius:.5rem;
	height:100%;
}

.clusterVision-info-box-list-item span {
	font-size:.75rem;
	font-weight:500;
	color:#ACACAC
}

.clusterVision-info-box-list-item strong {
	font-size:.8rem;
	font-weight:500;
	color:#353540;
	flex-grow:1;
	display:flex;
	align-items:center;
	line-height:1.25;
}

.clusterVision-info-list > ul {
	margin:-.325rem;
	display:flex;
}

.clusterVision-info-list > ul > li {
	padding:.325rem;
	flex:1;
}

.clusterVision-info-list-item {
	border:1px solid #DEDEDE;
	padding:.7rem;
	position:relative;
	height:100%;
}

.clusterVision-info-list-dotted .clusterVision-info-list-item {
	border:1px dashed #C2C2C2;
}

.clusterVision-info-list-item-orange {
	background:#FAF8F2
}

.clusterVision-info-list-item-blue { 
	background:#F2F5FA
}

.clusterVision-info-list-item-label {
	position:absolute;
	top:.7rem;
	right:.7rem;
	min-width:4.6rem;
	padding:.2rem .4rem;
	text-align:center;
	font-size:.75rem;
	color:#fff;
	font-weight:700;
}

.clusterVision-info-list-item-orange .clusterVision-info-list-item-label {
	background:#F46F17
}

.clusterVision-info-list-item-blue .clusterVision-info-list-item-label{ 
	background:#2E4161
}

.clusterVision-info-list-item-dot li {
	position:relative;
	font-size:.75rem;
	letter-spacing:-0.05em;
	padding-left:.45rem;
	color:#555;
}

.clusterVision-info-list-item-dot li + li {
	margin-top:.15rem;
}

.clusterVision-info-list-item-dot li::before {
	display:block;
	content:"";
	width:.15rem;
	height:.15rem;
	background:#555;
	position:absolute;
	top:.6rem;
	left:0;
	border-radius:50%;
}

.clusterVision-info-list-item-label + .clusterVision-info-list-item-dot {
	padding-right:5.5rem;
}

.clusterVision-info-list-item-title {
	display:flex;
	min-height:3rem;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:.85rem;
	font-weight:500;
	color:#fff;
	line-height:1.17;
	margin-bottom:.7rem;
	padding:.5rem 1.2rem;
	width:calc(100% + 1.4rem);
	margin-left:-.7rem;
	margin-top:-.7rem;
}

.clusterVision-info-list-item-title-beige {
	background:#936112;
}

.clusterVision-info-list-item-title-orange{
	background:#9C5516;
}

.clusterVision-info-list-item-title-red{
	background:#9C4516;
}

.clusterVision-info-list-item-title-brown {
	background:#4F3629;
}

.sub023500 .img-box { background-image: url("/main/img/sub/023500_box_bg.jpg"); }

@media (max-width:1024px) {
	.clusterVision-layout {
		padding-left:0;
	}
	
	.clusterVision-title {
		position:relative;
		width:100%;
		left:auto;
		top:auto;
		margin-bottom:.5rem;
		height:3.15rem;
	}
	
	.clusterVision-info-list-item-title {
		font-size:.75rem;
	}
}

@media (max-width:768px) {
	
	.clusterVision {
		padding:1.5rem;
	}
	.clusterVision-topic {
		flex-direction:column;
		text-align:center;
	}
	.clusterVision-info-box-title {
		padding-right:0;
	}	
	
	.clusterVision-info-box-title img {
		display:none;
	}
	
	.clusterVision-info-box-list ul {
		flex-direction:column;
	}
	
	.clusterVision-info-list > ul {
		flex-direction:column;
	}
}

@media (max-width:587px) {
	.clusterVision-info-box {
		flex-direction:column;
	}
	
	.clusterVision-info-box-title {
		justify-content:center;
		text-align:center;
		margin-bottom:.85rem;
		margin-right:0;
	}
}

.graybox {
	background:#F2F5FA;
	padding:1.75rem 2rem;
}

.graybox strong {
	display: block;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: #222;
    text-align:center;
}

@media (max-width:768px) {
	.graybox {
		padding:1.5rem;
	}
	.graybox strong {
		font-size:1rem;
	}
}