@charset "utf-8";
/*-------------------------------------------------
Main Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2016. 11. 22.
Last update : 2018. 9. 26.
-------------------------------------------------*/

#wrap:before {	
	display: none;
	}
.header_wrap {
	position: relative;
	}	
#body {
	padding-top: 0;
	overflow: visible;
	}
.multi_font {
	color: #000;
	letter-spacing: -0.05em;
    line-height: 1;
    font-weight: normal;
	}	
.multi_font span {
	font-weight: bold;
	}
.first_section {
	width: 1260px;
	height: 407px;
	margin: 0 auto 40px;
    padding: 45px 0;
    box-sizing: border-box;
	}
.first_section .txt_title {
	margin-bottom: 15px;
    line-height: 1.2;
	font-size: 1.2em;
	}	
.first_section::before {
	height: 407px;
	background: url(../../images/kps/new_main/bg.gif) no-repeat 0 0;
	} 	
.bx-controls i {
	display: none;
	}
/* 행사 */
.evnet_area {
	position: relative;
	height: 314px;
	overflow: hidden;
	}
.event_list {
	width: 100%;
	min-width: 605px;
	height: 277px;
	letter-spacing: 0;
	overflow: hidden;
	}
.event_list.no_event {
	margin-left: 0;
	}
.event_list ul {
	margin-left: -17px;
	}
.event_list li {
	position: relative;
	float: left;
	width: 280px;
	height: 220px;
	margin-left: 17px;
	padding: 10px 25px 20px;
	border: solid 1px transparent;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	}
.event_list li:hover,
.event_list li:focus,
.event_list li:first-child {
	background-color: #fff;
	border-color: #fc6719;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	}
.event_list .date {
	margin-bottom: 12px;
	}
.event_list .date .english {
	/* display: block; */
	line-height: 1;
	font-size: 0.933em;
	font-family: Myriad Pro;
	vertical-align: middle;
	}	
.event_list .date .number {
	color: #f95319;
	letter-spacing: -0.05em;
	line-height: 1;
	font-size: 2.5em;
	font-family: Myriad Pro;
	vertical-align: middle;
	}
.event_list .txt {
	position: relative;
	display: block;
	overflow: hidden;
	}
.event_list .txt:hover {
	text-decoration: none;
	}
.event_list strong {
	display: block;
	margin-bottom: 8px;
	letter-spacing: -0.08em;
	line-height: 1.2;
	font-weight: normal;
	font-size: 1.2em;
	}	
.event_list .state {
	display: inline-block;
	position: absolute;
	top: 24px;
	right: 25px;
	padding: 1px 5px 3px;
	background: #707081;
	border-radius: 2px;
	color: #fff;
    line-height: 1.3;
	font-weight: normal;
	font-size: 0.706em; 
	}	
.time_place {
	display: block;
	color: #8d8d8d;
	letter-spacing: -0.05em;
	font-size: 0.933em;
	}	
/* 행사 스크롤 */
.event_list .mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-bottom: 0;
	}
.evnet_area .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20%;
    width: 60%;
	}
.evnet_area .mCSB_scrollTools .mCSB_draggerRail {
    height: 1px !important;
	background-color: #4a515f;
	}
.evnet_area .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 155px !important;
    max-width: initial !important;
	}
.evnet_area .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 5px;
	margin-top: 5px;
	background-color: #fc6719;
	}	
/* 팝업존  */
.popup_area {
	float: right;
    position: relative;
	width: 290px;
	}
.popup_area .bx-viewport {
	height: 280px !important;
	}
.popup_area .popup_list {
	width: 100%;
	height: 280px;
	margin: auto;
    border-radius: 10px;
    border: 1px solid rgba(74,81,95, .25);
	box-shadow: 1px 0 20px 0 rgba(0,0,0, .08);
    box-sizing: border-box;
	overflow: hidden;
	}	
.popup_area .popup_list > li {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
.popup_area .popup_list > li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}	
.popup_area .popup_list > li a::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	}
.popup_area .popup_list > li a:focus::after {
	background-color: rgba(0,0,0, .5);
	}
.popup_area .popup_list > li img {
	width: 100%;
	height: 100%;
	}
.popup_area .bx-controls {
	position: absolute;
	top: 5px;
	right: 0;
	text-align: right;
    line-height: 1;
	overflow: hidden;
	}
.popup_area .bx-controls-auto {
	display: inline-block;
	height: 17px;
	margin: -1px 0 0 5px;
	vertical-align: top;
	}	
.popup_area .bx-controls-auto a {
	display: inline-block;
	width: 11px;
	height: 17px;
	margin-left: 3px;
	overflow: hidden;
	}
.popup_area .bx-controls-auto a::before {
	display: block;
    height: 100%;
    color: #77777b;
    font-size: 15px;
    font-family: xeicon;
	}
.popup_area .bx-controls-auto .bx-start::before {
    content: "\ea3e";
	}
.popup_area .bx-controls-auto .bx-stop::before {
    content: "\ea3b";
	}
.popup_area .bx-pager {
	display: inline-block;
	height: 17px;
	vertical-align: top;
	overflow: hidden;
	}
.popup_area .bx-pager > a {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 7px;
	border: solid 2px #c1c5c4;
	border-radius: 8px;
	color: transparent;
	text-indent: -9999px;
	vertical-align: top;
	overflow: hidden;
	}	
.popup_area .bx-pager > a.active {
	background-color: #fc6719;
	border-color: transparent;
	}
/* 매트릭스 */	
.matrix_area {
	position: relative;
	width: 1260px;
	margin: 0 auto 50px;
	}
.matrix_area .multi_font {
    color: #4a515f;
    letter-spacing: -0.1em;
	font-size: 1.6em;
	}
.matrix_area .btn_guide {
	position: absolute;
	top: 2px;
	left: 175px;
    line-height: 1.3;
	}
.matrix_area .btn_guide button {
	letter-spacing: -0.05em;
	color: #7d7d7d;
	font-size: 0.867em;
	}
.matrix_area .btn_guide button i {
    margin-top: -3px;
	color: #fc6719;
    vertical-align: middle;
	font-size: 18px;
	}
.guide_list {
	height: 372px;
	overflow: hidden;
	}	
.guide_list > li {
	float: left;
	margin-top: 27px;
	overflow: hidden;
	}
.matrix_guide .btn_control {
    display: block;
	position: absolute;
	top: -3px;
	right: -3px;
    /*width: 203px;*/
    height: 50px;
    background: #707685 url(../../images/kps/main/btn_matrixGuide.png) no-repeat 0 0;
    overflow: hidden;
	}
.matrix_guide .btn_control button {
	float: left;
	display: block;
	width: 51px;
	height: 50px;
	text-indent: -9999px;
	}
.matrix_guide .btn_control button.btn_play {
	background: #707685 url(../../images/kps/main/btn_matrixGuide.png) no-repeat -51px -50px;
	}	
/* 착한설정 */	
.btn_option,
.btn_viewOption	{
	position: absolute;
	top: 3px;
	right: 93px;
	}
.btn_option button,
.btn_viewOption button {
	height: 19px;
	color: #7d7d7d;
	letter-spacing: -0.08em;
    font-size: 0.867em;
    font-weight: bold;
	}	
.btn_option > button i,
.btn_viewOption > button i {
    margin-top: -1px;
	color: #77777b;
	vertical-align: middle;
	font-size: 18px;
	}	
.matrix_layerPop {
	display: none;
	position: absolute;
	top: 40px;
	width: 100%;
	padding: 15px 30px;
	background-color: #fff;
	border: solid 1px #f0f2f5;
    border-radius: 5px;
	box-sizing: border-box;
	z-index: 20;
	}
