<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("../../../css/board.css");

.layer_cont {
	display: none;
	position: fixed; 
	top: 50%; 
	left: 50%; 
    max-width: 95%;
    max-height: 95%;
	margin: 0 auto;
	padding: 5.5rem 4rem;
	background-color: #fff;
	transform: translate(-50%,-50%); 
	visibility: hidden;
	}
.layerpop_active {
	overflow: hidden;
	}
.layerpop_active::before {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	background-color: rgba(0,0,0, .5); 
	content: ''; 
	z-index: 99;
	}	
.layerpop_active .layer_cont {
	height: auto; 
	overflow: auto;
	visibility: visible; 
	z-index: 99;
	}
.layer_cont .btn_close {
	position: absolute;
	top: 5.5rem;
	right: 4rem;
	}
.layer_cont .btn_close i {
	color: #000;
	font-size: 3rem;
	}
.txt_figure {
	margin-bottom: 2rem;
	}
.board_list + .txt_info,
.txt_info + .board_list {
	margin-top: 1rem;
	}
/* 원장 인사말 */
.greeting_first {
	position: relative;
	margin-bottom: 5.2rem;
	overflow: hidden;
	}
.greeting_first::after {
	display: block;
    position: absolute;
    bottom: 0;
    left: 4rem;
    width: 34.6rem;
    height: 28.6rem;    
    background: url(../../main/img/sub/director.png) no-repeat right bottom / contain;
    content:'';
	}
.greeting_first .first_txt {
	position: relative;
    margin-bottom: 4.5rem;
    padding-top: 3rem;
	color: #333;
    letter-spacing: -0.2rem;
	font-size: 2.8rem;
	}
.greeting_first .box_txt {
	display:flex;
	align-items:center;
    position: relative;
    min-height: 32.6rem;
	padding: 7.85rem 5rem 7.85rem 38rem;
	background: transparent linear-gradient(97deg, #11367E 0%, #0E2650 100%) 0% 0%;
	color: #fff;
    letter-spacing: -0.15rem;
	font-size: 2.8rem;
	font-weight: 400;
	line-height:1.5;
	}
.greeting_first .director {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 43rem;
    height: 50rem;    
    text-align: right;
	}
.greeting_second {
	color: #222;
	letter-spacing: -0.1rem;
	line-height: 1.8;
	font-size:  1.8rem;
	overflow: hidden;
	}
.greeting_second &gt; .float_left p + p {
	margin-top: 4rem;
	}
.greeting_signature {
	floaT: right;
	text-align: right;
	font-size:  1.6rem;
	}
.greeting_signature strong {
    display: inline-block;
    margin-left: 0.8rem;
	font-size: 2rem;
	}
.greeting_signature .sign {
    display: block;
	margin-top: 4.3rem;
	}
/* 역대 원장 */
.past_director {
	display: flex; flex-flow: row wrap;
	margin-left: -3rem;
	overflow: hidden;
	}
.past_director &gt; li {
	position: relative;
	display: flex;
    flex-flow: row wrap;
    align-items: center;
	width: calc(33.33% - 3rem);
	margin: 0 0 5rem 3rem;
	padding-top: 5rem;
	overflow: hidden;
	}
.past_director &gt; li::before,
.past_director &gt; li::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #B7B7B7;
	content: '';
	}
.past_director &gt; li::after {
	width: 14rem;
	background-color: #121D76;
	}
.past_director .pic {
	display: block;
	width: 14rem;
	margin-right: 2rem;
	overflow: hidden;
	}
.past_director .pic img {
	max-width: 100%;
	}
.past_director .info {
	display: block;
	overflow: hidden;
	}
.past_director .ages {
	display: block;
	margin-bottom: 1.2rem;
	color: #121D76;
	font-size: 1.7rem;
	font-weight: 500;
	}
.past_director .name {
	display: block;
	color: #000;
	font-size: 2rem;
	}
.past_director .date {
	font-size: 1.6rem;
	font-weight: 200;
	}	
	
/* 미션 및 추진전략 */
.goal_vision {
	padding-top: 7.7rem;
    background: url(../../main/img/sub/goal.png) no-repeat center 0;
	text-align: center;
	overflow: hidden;
	}
.goal_vision .title {
	margin-bottom: 1.4rem;
	color: #01165E;
	font: 700 4rem/1.2 Montserrat;
	}	
.goal_vision .title &gt; span {	
	color: #EC411B;
	}
.goal_vision .small_txt {
	letter-spacing: 0.6rem;
	color: #222;
	font-size: 2rem;
	font-weight: 200;
	}
.goal_vision .small_txt::after {
	display: block;
	width: 0.1rem;
	height: 3.4rem;
	margin: 3.1rem auto 3.3rem;
	background-color: #3b3b3b;
	transform: rotate(30deg);
	content:'';
	}
.goal_vision .subject {
	margin: 8rem 0 3rem;
	color: #333;
    letter-spacing: -0.16rem;
	font: 700 3.4rem/1.1 Noto Sans KR;
	}	
.goal_vision .subject.eng {
	font-family: 'Montserrat';
	}	
/* .goal_vision .subject::before {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 0.4rem;
	background-color: #EC411B;
	border-radius: 100%;
	vertical-align: top;
	content: '';
	} */
.mission_txt {
    width: 80%;
    margin: auto;
	padding: 2.3rem 2rem 2.2rem;
	background-color: #EC411B;
	border-radius: 61px;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	}
.research_area {
	margin-top: 2.2rem;
	padding-top: 5rem;
    background: url(../../main/img/sub/mission_arrow.png) no-repeat center 0;
	}	
.research_list {
	display: flex; flex-flow: row wrap;
	overflow: hidden;
	}	
.research_list &gt; li {
	width: calc(33.33% - 1.8rem);
	margin: 0 .9rem;
	background-color: #F7F7F7;
	border-radius: 5px;
	overflow: hidden;
	}	
.research_list .tit {
	display: block;
	padding: 2.1rem 2rem;
	background-color: #1B358E;
	color: #fff;
	font-size: 1.8rem;
	}	
.research_list .tit &gt; span {
	display: block;
    width: 100%;
	font-size: 1.6rem;
	font-weight: 300;
	}
.research_list .list_box {
    padding: 2.5rem 1.7rem;
	text-align: left;
	font-size: 1.5rem;
	}	
.research_list .list_box li {
    margin-bottom: 1rem;
	line-height: 1.4;
	}
.management_field {
	display: flex; flex-flow: row wrap;
	text-align: left;
	}	
.management_field &gt; li {
	width: calc(25% - 1.4rem);
	margin: 0 .7rem;
    padding: 2rem;
	border: 2px solid #E0E0E0;
	border-radius: 10px;
	}	
.management_field .lstyle_dot &gt; li {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.4;
    border-bottom: 1px dashed #ddd;
	}
.management_field .lstyle_dot &gt; li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
	}	
/* R&amp;R 2.0 */
.rnr_area {
	position: relative;
	overflow: hidden;
	}
.rnr_area::before,
.rnr_area::after {
	position: absolute;
	content: '';
	}
.rnr_area::after {
	top: 0;
    left: calc(50% +  6.65rem);
	width: 1px;
	height: 100%;
	background-color: #ebebeb;
    z-index: -1;
	}
.rnr_area .rnr_logo {
	display: block;
	position: absolute;
	top: 38%;
	left: 50%;
    margin-top: -25px;
    z-index: 1;
	}
.rnr_process {
	overflow: hidden;
	}	
.rnr_process &gt; li {
    display: table;
    width: 100%;
    table-layout: fixed;
	}
.rnr_process &gt; li:nth-child(2) {
	padding: 5rem 0 2rem;
	border-top: 1px solid #ebebeb;
	}
.rnr_process .subject {
    display: table-cell;
	width: 13.3rem;
	color: #333;
	line-height: 1.1;
    vertical-align: middle;
	font-size: 2rem;
	}
.rnr_process &gt; li:nth-child(2) .subject {
	padding-top: 5rem;
	vertical-align: top;
	}	
.rnr_process .txt_wrap {
    position: relative;
    display: table-cell;
	text-align: center;
	}	
.rnr_process &gt; li:first-child .txt_wrap {
	padding-bottom: 7.5rem;
	}	
.rnr_list {
	margin: 0 -1.5rem;
	overflow: hidden;
	}
.rnr_list &gt; li {
	float: left;
	width: calc(50% - 3rem);
	margin: 0 1.5rem;
	overflow: hidden;
	}	
.rnr_list .tit {
	display: block;
	margin-bottom: 2rem;
	padding: 1.5rem;
    border-radius: 3rem;
	color: #fff;
	line-height: 1.4;
	font-size: 2rem;
	font-weight: 500;
	}	
.rnr_list .tit &gt; span {
	display: block;
	font-weight: 700;
	}
.rnr_list .tit.color01 {
	background-color: #219FA5;
	}
.rnr_list .tit.color02 {
	background-color: #01165E;
	}
.rnr_list .tit.color03 {
	background-color: #1B358E;
	}
.rnr_list .tit.color04 {
	background-color: #F15C23;
	}
.rnr_list .txt {
	margin: 0 auto;
    letter-spacing: -0.05rem;
	font-size: 1.8rem;
	}
.rnr_process [class*="arrow_"] {
	display: flex; 
	
	flex-flow: row wrap; 
    text-align: center;
	align-items: center; 
	align-content: center;  
	justify-content: center;
    background:  no-repeat right center / contain;
	}	
.rnr_process .arrow_top {    
	position: absolute;
    bottom: -8rem;
	width: 28.3rem;
    height: 13.2rem;
    margin-top: 3rem;
    background-image: url(../../main/img/sub/rnr_arrow01.svg);
	}
.rnr_process .arrow_center {
	width: 19.3rem;
	height: 16.7rem;
    margin-left: 42%;
    background-image: url(../../main/img/sub/rnr_arrow02.svg);
	}	
.rnr_process &gt; li:nth-child(2) .subtxt {
	margin: -4.5rem 0 2rem;
    color: #555;
    line-height: 1.5;
	text-align: right;
	font-size: 1.7rem;
	}
	
/* 찾아오시는길*/
.kakao_map {
	position: relative;
	z-index: 0;
	}
.kakao_map .root_daum_roughmap {
	width: 100%;
	}
.kakao_map .wrap_controllers {
	display: none;
	}	
.map_address {
	margin-bottom: 4rem;
	padding: 3rem 4rem;
	background-color: #F6F7F9;
	font-weight: 100;
	overflow: hidden;
	}
.address_info {
    margin-bottom: 1rem;
	overflow: hidden;
	}	
.address_info li {
	float: left;
	}
.address_info i {
	color: #121D76;
	font-size: 2.6rem;
    vertical-align: middle;
	}
.address_info .tit {
	display: inline-block;
	margin-right: 1rem;
	letter-spacing: 0;
    font-weight: 900;
	}
