@charset "utf-8";
/*-------------------------------------------------
Content Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2014. 9. 2.
Last update : 2014. 9. 2.
-------------------------------------------------*/
#gnavigation_all > li {
	height: 405px;
	}
#gnavigation.count8 > li{width:auto;}

/* 우수제품이란?
---------------------------------------*/
.senior_friendly {
	width: 440px;
	padding: 20px 289px 30px 0;
	background: url(../../images/gfi/content/bg_excellent.gif) no-repeat right 0;
	border-bottom: solid 3px #e8ebef;
	letter-spacing: -1px;
	overflow: hidden;
	}
.senior_friendly .title {
	margin-bottom: 18px;
	color: #6f7483;
	font-size: 1.4em;
	}
.senior_friendly p {
	color: #555;
	}		
.smark_infobox span {
	float: left;
	display: block;
	}	
.smark_infobox span:first-child {
	margin-right: 25px;
	}		
.smark_infobox .txt {
	width: 590px;
	margin-top: 15px;
	}	
/* S마크 소개 */		
.color_smark {
	margin: 6px 1px 0;
	padding: 28px 0;
	background: url(../../images/gfi/content/smark_bg.gif) repeat 0 0;
	border: solid 1px #e6e6e6;
	text-align: center;
	}	
.color_smark img:first-child {
	margin-right: 105px; 
	}
.design_law img {
	margin-right: 35px;
	}
.color_scheme img {
	margin-right: 57px;
	}
.design_law img:last-child,
.color_scheme img:last-child {	
	margin-right: 0;
	}
.bestproduct_list {
	margin: 17px 0 15px;
	}
.bestproduct_list dt {
	float: left;
	width: 48px;
	margin-right: 25px;
	color: #000;
	font-weight: bold;
	}	
.bestproduct_list dd {
	float: right;
	width: 605px;
	}	
.bestproduct_list dd li {
	float: left;	
	width: 30%;
	}
.green_check {
	padding: 0 10px 0 17px;
	background: url(../../images/gfi/content/check.gif) no-repeat 0 5px;
	color: #00857a;
	letter-spacing: -1px;
	}	