.matrix_setting th {
	color: #2f3743;
	}
.matrix_setting table {
	margin-bottom: 15px;
	color: #313131;
	font-size: 0.933em;
	font-weight: normal;
	}	
.matrix_setting thead th {
	padding: 5px 0 16px;
	}
.matrix_setting tbody tr:nth-child(odd) {
	background-color: rgba(47, 55, 67, .05);
	}
.matrix_setting tbody th {
	position: relative;
	padding: 5px 38px 5px 19px;	
	}	
.matrix_setting tbody td {
	width: 90px;
	padding: 11px 0;
	}	
.matrix_setting tbody td:nth-child(even) {
	background-color: rgba(47, 55, 67, .05);
	}	
.matrix_setting tbody [class*="icon_"] {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url(../../images/kps/main/matrixForm_icon.png) no-repeat 0 0;
	}
.matrix_setting tbody .icon_0002 {background-position: 0 -40px;}
.matrix_setting tbody .icon_0003 {background-position: 0 -80px;}
.matrix_setting tbody .icon_0004 {background-position: 0 -120px;}
.matrix_setting tbody .icon_0005 {background-position: 0 -160px;}
.matrix_setting tbody .icon_0006 {background-position: 0 -200px;}
.matrix_setting tbody .icon_0007 {background-position: 0 -240px;}
.matrix_setting tbody .icon_0008 {background-position: 0 -280px;}

	
.matrix_setting td > span:first-child,
.subject_setting li > span {
    display: block;
    position: relative;
    width: 17px;
    height: 18px;
    margin: 0 auto;
    overflow: hidden;
	}
.subject_setting li > span {
	margin-top: 7px;
	}	
.icheckbox input[type="checkbox"],
.icheckbox input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 18px;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10
	}
.icheckbox input[type="radio"]:focus,
.icheckbox input[type="checkbox"]:focus {
	opacity: 1;
	}	
.custom-check,
.custom-radio {
	display: block;
	float: left;
	width: 17px;
	height: 18px;
	background: url(../../images/kps/common/input_check.png) no-repeat 0 0;
	overflow: hidden;
	}
.custom-radio.checked,
.custom-check.checked   {
	background-position: 0 -40px
	}
.disabled .custom-check {
	background-position: 0 -80px;
	}
.custom-radio {
	background-position: 0 -120px;
	}
.disabled input[type="checkbox"] {
	cursor: auto;
	}	
.icheckbox li label {
	display: block;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	z-index: 10;
	}	
.matrix_setting .close {
	position: absolute;
	top: -3px;
	right: -3px;
	background: #707685;
	}		
.btn_viewOption {	
	right: 0;
	}
.matrix_setting .btn_area_right {
	color: #6c6d70;
	font-size: 0.933em;
	}	
.matrix_setting [class*="btn_color"] {	
	position: relative;
	display: inline-block;
	padding: 2px 24px;
	background: #434a54;
	border-bottom: solid 2px #12151c;
	color: #fff;
    text-shadow: 2px 1px 1px #2a2f38;
	text-align: center;
	letter-spacing: -0.03em;
	line-height: 1.7;
	font-size: 0.933em;
	}
.matrix_setting .btn_color01 {
	margin-left: 20px;
	}	
.matrix_setting .btn_color02 {
	background: #d9394a;
    border-bottom-color: #b90d15;
    text-shadow: 2px 1px 1px #c92b38;
	}
.matrixLoad {
	margin-top: 20px;
    text-align: center;
	}
.matrixLoad button {
	color: #272727;
	text-align: center;
	letter-spacing: -0.1em;
	line-height: 1.3;
	font-size: 1.067em;
	}
.matrixLoad .img {
	display: inline-block;
	width: 66px;
	margin-right: 20px;
    vertical-align: middle;	
	}
.matrixLoad .img img {
	width: 100%;
	}
.matrixLoad .point01 {
	color: #ff5300;
	font-weight: bold;
	}
.matrix_list .ajax_load {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 100%;
    height: 100%;
	background-color: rgba(0,0,0, .4);
	transform: translate(-50%, -50%);
    z-index: 50;
	}	
.matrix_list .ajax_load > span {
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	width: 55px;
    transform: translate(-50%, -50%);
	}
.matrix_list .ajax_load img {
	width: 100%;
	}
		
/* 주간HOT */	
.weekly_hot {
	height: 50px;
	margin-top: 20px; 
	border: 1px solid #dedfe0;
	border-bottom: none;
    border-radius: 5px 5px 0 0;
    line-height: 1.3;
	overflow: hidden;
	}	
.weekly_hot .title {
	float: left;
	margin: 15px 0 0 45px;
	color: #fc6719;
    letter-spacing: -0.1em;
	font-size: 1.133em;
	}
.weeklyHot_list {
	float: left;
	width: 930px;
	height: 50px;
	margin-left: 25px;
	line-height: 1;
	font-size: 1.2em;
	overflow: hidden;
	}
.weeklyHot_list > li {
	overflow: hidden;
	}	
.weeklyHot_list a {
	display: block;
	padding: 16px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #4a515f;
	overflow: hidden;
	}
.weeklyHot_list a:before,
.weeklyHot_list a:after {
	display: inline-block;
	width: 22px;
	height: 17px;
	margin-right: 10px;
	background: url(../../images/kps/new_main/icon_quotes.png) no-repeat 0 0;
	content:'';
	}
.weeklyHot_list a:after {
	margin: 0 0 0 10px;
	background-position: right 0;
	}	
.weekly_hot .btn_control {
	display: block;
	float: right;
	width: 153px;
	height: 50px;
	overflow: hidden;
	}		
.weekly_hot .btn_control button {
	float: left;
	display: block;
	width: 51px;
	height: 50px;
	color: rgba(84, 81, 95, .54);
	border-left: 1px solid #dedfe0;
	font-size: 25px;
	}
/* 매트릭스 콘텐츠 */
.matrix_list {
	position: relative;
	padding: 0 22px 20px;
    border: solid 1px #e3e3e3;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
	overflow: hidden;
	}
.list_inner {
    position: relative;
	display: inline-block;
	width: 290px;
	margin: 0 5px;
	text-align: center;
	box-sizing: border-box;
	vertical-align: top;
	}
.list_inner:hover {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	}	
.list_inner:after {
	width: 2px;
	height: 16px;
	}
.list_inner a {
	display: block;
	padding: 20px 0;
	}
.list_inner span.more {
    display: block;
    position: absolute;
    bottom: 15px;
    right: 21px;
    width: 16px;
    height: 16px;
    padding-right: 0;
    color: transparent;
    opacity: 0;
    overflow: hidden;
	}	
.list_inner .more:before,
.list_inner .more:after {
	display: block;
	position: absolute;
	top: 7px;
	width: 16px;
	height: 2px;
	background: #707685;
	content:'';
	}
.list_inner .more:after {
	top: 0;
	right: 7px;
	width: 2px;
	height: 16px;
	}		
.list_inner:hover .more {	
    opacity: 1;	
    transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
	}	
.list_inner a:hover {
    text-decoration: none;
	} 	
.list_inner .category {
	display: inline-block;
    margin: 0 auto 15px;
    padding: 1px 15px 0;
	border: 1px solid #e7e7e8;
	border-radius: 12px;
	color: #77777b;
	font-size: 0.867em;
	}
.list_inner a:hover .category {
	background-color: #77777b;
	border-color: transparent;
	color: #fff;
	}