.address_info .tel {
    margin-left: 5.6rem;
	}
.address_info .tel::after {
	display: inline-block;
	width: 1px;
	height: 17px;
	margin: 0 1rem;
	background-color: #d1d1d1;
    vertical-align: middle;
	content: '';
	}
.map_address .btn_link {
    position: relative;
	float: right;
	display: block;
	width: 15.5rem;
    padding: 1rem 2rem;
	background-color: #121D76;
	color: #fff;
	}
.map_address .btn_link i { 
	position: absolute;
	top: 50%;
	right: 1.8rem;
	transform: translateY(-50%);
	}
	
/* 연혁 */
.history-info {
	margin-bottom: 1.8rem;
	padding: 7.2rem 10rem 10.2rem;
    background:  url(../../main/img/sub/history_info.jpg) no-repeat 0 0;
	color: #fff;
	text-align: center;
	line-height: 1.8;
	font-size: 1.8rem;
	font-weight: 700;
	}
.establish-area {
	position: relative;
	margin: 6rem 0 8rem;
	overflow: hidden;
	}	
.establish-area .icon {
	position: relative;
	display: block;
	float: left;
	margin-right: 4rem;
	overflow: hidden;
	}
.establish-info {
	position: relative;
	margin-bottom: 4rem;
	padding: 3rem 5rem;
	color: #000;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 2.6rem;
	overflow: hidden;
	}
.establish-info .section-tit {
	position: relative;
	margin-bottom: 2rem;
    font-size: 2.2rem;
    font-weight: 700;
	}
.establish-info .section-tit::after {
	display: block;
	width: 2.6rem;
	height: 3px;
	margin-top: 1.5rem;
	background-color: #121D76;
	content: '';
	}
.establish-info:nth-of-type(2) .section-tit::after {
	background-color: #EC411B;
	}	
.establish-info .sub-txt {
	position: relative;
    line-height: 1.7;
	overflow: hidden;
	}
.history-tit {
	margin: 8rem 0 4rem;
	color: #000;
	text-align: center;
    letter-spacing: -0.1rem;
	font-size: 3.6rem;
    font-weight: 700;
	}	
.history-tit:nth-of-type(1) {
    margin-top: 0;
	}	
.history-area {
	position: relative;
	padding-top: 0.3rem;
	letter-spacing: -0.1rem;
	overflow: hidden;
	}
.history-area::before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 3rem;
	height: 3rem;
	border: 1px solid #03195C;
	border-radius: 100%;
	transform: translateX(-50%);
	content: '';
	z-index: 2;
	}	
.history-area .progress {
	position: absolute;
	top: 1.3rem;
	left: 50%;
	width: 0.4rem;
	height: 1rem;
	background-color: #01165E;
	transform: translateX(-50%);
	z-index: 1;
	}
.history-list {
	position: relative;
	overflow: hidden;
	}
.history-list::before {
	position: absolute;
    top: .5rem;
	left: 50%;
	width: 0.4rem;
	height: calc(100% - .5rem);
	margin-left: -.2rem;
	background-color: #e9eaf1;
	content: '';
	}
.history-list &gt; li {
	clear: both;
	position: relative;
	width: calc(50% + 0.5rem);
	min-height: 10.3rem;
	margin-right: -0.5rem;
    padding-right: 3.3rem;
	text-align: right;
	overflow: hidden;
	}	
.history-list &gt; li:nth-child(even) {
	float: right;
	margin-right: 0;
	margin-left: -0.5rem;
    padding-left: 3.3rem;
    padding-right: 0;
	text-align: left;
	}	
.history-list &gt; li:first-child {
	margin-top: 0;
	}
.history-list &gt; li:last-child {
	min-height: 4rem;
	}
.history-list &gt; li:last-child::before {
	position: absolute;
	top: 0.8rem;
	right: 1px;
	width: 0.8rem;
	height: 100%;
	background-color: #fff;
	content: '';
	z-index: 2;
	}
.history-list &gt; li::after {
	position: absolute;
	top: 0.6rem;
	right: 0;
	width: 1rem;
	height: 1rem;
	background-color: #01165E;
	border-radius: 100%;
	content: '';
	z-index: 2;
	}
.history-list &gt; li:nth-child(even)::after {
	right:inherit;
	left: 0;
	}
.history-list .year {
	display: block;
	float: right;
	color: #000;
    line-height: 1.4;
    letter-spacing: -0.1rem;
	font-size: 2rem;
	}
.history-list &gt; li:nth-child(even) .year {
	float: left;
	}
.history-list .list {
    position: relative;
    color: #555;
    letter-spacing: -0.1rem;
    font-weight: 300;
    overflow: hidden;
	}	
.history-list .list &gt; li {
	margin-top: 1rem;
	overflow: hidden;
	}	
.history-list .list &gt; li:first-child {
	margin-top: 0;
	}
.history-list .list .day {
    float: right;
    display: block;
    min-width: 3.35rem;
    margin: 0 1rem 0 3rem;
    color: #01165E;
    font-size: 1.8rem;
	}		
.history-list &gt; li:nth-child(even) .day {
	float: left;
	margin: 0 3rem 0 1rem;
	}
.history-list .list ul {
    position: relative;
    overflow: hidden;
	}
 .history-list &gt; li .list p.txt {
    overflow: hidden;
    }	
.history-list &gt; li:nth-child(odd) .list p.txt,
.history-list &gt; li:nth-child(odd) .list .txt li {
    padding-right: 0.3rem;
    overflow: hidden;
	}
.history-list .list .txt &gt; li + li {
	margin-top: 1.5rem;
	}
/* 가로형 조직도
------------------------*/		
.org {
	margin-top: 3rem;
	}
.org_list {
    position: relative;
    overflow: hidden;
	}
.org_list ul, .org_list li {
    position: relative;
    overflow: hidden;
	}		
.org_list a {
    display: block;
    position: relative;
    padding: 1rem;
    color: #fff;
    text-align: center;
    line-height: 1.65;
	}
.org_list a:focus {
    text-decoration: underline;
	font-weight: 700;
	}
.org_list .director {
    background-color: #01165E;
	}	
.org_list .deputy_director .director02  {
    background-color: #1B358E;
	}
.org_list [class*="department"] [class*="head_office"] {
	background-color: #1B358E;
	}
.org_list .department .head_office02 {
	background-color: #3C4066;
	}
.org_list .department2 .head_office03 {
    background-color: #5D6981;
	}
.org_list .center_list &gt; li &gt; a, 
.org_list .center_box {
	background-color: #F0F0F3;
	color: #333;
	}
.org_list .center_list.room &gt; li &gt; a {
	background-color: #339EB9;
	color: #fff;
	}
.org_list .team_list &gt; li &gt; a {
	background-color: #fff;
	color: #333;
    font-size: 1.4rem;
	}
.org_list .team_list &gt; li &gt; a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	content: '';
	}	
.org_list .auxiliary_org &gt; a {
    background-color: #3C4066;
	}
.org_list .auxiliary_org.audit3 &gt; a {
    background-color: #0B7C9F;
    color: #fff;
 }
@media (min-width: 885px) {
.org_list .director {
    width: 21rem;
    margin: 0 auto;
	}
.org_list a {
	padding: 1.5rem 0.5rem;
	}
.deputy_director {
    padding: 15rem 0 1.5rem;
 	}
.deputy_director::before {
	position: absolute;
	top: 12rem;
	left: 50%;
	width: 42.2%;
	height: 45%;
	border-top: 1px solid #E0DFDF;
	border-right: 1px solid #E0DFDF;
	content: '';
	}
.org_list .deputy_director .director02 {
    width: 21rem;
	margin: 0 auto;
	}
.deputy_director &gt; li &gt; .department {
    position: inherit;
    margin: 0 -.5rem;
    padding-top: 22rem;
    overflow: visible;
    font-size: 1.5rem;
 }
.deputy_director &gt; li &gt; .department &gt; li {
    float: left;
    width: 16.66%;
    padding: 0 .5rem;
 }
.deputy_director .department &gt; li[class*="position_center"] {
    float: none;
	position: absolute;
    top: -2.8rem;
    left: 17.5%;
    width: calc(20% + 2rem);
    padding: 6rem 2rem 0;
    overflow: visible;
	}
.deputy_director .department &gt; li.position_center .center_team,
.deputy_director .department &gt; li.position_center .center_team &gt; li:first-child {
	margin-top: 0;
	}
.deputy_director .department &gt; li.position_center2 {
	left: inherit;
	right: 17.5%;
	}
.deputy_director .department2 {
    width: calc(16.66% - 1rem);
 	}		
[class*="department"] .center_list {
	margin-top: 1rem;
	}
[class*="department"] .center_list &gt; li {
 	margin-top: .7rem;
 	}
 .auxiliary_org {
    width: 20%;
    }
.deputy_director &gt; li:nth-child(2).department2 {
	position: absolute;
	top: 50.7rem;
	right: 0;
	}
.deputy_director &gt; li:nth-child(2).department2::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #E0DFDF;
    content: '';
	}	
.deputy_director .department2.challenge_group {
    position: absolute;
    top: 2rem;
    left: 50%;
    width: 50%;
    padding-left: 28%;
 	}	
.org_list [class*="audit"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 17rem;
	}	
.org_list .audit2 {
	left: 18rem; 
	}
.org_list .audit3 {
	left: auto;
	right: 18rem;
	}
.org_list .attach {
    position: absolute;
    top: 15rem;
    width: calC(100% - 8.33%);
    padding-top: 4rem;
    overflow: visible;
	}
.org_list 	.attach a {
	width: 25%;
	line-height: 1.4;
	}
.org_list::before,
.org_list  &gt; li:first-child::before,
/* .deputy_director &gt; li:nth-child(2).department2::before, */
.deputy_director &gt; li &gt; .department &gt; li::after,
.deputy_director &gt; li &gt; .department &gt; li:nth-child(-n+5)::before,
.deputy_director .department2.challenge_group::before,
.org_list 	.attach::before,
.org_list 	.attach::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #E0DFDF;
    content: '';
    z-index: -1;
	}
.org_list::before {
	height: calc(100% - 49.6rem);
	}
.org_list  &gt; li:first-child::before,
.org_list  &gt; li:first-child::after {
    top: 2.5rem;
    left: 0;
    width: 50%;
    height: 1px;
    border-top: 1px dashed rgba(0,0,0, .2);
    background-color: transparent;
 	}	
/* .org_list &gt; li:first-child::after {
    position: absolute;
    left: auto;
    right: 20.8%;
    width: 20%;
    border-top-style: solid;
    content: '';
    z-index: -1;
	} */
.deputy_director &gt; li &gt; .department &gt; li:nth-child(-n+5)	{
    margin-top: 4rem;
    padding-top: 4rem;
	}
.deputy_director &gt; li &gt; .department &gt; li:nth-child(-n+5)::before {
	left: 0;
	width: 100%;
	background-color: transparent;
	border-top: 1px solid #E0DFDF;
	}	