/* 지정절차 */
.designate_process {
	width: 730px;
	height: 684px;
	background: url(../../images/gfi/content/designate_process.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
.product_write {
	padding: 35px 0 30px 265px; 
	background: #fafafb url(../../images/gfi/content/product_write.gif) no-repeat 55px bottom;
	border: solid 1px #e9eaee;
	letter-spacing: -1px;
	overflow: hidden;
	}	
.product_write p:first-child {
	margin-bottom: 10px;
	color: #000;
	font-size: 1.2em;
	}
.product_write .btn_area {
	padding-top: 22px;
	text-align: left;
	}	
/* 사용성평가 프로세스, 시스템 운영 체계 */
.usability_process,
.system_management	 {
	width: 100%;
	height: 209px;
	background: url(../../images/gfi/content/usability_process.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
.system_management {
	height: 470px;
	background: url(../../images/gfi/content/system_management.gif) no-repeat 0 0;
	}	
	
/* 제품신청 안내 */
.product_tel {
	padding: 32px 0 30px 110px;
	background: #fafafb url(../../images/common/icon/product_tel.gif) no-repeat 35px 20px;
	}
.product_tel strong {
	display: block;
	margin-bottom: 10px; 
	}
.orgsearch_txt {
	margin-top: 20px;
	}	
.system_area {
	padding: 30px 20px 30px 140px;
	background: #fdfdfd url(../../images/gfi/content/system_bg.gif) no-repeat 18px 32px;
	border-top: solid 1px #45474d;
	border-bottom: solid 1px #d8d9da;
	}	
.system_area dt {
	margin-bottom: 25px;
	color: #00857a;
	font-weight: bold;
	}
.system_area dd strong {
	display: block;
	margin-bottom: 14px;
	color: #252525;
	}	
.system_area dd .txt {
	margin-bottom: 18px;
	}		
.siteLink_txt {
	margin-top: 25px;
	padding: 3px 0 5px 20px;
	background: url(../../images/gfi/content/siteLink_txt.gif) no-repeat 0 0;
	overflow: hidden;
	}	
.siteLink_txt span {	
	float: left;
	display: block;
	}	
.siteLink_txt .right_bg {
	width: 14px;
	height: 27px;
	margin: -3px 0 0 5px;
	background: url(../../images/gfi/content/siteLink_txt02.gif) no-repeat 0 0;
	}	
/* 사용성평가 결과 */
.rating_infoArea {
	padding-bottom: 20px;
	border-bottom: solid 1px #ebebeb;
	overflow: hidden;
	}
.rating_thumb {
	display: block;
	float: left;
	width: 350px;
	height: 347px;
	margin-top: 15px;
	padding-right: 19px;
	overflow: hidden;
	}
.rating_thumb img {
	width: 100%;
	}	
.rating_infoList {
	float: left;
	width: 300px;
	margin-top: -10px;
	padding-left: 20px;
	border-left: dashed 1px #ebebeb;
	}	
.rating_infoList dt {
	margin: 10px 0 8px;
	padding-left: 8px;
	background: url(../../images/kps/common/title_depth4_arrow.gif) no-repeat 0 8px;
	font-weight: bold; 
	}	
.evaluation_result {
	margin-left: 28px;
	padding: 30px 25px;
	background: #fafafb;
	border: solid 1px #e9eaee;
	}	
.evaluation_result > li {
	margin-top: 30px;
	padding-top: 28px;
	border-top: dashed 1px #dedede;
	overflow: hidden;
	}
.evaluation_result > li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	}	
.evaluation_result > li > strong {
	display: block;
	float: left;
	width: 60px;
	margin-right: 25px;
	color: #000;
	letter-spacing: -0.1em;
	}	
.evaluation_result li > .float_left	{
	width: 525px;
	overflow: hidden;
	}	
/* 인사말 */
.greeting_wrap {
	overflow: hidden;
	}
.greeting_wrap .float_left {
	width: 352px;
	}
.greeting_wrap .float_left p:first-child {
	margin-bottom: 45px;
	}
.greeting_wrap .float_right {
	width: 350px;
	margin-top: -4px;
	color: #555;
	letter-spacing: -0.1em;
	}
.greeting_wrap .float_right p {
	margin-top: 25px;
	}
.greeting_wrap .float_right p:first-child {
	margin-top: 0;
	}
.business_process {
	width: 730px;
	height: 605px;
	background: url(../../images/gfi/content/business_process.gif) no-repeat 0 0;
	margin: auto;
	text-indent: -9999px;
	overflow: hidden;
	}
/* 주요경과 */
.history {
	width: 435px;
	margin-top: 10px;
	padding-left: 295px;
	background: url(../../images/gfi/content/elapsed_time.gif) no-repeat 10px 0;
	overflow: hidden;
	}
.history > li {
	margin-top: 55px;
	overflow: hidden;
	}	
.history h2 {
	float: left;
	width: 75px;
	margin-top: -5px;
	padding-bottom: 10px;
	background: url(../../images/gfi/content/history_year.gif) no-repeat 0 bottom;	
	color: #252525;
	letter-spacing: -0.03em;
	font-size: 1.6em;
	}
.history .dot_lstyle {
	position: relative;
	overflow: hidden;
	}	
.history .dot_lstyle > li {
	margin-top: 5px;
	}	
.history > li:first-child,
.history .dot_lstyle > li:first-child {
	margin-top: 0;
	}
.gfi_product {
	overflow: hidden;
	}	
.gfi_product span {
	display: block;
	float: left;
	width: 16%;
	margin: 10px 0;
	text-align: center;
	}	
.gfi_product span input {
	display: inline-block;
	border-color: #cbcbcb;
	}	
.gfi_product span label {
	display: block;    
	padding: 8px;
	border: solid 1px #d7d7d7;
	border-radius: 1px; 
	}	
.product_resultList {	
	border-top: solid 1px #45474d;
	border-bottom: solid 1px #c1c5cd;
	overflow: hidden;
	}	
.product_resultList > li {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 22px 0;
	border-top: solid 1px #e4e7ec;
	overflow: hidden;
	}	
.product_resultList > li:first-child {
	border-top: none;
	}
.product_resultList .title {
	position: absolute;
	top: 12px;
	left: 180px;
	padding: 0 0 2px 32px;
	background: url(../../images/gfi/content/icon_smark.gif) no-repeat 0 0;		
	color: #000;
	font-size: 1.2em;
	}
.product_resultList > li .thumb {
	float: left;
	width: 110px;
	height: 100px;
	margin-right: 50px;
	}
.product_resultList > li .thumb img {
	width: 100%;
	height: 100%;
	}
.product_resultList > li .info {
	float: left;
	width: 526px;
	margin-top: 35px;
	}	
.product_resultList > li .info > ul {
	float: left;
	width: 263px;
	}	
.product_resultList > li .info > .first {
	width: 222px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: solid 1px #e4e7ec;
	}
.product_resultList > li .info li {
	clear: both;
	padding-right: 65px;
	}	
.product_resultList > li .info li > strong {
	display: inline-block;
	float: left;
	width: 65px;
	color: #2f3743;
	letter-spacing: -0.1em;
	}
.product_resultList > li .info li > .txt {
	display: block;
	float: left;
	width: 100%;
	margin-right: -65px;
	overflow: hidden;
	}
.product_resultList > li .info li > .txt > span {
	display: block;
	width: 100%;
	}	
.product_resultList > li .info .second li {
	padding-right: 110px;
	}
.product_resultList > li .info .second li > strong {
	width: 110px;
	}	
.product_resultList > li .info .second li > .txt,
.product_resultList > li .info .second li > .float_left {
	margin-right: -110px;
	}
.box_matters {
	padding: 14px 30px 14px 50px;
	background: url(../../images/gfi/content/icon_matters.gif) no-repeat 22px 18px;	
	border: solid 1px #e8e8e8;
	letter-spacing: -0.1em;
	}	
.change_wrtieInfo {
	margin-left: 28px;
	}	
.change_wrtieInfo .point03_bold {
	margin: 10px 0;
	}
.product_info_img {
	width: 100%;
	height: 233px;
	background: url(../../images/gfi/content/product_info.png) no-repeat 0 0;	
	text-indent: -9999px;
	}
	
/* 180131 파일 다운로드 영역으로 인해 여백 추가 */
.tstyle_list, .faq_list, .fileDown_list {margin-bottom:70px;}
.tstyle_list .download-type2 a span {position:relative; top:inherit; left:inherit;}


/* 컨설던트 추가 */
.consultant_type{clear: both; display: flex; flex-flow:row wrap;}
.consultant_type > li{display:inline-block; width: 50%; margin-bottom:-1px; padding: 20px 20px; float: left; box-sizing:border-box; border-top:0; border-bottom: 1px #ddd solid; clear: both;}
.consultant_type > li > a{ position:relative; display: block; height:100%; clear: both;}

.consultant_img{display: inline-block; position: relative; width:120px; margin-right:20px; padding-top: 50%; overflow: hidden; object-fit: cover; float: left;}
.consultant_img img{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); object-fit: cover;}

.consultant_info{ position:relative; display:inline-block; width:calc(100% - 120px - 20px); margin-bottom: 15px; padding-top:20px; padding-bottom: 15px; float: left;}
.consultant_info .name{margin-bottom: 15px; color: #333; }
.consultant_info .name .ko, 
.consultant_info .name .en{font-size: 22px;display: inline-block; padding-right: 11px; font-weight: bold;}

.consultant_info .group{font-size: 13px;}
.consultant_info .group dt{position:relative;}
.consultant_info .group dt.title01{ margin-bottom: 7px; padding-left:27px; font-size:15px; font-weight: bold;}
.consultant_info .group dt.title01:before{ content:"\e9be"; position:absolute; top:2px; left:0; display: inline-block; width: 20px; height: 20px; background: #d9394a; border-radius: 50%; font-family: 'xeicon'; font-size: 12px; color: #fff; text-align: center; line-height:1.8; box-sizing: border-box; font-weight: normal;}
.consultant_info .group dt.title01 span{ display: inline-block;}
.consultant_info .group dd{ position:relative; padding-left: 10px;}
.consultant_info .group dd:before{content: "";position:absolute; top:7px; left:0; display: inline-block; width: 5px; height: 5px; background: #ddd; border-radius:50px;}

.consultant_info02 .group dd{ display: inline-block; padding-left: 0;}
.consultant_info02 .group dd:before{content: none;}
.consultant_info02 .group dd:after{content: ","; display: inline-block; margin-right: 3px;}
.consultant_info02 .group dd:last-child:after{content: none;}

.consultant_type > li > a:hover .name{}
.consultant_type > li > a:hover .consultant_img img{ transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transition: all 1s ease;}
.consultant_type > li > a:hover .consultant_info .group dd{text-decoration: underline;}

.consultant_view{position: relative; display:block; padding:20px 0; clear: both; border-top: 1px #333 solid; border-bottom: 1px #ddd solid;}
.consultant_view .consultant_img{padding-top: 20%}
.consultant_view:after{content: ""; display: block; clear: both;}