.list_inner strong {
    display: block;	
    width: 80%;
    height: 52px;
    margin: 0 auto 10px;
    color: #000;
    letter-spacing: -0.05em;
    line-height: 1.4;
    font-weight: normal;
    font-size: 1.267em;
    word-break: keep-all;
    overflow: hidden;
	}
.list_inner .link_desc {
	display: block;
	height: 85px;
    letter-spacing: -0.05em;
    line-height: 1.4;
    font-size: 0.933em;
	overflow: hidden;
	}
.list_inner .date {
	letter-spacing: 0;
	font-size: 0.933em;
	}	
.list_inner:before,
.list_inner:after {
    display: block;
    position: absolute;
    bottom: -23px;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
	background-color: #fff;
    border: solid 1px #fc6719;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
    opacity: 0;
    z-index: 1;
	}
.list_inner:after {
    bottom: -31px;
    width: 30px;
    margin-left: -14px;
	border: none;
    transform: inherit;
    -webkit-transform: inherit;
	}	
.list_inner.active {
	margin-bottom: 12px;
	border-radius: 3px;
	}
.list_inner.active:before {
	transition: all .9s;
    -webkit-transition: all .9s;
    }	
.list_inner.active:before,
.list_inner.active:after {
    opacity: 1;
	}	
.list_inner.active strong,
.list_inner.active span {
	color: #000;
	}		
.list_inner.active:hover .more {
	display: none;
	}
.matrix_view {
    position: relative;
	float: left;
    width: 99%;
    max-height: 0;
    margin: 0 .5%;
	padding: 0 25px;
	box-sizing: border-box;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
	word-break: keep-all;
	}
.matrix_view.active {
    max-height: 40000px;
	padding: 30px 25px;
	border: solid 1px #fc6719;
	border-radius: 5px;
    opacity: 1;
    visibility: visible;
	}	
.view_content {
	margin: 35px 0;
	color: #313131;
	}
.view_content img {
	max-width: 100%;
	}
.matrixTitle {
	margin-bottom: 9px;
	text-align: center;
	color: #000;
	line-height: 1.1;
	font-size: 1.733em;
	}	
.view_category {
	text-align: center;
	}
.view_category span {
	margin-left: -1px;
	padding: 1px 10px 4px;
	background-image: none;
	border-radius: 12px;
	font-size: 0.933em;
	}
.view_category .btn_orangesmall {
	border-color: #f05e22;
	}
.view_category span.date {
	position: relative;
	margin-left: 5px;
	padding-left: 8px;
	color: #6c6d70;
	}
.view_category span.date:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 1px;
	height: 14px;
	background: #dee3eb;
	content:'';
	}	
.matrix_view .matrix_topClose,	
.matrix_view .close {
	position: absolute;
    bottom: 0;
    right: 0;
	width: 54px;
	height: 54px;
	background-color: transparent;
	border: none;
	}	
.matrix_view .matrix_topClose {
	top: 0;
	bottom: inherit;
	}	
.matrix_view .matrix_topClose .close {
	position: relative;
	}	
.matrix_view .close span.vertical {
	top: 12px;
    left: 26px;
    width: 1px;
	height: 30px;
	background-color: #fc6719;
	}
.matrix_view .close span.horizon {
	top: 26px;
    left: 12px;
    width: 30px;
    height: 1px;
	background-color: #fc6719;
	}
.original_path {
	overflow: hidden;
	}	
.original_path dt {	
	float: left;
	margin-right: 5px;
	color: #fc6719;
	}
.original_path dt i {
	margin: -2px 3px 0 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	}
.original_path dd {
	float: left;
	text-decoration: underline;
	}
.original_path dd a {
	color: #6c6d70;
	}
.original_path dd a:hover {
	color: #000;
	text-decoration: none;
	}
.sns_sharing {
	height: 40px;
	background: url(../../images/kps/main/sns_sharing.gif) no-repeat 0 0;
	}	
.sns_sharing a {	
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 6px;
	color: transparent;
    overflow: hidden;
	}	
.one_lineMore {
	height: 70px;
	margin-top: 25px;
	border: solid 3px #f0f2f5;
	text-align: center;
	}	
.one_lineMore button {
	width: 100%;
	color: #313131;
	letter-spacing: -0.05em;
	line-height: 70px;
	font-size: 1em;
	}
.one_lineMore button:after {
	display: inline-block;
	width: 28px;
	height: 21px;
	margin-top: -2px;
	background: url(../../images/kps/main/one_lineMore.gif) no-repeat right 0;
	color: #333;
    vertical-align: middle;	
	content:'';
	}
.one_lineMoreClose {
	height: 70px;
	margin-top: 25px;
	border: solid 3px #f0f2f5;
	text-align: center;
	}	
.one_lineMoreClose button {
	width: 100%;
	color: #313131;
	letter-spacing: -0.05em;
	line-height: 70px;
	font-size: 1em;
	}
/* 공통 요소 */	
.desc {
	display: block;
	height: 40px;
	line-height: 1.5;
	font-size: 0.933em;
    overflow: hidden;
	}
.thumb_news {
	height: 220px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
	}
.thumb {	
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}	
.thumb img {
	width: 100%;
	}
.thumb_news .thumb:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
    height: 44px;
    margin: -22px 0 0 -23px;
	background: url(../../images/kps/main/thumb_more.png) no-repeat center 0;
	content:'';
	opacity: 0;
    transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    z-index: 1
	}
.thumb_news .thumb:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
    height: 100%;
	content:'';
	transition: all 1s;
    -webkit-transition: all 1s;
	}	
.thumb_news a:hover::before,
.thumb_news a:focus::before {
	opacity: 1; 
	}
.thumb_news a:hover::after,
.thumb_news a:focus::after {
	background-image: none;
	background-color: rgba(249, 83, 25, .89);    
	transition:animation 1s ease .2s,opacity .5s ease-out .3s;
	-webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s;
	-moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s;
	}
.more {
	position: relative;
	display: inline-block;
	padding-right: 15px;
	line-height: 1.1;
	font-size: 0.933em;
	}	
.more span {
    display: block;
    position: absolute;
    background: #707685;
    -webkit-transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
    transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
	}
.more span.vertical {
    top: 2px;
    right: 5px;
    width: 1px;
    height: 11px;
	}
.more span.horizon {
    top: 7px;
    right: 0;
    width: 11px;
    height: 1px;
	}
.more:hover span {
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg); 
	}		
/* 인포그래픽, 카드뉴스, 보건산업동향 STYLE
-------------------------------------------------*/	

.second_section {
	padding: 43px 0;
	margin-bottom: 50px;
	}
.second_section::before {
    background-color: #ebf1f9;
	}
.second_section .txt_title {
	margin-bottom: 15px;
	color: #4a515f;
	letter-spacing: 0;
	line-height: 1.2;
	font-weight: normal;
	font-size: 1.333em ;
	}
.second_section a .desc {
	color: #313131;
	}
/* 인포그래픽, 카드뉴스 */	
.publicity_area {
	float: left;
	margin-right: 40px;
	}
.publicity_area a {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
	}
.infographic {
	width: 300px;
	}	
.cardNews {
	width: 260px;
	margin-right: 55px;
	}
/* 행사  + 보건산업동향 */	
.events_trend {
	position: relative;
	float: left;
	width: 920px;
	overflow: hidden;
	}
.events_trend .tab_tit {
	display: inline-block;
	margin-bottom: 15px;
	}
.events_trend .tab_tit a {
    color: rgba(0,0,0, .5);
    letter-spacing: -0.06em;
	}