.deputy_director &gt; li &gt; .department &gt; li:first-child::before {	
	left: 50%;
	}
.deputy_director &gt; li &gt; .department &gt; li:nth-child(5)::before {	
	width: 50%;
	}
.deputy_director .department2.challenge_group::before {
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid rgba(0,0,0, .2);
	background-color: transparent;
	}
.deputy_director .department &gt; li[class*="position_center"]::after {
	width: 100%;
	height: 100%;
    border-top: 1px solid #E0DFDF;
    border-left: 1px solid #E0DFDF;
    background-color: transparent;
	}
.deputy_director .department &gt; li.position_center2::after {
    left: inherit;
    right: 50%;
	border-left: none;
    border-right: 1px solid #E0DFDF;
	}
.org_list 	.attach::before {
    left: 12.5%;
    width: 88.5%;
    border-top: 1px solid #E0DFDF;
    border-left: 1px solid #E0DFDF;
    background-color: transparent;
    }	
.org_list 	.attach::after {
	left: inherit;
	right: -1rem;
	height: 60rem;
	}    
}
	
/* 직원검색 STYLE */
.key_duties {
	margin-bottom: 4rem;
	}
.staff_list .name {
	position: relative;
    padding-right: 2rem;
    text-align: left;
    overflow: hidden;
	}
.staff_list .name &gt; span {
	display: block;
	float: left;
    }	
.staff_list .btn_profile {
   	display: block;
	float: right;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #E6E6E6;
    border-radius: 100%;
	}
.staff_list .email_confirm i {
	color: #999;
	font-size: 2rem;
	}
/* 프로필 정보 */	
.layerpop_active .staff_profile {
	width: 120rem;
	overflow: hidden;
	}
.staff_profile .board_list {	
    height: 60rem;
    overflow-y: auto
	}
.staff_profile .board_list td {
	word-break: keep-all; 
    white-space: normal;
	}	
.profile_info {
	width: 74rem;
	max-width: 100%;
	margin-bottom: 4rem;
	overflow: hidden;
	}
.profile_info .pic {
	display: block;
	float: left;
	width: 14.5rem;
	height: 16rem;
	margin-right: 3.6rem;
	overflow: hidden;
	}	
.profile_info .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	}
.profile_info dl {
	position: relative;
	overflow: hidden;
	}	
.profile_info dt {
	margin-bottom: 1.325rem;
	color: #000;
	font-size: 2.2rem;
	font-weight: 700;
	}
.profile_info dt &gt; span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 200;
	}
.profile_info dd {	
	padding: 1.7rem 2rem;
	background-color: #F2F2F2;
	}
.profile_info ul {
	overflow: hidden;
	}	
.profile_info li {
	float: left;
	}
.profile_info li + li {
	margin-left: 4rem;
	}
.profile_info li &gt; strong, 	
.profile_info li &gt; span {
	display: inline-block;
	overflow: hidden;
	}
.profile_info li &gt; strong {
    font-weight: 500;
	}
.profile_info .pic + dl {
	width: calc(80% - 18.1rem);
	}
.profile_info .pic + dl dd {
	padding: 1.5rem 3.4rem;
	}
.profile_info .pic + dl li {
	float: none;
    margin-top: 0.15rem;
	margin-left: 0;
	}	
.profile_info .pic + dl li strong {
	display: block;
	float: left;
	width: 7rem;
	margin-right: 4rem;
	}
.profile_infopic + dl  li span {
	display: block;
	position: relative;
	}
/* 보안코드 입력 */
.security_code {
	width: 74rem;
	text-align: center;
	}	
.security_code .txt {
	margin: 0 auto 2rem;
	letter-spacing: -0.1rem;
	font-size: 2rem;
	font-weight: 300;
	}	
.security_code .code_box {
	width: 45rem;
	margin: 0 auto 2rem;
	padding: 2.5rem 0;
	background-color: #f8f9fa;
	color: #000;
	font: 500 2.8rem Roboto;
	}
.security_code .input_box {
	width: 33rem;
	height: 3.8rem;
	margin: 0 auto 1.9rem;
	}	
.security_code .input_box input {
	float: left;
	width: calc(100% - 7rem);
	height: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
	}
.security_code .input_box .btn_type01 {
	width: 6rem;
	height: 100%;
	padding: 0;
	font-size: 1.5rem;
	font-weight: 200;
	}
.security_code .board_btns button {
	width: 10.8rem;
	}		
.board_info form.search_box {
	float: none;
    display: block;
	margin-bottom: 4rem;
	padding: 3rem;
	background-color: #F8F9FA;
	}
form.search_box .form {
	margin: auto;
	}
.board_info form.search_box + .page {
	float: none;
    line-height: 1.4;
	}	
	
.personnel_status {
	margin-top: 1rem;
	border-top: 1px solid #AEB7C0;
	border-bottom: 1px solid #AEB7C0;
	font-size: 1.6rem;
	}	
.personnel_status .tstyle_write th {	
	background-color: #EDEEEF;
	border-bottom: 1px solid #D2D8DD;
	text-align: center;
	font-size: 1.7rem;
	font-weight: 300;
	}
.personnel_status .tstyle_write td {
	padding: 0;
	border-left: 1px solid #D2D8DD;
	border-bottom: 1px solid #E8EBEE;
	text-align: center;
	vertical-align: top;
	}
.personnel_status .tstyle_write td strong {
	display: block;
	padding: 1.2rem 0;
	background-color: #F6F7F9;
	border-bottom: 1px solid #D2D8DD;
	font-weight: 300;
	}	
.personnel_status .tstyle_write td span {
	display: block;
	padding: 1.2rem 0;
	}	
.error_txt {
	position: relative;
	color: #E31D1D;
	}
.input_info {
	margin-top: 1rem;
	color: #777;
	font-size: 1.5rem;
	}	
.input_info i {
    vertical-align: middle;
	font-size: 1.9rem;
	}	
.overseas_agency {
	margin-bottom: 5rem;
	text-align: center;
	}
/* 뉴스레터 */
.newsletter_info {
	position: relative;
	margin-bottom: 6rem;
	padding: 5.5rem 10rem 5.5rem 7rem;
    background: url(../../main/img/sub/newsletter_bg.jpg) no-repeat right center / cover;
	letter-spacing: -0.1rem;
	}	
.newsletter_info .subject {
	position: relative;
	margin-bottom: 1.1rem;
	line-height: 1.4;
	color: #000;
	font-size: 3rem;
	font-weight: 700;
	}
.newsletter_info .txt {
	position: relative;
	margin-bottom: 3rem;
	font-size: 1.7rem;
	}
.newsletter_info .btn_type01 {
	padding: 1.55rem 2.9rem;
	font-size: 1.7rem;
	}
.newsletter_write {
	margin-top: 1rem;
	padding: 5rem;
	border: 1px solid #ddd;
	}	
.newsletter_write table {
    table-layout: fixed;
	}	
.newsletter_write th {
	text-align: left;
	}
.newsletter_write th.first {
	padding-top: 2rem;
	vertical-align: top;
	}	
.newsletter_write td {
	padding: 0.5rem 0;
	}
.newsletter_write .form_name input {
	width: 48.5rem;
	}
.newsletter_write input, .newsletter_write .form_select, .newsletter_write button {
	height: 4.8rem;
	}
.newsletter_write .form_select select {
	height: 100%;
	}	
.newsletter_write .form_check input,
.newsletter_write .form_check label::before,
.newsletter_write .form_check label::after {
	width: 1.8rem;
	height: 1.8rem;
    line-height: 1.8rem;
	}
.newsletter_write .loginName {
	display: inline-block;
    width: 48rem;
	padding-right: 2rem;
    border: 1px solid #ddd;
	}
.newsletter_write .loginName input[type*="text"] {
	width: calc(100% - 7rem);
    margin-right: 0.5rem;
	border-color: transparent;
	}	
.newsletter_write .loginName .btn_style {
	text-decoration: underline;
	font-size: 1.5rem;
	font-weight: 500;
	}
.agree_check {
	margin-top: 2rem;
	}	
.agree_check .form_check,
.agree_check .form_radio {
	padding-left: 3.2rem;
	}
.agree_check .form_check label::before,
.agree_check .form_radio label::before {
	top: 0.3rem;
    width: 2.2rem;
    height: 2.2rem;
    background-color: #C3C3C3;
    border-color: transparent;
    border-radius: 100%;
	} 	
.agree_check .form_check label::after,
.agree_check .form_radio label::after {
	top: 0.3rem;
	left: 0;
    width: 2.2rem;
    height: 2.2rem;
	background-color: transparent !important;
	color: #fff;
    text-align: center;
	font: normal 14px/1.7 xeicon;
	content: '\e928';
    opacity: 1;
	}
.agree_check .form_check input:checked + label::before,
.agree_check .form_radio input:checked + label::before {
	background-color: #1B358E;
	}
.all_agree {
	margin-bottom: 3rem;
	padding: 2.7rem;
	background-color: #F4F4F4;
	text-align: center;
	font-size: 1.8rem;
	}
.age_check {
	margin-bottom: 4.3rem;
	font-size: 1.8rem;
	}	
.unable_apply {
	color: #747474;
	font-size: 1.7rem;
	}
.authentication_area {
    padding: 3rem 0;
	}	
.authentication_area .error_txt {
	margin-top: 1rem;
	}	
.authentication_area .input_box {
	width: auto;
    height: auto;
    margin-bottom: 0;
	}
.authentication_area .input_box input {
	float: none;
    width: 25rem;
    padding: 0.8rem 1rem;
    }
.authentication_area .btn_style {
    padding: 1rem 2rem;
    line-height: 1.25;
	}
	
	
/* CI 안내 */	
.ci_txt {
	font-size: 1.7rem;
	font-weight: 200;
	}	
.ci_img {
	margin-top: 2rem;
    border: 1px solid #ddd;
    text-align: center;
	}
.ci_img img {
	max-width: 100%;
	}
.ci_img .grid_bg {
    background:  url(../../main/img/sub/ci_grid.gif) repeat 0 0;
	}	
.ci_wordmark .grid_bg {
	padding: 10rem 0;
	}
.ci_wordmark .btn_area {
    margin-top: 0;
	padding: 3.5rem;
    border-top: 1px solid #ddd;
	}
.logotype .grid_bg {
	padding: 4rem 6rem;
	text-align: left;
	overflow: hidden;
	}	
.logotype .grid_bg &gt; li {
	width: 60%;
	margin: 1.25rem 0;
	}	
.logotype .grid_bg &gt; li:nth-child(even) {
	width: 40%;
	}
.ci_list {
	display: flex; 
	
	flex-flow: row wrap;
    justify-content: center;
	}	
.ci_list strong {
	display: block;
	margin-bottom: .8rem;
	color: #333;
	font-size: 1.3rem;
	font-weight: 300;
	}	