.events_trend .tab_tit a::before {
	display: inline-block;
	width: 2px;
	height: 16px;
	margin: 0 5px;
	background-color: rgba(0,0,0, .1);
	content: '';
	}
.events_trend .tab_tit:nth-of-type(1) a::before {
	display: none;
	}
.events_trend .tab_tit a.active {
	color: #000;
	}
.events_trend .tab_cont {
	display: none;
	float: left;
	width: 100%;
	overflow: hidden;
	}
.events_trend .tab_cont:nth-of-type(1) {
	display: block;
	}
.events_trend .bx-wrapper {
	width: 100%;
    max-width: inherit !important;
	height: 280px;
    box-sizing: border-box;
	overflow: hidden;
	}	
.events_trend .bx-viewport {
	width: 100% !important;
	margin: auto;
	overflow: hidden;
	}
.events_trend .txt_more {
	position: absolute;
	top: 2px;
	right: 0;
	line-height: 1;
	}
.events_trend .txt_more a {
    display: block;
	color: #313131;
	}
.events_trend .more span {
	background: #313131;
	}
.events_trend .bx-controls {
	color: #96989d;
	}
.events_area .bx-controls { 
    position: absolute;
    top: 0;
    right: 80px;
    line-height: 1.3;
	}
.events_trend .bx-controls-auto-item,
.popup_area .bx-controls-auto-item  {
	display: inline-block;
	}
.events_area .bx-pager {
	float: right;
	}
.events_area .bx-controls-auto,
.events_area .bx-controls-direction {
	float: left;
	margin-right: 5px;
	}
.trend_area .bx-pager {
    position: absolute;
    top: 0;
    right: 80px;
    line-height: 1.3;
	}	
.events_trend .bx-pager::before {
	display: inline-block;
	padding-right: 8px;
	content:'Page';
	} 
.events_area .bx-controls-direction > a {
	display: inline-block;
	width: 20px;
	height: 20px;
    text-align: center;
	overflow: hidden;
	}		
.trend_area  .bx-controls-direction > a {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 42px;
    text-align: center;
	overflow:hidden;
	}	
.events_area .bx-controls a:hover::before {
	color: #000;
	text-decoration: underline;
	}
.events_trend .bx-controls-direction > a:hover,
.events_trend .bx-controls-auto a:hover {
	text-decoration: none;
	}
.trend_area .bx-controls-direction > a.bx-next {
	left: inherit;
	right: 10px;
	}
.events_trend .bx-controls-direction > a::before,
.events_trend .bx-controls-auto a::before {
	display: block;
    height: 100%;
	color: #96989d;
    line-height: 42px;
    font-size: 25px;
	font-family: xeicon;
	content: "\e93b";
	}
.events_trend .bx-controls-direction > a.bx-next::before {
	content: "\e93e";
	}
.events_area .bx-controls-direction > a::before {
    line-height: 1.5;
    font-size: 15px;
	}
.trend_area .bx-controls-auto {
    position: absolute;
    top: 0;
    right: 165px;
	}
.events_trend .bx-controls-auto a {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #96989d;
    text-align: center;
	overflow:hidden;
	}
.events_trend .bx-controls-auto a::before {
    line-height: 20px;
    font-size: 18px;
	content: "\ea3f";
	}
.events_trend .bx-controls-auto a.bx-stop::before {
	content: "\ea3c";
	}
.trend_area .bx-wrapper {
	width: 100%;
    max-width: inherit !important;
	height: 280px;
    padding: 40px 45px;
    background-color: rgba(255,255,255, .5);
    border-radius: 10px;
    box-sizing: border-box;
	overflow: hidden;
	}	
.trend_info {
	height: 200px;
	overflow: hidden;
	}		
.trend_info > li {
	float: left;
	width: 190px !important;
	height: 200px;
	margin-right: 20px;
	text-align: center;
	overflow: hidden;
	}
.trend_info > li:first-child {
	margin-left: 0;
	}	
.trend_info > li a {    
	display: block;
	height: 100%;
	padding: 25px 18px 20px;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	vertical-align: middle;
	overflow: hidden;
	}
.trend_info > li a:focus {
	border: 1px solid #ddd;
	}
.events_list {
	height: 278px;
	overflow: hidden;
	}
[class*="events_list"] > li {
	float: left;
	width: 292px !important;
	height: 278px;
	margin-right: 21px;
	text-align: center;
	overflow: hidden;
	}
[class*="events_list"] > li a {   
	display: block;
	height: 100%;
	background-color: #fff;
    border-radius: 10px;
    border: 1px solid rgba(74,81,95, .25);
	box-sizing: border-box;
	border-radius: 5px;
	vertical-align: middle;
	overflow: hidden;
	}
[class*="events_list"] > li img {
	max-width: 100%;
	}
.trend_info > li.long {
	width: 820px !important;
	border-radius: 5px;
	}
.events_list > li.long {
	width: 920px !important;
    margin-right: 0;
	border-radius: 5px;
    box-sizing: border-box;
	}
.events_fixed {
	overflow: hidden;
	}	
.events_fixed::before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.65);
    content: '';
    z-index: 99;
	}	
.events_all {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
    width: 1260px;
	height: 100%;
    transform: translateX(-50%);
    z-index: 100;
	}
.events_all 	.txt_close {
    position: absolute;
    top: 170px;
    right: 0;
	}
.events_all .mCustomScrollbar {
    height: 70%;
    margin-top: 234px;
	}	
.events_all .txt_close {
	color: #fff;
	}	
.events_list02 {
    position: relative;
    overflow: hidden;
	}	
.events_list02 > li {
	float: none;
	display: inline-block;
	margin: 0 6px 10px;
	}	
.trend_info > li a:hover {	
    text-decoration: none;
	font-weight: bold;
	}
.trend_info > li:nth-child(1) a,
.trend_info > li:nth-child(4) a,
.trend_info > li:nth-child(7) a,
.trend_info > li:nth-child(10) a,
.trend_info > li:nth-child(13) a,
.trend_info > li:nth-child(16) a,
.trend_info > li:nth-child(19) a,
.trend_info > li:nth-child(22) a   {
	background-color: #fc6719;
	color: #fff;
	}
.trend_info > li:nth-child(2) a,
.trend_info > li:nth-child(5) a,
.trend_info > li:nth-child(8) a,
.trend_info > li:nth-child(11) a,
.trend_info > li:nth-child(14) a,
.trend_info > li:nth-child(17) a,
.trend_info > li:nth-child(20) a,
.trend_info > li:nth-child(23) a {
	background-color: #fbf7f1;
	}
.trend_info > li a [class*="type"] {
	display: block;
	height: 25px;
	margin-bottom: 10px; 
	background: url(../../images/kps/main/trend_type02.png) no-repeat center 0;
    color: transparent;
	text-align: center;
	}
.trend_info > li a .type02 {
	background: url(../../images/kps/main/trend_type03.png) no-repeat center 0;
	}
.trend_info > li a .type03 {
	background: url(../../images/kps/main/trend_type07.png) no-repeat center 0;
	}
.trend_info > li a .type04 {
	background: url(../../images/kps/main/trend_type05.png) no-repeat center 0;
	}
.trend_info > li a .type05 {
	background: url(../../images/kps/main/trend_type13.png) no-repeat center 0;
	}
.trend_info > li a .type06 {
	background: url(../../images/kps/main/trend_type09.png) no-repeat center 0;
	}
.trend_info > li a .type07 {
	background: url(../../images/kps/main/trend_type11.png) no-repeat center 0;
	}