.logotype .ci_list strong {
	font-size: 1.5rem;
	}
.ci_signature {
	display: flex; flex-flow: row wrap;
	width: calc(100% + 2rem);
	margin: 2rem -1rem 0;
	overflow: hidden;
	}	
.ci_signature .ci_img {
	width: calc(50% - 2rem);
	margin: 0 1rem;
	padding: 0 0;
    background: url(../../main/img/sub/ci_grid.gif) repeat 0 0;
	}
.ci_signature .ci_img:nth-of-type(1) {
	text-align: left;
	}	
.ci_signature .tit {
	display: block;
	position: relative;
	padding: 2.5rem 0 2rem 3rem;
	background-color: #fff;
    text-align: left;
    font-size: 1.7rem;
	}	
.ci_signature .tit &gt; span {
	display: block;
	position: relative;
    padding-left: 1.7rem;
	}
.ci_signature .tit &gt; span::before {
	display: block;
	position: absolute;
	top: 1.1rem;
	left: 0;
	width: 0.7rem;
	height: 0.7rem;
	background-color: #ddd;
	border-radius: 100%;
	content: '';
	}
.ci_signature dd {
	padding: 4rem 2rem;
	border-top: 1px solid #eee;
	}
.ci_signature li + li {
	margin-top: 2rem;	
	}
.ci_signature .ci_img:nth-of-type(1)  li + li {
	margin-top: 5.2rem;	
	} 
.ci_signature ~ .ci_img  {	
	padding: 5rem 3rem;
	}	
.ci_emblem &gt; li {
	margin: 0 4rem;
	}
[class*="ci_color"] li {
	margin: 0 5rem;
	}
[class*="ci_color"] strong {
	text-align: left;
	}
.ci_color02 .ci_list {
    display: inline-block;
	margin: 0 auto;
	text-align: left;
	}
.ci_color02 li {
	margin: 0;
	}	
.ci_color02 li + li {
	margin-top: 3rem;
	}	
.ci_color02 li .img {
	display: block;
	margin-left: -5rem;
	}	
.ci_color02 li .img img {
	margin-left: 5rem;
	vertical-align: top;
	}
.ci_img.ci_rule {
	padding: 3rem 2rem 5rem;
	}	
.ci_rule li {
	width: 25%;
	margin-top: 2rem;
	}	
.ci_rule li strong {
	font-size: 1.2rem;
	}	
	
/* 게시판 */
.board_view .status {
	margin: 0 3rem 1rem;
	}
.board_view .status &gt; span {
    display: inline-block;
    padding: 0.7rem 1.3rem;
    background-color: #1B358E;
    color: #fff;
    line-height: 1.3;
    font-size: 1.4rem;
    font-weight: 700;
	}
.board_view .status &gt; span.d_day {
    background-color: #F9571E;
    font-size: 1.5rem;
	}
.board_info .btn_register {
    position: absolute;
    top: 50%;
    right: 3rem;
    padding: 0.8rem 1.5rem;
    font-size: 1.5rem;
    font-weight: 300;
	transform: translateY(-50%);
	}
.video_script {
	margin-top: 5rem;
	padding: 3rem;
	background-color: #F8F9FA;
	border: 1px solid #E0E0E0;
	text-align: left;
	overflow: hidden;
	}
.video_script .tit {
	margin-bottom: 1.5rem;
	color: #333;
	font-size: 1.8rem;
	font-weight: 500;
	}
.video_script .wording {
	font-weight: 200;
	}
/* 사전정보공표 */
.advance_info {
	margin-bottom: 3rem;
	padding: 2rem 5rem;
	background-color: #F8F9FA;
	overflow: hidden;
	}
.advance_info .tit {
	display: block;
	float: left;
    padding: 0.9rem 0;
	color: #222;
    line-height: 1.5;
	font-size: 2rem;
	}
.advance_info .btn_icon {
	float: right;
	}
.advance_info .btn_icon a {
	padding: 1.5rem 2rem;
	}
	
/* 즐겨찾기 정보 */
[id*="favorites"] + [id*="favorites"]  {
	margin-top: 5rem;
	}
[id*="favorites"] [class*="title"] {
	margin-bottom: 1.5rem;
	}	
	
/* 고객헌장 */
.customer_area{
	padding: 8rem 7rem;
	background-color: #fafafa;
	text-align: center;
	}
.customer_area .customer_title {
	display: flex; flex-flow: row wrap;
	position: relative;
	margin-bottom: 5rem;
	color: #111a62;
	letter-spacing: -0.5px;
	font-size: 3.6rem;
	font-weight: 700;
    justify-content: center;
    align-items: center;
	}
.customer_area .customer_title &gt; span {
	display: inline-block;
	}	
.customer_area .customer_title:before,
.customer_area .customer_title:after{
	display: inline-block;
	width: 31px;
	height: 72px;
	background: url(../../main/img/sub/customer_title.png);
	content: "";
	}
.customer_area .customer_title:after{ 
    transform: scaleX(-1);
	}
.customer_area .customer_text{
	width: 85%;
	margin: 0 auto 6rem;
	line-height: 1.6;
	font-weight: 200;
	}
.customer_area .customer_box{
	position:relative;
	margin-bottom: 5rem;
	padding: 5rem;
	background-color: #fff;
	border: 5px #e2e2e2 solid;
	}
.customer_area .customer_box:before,
.customer_area .customer_box:after,
.customer_area .customer_box &gt; ul:before,
.customer_area .customer_box &gt; ul:after{
	display: block;
	position:absolute;
	top: -5px;
	left: -5px;
	width: 61px;
	height: 60px;
	background: url(../../main/img/sub/customer_box.svg);
	content: "";
	}
.customer_area .customer_box:after{
	left:auto;
	right: -5px;
	transform: scaleX(-1);
	}
.customer_area .customer_box &gt; ul:before{
	top: auto;
	bottom: -5px;
	transform: scaleY(-1);
	}
.customer_area .customer_box &gt; ul:after{
	top: auto;
	bottom: -5px;
	left: auto;
	right: -5px;
	transform: scale(-1, -1);
	}
.customer_area .customer_box ul li{
	width: 60rem;
	margin: 0 auto 1rem;
	text-align: left;
	font-size: 1.8rem;
	}	
.customer_area .customer_box ul li strong{
	display:inline-block;
	margin-right:1.5rem;
	color: #1b358e;
	font: 900 2.8rem"AritaBuri";
	}
.customer_area .customer_name{
	display: block;
	color: #333;
	letter-spacing: -0.5px;
	font-size: 2.4rem;
	font-weight: 700;
	}	
/* 핵심 서비스, 고객 서비스 이행 표준 */		
.cs_ptxt {
	margin-top: 2rem; 
	padding-bottom: 2rem;
    border-bottom: 1px #9b9b9b solid;
	letter-spacing: -0.1rem;
	font-size: 1.9rem;
	font-weight: 400; 
	}
.cs_list &gt; li {
	display: block;
	position: relative;
	padding: 4rem 0;    
	}
.cs_list &gt; li + li {
	border-top: 1px solid #ddd;
	}
.cs_list .img {
	display: block;
    float: left;
    width: 12.5rem;
    margin-right: 4rem;
	}
.cs_list .txt {
	position: relative;
	overflow: hidden;
	}
.cs_list .title2 {
	margin-bottom: 2.5rem;
	color: #333;
	letter-spacing: -0.1rem;
	}
.cs_list .lstyle_square {
	}
.cs_list .lstyle_square &gt; li + li {
	margin-top: 3rem;
	}	
.cs_list .lstyle_square &gt; li &gt; strong	 {
	display: block;
	margin-bottom: 0.8rem;
	font-weight: 500;
	}	
	
.icon_tabmenu {
	position: relative;
	margin: 0 auto 6rem;
	padding: 0 4.9rem;
	overflow: hidden;
	}
.icon_tabmenu button {
    display: flex;
    flex-flow: row wrap;
	position: absolute;
	top: 0;
	left: 0;
    width: 4.5rem;
    height: 100%;
    background-color: #fff;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 3.5rem;
	}
.icon_tabmenu .btn_next {
	left: inherit;
	right: 0;
	} 
.icon_tab {
	display: flex;
    width: 100%;
	height: 150px;
    margin-left: 1px;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	text-align: center; 
	font-size: 1.6rem;
	overflow: hidden;
	}
.icon_tab &gt; li {
    position: relative;
    flex: none;
    float: left;
    width: 110px;
	height: 150px;
    overflow: hidden;
	}
.icon_tab &gt; li a {
	display: block;
	position: relative;
	height: 100%;
    margin-right: -1px;
	border: 1px solid #ddd;
	overflow: hidden;
	}	
.icon_tab &gt; li:last-child a {
	margin-right: 0;
	}	
.icon_tab &gt; li a &gt; span {
	display: block; 
	padding: 0 2rem;
	}
.icon_tab &gt; li a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #121D76;
    transition: all 0.5s ease;
    opacity: 0;
	content: '';
	z-index: -1;
	}
.icon_tab &gt; li a [class*="icon"] {
	display: block;
	width: 104px;
	height: 8.7rem;
	margin: 0 auto;
	background: url(../../main/img/sub/tab_icon.png)  no-repeat 0 0;
	}
.icon_tab &gt; li.active a,
.icon_tab &gt; li a:hover,
.icon_tab &gt; li a:focus {
	color: #fff;
	text-decoration: none;
	}
.icon_tab &gt; li.active a::before,	
.icon_tab &gt; li a:hover::before,
.icon_tab &gt; li a:focus::before {
    opacity: 1;
	}
.icon_tab &gt; li:nth-child(2) a .icon {background-position: -106px 0;}
.icon_tab &gt; li:nth-child(3) a .icon {background-position: -212px 0;}
.icon_tab &gt; li:nth-child(4) a .icon {background-position: -318px 0;}
.icon_tab &gt; li:nth-child(5) a .icon {background-position: -424px 0;}
.icon_tab &gt; li:nth-child(6) a .icon {background-position: -530px 0;}
.icon_tab &gt; li:nth-child(7) a .icon {background-position: -636px 0;}
.icon_tab &gt; li:nth-child(8) a .icon {background-position: -742px 0;}
.icon_tab &gt; li:nth-child(9) a .icon {background-position: -848px 0;}
.icon_tab &gt; li:nth-child(10) a .icon {background-position: -954px 0;}
.icon_tab &gt; li:nth-child(11) a .icon {background-position: -1060px 0;}