.trend_info > li a .type08 {
	background: url(../../images/kps/main/trend_type15.png) no-repeat center 0;
	}
.trend_info > li a .txt {	
    display: block;
    height: 120px;
    word-break: keep-all;
    overflow: hidden;
	}
.trend_info > li:nth-child(1) a .type01,
.trend_info > li:nth-child(4) a .type01,
.trend_info > li:nth-child(7) a .type01,
.trend_info > li:nth-child(10) a .type01,
.trend_info > li:nth-child(13) a .type01,
.trend_info > li:nth-child(16) a .type01,
.trend_info > li:nth-child(19) a .type01,
.trend_info > li:nth-child(22) a  .type01  {	
	background: url(../../images/kps/main/trend_type01.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type02,
.trend_info > li:nth-child(4) a .type02,
.trend_info > li:nth-child(7) a .type02,
.trend_info > li:nth-child(10) a .type02,
.trend_info > li:nth-child(13) a .type02,
.trend_info > li:nth-child(16) a .type02,
.trend_info > li:nth-child(19) a .type02,
.trend_info > li:nth-child(22) a  .type02  {	
	background: url(../../images/kps/main/trend_type04.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type03,
.trend_info > li:nth-child(4) a .type03,
.trend_info > li:nth-child(7) a .type03,
.trend_info > li:nth-child(10) a .type03,
.trend_info > li:nth-child(13) a .type03,
.trend_info > li:nth-child(16) a .type03,
.trend_info > li:nth-child(19) a .type03,
.trend_info > li:nth-child(22) a  .type03  {	
	background: url(../../images/kps/main/trend_type08.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type04,
.trend_info > li:nth-child(4) a .type04,
.trend_info > li:nth-child(7) a .type04,
.trend_info > li:nth-child(10) a .type04,
.trend_info > li:nth-child(13) a .type04,
.trend_info > li:nth-child(16) a .type04,
.trend_info > li:nth-child(19) a .type04,
.trend_info > li:nth-child(22) a  .type04  {	
	background: url(../../images/kps/main/trend_type06.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type05,
.trend_info > li:nth-child(4) a .type05,
.trend_info > li:nth-child(7) a .type05,
.trend_info > li:nth-child(10) a .type05,
.trend_info > li:nth-child(13) a .type05,
.trend_info > li:nth-child(16) a .type05,
.trend_info > li:nth-child(19) a .type05,
.trend_info > li:nth-child(22) a  .type05  {	
	background: url(../../images/kps/main/trend_type14.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type06,
.trend_info > li:nth-child(4) a .type06,
.trend_info > li:nth-child(7) a .type06,
.trend_info > li:nth-child(10) a .type06,
.trend_info > li:nth-child(13) a .type06,
.trend_info > li:nth-child(16) a .type06,
.trend_info > li:nth-child(19) a .type06,
.trend_info > li:nth-child(22) a  .type06  {	
	background: url(../../images/kps/main/trend_type10.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type07,
.trend_info > li:nth-child(4) a .type07,
.trend_info > li:nth-child(7) a .type07,
.trend_info > li:nth-child(10) a .type07,
.trend_info > li:nth-child(13) a .type07,
.trend_info > li:nth-child(16) a .type07,
.trend_info > li:nth-child(19) a .type07,
.trend_info > li:nth-child(22) a  .type07  {	
	background: url(../../images/kps/main/trend_type12.png) no-repeat center 0;
	}
.trend_info > li:nth-child(1) a .type08,
.trend_info > li:nth-child(4) a .type08,
.trend_info > li:nth-child(7) a .type08,
.trend_info > li:nth-child(10) a .type08,
.trend_info > li:nth-child(13) a .type08,
.trend_info > li:nth-child(16) a .type08,
.trend_info > li:nth-child(19) a .type08,
.trend_info > li:nth-child(22) a  .type08  {	
	background: url(../../images/kps/main/trend_type16.png) no-repeat center 0;
	}

/* 탭뉴스 STYLE
----------------------------------*/	
.news_section {
	margin-bottom: 60px;
	overflow: hidden;
	}
.tabNews_wrap {
	position: relative;	
	float: left;
	width: 48%;
	height: 215px;
	overflow: hidden;
	}
.press_area {
	float: right;
	}	
.tabNews_wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-sizing: border-box;
    z-index: -1;
	content:'';
	}
.tabNews_wrap .txt_title {
	float: left;
	display: table;
	width: 110px;
	height: 51px;
    margin-right: -1px;	
	border-right: 1px solid #ddd;
	text-align: center;
	font-size: 1.067em;
	font-weight: normal;
    line-height: 1;
	}
.tabNews_wrap .txt_title a {
	display: table-cell;
	color: #333;
    vertical-align: middle;
    line-height: 1;
	}
.tabNews_wrap > article:nth-child(1) .txt_title a {
	border-radius: 3px 0 0 3px;
	}
.tabNews_wrap .on .txt_title {
	position: relative;
    padding-bottom: 5px;
	border: none;
	font-weight: bold;
	z-index: 10;
	}	
.tabNews_wrap .on .txt_title:before {
    position: absolute;
    bottom: 0;
    left: 50%;
	width: 0;
	height: 0;
    margin-left: -5px;
	border-top: 5px solid #f95319;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: '';
	}
.notice_area .on .txt_title a {
	background-color: #f95319;
	color: #fff;
	}
.press_area .on .txt_title a {
	background-color: #77777b;
	color: #fff;
	}
.press_area .on .txt_title:before {
	border-top-color: #77777b;
	}
.tabNews_wrap .txt_more {
	display: none;
	position: absolute;	
	top: 0;
	right: 0;
	width: 51px;
	height: 50px;
	border-left: solid 1px #ddd;
	text-align: center;
	}
.tabNews_wrap .txt_more a {
	display: block;
	height: 100%;
	color: transparent;
	}
.tabNews_wrap .txt_more a:before,
.tabNews_wrap .txt_more a:after {
    position: absolute;
    top: 19px;
    left: 25px;
    width: 2px;
    height: 14px;
    background-color: #cecfd0;
    transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
    -webkit-transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
    content: '';
	}
.tabNews_wrap .txt_more a:after {
    top: 25px;
    left: 19px;
    width: 14px;
    height: 2px;
	}
.tabNews_wrap .txt_more a:hover:before,
.tabNews_wrap .txt_more a:hover:after {
	background:#000;
	transform:rotate(-180deg); 
	-ms-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	} 
.tabNews_wrap .on .news_list,
.tabNews_wrap .on .txt_more	 {
	display: block;	
	}
/* 뉴스 목록 */	
.news_list {
	clear: both;
	display: none;
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
	margin-top: 19px;
	}
.news_list > li  {
	overflow: hidden;
	}
.news_list .date {
	float: right;
	display: block;
	width: 70px;
	color: #6c6d70;
	font-size: 0.933em;
	}	
.news_list > li > a {
	display: inline-block;
	width: 85%;
	color: #000;
	letter-spacing: -0.03em;	
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;
	}
/* 10개 아이콘 바로가기 STYLE */	
.iconLink_site {
	clear: both;
	margin-bottom: 58px;
	font-size: 1.067em;
	overflow: hidden;
	}
.iconLink_site li {
	float: left;
	width: 14.28%;
	text-align: center;
	overflow: hidden;
	}
.iconLink_site li a {
	display: block;
	color: #313131;
	}	
.iconLink_site li a:focus,	
.iconLink_site li a:hover {
	text-decoration: none;
	color: #f95319;
	}
.iconLink_site i {
	display: block;
	height: 51px;
	margin: 4px 0 6px;
    line-height: 51px;	
	font-size: 50px;
	}	
.iconLink_site i.icon-user,	
.iconLink_site i.icon-exclamation {
	font-size: 50px;
	}
.iconLink_site i.icon-share {
	font-size: 51px;
	}
.iconLink_site i.icon-ribbon {
	font-size: 48px;
	}
.iconLink_site i.icon-briefcase,
.iconLink_site i.icon-shield,
.iconLink_site i.icon-news-paper {
	font-size: 47px;
	}
.iconLink_site i.icon-note {
	font-size: 46px;
	}
.iconLink_site i.icon-video {
	font-size: 34px;
	}
/* cos service */
.cos_service {
	float: left;
	width: 603px;
	height: 142px;
	background: url(../../images/kps/new_main/cos_bg.gif) no-repeat 0 0;
	border-radius: 3px;
	}
.cos_service a {
	display: block;
    height: 100%;
	padding: 40px 30px 0;
    box-sizing: border-box;
	}	
.cos_service .txt_title {
	float: left;
	margin: 6px 30px 0 0;
    color: #96887D;
    font-size: 1.6em;
    line-height: 1;
	}
.cos_service .info {
	float: left;
	color: #333;
    line-height: 1.5;	
	}
.cos_service .info strong {
	display: block;
	margin-bottom: 5px;
    letter-spacing: 0;	
	}	
.cos_service .info .point {
	color: #fc6719;
	}
/* 바로가기 서비스 - 식생활, 오뚝이, 국민영양 통계 */	
.link_banner {
	float: right;
	line-height: 1.3;
	text-align: center;
	overflow: hidden;
	}	
.link_banner li {
	float: left;
	width: 191px;
	margin-left: 15px;
	background-color: #ebf1f9;
	border-radius: 3px;
	}
.link_banner li a {
	display:block;
	padding: 25px 0 21px;
	letter-spacing:-1px;
	}
.link_banner li i {
	display: block;	
	width: 60px;
    height: 46px;
	margin: 0 auto 13px;
	background: url(../../images/kps/new_main/icon_linkBanner.png) no-repeat 0 0;
	}
.link_banner li:nth-child(2) i {
	background-position: 0 -60px;
	}
.link_banner li:nth-child(3) i {
	background-position: 0 -120px;
	}
/* 산업별 지원정보 */
.stage_setWrap {
	position: relative;
	height: 519px;
	margin-bottom: 58px;
	background-color: #fbf7f1;
	border: solid 1px #dcdcdc;
	border-radius: 3px;
	box-sizing: border-box;
	word-break: keep-all;
	overflow: hidden;
	}
.stage_setArea {
	position: relative;
	height: 100%;
	overflow: hidden;
	}
.stage_setArea .box_title {
	width: 200px;
	/* height: 40px; */
	margin-top: -1px;
	background: #fff;
	font-size: 0.933em;
	font-weight: normal;
	overflow: hidden;
	}	
.stage_setArea .box_title a {
	display: block;
	position: relative;
	padding: 11px 19px;
	border-top: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	color: #737477;
	line-height: 1.5;
	}
.stage_setArea .box_title a:hover,
.stage_setArea .box_title a:focus {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	}
.stage_setArea .box_title a.on {
	background-color: #fbf7f1;
	border-right-color: transparent;
	color: #000;
	font-size: 1.067em;
	font-weight: bold;
	}
.stage_setArea .tabcontent {
	display: none;
    position: absolute;
    top: 0;
    left: 200px;
    width: 1060px;
    height: 481px;
    padding: 48px 50px 15px 53px;
	box-sizing: border-box;
    letter-spacing: -0.05em;
    font-size: 0.933em;
    overflow: hidden;
	}
.stage_setWrap .btn_stageSet {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #737477;
	letter-spacing: -0.05em;
	}
.stage_setWrap .btn_stageSet i {
    margin-top: -2px;
	color: #a39990;
    vertical-align: middle;
    font-size: 15px;
	}	
.subject_setting {
	position: absolute;
	top: 0;
	left: 0;
	width: 1208px;
	height: 100%;
	padding: 34px 25px 24px;
	background: #fdfdfd;
	border-bottom: solid 1px #a0a0a0;
	z-index: 2;
	}
.subject_setting [class*="btn_colorType"] {
	padding: 2px 16px 2px 17px;
	font-weight: normal
	}
.subject_setting [class*="btn_colorType"]:after {
	display: none;
	}
.subject_setting .btn_close {
	position: absolute;
	top: -1px;
	right: -1px;
	}
.subject_setting .close {	
	background: #707685
	}
.setting_title {
	color: #333;
	line-height: 1.2;
	font-size: 1.467em;
	}
.subject_setting .txt {
	margin-bottom: 22px;
	font-size: 0.933em;
	}
.subject_setting .list {
	margin-bottom: 15px;
	border-bottom: solid 1px #dcdcdc;
	text-align: center;
    overflow: hidden;
	}			
.subject_setting li {
	float: left;
	width: 16.74%;
	height: 127px;
	margin: 0 -1px -1px 0;
	background: #fff;
	border: solid 1px #dcdcdc;
    box-sizing: border-box;
    overflow: hidden;
	}
.subject_setting li label {
	display: block;
	margin-top: 42px;
	padding-left: 0;
	}	
.subject_setting .btn_area_right a {
	display: inline-block;
	margin-left: 5px;
	padding: 3px 17px;
	background-color: #434a54;
	border-bottom: 1px solid #12151c;
	color: #fff;
    font-size: 0.94em;
	}
.subject_setting .btn_area_right a i {
	margin-right: 3px;
	}
.subject_setting .btn_area_right a:last-child {
	background-color: #d9394a;
	border-bottom-color: #b90d15; 
	}
/* 선호정보 설정 본문 내용 */	
.number_list {
	margin: -30px 0 0 -52px;
	overflow: hidden;
	}
.number_list > li {
	position: relative;
	float: left;
	width: 284px;
	height: 194px;
	margin: 30px 0 0 52px;
	overflow: hidden;
	}	
.numTitle {
	display: block;
	margin-bottom: 10px;
	color: #4a515f;
    letter-spacing: -0.05em;
	font-size: 1.429em;
	}	
.numTitle span:first-child {
	display: block;
	margin-bottom: 14px;
	padding-bottom: 4px;
	color: #FB5231;/* 주황 */
	border-bottom: solid 2px #eae7e3;
	font-size: 0.8em;
	font-family: "Myriad Pro";
	}
.numTitle a {
	display: block;
	color: #4a515f;
	line-height: 1.4;
	}
.colorPoint02 .numTitle span {/* 스카이 블루 */
	color: #339bdb;
	}
.colorPoint03 .numTitle span {/* red */
	color: #d9300a;
	}
.colorPoint04 .numTitle span {/* green */
	color: #03a296;
	}
.stage_setArea .dot_lstyle {
	margin-top: -9px;
	letter-spacing:-0.08em;
	overflow: hidden;
	}
.stage_setArea .dot_lstyle > li {
	margin-top: 4px;
	padding-left: 9px;
	background: url(../../images/kps/main/gray_dot.png) no-repeat 0 8px;
	line-height: 1.3;
	}
.stage_setArea .normal_title {
	font-size: 1.429em;
	}	
.stage_setArea .section_subtit {
	display: block;
    font-size: 1.143em;
    font-style: normal;
    font-weight: bold;
	}
.site_logo {
    position: absolute;
    top: 48px;
    right: 50px;
	}		
.site_info {
	position: relative;
	margin-bottom: 50px;
    letter-spacing: -0.1em;
	}
.site_info > .site_logo {
	top: 0; 
	right: 0;
	}	
.boxlist .arrow {
	display: block;
    height: 27px;
    background: url(../../images/kps/main/attract_foreigner.gif) no-repeat center 0;
	}

.boxlist {
	margin-top: -20px;
    letter-spacing: -0.08em;
	overflow: hidden;
	}
.number_list.float_left + .boxlist {
	float: right;
	width: 640px;
	}
.boxlist > li {
    display: table;
	float: left;
	width: 138px;
	height: 196px;
	margin: 20px 0 0 20px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	text-align: center;
	}
.boxlist > li a {
	display: table-cell;
	position: relative;
	box-sizing: border-box;
    vertical-align: middle;
	}	
.guideBook > li {
	float: left;
	width: 85px;
	}

/* 보건산업통계 */	
.statistics_link {
	display: flex; flex-flow: row wrap;  justify-content: space-between;
	}	
.statistics .txt_link {
	width: 492px;
	margin: -10px;
    overflow: hidden;
	}
.statistics .txt_link > li {
	width: calc(50% - 22px);
    height: 110px;
	margin: 10px;
	line-height: 1.3;
	}
.statistics .txt_link a {
	padding: 20px 19px;
	text-align: left;
	}
.statistics .txt_link .tit {
	display: block;
	margin-bottom: 10px;
	line-height: 1;
	letter-spacing: -0.08em;
	font-size: 1.143em;
	}	
.statistics .txt_link .point01 {
	color: #f16a00;
	}	
.statistics .icon_link > li {
    height: 240px;
	}
.statistics .icon_link > li i {
	margin: 0 auto 8px;
	}
	
/* 의료기관해외진출 */
.kohes_industry {
	display: flex; flex-flow: row wrap; justify-content: space-between;
	}
.kohes_industry .dot_lstyle {
	width: 284px;
    margin-top: 0;
	}
.kohes_industry .dot_lstyle > li {
	margin-bottom: 7px;
	}
.kohes_industry .number_list {
	display: flex; flex-flow: row wrap;
	}
.kohes_industry .number_list > li {
    width: calc(50% - 52px);
    height: 142px;
	}

/* 국제의료정보 */
.medicalkorea > .boxlist {
    float: left;
	width: 640px;
    margin-left: -20px;
	}
.medicalkorea .boxlist > li i {
	margin-bottom: 15px;
	}		
.medicalkorea .numTitle span:first-child {
	color: #03a296;
	}
.medicalkorea .number_list {
    float: right;
    width: 280px;
	margin: 0;
	}
.participating_site > li {
    height: 56px;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	}	
.participating_site a {
	display: block;
    padding: 3px;
    text-align: center;
	}
		
/* 연구중심 병원 */
.rdh_wrap .number_list > li {
	width: 452px;
	height: initial;
	}
.rdh_wrap li:first-child strong > span {
	color: #00806c;
	}
.rdh_wrap li:nth-child(2) strong  > span {
	color: #007acf;
	}	
.rdh_wrap .round_link {
	width: 100%;
	overflow: hidden;
	}
.rdh_wrap .round_link > li {
	float: left;
	width: 36%;
	height: 70px;
	margin-left: -19px;
	background-color: rgba(0, 128, 108, .75);
	border-radius: 50px;
	line-height: 70px;
	text-align: center;	
	font-size: 1.067em;
	}
.rdh_wrap .round_link > li:first-child {
	margin-left: 0;
	}	
.rdh_wrap .round_link > li a {
	display: block;
	color: #fff;
	text-shadow: 2px 1px 1px #03998e;
	}	
.rdh_wrap li:nth-child(2) .round_link > li {
	width: 52%;
	background-color: rgba(0, 122, 207, .75);
	}
.rdh_wrap li:nth-child(2) .round_link > li a {
	text-shadow: 2px 1px 1px #2e8ac3;
	}	
.rdh_wrap .number_list > li:first-child .dot_lstyle {
	overflow: hidden;
	}
.rdh_wrap .number_list > li:first-child .dot_lstyle > li {
	float: left;
	width: 48%;
	}
.rdh_agency {
	margin-top: 35px;
	overflow: hidden;	
	}
.rdh_agency .subject {
	display: block;
	margin-bottom: 15px;
	color: #313131;
	letter-spacing: -0.08em;
	font-size: 1.067em;
    font-style: normal;
	font-weight: bold;
	}
	
/* 보건의료 R&D */	
.rnd_area .number_list {
	margin: 0;
	}
.rnd_area .number_list > li {
	height: 120px;
	margin: 0;
	}	
.rnd_area .number_list > li:last-child {
	height: 88px;
	border: solid 1px #d9dadb;
	text-align: center;
	overflow: visible;
	}
.rnd_area .number_list > li:last-child a {
	display: block;
	padding: 18px 0;
	background-color: #fff;
	}
.rnd_area .number_list > li .dot_lstyle {
	float: right;
	width: 142px;
	margin-top: -35px;
	}	
.rnd_area .number_list > li {
	float: none;
	}
.rnd_area > .boxlist {
	float: right;
    width: 640px;	
	}
.rnd_area > .boxlist > li i {
	width: 65px;
	height: 72px;
	margin: 0 auto 12px;
	}
	
/* 보건산업육성정보 */
.health_industry {
	display: flex; flex-flow: row wrap;
	}	
.health_industry .number_list > li {
    width: calc(50% - 52px);
    height: auto;
	}	
.health_industry .site_info {
	height: 93px;
	margin-bottom: 73px;
	}
.health_industry .number_list > li:first-child .site_info {
	padding-right: 170px;
	}
.health_industry .number_list > li:nth-child(2) .site_info {
	padding-right: 130px;
	}
.health_industry .boxlist {
	margin-left: -20px;
	} 
.health_industry .boxlist > li {
	width: calc(33.33% - 22px);
    height: 155px;
	}	
.health_industry .boxlist > li i {
	margin-bottom: 10px;
	}	
.stage_setArea .health_industry .icon1001 {
    background-position: 0 -1157px;
	}

/* 스마트병원 확산지원센터 */
.smart_hospital .number_list > li {
	width: calc(50% - 52px);
    height: auto;
	}
.smart_hospital .dot_lstyle {
	margin: 10px 0 15px; 
	}
.smart_hospital .dot_lstyle > li  {
    float: left;
    width: 45%;
    margin-right: 10px;
	}
.smart_hospital .boxlist {
	margin-left: -20px;
	margin-top: 30px;
	}
.smart_hospital .boxlist > li {
	width: calc(25% - 20px);
    height: 133px;
    box-sizing: border-box;
	}
/* 의료기관 회계관리 */
.haspa_area .number_list > li {
	width: calc(50% - 52px);
    height: auto;
	}
.haspa_area .number_list > li:first-child .site_info {
	padding-right: 135px;
	}
.haspa_area .number_list > li:nth-child(2) .site_info {
	padding-right: 140px;
	}
.haspa_area .boxlist {
	margin: 96px -4px 0;
	}
.haspa_area .boxlist > li {
	width: calc(25% - 10px);
    height: 155px;
	margin: 0 4px; 
	}

/* 국민영양정보 */
.nutristat {}	
.nutristat > li {
	height: auto;
	}
.nutristat .site_info {
	min-height: 90px;
	margin-bottom: 40px;
	}
.nutristat .boxlist {
	margin-left: -5px;
	}	
.nutristat > li:first-child .boxlist > li {
	width: calc(33.33% - 7px);
    height: 180px;
	margin-left: 5px;
	}
.nutristat > li:first-child .boxlist > li a {
	padding-top: 25px;
	vertical-align: top;
	}
.nutristat > li:first-child .boxlist > li i {
	height: 65px;
	margin-bottom: 25px;
	}	
.nutristat > li:last-child .boxlist {
	margin: -2.5px 0 0 -2.5px;
	}
.nutristat > li:last-child .boxlist > li {    
	width: calc(50% - 7px);
    height: 85px;
    margin: 2.5px;
	}
.nutristat .section_subtit {
	margin-bottom: 15px;
	}
	
/* 아이콘 */
.number_list.float_left > li {
	float: none;
	}
.stage_setArea i {
	display: block;
    min-width: 53px;
	height: 75px;
	margin: auto;
	background: url(../../images/kps/new_main/icon_stageSet_new.png) no-repeat 0 0;
	}
.number_list > li > i {
	position: absolute;	
	top: 41px;
	right: 0;
	}
.pharma_industry li > i {/* 제약 */
	top: 45px;
	}
.stage_setArea .icon0101 {
	width: 72px;
	background-position: 0 0;
	}	
.stage_setArea .icon0102 {
	width: 78px;
	background-position: -94px 0;
	}	
.stage_setArea .icon0103 {
	width: 76px;
	background-position: -198px 0;
	}	
.stage_setArea .icon0104 {
	width: 78px;
	background-position: 1px -90px;
	}	
.stage_setArea .icon0105 {
	width: 81px;
	background-position: -94px -90px;
	}	
.stage_setArea .icon0106 {
	width: 66px;
	background-position: -197px -90px;
	}
.stage_setArea .icon0201 {
	width: 86px;
	background-position: -279px -201px;
	}	
.stage_setArea .icon0202 {
	width: 86px;
	background-position: -94px -198px;
	}	
.stage_setArea .icon0203 {
	width: 76px;
	background-position: -202px -198px;
	}	
.stage_setArea .icon0204 {
	width: 80px;
	background-position: -2px -288px;
	}	
.stage_setArea .icon0205 {
	width: 83px;
	background-position: -94px -288px;
	}	
.stage_setArea .icon0206 {
	width: 76px;
	background-position: -199px -288px;
	}

.stage_setArea .icon0301 {
	top: 43px;
    right: 5px;
	width: 66px;
	background-position: 0 -380px;
	}	
.stage_setArea .icon0302 {
	top: 43px;
    right: 12px;
	width: 67px;
	background-position: -94px -380px;
	}	
.stage_setArea .icon0303 {
	width: 54px;
	background-position: -0 -472px;
	}	
.stage_setArea .icon0304 {
	width: 43px;
	background-position: -94px -472px;
	}	
.stage_setArea .icon0305 {
	width: 53px;
	background-position: -189px -472px;
	}	
.stage_setArea .icon0306 {
	width: 73px;
	background-position: -348px -472px;
	}
.stage_setArea .icon0307 {
	width: 48px;
	background-position: -0px -553px;
	}	
.stage_setArea .icon0308 {
	width: 60px;
	background-position: -94px -553px;
	}	
.stage_setArea .icon0309 {
	width: 57px;
	background-position: -189px -553px;
	}	
.stage_setArea .icon0310 {
	width: 74px;
	background-position: -276px -553px;
	}

.stage_setArea .icon0401 {
	width: 65px;
	height: 72px;
	margin-bottom: 3px;
	background-position: 0 -631px;
	}	
.stage_setArea .icon0402 {
	width: 64px;
	height: 72px;
	margin-bottom: 3px;
	background-position: -94px -631px;
	}

.stage_setArea .icon0501 {
	width: 65px;
	background-position: 0 -706px;
	}	
.stage_setArea .icon0502 {
	width: 47px;
	background-position: -88px -706px;
	}	
.stage_setArea .icon0503 {
	width: 56px;
	background-position: -157px -706px;
	}	
.stage_setArea .icon0504 {
	width: 57px;
	background-position: -234px -706px;
	}

.stage_setArea [class*="icon060"] {
    width: 67px;
	}
.stage_setArea .icon0601 {
	background-position: 0 -1426px;
	}	
.stage_setArea .icon0602 {
	background-position: -82px -1426px;
	}	
.stage_setArea .icon0603 {
	background-position: -170px -1426px;
	}	
.stage_setArea .icon0604 {
	background-position: -253px -1426px;
	}	
.stage_setArea .icon0605 {
	background-position: 0 -1513px;
	}	
.stage_setArea .icon0606 {
	background-position: -84px -1517px;
	}	
.stage_setArea .icon0607 {
	background-position: -170px -1513px;
	}	
.stage_setArea .icon0608 {
	background-position: -253px -1513px;
	}
.stage_setArea .icon0701 {
	width: 50px;
	background-position: -4px -963px;
	}
.stage_setArea .icon0702 {
	width: 42px;
	background-position: -73px -963px;
	}
.stage_setArea .icon0703 {
	width: 105px;
	height: 88px;
	margin-top: 3px;
	background-position: -145px -956px;
	}
.stage_setArea .icon0901 {
	width: 71px;
	background-position: 0 -1057px;
	}
.stage_setArea .icon0902 {
	width: 57px;
	background-position: -84px -1057px;
	}
.stage_setArea .icon0903 {
	width: 59px;
	background-position: -154px -1057px;
	}
.stage_setArea .icon0904 {
	width: 57px;
	background-position: -224px -1057px;
	}
.stage_setArea .icon0905 {
	width: 51px;
	background-position: -291px -1057px;
	}
.stage_setArea .icon0906 {
	width: 46px;
	background-position: -351px -1057px;
	}
.stage_setArea .icon1001 {
	width: 75px;
	background-position: 0 -1164px;
	}
.stage_setArea .icon1002 {
	width: 59px;
	background-position: -82px -1164px;
	}
.stage_setArea .icon1003 {
	width: 70px;
	background-position: -152px -1164px;
	}
.stage_setArea .icon1004 {
	width: 69px;
	background-position: -233px -1164px;
	}
.stage_setArea .icon1005 {
	width: 64px;
	background-position: -312px -1164px;
	}
.stage_setArea .icon1006 {
	width: 58px;
	background-position: -384px -1152px;
	}
.stage_setArea .icon1101 {
	width: 62px;
	background-position: 0 -1244px;
	}
.stage_setArea .icon1102 {
	width: 61px;
	background-position: -75px -1244px;
	}
.stage_setArea .icon1103 {
	width: 72px;
	background-position: -145px -1244px;
	}

.stage_setArea .icon1201 {
	width: 55px;
	background-position: 0 -1338px;
	}
.stage_setArea .icon1202 {
	width: 55px;
	background-position: -77px -1338px;
	}
.stage_setArea .icon1203 {
	width: 57px;
	background-position: -155px -1335px;
	}
.stage_setArea .icon1204 {
	width: 57px;
	background-position: -232px -1338px;
	}
.stage_setArea .icon1205 {
	width: 49px;
	background-position: -314px -1335px;
	}
.stage_setArea .icon1206 {
	width: 49px;
	background-position: -333px -1515px;
	}
.stage_setArea .icon1301 {
	width: 62px;
	background-position: 0 -1619px;
	}
.stage_setArea .icon1302 {
	width: 68px;
	background-position: -82px -1619px;
	}
.stage_setArea .icon1303 {
	width: 64px;
	background-position: -173px -1619px;
	}
.stage_setArea .icon1304 {
	width: 52px;
	background-position: -262px -1619px;
	}