.icon_tab &gt; li a:hover, .icon_tab &gt; li a:focus .icon, .icon_tab &gt; li.active a .icon {background-position: 0 -171px;}
.icon_tab &gt; li:nth-child(2) a:hover .icon, .icon_tab &gt; li:nth-child(2) a:focus .icon, .icon_tab &gt; li:nth-child(2).active a .icon {background-position: -106px -171px;}
.icon_tab &gt; li:nth-child(3) a:hover .icon, .icon_tab &gt; li:nth-child(3) a:focus .icon, .icon_tab &gt; li:nth-child(3).active a .icon {background-position: -212px -171px;}
.icon_tab &gt; li:nth-child(4) a:hover .icon, .icon_tab &gt; li:nth-child(4) a:focus .icon, .icon_tab &gt; li:nth-child(4).active a .icon {background-position: -318px -171px;}
.icon_tab &gt; li:nth-child(5) a:hover .icon, .icon_tab &gt; li:nth-child(5) a:focus .icon, .icon_tab &gt; li:nth-child(5).active a .icon {background-position: -424px -171px;}
.icon_tab &gt; li:nth-child(6) a:hover .icon, .icon_tab &gt; li:nth-child(6) a:focus .icon, .icon_tab &gt; li:nth-child(6).active a .icon {background-position: -530px -171px;}
.icon_tab &gt; li:nth-child(7) a:hover .icon, .icon_tab &gt; li:nth-child(7) a:focus .icon, .icon_tab &gt; li:nth-child(7).active a .icon {background-position: -636px -171px;}
.icon_tab &gt; li:nth-child(8) a:hover .icon, .icon_tab &gt; li:nth-child(8) a:focus .icon, .icon_tab &gt; li:nth-child(8).active a .icon {background-position: -742px -171px;}
.icon_tab &gt; li:nth-child(9) a:hover .icon, .icon_tab &gt; li:nth-child(9) a:focus .icon, .icon_tab &gt; li:nth-child(9).active a .icon {background-position: -848px -171px;}
.icon_tab &gt; li:nth-child(10) a:hover .icon, .icon_tab &gt; li:nth-child(10) a:focus .icon, .icon_tab &gt; li:nth-child(10).active a .icon {background-position: -954px -171px;}
.icon_tab &gt; li:nth-child(11) a:hover .icon, .icon_tab &gt; li:nth-child(11) a:focus .icon, .icon_tab &gt; li:nth-child(11).active a .icon {background-position: -1060px -171px;}
.icon_tab &gt; li a[target="_blank"]::after {
	display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.6rem;
    font-family: 'xeicon';
    content: "\e980";
	}
/* 상단 아이콘 + 안내 문구  */
.topbox { position: relative; margin-bottom:4rem; padding: 4rem 0; background: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;  }
.topbox &gt; .float_wrap {position: relative;}
.topbox .img {display: block; position: absolute; top:50%;  left:0; transform: translateY(-50%);text-align: center;}
.topbox .txt {display: table; width: calc(100% - 10.5rem); margin-left: 10.5rem; min-height: 5.7rem;  overflow: hidden;}
.topbox .txt .title { display: table-cell; padding-right: 3rem; color: #222222; font-size: 2.3rem; letter-spacing: -0.5px; vertical-align: middle;}
.topbox .txt .desc { display: table-cell;  line-height: 1.8; color: #333333; font-size: 1.6rem; letter-spacing: -0.3px; }
.topbox .txt .btn{display:block; margin: 0.5rem 0;}
.topbox .txt .btn a, .topbox .txt .btn button{margin: 0.5rem 0.5rem 0 0;}
.topbox .txt .btn a i{margin-left: 1rem;}

/* 사이버신고 */
.cyber_report {
	margin-top: 3rem;
	padding: 5rem 3rem;
	text-align: center;
	}
.cyber_report .icon {
    display: block;
	width: 13rem;
	height: 13rem;
	margin: 0 auto;
	}	
.cyber_report .icon img {
	width: 100%;
	}
.cyber_report .title1 {
	margin-top: 2.5rem;
	}
.cyber_report .btn_area {
	margin-top: 2rem;
	}
.cyber_report .btn_area button {
	width: 25rem;
	}
	
/* 제증명 */
.certificate_info {	
	display: table;
    width: 100%;
    margin-bottom: 3rem;
	padding: 4rem 5rem;
	background-color: #F8F9FA;
	border: none;
	}
.certificate_info .img {
	position: relative;
	display: table-cell; 
	width: 8rem;
	overflow: hidden;
	}	
.certificate_info .txt {
	display: table-cell; 
    padding-left: 4rem;
    color: #333;
    vertical-align: middle;
	font-size: 2rem; 
	font-weight: 500;
	}
.certificate_tel {
	font-size: 1.7rem; 
	}
.certificate_tel &gt; li {
	padding-left: 1.5rem;
	}	
.certificate_tel &gt; li::before {
	top: 1.2rem;
	width: 0.5rem;
	height: 0.5rem;
	}	
.certificate_tel &gt; li .point02 {
	text-decoration: underline;
	}	
		
/*공공데이터 */
.data_iframe {
	margin: 0 auto;
	text-align: center;
	}
.data_iframe iframe {
	max-width: 100%;
	}
/* 주요사업 &gt; 4대 주요 임무 */
.mission_greeting{
	position: relative;
	display: flex; 
	
	min-height: 36.8rem;
	margin-bottom: 6rem;
	flex-flow: row wrap; 
	align-items: center; 
	align-content: center;  
	justify-content: center;
	overflow: hidden;
	}
.mission_greeting .title {
	display: flex; 
	
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 36.8rem;
	height: 36.8rem;
    background: url(../../main/img/sub/key_mission.png) no-repeat 0 0 / contain;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	transform: translate(-50%, -50%); 
	flex-flow: row wrap; 
	align-items: center; 
	align-content: center;  
	justify-content: center;
	font-size: 2.2rem; 
	font-weight: 700;
	}
.mission_greeting .title::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17.5rem;
	height: 17.5rem;
	background-color: #121D76; 
	border-radius: 100%;
	transform: translate(-50%, -50%); 
	opacity: 0.8;
	content: '';
	}	
.mission_greeting .title &gt; span {
	position: relative;
	z-index: 1;
	}	
.key_mission {
	display: flex; 
	
	position: relative; 
	letter-spacing: -0.08rem;
	color: #333;
	flex-flow: row wrap;
	font-size: 2rem;
	font-weight: 500;
	overflow: hidden;
	}
.key_mission &gt; li {
	position: relative; 
	width: calc(50% - 22.4rem);
	padding: 4.3rem 0 4rem;
	border-bottom: 1px solid #D8D8D8;
	} 
.key_mission &gt; li:nth-child(odd) {
	margin-right: 22.4rem;
	text-align: right;
	}	
.key_mission &gt; li:nth-child(even) {
	margin-left: 22.4rem;
	}	
.key_mission &gt; li:nth-child(n+3) {
	border-bottom: none;
	}	
.key_mission &gt; li .miss_num{
	display: block; 
	margin-bottom: 0.7rem;
	color: #8590A0; 
	font-size: 1.8rem; 
	font-family: 'Montserrat', sans-serif; 
	} 
.mission_roundbox {
	padding: 5rem 6rem; 
	background-color: #F7F7F7;
	color: #222; 
	letter-spacing: -1px; 
    line-height: 1.8;
	text-align: center;
	font-size: 1.8rem; 
	font-weight: 500; 
	overflow: hidden;
	}
.business_mission {
	margin-bottom: 9rem;
	letter-spacing: -1px;
	text-align: center;
	line-height: 1.8;
	font-weight: 500;
	}
.business_mission .mission_title{
	position:relative;
	padding:7rem 0;
	color: #121d76;
	letter-spacing: -1px;
	font-size:2.7rem;
	}
.business_mission .mission_title span{
	display:block;
	position: absolute;
	top:0;
	left:50%;
	width:100%;
	color: #eee;
	font-size: 10.5rem;
	font-family: Montserrat, sans-serif;
	transform: translateX(-50%);
	z-index: -1;
	}
.business_mission .mission_graybox{
	margin-top:4rem;
	padding: 3rem 0;
	background: #f8f8f8;
	border: 1px #ddd solid;
	border-radius: 50rem;
	font-weight: 300;
	font-size: 1.6rem;
	}
.business_mission .mission_graybox strong{
	font-weight: 500;
	}
.business_list{
	letter-spacing: -1px;
	}
.business_list &gt; li{
	margin-bottom: 3rem;
	}
.business_list .business_box{
	border:1px #ddd solid;
	}
.business_list .business_box .tit{
	position:relative;
	display: block;
	padding: 2rem 4rem;
	color: #000;
	border-bottom: 1px #ddd solid;
	font-weight: 700;
	font-size: 2.2rem;
	}
.business_list .business_box .tit:after{
	display: block;
	position:absolute;
	left:4rem;
	bottom:-1px;
	width: 50px;
	height: 1px;
	background: #000;
	content:"";
	}
.business_list .business_box .txt{
	padding: 3rem 4rem; 
	}
.business_list .business_box .lstyle_normal &gt; li{
	margin-top: 1rem;
	padding-left: 0;
	font-weight: 500;
	}
.business_list .business_box .lstyle_normal &gt; li:first-child{
	margin-top: 0;
	}
.business_list .business_box .lstyle_line &gt; li{
	font-weight: 300;
	font-size: 1.6rem;
	}

/* 주요사업 &gt; 대표성과  */
.kistep_project{margin-top: 5rem;}
.project_history {display:flex; flex-flow: row wrap; margin-right: -10px;margin-left: -10px;}
.project_history:before, 
.project_history:after{content:""; display:block; clear:both;}  
.project_history &gt; li{position: relative;width: 33.3%; margin-bottom:20px; padding-right: 10px; padding-left: 10px; float:left;}
.project_history .project_box{height:100%; padding:5rem 3rem; border:1px #ddd solid; }
.project_history .month{display:block; margin-bottom:1rem; font-size:1.9rem; font-family: 'Montserrat', sans-serif; color: #1b358e; }
.project_history .tit{display:block; margin-bottom: 2rem; font-size: 1.8rem; font-weight: 600; color: #000;}
.project_history .txt{font-size: 1.6rem; color: #555; letter-spacing: -0.5px;}


/* 주요사업 &gt; 2019년 주요성과   */
.kistep2019{ margin-top: 5rem;}
.last_year_list{ display: flex; flex-flow: column wrap; height: 125rem; margin-left: -2rem; margin-right: -2rem;}
.last_year_list &gt; li{position: relative; width: 50%; margin-bottom: 2.5rem; padding-left: 2rem; padding-right: 2rem;}
.last_year_list &gt; li:after{content:''; position:absolute; top:2rem; left:5.25rem; display:block; width:3px; height: 100%; background:#e8e8e8; z-index: -1; }

.last_year_list .kistep_month{ position:absolute; width:6.7rem; height:6.7rem; background:#1b358e; border:5px #fff solid; border-radius: 50rem; color: #fff; text-align: center; line-height: 5.5rem; font-family:'Montserrat', sans-serif; }
.last_year_list .kistep_month:after{content:''; position: absolute; right: -1.5rem; top:50%; border-left: 9px #1b358e solid; border-right: 9px transparent solid; border-top: 9px transparent solid; border-bottom: 9px transparent solid; transform: translateY(-50%);}
.last_year_list .kistep_box{ margin-left:8rem; padding:3rem; border:3px #e5e5e5 solid; border-radius: 2rem;}
.last_year_list .lstyle_square &gt; li{margin-bottom:0.8rem; padding-left:1.5rem; color: #222; font-size: 1.6rem; font-weight: 500;}
.last_year_list .lstyle_square &gt; li:before{ width: 5px; height: 5px; background-color: #ec411b; }


/* 주요사업 &gt; 주요 연구성과, 주요사업 &gt; 연구과제 */
.research_project{margin-top: 5rem;}
.research_project .pro_title{ padding:1.5rem 3rem; background:#1b358e; color: #fff; font-weight: 700; font-size: 2rem;}
.research_project .pro_title + ul{margin-bottom: 4rem;}

.research_project .project { border-top: 1px solid #555;}
.research_project .project .group { border-bottom: 1px solid #ddd; }
.research_project .project .group.active .label{background: #1b358e; color: #fff;}
.research_project .project .group.active .label::after { transform: rotate(180deg); color: #fff;}
.research_project .project .group.active .item { height: auto; padding: 4rem 4rem; transition: all ease 0.2s; visibility: visible; overflow: visible; opacity: 1;  letter-spacing: -0.3px; line-height: 1.8; }
.research_project .project .item {position: relative; height: 0; padding: 0 4rem;  background-color: #f4f5f6; border-top: 1px solid #ddd; visibility: hidden; overflow: hidden;  opacity: 0; }
.research_project .project .label { display: block; position: relative; padding: 2rem 3rem; font-weight: 500; font-size:2rem; color: #333; }
.research_project .project .label::after { 
	font-size: 2.2rem;
	position: absolute; 
	right: 3rem; 
	bottom: 1.5rem; 
	color: #999; 
	transition: all 0.2s; 
	font-weight: 400;
	font-family: 'xeicon'; 
	content: "\e943"; 
	}
.research_project .project [class^="title"]{position:relative; margin:0 0 1rem 0; padding-left: 2.25rem; font-weight: 700; font-size: 2rem; letter-spacing: -0.3px; color: #333;}
.research_project .project [class^="title"]:before{content: ""; position:absolute; left:0; top:10px; display: block; width: 14px; height: 14px; border:4px #ec411b solid; border-top-color:#ee6f53; border-right-color:#ee6f53; }
.research_project .project .title02{margin:  3rem 0 1rem 0;}

.research_project .project .con_box{margin:2rem 0; background: #fff; padding:3rem; line-height: 1.8; }
.research_project .project .con_box [class^="title"]{position:relative; margin:0 0 1rem 0; font-weight: 500; font-size: 1.9rem; letter-spacing: -0.3px; color: #333;}
.research_project .project .con_box .title02{margin:  3rem 0 1rem 0;}
.research_project .project .t1{}
.research_project .project .t2,  .research_project .project span.t2{ font-size: 1.6rem;}
.research_project .project .t3{ font-size: 1.5rem; color: #555555;}
.research_project .project p{margin-bottom: 0.5rem;}
.research_project .project ul li{margin-bottom: 0.5rem;}

.research_project .project p.lstyle_dot::before, 
.research_project .project .lstyle_dot &gt; li::before{width: 4px; height: 4px; background: #717171; border-radius: 50rem; }

.research_project .project .lstyle_num{}
.research_project .project .lstyle_num &gt; li {position:relative; margin-bottom:0; padding:0.5rem 0 1rem 4rem;}
.research_project .project .lstyle_num &gt; li strong{position:absolute; left:0; top:0.5rem; display:inline-block; width:3rem; height:3rem; background:#ec411b; color: #fff; border-radius: 50rem; text-align: center; font-size: 1.4rem; font-family:'Montserrat', sans-serif; font-weight:800; line-height: 3rem;}
.anno{color: #1b358e;}

/* 홈페이지 운영지침 */
.operating_instructions {
	padding: 4rem;
	border: 1px solid #ddd; 
	}
.operating_instructions .title2 {
	text-align: center;
	}	
.operating_instructions .title3 {
	font-weight: 700;
	}
.operating_instructions .lstyle_normal strong {
	display: block;
	color: #000;
	font-weight: 500;
	}	
.operating_instructions .lstyle_normal &gt; li p {
    margin: 0.8rem 0 0.8rem 1rem;
	}
/* 추천사이트 */
.recommend_site {
	margin-top: 1rem;
	font-weight: 200;
	overflow: hidden;
	}	
.recommend_site &gt; li {
	padding: 1.5rem 0;
	border-bottom: 1px solid #E8E8E8;
	overflow: hidden;
	}	
.recommend_site &gt; li a {
	display: block;
	position: relative;
	padding-right: 12rem;
	}
.recommend_site a .btn_line {
	position: absolute;
	top: 50%;
	right: 0;
	width: 9.8rem;
	transform: translateY(-50%);
	}
.recommend_site	ul {
	margin-top: 1rem;
	}
.policy_area {
	font-weight: 200;
	}
.policy_area .box {
	margin-top: 2rem;
	}	
.policy_area [class^="lstyle_"] &gt; li + li {
	margin-top: 2rem;
	}
/* 인쇄물출입업체등록 */
.printEnter_process {
	display: flex; flex-flow: row wrap;
	overflow: hidden;
	}
.printEnter_process &gt; li + li {
	margin-left: 2rem;
	padding-left: 2rem;
	border-left: 1px solid #B2B2B2;
	}	
.printEnter_process &gt; li {
	counter-increment: number;
	}	
.printEnter_process &gt; li .tit {
	display: block;
	position: relative;
    margin-bottom: 0.5rem;
	padding-left: 3rem;
	color: #01165E;
    font-size: 1.9rem;
	}
.printEnter_process &gt; li .tit::before {
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 2.3rem;
    height: 2.3rem;
    background-color: #01165E;
    border-radius: 100%;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    content: counter(number, decimal);
    font-size: 1.5rem;
    overflow: hidden;
	}	
.printEnter_process  &gt; li .txt {
	font-size: 1.5rem;
	}	
.printEnter_file {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}	
.printEnter_file &gt; li {
	position:relative; 
	padding: 2rem 0 2rem 3.2rem;
    background: url(../../upload/skin/board/basic/hwp.png) no-repeat 0 2rem;
	border-top: 1px solid #ddd;
	overflow: hidden;
	}
.printEnter_file &gt; li .txt {
	display: block;
	float: left;
    width: calc(100% - 20rem);
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	}
.printEnter_file &gt; li .link {
	display: block;
    float: right;
	overflow: hidden;
	}
	
.print_agree {
	margin-bottom: 4rem;
	padding: 3rem 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
	}
.submit_area {
	margin-top: 5rem;
	}
.submit_doc {
	margin-top: 2rem;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}	
.submit_doc &gt; li {
	padding: 1.5rem 1rem;
	border-top: 1px solid #ddd;
	overflow: hidden;
	}	
.submit_doc &gt; li input[type="file"] {
	width: 100%;
	margin-top: 1rem;
	}	
.submit_doc &gt; li .file_down{
	display: block;
	margin-top: 1rem;
    padding: 1rem 1.5rem;
	background-color: #ededed;
    overflow: hidden;
	}
.submit_doc &gt; li .file_name {
	display: inline-block;
	width: calc(100% - 10rem);
	overflow: hidden;
	}
.submit_doc &gt; li .btn {
    display: inline-block;
    padding: .1rem 1rem;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    font-size: 1.5rem;
	}	
.submit_doc &gt; li .file_down .btn:nth-of-type(2) {
	margin-left: 1rem;
	}

.submit_doc &gt; li input.enter_form {
	float: left;
	width: 90%;
	margin: 0 1rem 0 0;
	}	
/* 개인정보처리방침 */
.privacy_labeling  {display: flex; flex-flow: row wrap; margin: 0 -1rem;}
.privacy_labeling &gt; li {
    position: relative;
    width: calc(33.33% - 2rem);
    margin: 0 1rem;
    padding: 3rem 2rem;
    border-radius: 1rem;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    }
.privacy_labeling .icon {
 	display: block;
 	height: 7rem;
 	margin-bottom: 1rem;
 	}
.privacy_labeling .icon img {
 	height: 100%;
 	}
.privacy_labeling .tit {
 	display: block;
	font-size: 1.7rem;
	}    
    
.policy {display: flex; flex-flow: row wrap;}
.policy &gt; li {width: 50%; margin-bottom: 1rem; padding: 0 .5rem;}
.policy &gt; li a {display: block; position: relative; min-height: 2.8rem; padding-left: 3rem;}
.policy .icon, .policy_title .icon {display: block; position: absolute; top: 0; left: 0; width: 2.2rem;}
.policy .icon img, .policy_title .icon img {vertical-align: sub;}
.policy_title {position: relative; margin: 5rem 0 1rem; padding-left: 4.5rem; color: #01165E; letter-spacing: -0.1rem; line-height: 1.5; font-size: 2.3rem; font-weight: 700;}
.policy_title .icon {width: 3.2rem;}

/* 통합검색 - 테마검색 */
.theme_search {
	margin: 1rem 0 4.5rem;
	}
.theme_search .bx-viewport {
	height: 100% !important;
	}	
.theme_list {
	height: 32rem;
	padding: 4rem;
    background: url(../../main/img/sub/theme_search_bg.png) no-repeat 0 0 / cover;
    color: #fff;
	overflow: hidden;
	}	
.theme_list &gt; li {
	width: calc(100% - 8rem) !important;
    height: calc(100% - 8rem);
	overflow: hidden;
	}	
.theme_search .bx-controls  {
	margin-top: 2rem;
    text-align: center;
	}
.theme_search .bx-controls-direction {
	display: inline-block;
	}
.theme_search .bx-controls-direction a {
	display: inline-block;
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 .5rem;
	background-color: #F6F6F6;
	border: 1px solid #ddd;
	border-radius: 100%;
	}
.theme_search .bx-controls-direction .bx-next {
	float: right;
	}
.theme_search .bx-controls-auto {
	display: inline-block;
	margin: 0 .3rem;
	}
.theme_search .bx-controls-auto a {
	margin: 0 .25rem;
	background-color: transparent;
	border: none;
	}
.theme_search .bx-controls-auto a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	content: '';
	}
.theme_search .bx-controls-auto .active::after {
	border: 1px solid #ddd;
	}
.theme_search .bx-pager {
	display: inline-block;
    margin-left: 1rem;
	}
.theme_search .bx-controls-direction .bx-prev:hover,
.theme_search .bx-controls-direction .bx-next:hover {
	background-color: #fff;
	}
.theme_search .subject01 {
	margin-bottom: 2rem;
	font-size: 2.4rem;
	}
.theme_search .subject01::after {
	display: block;
	width: 4rem;
	height: 0.3rem;
	margin-top: 2rem;
	background-color: #fff;
	content: '';
	}
.theme_search .subject02 {
	margin-bottom: 1rem;
	font-size: 2rem;
	}	
.theme_search .lstyle_square li {
	padding-left: 2rem;	
	}
.theme_search .lstyle_square li::before {
	width: 0.4rem;
	height: 0.4rem;
	background-color: #fff;
	}
.theme_search .slide_list.float_left {
    width: calc(100% - 33.3rem);
    margin-right: 1rem;
	}
.theme_search .thumb {
	position: relative;
    width: 32.3rem;
    height: 19.3rem;
    text-align: right;	
    overflow: hidden;
	}
.layerpop_active .confirm_cont {
    display: block;
	width: 68rem;
	}
.confirm_cont .board_btns {
	margin-top: 4rem;
	}
.confirm_cont a {}

/* 반응형 STYLE
------------------------ */	
@media (max-width: 1400px) { 
.past_director &gt; li {
	margin-bottom: 5rem;
    padding-top: 4rem;
    align-items: baseline;
	}	
.past_director .pic {
	margin-right: 2rem;
	}	

.last_year_list{height: 141rem;}	
}	
@media (max-width: 1385px) {
.greeting_first .box_txt br {display: none;}
}
@media (max-width: 1280px) {
.past_director .pic,
.past_director &gt; li::after {
	width: 15rem;
	}
.ci_rule li strong {font-size: 1.3rem;}	
}
@media (max-width: 1024px) {
.map_address .tel {
	margin-left: 2.8rem;
	}
.topbox .txt{ display: block; width: 100%;}
.customer_area .customer_title{font-size: 3rem;}
.project_history &gt; li{width: 50%;}
}
@media (max-width: 950px) {
.address_info li:first-child {
	float: none;
	margin-bottom: 1rem;
	}	
.map_address .tel {
	margin-left: 0;
	}	
.last_year_list{
	height: 145rem;
	}
.printEnter_process &gt; li {
	width: 31.33%;
	}
.ci_rule li {width: 50%;}	
}

@media (max-width: 884px) {
.past_director &gt; li {
    width: calc(50% - 3rem);
	}
.strategy_list .tit {
    width: calc(100% - 7.5rem);
    margin-right: 0;
	} 	
.strategy_list .list {
	width: 100%;
	margin-top: 2rem;
	padding-left: 2rem;
	}	
.customer_area .customer_box ul li{
	width: 100%;
	margin-bottom: 3rem;
	padding: 0 6rem;
	}
.customer_area .customer_box ul li:last-child{
	margin-bottom: 2rem;
	}
.customer_area .customer_box ul li strong{
	display: block;
	}
.research_list .tit {
	height: 12rem;
	}
[class*="ci_color"] li {margin: 0;}	
.ci_color li {margin: 0 2.5rem;}
.ci_color02 {width: 100%;}
.ci_color02 li .img {margin-left: 0;}
.ci_color02 li .img img {margin: 1rem 0;}

/*세로형 조직도 STYLE
---------------------------------*/
.org_list .director {
    width: 25.4rem;
	}
.org_list .deputy_director .director02 {
    width: 22.5rem;
	}
.org_list &gt; li {
	margin-top: 1rem;
	padding-left: 1.3rem;
	}	
.org_list .deputy_director {
	margin-left: 1.3rem;
	}	
.org_list .deputy_director &gt; li {
    margin-top: 2.4rem;
	padding-left: 1.5rem;
	}
.org_list .department {
	margin-left: 1.2rem;
	padding-top: 2.4rem;
	}	
.org_list .department &gt; li {
    margin-top: 2.2rem;
	padding-left: 1.2rem;
	}
.org_list [class*="department"] [class*="head_office"] {
	float: left;
	width: 20rem;
	}
.org_list .department2 [class*="head_office"]   {
    width: 22.5rem;
	}
.org_list .center_list &gt; li {
	padding-left: 2.4rem;
	margin-bottom: .5rem;
	}	
.org_list &gt; li.auxiliary_org::before {
	background-color: transparent;
    border-top: 1px dashed #000;
    opacity: 0.3;
    }	
.org_list &gt; li.auxiliary_org.audit3::before {
	border-top-style: solid;
	}
.org_list .auxiliary_org &gt; a {
	float: left;
    width: 25.4rem;
	}
.org_list .auxiliary_org.attach &gt; a {
	width: 22.5rem;
	}
.org_list &gt; li:first-child,
.org_list .department &gt; li:first-child {
    margin-top: 0;
	}
/* 조직도 라인 */
.org_list::before,
.org_list .deputy_director::before,
.org_list .department::before,
.org_list .center_list::before,
.org_list li::before {
	position: absolute;
	top: 2.3rem;
	left: 0; 
	width: 1px;
    height: calc(100% - 4.7rem);
	background-color: #E0DFDF;
	content: '';
	z-index: -1;
	}
.org_list li::before {
	width: 2.5rem;
	height: 1px; 
	}
.org_list .team_list li::before {
	display: none;
	}
.org_list .deputy_director::before,
.org_list .department::before {
	top: 0;
    height: calc(100% - 2.3rem);
	}
.org_list .department::before {	
    height: calc(100% - 6.8rem);
	}
 .org_list .center_list.center_team::before {
 	height: calc(100% - 4.9rem)
 	}
.org_list .center_list::before {
    left: 1rem;
    height: calc(100% - 5rem);
	}
 .org_list .department &gt; li:first-child .center_team::before {
    height: calc(100% - 5rem);
 	}
.org_list .center_list &gt; li:nth-child(n+2)::before {
    left: 1rem;
	}
}
@media (max-width: 785px) {	
.staff_list .name {
    margin-bottom: 0.5rem;
    }
.staff_list .name &gt; span, .staff_list .btn_profile {
	float: none;
	display: inline-block;
	margin-right: 1rem;
	}
form.search_box .form {
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	}
.topbox .img {position: inherit; left: inherit; top: inherit; margin-bottom: 2rem; transform: inherit;}
.topbox .txt{margin-left: 0;}
.business_mission{
	margin-bottom: 5rem;
	}
.business_mission .mission_title{
	padding: 0 0 3rem 0;
	font-size: 2.2rem;
	}
.business_mission .mission_title span{
	position: relative;
	font-size: 3rem;
	}
.business_mission .mission_graybox{
	padding: 3rem;
	}
.business_list .business_box .tit{
	padding: 2rem 3rem;
	font-size: 2rem;
	}
.business_list .business_box .txt{
	padding:3rem;
	}
.business_list .business_box .tit:after{
	left: 2rem;
	}
.last_year_list{
	display:block;
	height: auto;
	}
.last_year_list &gt; li{
	width: auto;
	}
.profile_info .pic + dl {
	width: calc(100% - 18.1rem);
	}
.topbox .txt .title {padding-right: 0;}
.topbox .txt .title,
.topbox .txt .desc{display: block;}	

.mission_greeting .title {
    width: 26rem;
    height: 26rem;
	}
.mission_greeting .title::after {
    width: 15rem;
    height: 15rem;
	}
.key_mission &gt; li {
    width: calc(50% - 15rem);
    padding: 3.5rem 0 3rem;
	}
.key_mission &gt; li:nth-child(odd) {
	margin-right: 15rem;
	}	
.key_mission &gt; li:nth-child(even) {
	margin-left: 15rem;
	}
	
.greeting_first::after {
	left:0;
    width: 28rem;
    height: 100%;
	}
.greeting_first .first_txt {
	padding-top: 1rem;
    padding-right: 18rem;
    line-height: 1.4;
	}	
.greeting_first .box_txt {
    padding: 4rem 4rem 4rem 30rem;
	}
.customer_area .customer_box {
	padding: 5rem 3rem;
	}	
.logotype .grid_bg &gt; li {width: 100% !important;}
.ci_color {text-align: left;}
.ci_color li {width: 100%; margin: 1rem 0;}


.rnr_area::after {left: calc(50% + 8.5%);}
.rnr_process .subject {width: 17%; font-size: 1.9rem;}
.rnr_list {margin: 0 -1rem; }
.rnr_list &gt; li {width: calc(50% - 2rem);   margin: 0 1rem;}
.rnr_list .tit {padding-left: 1rem; padding-right: 1rem; font-size: 1.8rem;}
.rnr_list .txt {font-size: 1.7rem;}

.newsletter_info {padding: 4rem 5rem;}
.newsletter_info .txt br {display: none;}
.newsletter_write {padding: 3rem;}
.newsletter_write colgroup {display: none;}
.newsletter_write th, .newsletter_write td {display: block; width: 100%;}
.newsletter_write th.first {padding-top: 0;}
.newsletter_write td {margin-bottom: 2rem;}
.privacy_labeling {margin: 0 -0.5rem;}
.privacy_labeling &gt; li {width: calc(33.33% - 1rem); margin: 0 .5rem;}


.theme_search .slide_list.float_left {width: calc(100% - 29rem);}
.theme_search .thumb {width: 28rem; height: 16rem; }
}
@media (max-width: 695px) {
.mission_list,	
.strategy_list {
    display: block;
    padding-left: 0;
	}
.mission_list &gt; li,	
.strategy_list &gt; li {
	width: 100%;
	margin: 0 0 0.5rem;
	}
.mission_list &gt; li br,	
.strategy_list &gt; li br {
	display: none;
	}
.customer_area{
	padding: 5rem 3rem;
	}
.customer_area .customer_title{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	}
.customer_area .customer_box{
	padding: 4rem 3rem;
	border: 2px #e2e2e2 solid;
	}
.customer_area .customer_box:before, 
.customer_area .customer_box:after, 
.customer_area .customer_box &gt; ul:before, 
.customer_area .customer_box &gt; ul:after{
	background-size: 50%;
    background-repeat: no-repeat;
    left: -2px;
    top:-2px;
	}
.customer_area .customer_box:after{
	left: auto;
    right: -2px;
	}
.customer_area .customer_box &gt; ul:before{
	top: auto;
    bottom: -2px;
	}
.customer_area .customer_box &gt; ul:after{
	top: auto;
    bottom: -2px;
    left: auto;
    right: -2px;
	}
.customer_area .customer_box ul li {
	padding: 0 2rem;
	font-size: 1.6rem;
	}
.customer_area .customer_box ul li strong{
	font-size: 2.2rem;
	}
.customer_area .customer_name{
	font-size: 2rem;
	}
.project_history{display: block;}
.project_history &gt; li{width: auto;}
.cs_list .img {width: 10rem; overflow: hidden;}
.greeting_first::after {
    width: 30rem;
	}
/* 연혁 */	
.establish-area .icon {
	width: 10rem;
    margin-right: 3rem;
	}	
.establish-area .icon img {
	width: 100%;
	}	
.establish-info {
    padding: 3rem 4rem;
	}
.history-list .year,
.history-list &gt; li:nth-child(even) .year {
	float: none;
	}	
.history-list .list .day {
	margin-left: 1.5rem;
	margin-right: 0;
	}
.history-list &gt; li:nth-child(even) .day {
	margin-left: 0;
	margin-right: 1.5rem;
	}

.printEnter_process &gt; li {
	width: 100%;	
	padding: 2rem 0;
	border-bottom: 1px solid #B2B2B2;
	}
.printEnter_process &gt; li + li {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
	}
/* 미션 및 추진전략*/
.mission_txt {width: 90%;}
.research_list &gt; li, .management_field &gt; li {width: 100%; margin: 0 0 2rem;}
.research_list .tit {height: auto;}
.ci_signature {width: 100%; margin: 2rem 0 0;}
.ci_signature .ci_img {float: none; width: 100%; margin: 0 0 3rem;}
.ci_emblem {margin: 0 -3rem;}
.ci_emblem &gt; li {margin: 0 3rem;}

.certificate_info {padding: 3rem 2rem; line-height: 1.4;}
.certificate_info .txt {padding-left: 2rem;}

.theme_search .slide_list.float_left {width: calc(100% - 22rem);}
.theme_search .thumb {width: 21rem; height: 12rem;}
}
@media (max-width: 625px) {
.greeting_first .first_txt {
	margin-bottom: 8rem;
	padding-top: 3rem;
	padding-right: 0;
	}
.past_director .pic, .past_director &gt; li::after {
	width: 100%;
	}
.past_director .pic {
	margin: 0 auto 2rem;
    text-align: center;
	}
.advance_info {
    margin-bottom: 2rem;
    padding: 2rem 3rem;
	}	
.advance_info .tit,
.advance_info .btn_icon {
	float: none;
	}
.advance_info .btn_icon a {
	width: 48%;
	}	
.mission_txt {width: 100%; font-size: 1.8rem;}

.rnr_process &gt; li {display: block;}
.rnr_process .subject,
.rnr_process .txt_wrap {display: block; width: 100%;}
.rnr_process .subject br {display: none;}
.rnr_process &gt; li:first-child .txt_wrap {margin-top: 2rem;}
.rnr_area::after {left: 50%;}
.rnr_area .rnr_logo {width: 10rem; transform: translateX(-50%);}

.form_mail .form_textbox:nth-of-type(2) {width: 15rem;}
.privacy_labeling &gt; li {width: calc(100% - 1rem);  margin-bottom: 0.5rem; padding: 2rem;}

.theme_list {height: 41rem; padding: 3rem; }
.theme_list &gt; li {
    width: calc(100% - 6rem) !important;
    height: calc(100% - 6rem);
	}
.theme_search .slide_list.float_left {float: none; width: 100%;}
.theme_search .thumb {margin: 2rem auto 0;}
.confirm_cont {padding-top: 8rem;}
}
@media (max-width: 580px) {
.layer_cont {
	padding: 3rem 2rem;
	}	
.layer_cont .btn_close {
	top: 3rem;
	right: 2rem;
	}	
.profile_info .pic {
	float: none;
	margin: 0 auto 2rem;
	}	
.profile_info .pic + dl {
	width: 100%;
	}	
.cs_list &gt; li {
	padding: 3rem 1rem;
	}	
.cs_list .img {
	float: none;
	margin: 0 auto 2rem;
	}
.mission_greeting .title {
	position: relative;
	top: inherit;
	left: inherit;
	transform: inherit; 
	}	
.key_mission &gt; li {
	width: 100%;
	padding: 3rem 0 2.5rem;
	}
.key_mission &gt; li:nth-child(odd) {
	margin-right: 0;
	text-align: left;
	}	
.key_mission &gt; li:nth-child(even) {
	margin-left: 0;
	}
.key_mission &gt; li:nth-child(3) {
    border-bottom: 1px solid #D8D8D8;
    }	
.history-list .list .day {
	float: none !important;
	}

.ci_emblem {margin: 0;}	
.ci_emblem &gt; li {width: 33.33%; margin: 0; padding: 0 1rem;}

.printEnter_file &gt; li .txt {float: none; width: 100%; white-space: normal;  text-overflow: inherit;} 
.printEnter_file &gt; li .link {float: none; margin-top: 0.5rem; text-align: right;}

.newsletter_info::before {position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); content: '';}
.newsletter_info .subject, .newsletter_info .txt {color: #fff;}
.newsletter_write .loginName,
.newsletter_write .form_select,
.form_mail .form_textbox,
.form_mail .form_textbox:nth-of-type(2) {width: 100%;}
.form_mail .form_textbox:nth-of-type(2) {margin-bottom: 0.3rem;}
.newsletter_write .form_check {width: 30%;}

.authentication_area .input_box input {display: block; width: 30rem; margin: 0 auto 1rem;}
.policy_area .box {padding: 3rem 2rem;}
.policy &gt; li {width: 100%;}
}

@media (max-width: 520px) {
.map_address {
	padding: 2.5rem 3rem;
	}
.greeting_first .box_txt {
	padding-right: 24rem;
	}
.greeting_first .first_txt {
	margin-bottom: 5rem;
	}	
.greeting_first::after {
	height: 28.5rem;
	}
.greeting_signature .sign {
	margin-top: 3rem;
	}
.establish-area .icon {
    margin-right: 2rem;
	}
.core_policy {
    width: 100%;
	}
.ci_img.ci_rule {
	padding: 3rem 0 5rem;
	}	
.ci_rule li {
	padding: 0 2rem;
	}	
.customer_area .customer_title {
	margin-bottom: 2rem;
	}
.rnr_list .tit {
	display: flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	height: 10rem;
	}	
.rnr_process .arrow_top {width: 50%;}	

.theme_search .lstyle_square li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
}
@media (max-width: 480px) {
.greeting_first .first_txt {
	font-size: 2.4rem;
	}	
.greeting_first .box_txt {
    padding: 3rem 3rem 27rem;
    font-size: 2.4rem;
	}	
.establish-area .icon {
	float: none;
    margin: 0 auto 2rem;
	}
.past_director {
	margin-left: 0;
	}
.past_director &gt; li {
    width: 100%;
    margin: 0 0 5rem;
	}
.past_director .pic, .past_director &gt; li::after {	
	width: 16rem;
	}
.past_director .pic {
	margin: 0 2rem 0 0;
	}

.address_info li {
	float: none;
	}
.address_info .tel {
	margin-top: 1rem;
	}	
.address_info .tel::after {
	display: none;
	}
.address_info li:last-child {
	margin-left: 3rem;
	}
.logotype .grid_bg {
	padding-left: 4rem;
	padding-right: 4rem;
	}
.ci_rule li {width: 100%;}	
.ci_emblem &gt; li  {width: 100%; margin-bottom: 2rem; padding: 0;}
.ci_emblem &gt; li strong {text-align: left;}

.customer_area .customer_title {
	min-height: 7rem;
	padding: 0 3.1rem;
	}
.customer_area .customer_title::before,
.customer_area .customer_title:after {
	position: absolute;
	top: 0;
	left: 0;
	}
.customer_area .customer_title:after  {
	left: inherit;
	right: 0;	
	}
.customer_area .customer_text {width: 100%; margin: 3rem 0 4rem; }	
.customer_area .customer_box {padding: 3rem 2rem 2rem;}
.rnr_process .arrow_center {margin-left: 38%;}
.rnr_process &gt; li:nth-child(2) .subtxt {margin-top: -3rem;}
.rnr_process .arrow_top {width: 40%;}
.org_list .director,.org_list .auxiliary_org &gt; a {width: 23.4rem;}
.org_list .auxiliary_org.attach &gt; a {width: 20.5rem;	}
.org_list .deputy_director .director02 {width: 17.5rem;}
.org_list [class*="department"] [class*="head_office"] {width: 15rem;}
.org_list .department2 [class*="head_office"] {width: 17.5rem; padding: .93rem 1rem;}
.org_list .department2 .head_office03 {width: 22.5rem;}
.org_list .challenge_group .team_list &gt; li &gt; a {padding: 2.25rem 1rem;}
.org_list &gt; li.auxiliary_org.attach::after {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 48%;
    background-color: #fff;
    z-index: -1;
    content: '';
	}
}
@media (max-width: 430px) {
.rnr_list .tit {font-size: 1.6rem;}	
.rnr_list .txt {font-size: 1.5rem;}
.rnr_process .arrow_center {margin-left: 25%;}
.newsletter_info {padding: 3rem 3.5rem;}

.history-area::before {left:0; transform: inherit;}
.history-area .progress,
.history-list::before {left:1.25rem; margin-left: 0; transform: inherit;}
.history-list &gt; li {width: 100%; min-height: auto; margin: 0; padding: 0 0 0 5rem !important; text-align: left;}
.history-list &gt; li:nth-child(even) {float: none; margin-left: 0;}
.history-list &gt; li::after, .history-list &gt; li:nth-child(even)::after {right: inherit; left: 1rem;} 
.history-list &gt; li:last-child::before,
.history-list &gt; li:nth-child(even):last-child::before {left: 1rem;}

.history-list .list {margin-bottom: 2rem;}
.history-list .year {margin-bottom: .8rem;}
.history-list .list .day {float: left !important; margin: 0 1rem 0 0;}
.history-list .list &gt; li {margin-top: 0.5rem;}

.org {word-break: normal;}
.org_list &gt; li {padding-left: 1rem;}
.org_list .deputy_director {margin-left: .8rem;}
.org_list .deputy_director &gt; li {padding-left: 1rem;}
.org_list .department {margin-left: .5rem; }
.org_list .department &gt; li {padding-left: .8rem;}
.org_list .center_list &gt; li {padding-left: 1.5rem;}
.org_list .center_list::before,
.org_list .center_list &gt; li:nth-child(n+2)::before {left: .7rem;}
.org_list .director,.org_list .auxiliary_org &gt; a  {width: 18.6rem;}
.org_list .deputy_director .director02 {width: 15.3rem;}
.org_list [class*="department"] [class*="head_office"] {width: 14rem;}
.org_list .department2 [class*="head_office"] {width: 15.3rem;}
.org_list .department2 .head_office03 { width: 22.5rem;}
}
@media (max-width: 390px) {
.board_info form.search_box {padding: 2rem 1.5rem 2rem 2rem;}	
.certificate_info  {display: block;}	
.certificate_info .img {display: block; margin: 0 auto 1rem;}
.certificate_info .txt {padding-left: 0;}

.address_info li:first-child .tit {	
	display: block;
	}
.address_info li:first-child &gt; span {
	display: block;
    margin-left: 3rem;
	}
.core_policy strong {
    font-size: 1.6rem;
    font-weight: 300;
	}	
.rnr_list .tit {font-size: 1.5rem;}	
.rnr_list .txt,
.rnr_process &gt; li:nth-child(2) .subtxt {font-size: 1.4rem;}
.org_list a {
	padding: 1.5rem 0.2rem;
	}
}</pre></body></html>