@charset "UTF-8";
/*-------------------------------------------------
Border Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2014. 09. 10.
-------------------------------------------------*/
.txt-pre {
	white-space: pre-wrap;
	}
.btn_area, .btn_area_center, .btn_area_right, .btn-area { clear: both; display: block; margin-top: 20px; overflow: hidden; vertical-align: top; }
.btn_area_right {text-align: right; }
.btn_area_center {text-align: center; }
.btn_area_center button {margin-left: 4px; }
.btn_area_center button:first-child {margin-left: 0;}
.btn_area_rightCenter {margin: 10px 0 18px; text-align: right;}

.btn, [class*="btn_colorType"], .btn_ciDownload, .btn_colorExcel {position: relative; display: inline-block; padding: 3px 20px; color: #252525; text-align: center; letter-spacing: -0.03em; line-height: 1.7; box-sizing: border-box; transition: all 0.3s ease; }
.btn {border: 1px solid #dee2ea;}
.btn:hover {background-color: #f5f5f5;}
[class*="btn_colorType"]::after {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: '';}
.btn_colorType01 {background-color: #ed881c; color: #252525;}
.btn_colorType01::after {background-color: #e4680f;}
.btn_colorType01 a {color: #fff;}
.btn_colorType02 {background-color: #b2b9be; color: #252525; }
.btn_colorType02::after {background-color: #a4acb1;}
.btn_colorType03 {background-color: #687287; color: #fff; }
.btn_colorType03::after {background-color: #39455a;}
.btn_colorType04 {background-color: #d9394a; color: #fff;}
.btn_colorType04::after {background-color: #b60e15;}
.btn_colorType05 {background-color: #264270; color: #fff;}
.btn_colorType06 {background-color: #fff; color: #000;}

[class*="btn_colorType"]:hover {text-decoration: underline;}
.checks > span {padding-left: 2.5rem;}
/* 개인정보동의 스크롤 */
.agreement-scroll {
    height: 55rem;
    overflow-y: scroll;
	}
/* 중복확인 */ 
.btn_repetition {width: 62px; height: 25px; background: url(/resources/images/common/member/btn_repetition.gif) no-repeat 0 2px; text-indent: -9999px; vertical-align: middle; }
span.btn_colorType01 a {text-decoration: none; }

/* 클린신고 */
.clean_notify { margin-bottom: 17px; letter-spacing: -0.1em; }

/* 유의사항 */
.note_matter { margin-bottom: 35px; padding: 28px; background: #fdfdfd; border: solid 1px #dddedf; color: #555; word-break: keep-all;  overflow: hidden; }
.note_matter .note_title { float: left; width: 90px; padding-bottom: 55px; background: url(/resources/images/common/bbs/note_bg.gif) no-repeat 0 29px; color: #d9394a; }
.note_title02 { margin: 20px 0 8px; color: #000; }
.note_info { position: relative; overflow: hidden; }
.note_info .link { display: inline-block; padding-right: 17px; background: url(/resources/images/common/bbs/link_arrow.gif) no-repeat right 5px; font-weight: bold; }
.note_info .link a { color: #037bc1; }
.note_matter [class*="depth3_title"], .note_matter [class*="depth4_title"] {margin-left: 0;}
.note_matter .assent {position: relative; margin-top: 10px; padding-top: 10px;}
.note_matter .assent::before,
.note_matter .assent.txt-right .tit::before {position: absolute; top: 0; left: 0; width: 57px; height: 1px; background-color:#45474d; content: '';}
.note_matter .assent span {display: inline-block; margin-right: 20px;}
.note_matter .assent span input[type="radio"] {margin-top: -2px;}
/* 개인정보 동의 오른쪽 */
.note_matter .assent.txt-right {
	margin-top: 20px;
	padding-top: 0;
	}
.assent.txt-right .tit {
	display: inline-block;
	position: relative;
    margin-right: 15px;
    padding-top: 5px;
	}
.note_matter .assent.txt-right::before {display: none;} 
.note_matter .assent.txt-right .checks {margin-right: 0;}	
.note_matter .assent .checks [type="checkbox"] + label::before,
.note_matter .assent .checks [type="checkbox"] + label::after {top: 0;}

.block_smallTxt { margin-bottom: 1px; letter-spacing: -0.1em; color: #757575; font-size: 0.95em; }
.bbs_info {margin-bottom: 10px;}	
.address-block {margin-top: 10px;}	
.address-block input {margin-bottom: 5px;}	

/* 게시물 수 STYLE
-------------------------------------------------*/
.articles { height: 30px; line-height: 30px; letter-spacing: -0.05em; }
.articles .total { color: #ff0000; font-weight: bold; }
.articles .current { color: #0f79b8; }
.articles_search { margin-bottom: 8px; overflow: hidden; }
.articles_search .articles {float: left; }
.articles_search .btn_rss { display: inline-block; margin-left: 5px; vertical-align: top; }
.articles_search .basic_searchForm, .articles_search .search_form { float: right; }
.search_form .date-input {display: inline-block; margin-right: 1rem; }
.table_wrap .date-input {display: block; }
.search_form .date-input .datepicker, .table_wrap .datepicker {display: inline-block; padding-right: .5rem; border: solid 1px #ddd;}
.table_wrap .date-input .datepicker {width: 46.5%;}
.search_form .date-input .datepicker input, .table_wrap .datepicker input {width: calc(100% - 26px); border-color: transparent;}
.search_form .default-search {display: inline-block;}

/* 기본 검색 */
.basic_searchForm input + img { margin-left: 4px; vertical-align: middle; }
.basic_searchForm input[type="date"] { width: 135px; }
.eatHistory_info img + .input_smallBlack { margin-left: 7px; }
button.input_smallBlack, input.input_smallBlack, .input_smallBlack a {min-height: 31px; padding:3px 19px 2px; background: #5a6273; border-color: transparent; color: #fff; text-align: center; text-shadow: 1px 1px 0 #464d5c;  letter-spacing: -0.08em; line-height: 1;}
button.input_smallBlack { height: 23px; }
button.input_smallBlack:focus, input.input_smallBlack:focus, .input_smallBlack a:focus {background-color: transparent; border-color: #5a6273; color: #5a6273; text-shadow: none;}
.articles_search .basic_searchForm .input_long02 { width: 180px; }

input.input-search{ min-width: 250px;}

/* 여러 검색조건 */
.multi_searchForm {position: relative; min-height: 105px; margin: 0 auto 20px;  padding: 33px 30px 25px 130px;  background: url(/resources/images/kps/common/search_bg.gif) no-repeat 30px 20px; border: solid 5px #eff0f2; box-sizing: border-box; overflow: hidden; }
.multi_searchForm .date_input,
.multi_searchForm .select_group {display: inline-block; vertical-align: middle;}
.multi_searchForm img {margin-left: 3px; vertical-align: middle;}
.multi_searchForm .display_block { width: 535px; height: 30px; margin-top: 8px; }
.multi_searchForm .display_block:first-child { margin-top: 0; }
.multi_searchForm label { color: #313131; font-weight: bold; }
.multi_searchForm strong {display: inline-block; line-height: 2.3; vertical-align: middle;font-family: 'NotoM';}
.multi_searchForm input[type="date"] { width: 75px; }
.multi_searchForm .input_long02 { width: 83%; }
.multi_searchForm .input_black { position: absolute; top: 5px; right: 0; width: 56px; height: 52px; background: #5a6273; border: none; border-bottom: solid 2px #3c4250; color: #fff; font-weight: bold; }
/* .single_search { min-height: 43px; margin-bottom: 15px; padding-top: 18px; } */
.single_search .input_long02 { width: 75%; }

/* 직원검색 */
.staff_search label { display: inline-block; margin-left: 10px; }
.staff_search label:first-child { margin-left: 0; }
.newsletter_application { margin-bottom: 20px; padding: 34px 29px 31px; border: solid 1px #dddedf; border-top: none; background: #fdfdfd url(/resources/images/common/bbs/newsletter_bg.gif) repeat-x 0 0; overflow: hidden; letter-spacing: -0.1em; }
.newsletter_application .title { float: left; color: #000; font-size: 1.1em; }
.newsletter_application .txt { float: left; margin: 2px 0 0 35px; padding-left: 14px; background: url(/resources/images/common/bbs/newsletter_arrow.gif) no-repeat 0 5px; color: #555; }
.newsletter_application .search { float: right; }
.newsletter_application input[type="submit"] { height: 26px; margin-left: -1px; padding: 0 10px; background: #da3d00; border-radius: 0; letter-spacing: -0.1em; font-size: 0.95em; font-weight: bold; color: #f5e1dd; cursor: pointer; _cursor: hand; }
.blue_infoBox { display: inline-block; padding: 1px 5px; background: #0961ab; color: #fff; font-weight: bold; }

/* table style */
.table_wrap.scroll {overflow-x: scroll;}
.fix-table table,
.table_wrap.scroll table {table-layout: inherit;}	
.table_wrap table {margin-bottom: 0;}
.tabmenu_margin {margin-bottom: 25px; }
.bbsCenter_blank {margin: 20px 0; } /* 가운데 테이블일 경우 */ 
.txtarea { width: 98%; height: 250px; }
[class^="tstyle_list"], .faq_list, .fileDown_list { margin-bottom: 10px; border-top: solid 2px #45474d; border-bottom: solid 1px #c1c5cd; }
[class^="tstyle_list"] {table-layout: fixed;}
[class^="tstyle_list"] th {padding: 15px 7px; background-color: #fafafb; border: solid 1px #d9dde4; border-bottom-color: #c1c5cd; color: #2f3743; }
[class^="tstyle_list"] tbody th {border-bottom-color: #e4e7ec; }
[class^="tstyle_list"] td {position: relative; padding: 12px 7px; border: solid 1px #d9dde4; text-align: center; }
[class^="tstyle_list"] tr:first-child th {border-top: none;}
[class^="tstyle_list"] th:first-child, [class^="tstyle_list"] td:first-child, [class^="tstyle_list"] td.lnone, .tstyle_view th:first-child, .tstyle_view td:first-child, .tstyle_write th:first-child, .tstyle_write td:first-child, .tstyle_write .no_left_line {border-left:none;}
[class^="tstyle_list"] th:last-child, [class^="tstyle_list"] td:last-child, [class^="tstyle_list"] th.rnone, .tstyle_view th:last-child, .tstyle_view td:last-child, .tstyle_write th:last-child, .tstyle_write td:last-child, .tstyle_write .no_right_line  {border-right: none; }
[class^="tstyle_list"] th.line, [class^="tstyle_"] td.line, .tstyle_write th.line, .tstyle_write td.line{border-left:solid 1px #e4e7ec;}
[class^="tstyle_list"] th.rline { border-right: solid 1px #e4e7ec; }
[class^="tstyle_list"] td.ellipsis, .table_wrap.response [class^="tstyle_list"] td.ellipsis a {text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
[class^="tstyle_list"] td > span[class^="btn_"], [class^="tstyle_list"] td > a[class^="btn_"], [class^="tstyle_list"] td > span[class^="btn-"], [class^="tstyle_list"] td > a[class^="btn-"] {min-width: 40px; padding: 3px 10px 5px; }
[class^="tstyle_list"] td:first-child > span[class^="btn_"], [class^="tstyle_list"] td:first-child > a[class^="btn_"] {min-width: 25px; }
[class^="tstyle_list"] .txt_left td, [class^="tstyle_list"] .txt_left, .tstyle_text_left, .survey_chart thead th:nth-child(2){text-align:left;}
[class^="tstyle_list"] td.file {position: relative; }
[class^="tstyle_list"] td.thumb { font-weight: bold; }
[class^="tstyle_list"] .thumb span { display: block; width: 110px; height: 90px; margin-bottom: 6px; border: solid 1px #efefef; }
[class^="tstyle_list"] .thumb img,  .photo_list .thumb2 img { width: 100%; height: 100%; }
[class^="tstyle_list"] .font_normal th {font-weight: normal; }
[class^="tstyle_list"] .date {width: 110px;}
.news_view, .report_info, .recmt_list, .technology02_1{overflow:hidden;}
.photo_list img{vertical-align:middle;}

.download_list li, .attach_file li { position: relative; margin-top: 3px; }
.download_list li:first-child, .attach_file li:first-child { margin-top: 0; }
.download_list li img, .attach_file li img { margin: 2px 5px 0 0; vertical-align: top; }
.download_list a { display: block; padding: 0 65px 2px 0; }
.download_list a span, .attach_file a span { display: block; position: absolute; top: 3px; right: 0; padding-left: 13px; background: url(/resources/images/common/icon/download.gif) no-repeat 0 5px; letter-spacing: -0.1em; color: #6c6d70; font-size: 0.9em; font-family: "돋움", Dotum, "굴림", Gulim, sans-serif; }

.attach_file { /* 첨부파일 다운로드 */ position: absolute; top: 35px; right: 10px; width: 330px; text-align: left; z-index: 100; }
.attach_file:before { display: block; position: absolute; top: 0; right: 20px; width: 10px; height: 8px; background: url(/resources/images/common/bbs/attach_file.png) no-repeat right top; content: ''; }
.attach_file dl { margin-top: 7px; padding: 18px 19px; background: #fdfdfd; border: solid 1px #dddedf; border-right-color: #c9cacc; border-bottom-color: #c9cacc; }
.attach_file dt { margin-bottom: 10px; color: #000; font-weight: bold; }
.attach_file_left { background: #fdfdfd url(/resources/images/common/bbs/attach_file02.png) no-repeat right top; }
.attach_file a { display: block; width: 100%; padding-right: 70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.firstchild_bbs { margin-bottom: 20px; }
table.depth2_txt { width: 707px; }
.icon_download { display: inline-block; padding-left: 13px; background: url(/resources/images/common/icon/download.gif) no-repeat 0 5px; letter-spacing: -0.1em; font-size: 0.9em; font-family: "돋움", Dotum, "굴림", Gulim, sans-serif; }
.attach_file .file_close { position: absolute; top: 15px; right: 20px; }
.attach_file .file_close button { width: 20px; height: 20px; background: url(/resources/images/common/bbs/file_close.gif) no-repeat center; text-indent: -9999px; }

/* 보기페이지 */
.tstyle_view {border-top: solid 1px #45474d; border-bottom: solid 1px #d9dde4; table-layout: fixed;}
.tstyle_view .txt_left th {padding-left: 20px; text-align: left; }
.tstyle_view th {padding: 10px 20px; background-color: #fafafb; border: solid 1px #d9dde4; border-top: none; color: #2f3743; }
.tstyle_view td {padding: 10px 20px; border-left: solid 1px #d9dde4; border-bottom: solid 1px #d9dde4; word-break: keep-all;}
.tstyle_view th .txt_download { margin-left: 0; font-weight: normal; }
.tstyle_view input[type="radio"], .tstyle_view input[type="checkbox"] {vertical-align: middle; }
.tstyle_view .depth_title {padding: 15px;  background-color: #fafafb;   border-bottom: solid 1px #e4e7ec; color: #2f3743;  letter-spacing: -0.05em; font-size: 1.1em; }
.tstyle_view [id*="dext5uploader_holder_upload"] {width: 100% !important;}
.tstyle_view td.keyword input {	width: 32.8%; margin: 2px 0;	}
.tstyle_view .txt_center{text-align: center;}

/* 등록 STYLE*/
.tstyle_write {clear: both; width: 100%; border-top: solid 2px #45474d; border-bottom: solid 1px #c1c5cd; }
.tstyle_write > tbody > tr > th {padding: 8px 10px; background: #fafafb; border: solid 1px #D2D8DD; color: #2f3743; text-align: left;}
.tstyle_write > tbody > tr > td {padding: 8px 10px; border: solid 1px #D2D8DD; word-break: keep-all;}
.tstyle_write tr:first-child td {border-top: none;}
.tstyle_write tr:last-child td {border-bottom: none;}
.tstyle_write .no_left_line {border-left: none;}
.tstyle_write .no_right_line{border-right: none;}
.tstyle_write .line {border-left: solid 1px #d9d9d9; }
.tstyle_write th.line, .tstyle_write td.line {border-left: solid 1px #e4e7ec; }
.tstyle_write th.bline, .tstyle_write tr.bline th, .tstyle_write tr.bline td { border-bottom: solid 1px #c1c5cd; }
.tstyle_write td.txt_center {text-align: center;}
.tstyle_write .txtarea {width: 99%; height: 180px; }
.tstyle_write.txt_left th  {text-align: left;}
.tstyle_margin th { padding: 7px 5px 7px 13px;}
.tstyle_margin td { padding: 7px 5px 7px 8px; }
.tstyle_write .no-margin {padding: 0;}
.tstyle_write .no-margin table {width: calc(100% + 2px); margin: 0 -1px; }

.tstyle_write .input-box {
	display: inline-block;
	position: relative;
	background-color: #fff;
	border: 1px solid #D1D5E1;
	}
.tstyle_write .input-box input {
	width: calc(100% - 3rem);
	background-color: transparent;
	border-color: transparent;
	font-size: 1.5rem;
	}
.tstyle_write .input-box i {
    vertical-align: middle;
	font-size: 2.2rem;
	}
.tstyle_write .input-box img {
	vertical-align: middle;
	}

/* 테이블 상단 고정 */
.fix-table	 {
    position: relative;
    height: 82rem;
    border-top: solid 2px #000;
    border-bottom: solid 1px #222;
	}
.fix-table	 table {
    margin-top: -1px;
	border-top: none;
	}	
.fix-table thead th {
	z-index: 5;
	}	
.fix-table td {
    white-space: nowrap;
    word-break: keep-all;
    }
    
    
.leader_info {margin-bottom: 3px; }
.leader_info span { display: inline-block; width: 60px; }

/* 게시판 보기페이지 */
.news_view,
.board-view {
    border-top: 1px solid #000;
    border-bottom: 1px solid #dcdbdb;
    }
.news_view .newsTitle {
	padding: 17px 20px; 
	border: solid 1px #c1c5cd; 
	border-top: solid 2px #45474c; 
	color: #313131; 
	word-break: keep-all;
	font-size: 1.2em; 
	text-align: center; 
	overflow: hidden; 
	}
.news_view .newsTitle [class*="btn_"] {
	margin-right: 1rem;
	vertical-align: middle;
	}	
.news_view .tstyle_view { 
	border-top: none; 
	}
.board-view .view-title {
   	margin: 2rem;
	color: #000;
    text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	}
.board-view .info {
    padding: 1.5rem 3rem;
    background-color: #fafafa;
	border: 1px solid #d8d8dc;
    text-align: center;
    line-height: 1.2;
	overflow: hidden;
	}	
.board-view .info li {
	display: inline-block;
	margin-left: 20px;
	overflow: hidden;
	}
.board-view .info li > strong {
	display: inline-block;
	margin-right: 5px;
	color: #000;
     font-weight: 300;
	}	
.board-view .info li > span {
	display: inline-block;
	color: #888;
	}
.viewContent {clear: both;padding: 20px 0;  overflow: hidden; }
.viewContent.line {border-top: 1px solid #d8d8dc;}
.viewContent img {max-width: 100%; height: auto; }
.viewContent > li { margin-top: 2px; }
.viewContent > li:first-child { margin-top: 0; }
.viewContent .tstyle_view { border-top: solid 1px #c1c5cd; }
.viewContent .tstyle_view th { border-right-color: #c1c5cd; }
.viewContent .tstyle_view td { padding-left: 15px; }

.board-view .agreement-check {
	padding: 2rem 1rem;
	}

/* 고령친화 우수제품 검색 */
.product_view { padding-bottom: 30px; border-bottom: solid 1px #ecedf0; }
.product_view .newsTitle { font-size: 1em; }
.product_view .newsTitle p { margin-top: 5px; }
.product_view .depth3_title02 { margin-left: 0; }
.product_view .depth3_txt { margin-left: 15px; }
.product_view .point03 { margin: 20px 0 60px; padding-top: 15px; border-top: solid 1px #ecedf0; }
.product_view .slide_photo button {margin-top: -35px;}

/* 다운로드 */
.download { margin-bottom: 20px; padding-bottom: 10px; text-align: left; border-bottom: dotted 1px #dfdfdf; }
.download li span { margin-right: 3px; padding-left: 5px; font-weight: bold; }
.download li img { vertical-align: top; }
.download a { color: #fb7312; }

/* 다운로드 */
.download-list {    
	display: flex;
    padding: 1.9rem 0;
	border-top: 1px solid #ddd;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
	overflow : hidden;
    }
.download-list .tit,
.download-list .title {
	display: block;
    width: 14.5rem;
    color: #000;
    text-align: center;
    line-height: 1.2;
    font-size: 1.6rem;
    font-weight: 500;
 	}  
 .download-list ul {
 	position: relative;
    width: calc(100% - 15rem);
 	overflow: hidden;
 	}	
.download-list li {
	position: relative;
	margin-top: 0.5rem;
 	overflow: hidden;
	}	
.download-list li:first-child {
	margin-top: 0;
	}	
.download-list a {
	display: block;
	position: relative;
    padding: 0.2rem 10rem 0.2rem 0;
	overflow: hidden;
	}	
.download-list .txt {
	display: inline-block;
    vertical-align: middle;
	overflow: hidden;
	}
.download-list .file-size {
	display: inline-block;
	margin-left: 1.2rem;
	color: #989898;
    vertical-align: middle;
	font-size: 1.3rem;
	}
.download-list .box {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
    padding: 0.35rem 0.9rem;
	border: 1px solid #707070;
    vertical-align: middle;
	font-size: 1.4rem;
	}
.download-list i {
   	display: inline-block;
	}

/* 다운로드형 목록 */
.fileDown_list li { position: relative; padding: 8px 18px; border-top: solid 1px #e4e7ec; }
.fileDown_list li:first-child { border-top: none; }
.fileDown_list li span { position: absolute; right: 20px; padding-left: 13px; background: url(/resources/images/common/icon/download.gif) no-repeat 0 7px; letter-spacing: -0.1em; }

/* 제품정보 */
.product_list span { display: inline-block; width: 155px; }

/* 테이블 안에 테이블 */
.normal_table { padding: 2px 3px !important; }
.normal_table td { padding: 5px 0; border: none; }
.margin_zero { padding: 0 !important; }
.margin_zero th, .margin_zero td, .tdmargin_zero td { padding: 5px 0; }
.margin_zero02 { font-size: 0.85em; }
.margin_zero02 th, .margin_zero02 td { padding: 6px 5px !important; }

/* FAQ */
.faq_list dt, .faq_list dd { position: relative; padding: 18px 20px; border-top: solid 1px #e4e7ec; color: #45474d; font-weight: bold; overflow: hidden; }
.faq_list span { display: block; }
.faq_list dt a { display: block; }
.faq_list dd { background: #fafafb; color: #6c6d70; font-weight: normal; }
.faq_list .on, .faq_list .on a { color: #0071c1; }
.faq_list .txt_qa { float: left; width: 30px; font-size: 1.3em; }
.faq_list .txt { float: left; width: 655px; }
.faq_list dt .txt { width: 635px; margin-top: 3px; }
.faq_list dd a { text-decoration: underline; }
.faq_list .open { position: absolute; top: 15px; right: 20px; width: 28px; height: 28px; background: url(/resources/images/common/bbs/btn_minus.gif) no-repeat 0 0; text-indent: -9999px; }

/* 포토갤러리 */
.photo_type { float: right; width: 75px; overflow: hidden; }
.photo_type button {float: left; width: 25px; height: 22px; margin: 0;background: url(/resources/images/common/icon/photo_type.gif) no-repeat 0 0;  text-indent: -9999px; overflow: hidden;}
.photo_type .list_on { background-position: 0 -21px; }
.photo_type .thumb { background-position: -25px 0; }
.photo_type .thumb_on { background-position: -25px -21px; }
.photo_type .album { background-position: -50px 0; }
.photo_type .album_on { background-position: -50px -21px; }

.photo_list {clear: both; display: flex;  flex-flow: row wrap; border-top: solid 2px #45474c; border-bottom: solid 1px #c1c5cd; overflow: hidden; }
.photo_list .nodata {	float: none;	 width: 100%; min-height: inherit;  padding: 30px; text-align: center;}	
.photo_list .thumb, .photo_list .thumb2 { display: block; width: 158px; height: 105px; border: solid 1px #d9dadb; border-right-color: #c9cacc; border-bottom-color: #c9cacc; box-sizing: border-box; vertical-align: middle; overflow: hidden; }
.photo_list .thumb img, .photo_list .thumb2 img {display: block; width: 100%; height: auto; transition: all 1500ms ease;}
.photo_list .thumb img:hover { transform: scale(1.2); }
.photo_list .txt_wrap { display: block; color: #333; line-height: 1.3; }
.photo_list strong {display: block; max-height: 50px; margin-bottom: 8px; font: normal 1.267em NotoM; overflow: hidden; }
.photo_list .desc { display: block; max-height: 55px; line-height: 1.5; color: #333; overflow: hidden; }
.photo_list.multi_type {display: block;}
.thumb_type > li, .report_type > li {position: relative; width: 100%; padding: 30px 0; border-top: solid 1px #e4e7ec; overflow: hidden; }
.thumb_type > li:first-child, .report_type > li:first-child { border-top: none; }
.photo_list.thumb_type .thumb, .photo_list.report_type .thumb { float: left; margin: 0 21px 0 0; }
.photo_list .headline, .report_view .headline { position: relative; overflow: hidden; }
.thumb_type strong { margin-bottom: 0; font-size: 1.333em; }
.thumb_type .date { display: inline-block; margin-top: 9px; padding-left: 20px; background: url(/resources/images/common/icon/icon_time.gif) no-repeat 0 6px; color: #6d7483; letter-spacing: 0; }
 /* 가로형 */ 
.album_type {display: flex;  flex-flow: row wrap; }
.album_type > li, .card_type > li {width: 25%; padding: 30px 15px; border-bottom: solid 1px #e4e7ec; vertical-align: top; overflow: hidden; }
.album_type > li:nth-child(8) ~ li { border-bottom: none; }
.album_type .thumb, .card_type .thumb {display: block; width: 100%; height: 140px; margin-bottom: 8px; }
.card_type .thumb { height: 232px; }
.cardnews_option { margin-top: 15px; text-align: right; font-size: 0.933em; }
.cardnews_option > a { color: #333; }
.cardnews_option > a:before { display: inline-block; width: 23px; height: 18px; margin-top: 3px; background: url(/resources/images/common/bbs/cardNews_icon.png) no-repeat 0 0; vertical-align: top; content: ""; }
.cardnews_option .horizon::before { width: 31px; height: 18px; background-position: -82px 0; }
.cardnews_option > .vertical.on:before { background-position: 0 -20px; }
.cardnews_option > .horizon.on:before { background-position: -82px -20px; }
.cardnews_photo {position: relative; min-height: 305px; margin-bottom: 30px; text-align: center;}
.cardNews_view .img_area {width: 700px; margin: auto;}
.cardNews_view .img_area img {max-width: 100%;}	
.newsLetter_type > li { /* 뉴스레터 */ float: left; width: 340px; padding: 20px 15px 20px 10px; border-top: solid 1px #e4e7ec; overflow: hidden; }
.newsLetter_type .thumb { float: left; height: 120px; margin-right: 10px; }
.newsLetter_type .headline { letter-spacing: normal; }

.report_type .thumb { width: 102px; height: 142px; }
.report_type .headline { height: 142px; }
.report_type .type, .report_view .type { color: #fc6719; font: normal 1.067em NotoM; }
.report_type .category, .report_view .category { margin: -4px 0 15px -4px; overflow: hidden; }
.report_view .category { margin-bottom: 39px; }
.report_type .category span, .report_view .category span { float: left; margin: 4px 0 0 4px; padding-top: 2px; font-size: 0.933em; }
.report_type .subject { display: block; width: 98%; max-height: 57px; color: #313131; font: normal 1.333em NotoM; overflow: hidden; }
.report_type .basic_info { position: absolute; width: 100%; bottom: 0; }
.preview_type { float: right; margin-top: -30px; }
.preview_type button { display: inline-block; height: 30px; margin-left: -4px; padding: 0 12px 0 29px; background: url(/resources/images/common/bbs/report_type.png) no-repeat 0 0; }
.preview_type > button.on:after { display: block; position: absolute; bottom: -8px; left: 10px; width: 0; height: 0; border-top: solid 8px #16b6c6; border-right: 8px solid transparent; border-left: 8px solid transparent; content: ""; }
.preview_type button.type01 { margin-left: 0; padding-left: 17px; }
.preview_type button.type02 { background-position: 0 -30px; }
.preview_type button.type02.on, .preview_type button.type03.on { background-color: #16b6c6; background-position: 0 -90px; color: #fff; }
.preview_type button.type03 { background-position: 0 -60px; }
.preview_type button.type03.on { background-position: 0 -120px; }
.preview_type button.type02.on + button { background-position: -1px -60px; }
.report_down { position: relative; float: left; }
.report_down .attach_file { right: 3px; }
.report_down .attach_file button { padding: 0; }
.report_type .preview { position: relative; width: 100%; height: 0; padding: 0 20px; box-sizing: border-box; transition: all 0.3s ease 0.1s;  opacity: 0; overflow-y: auto; visibility: hidden; }
.report_type .preview.active { height: 405px; margin-top: 20px; padding: 23px 12px 30px 20px; border: solid 3px #16b6c6; opacity: 1; visibility: visible; }
.preview .head { margin-bottom: 15px; color: #313131; font: normal 1.733em NotoM; }
.report_type .mCSB_dragger { height: auto !important; max-height: inherit !important; }
.report_type .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 58px; }
.report_view .newsTitle { margin-bottom: 24px; }
.report_view > .float_wrap { min-height: 235px; margin: 0 0 15px 1px; background: url(/resources/images/kps/main/paper_bg.png) no-repeat 0 0; }
.report_view .thumb { display: block; float: left; position: relative; width: 154px; height: 216px; margin: 0 32px 0 1px; overflow: hidden; }
.report_view .thumb:after { display: block; position: absolute; top: 0; width: 100%; height: 100%; background: url(/resources/images/kps/main/paper_stapler.png) no-repeat 0 0; content: ''; }
.report_view .thumb img { width: 100%; }
.report_view .type { margin: 12px 0 15px; font-size: 1.333em; }
.report_info { overflow: hidden; }
.report_info dt { position: relative; float: left; width: 68px; margin-right: 11px; color: #6c6d70; }
.basic_info span { position: relative; margin-left: 8px; padding-left: 8px; }
.basic_info span:after, .report_info dt:after { display: block; position: absolute; top: 8px; right: 0; width: 1px; height: 14px; background: #dee3eb; content: ''; }
.basic_info span:after { top: 5px; left: 0; right: inherit; }
.basic_info span:first-child { margin-left: 0; padding-left: 0; }
.basic_info span:first-child:after { display: none; }
.report_info dd { position: relative; color: #333; overflow: hidden; }
.report_view .tstyle_view { border-top: solid 1px #e4e7ec; }
.report_view .preview { padding: 25px 0; border-bottom: solid 1px #e4e7ec; }

/* 슬라이드 포토 */
.slide_photo { position: relative; width: 100%; margin-bottom: 25px; overflow: hidden; }
.viewContent button { /* 좌우 버튼 */ display: block; position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -17px; background: #e4e5e8 url(/resources/images/common/bbs/btn_leftRight.png) no-repeat 0 0; border-radius: 16px; text-indent: -9999px; }
.viewContent .btn_right, .viewContent .btn_rightOn { right: 0; background-position: -34px 0; }
.viewContent .btn_leftOn, .viewContent .btn_rightOn { background-color: #6d7483; }
.viewContent button:hover { background-color: #fc6719; }
.list_photo { /* 목록 */ margin: 0 41px; overflow: hidden; }
.list_photo ul { height: 100px; margin: auto; text-align: center; overflow: hidden; }
.cardnews_slide { margin-top: 20px; }
.cardnews_slide ul { height: 120px; }
.list_photo li { position: relative; display: inline-block; width: 118px; margin-left: 8px; overflow: hidden; }
.list_photo li:first-child { margin-left: 0; }
.list_photo li a { display: inline-block; overflow: hidden; }
.list_photo li.on:after { position: absolute; top: 0; right: 0; width: 18px; height: 36px; background: url(/resources/images/common/bbs/photo_roll.png) no-repeat right 0; content: ''; }
.list_photo li .thumb { position: relative; display: block; width: 100%; height: 78px; border: solid 1px #dddedf; border-right-color: #c9cacc; border-bottom-color: #c9cacc; box-sizing: border-box; vertical-align: middle; overflow: hidden; }
.list_photo li:hover .thumb { border: none; }
.list_photo li.on .thumb { border: solid 2px #f15119; }
.list_photo li.on .thumb img {width: 100%;}
.list_photo li:hover .thumb span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 2px #f15119; box-sizing: border-box; }
.list_photo li.on:hover .thumb span { display: none; }
.cardnews_slide li { width: 120px; }
.cardnews_slide li .thumb { height: 120px; }
.list_photo li .icon_download { margin-top: 3px; }
.viewContent .img_area { margin-bottom: 20px; text-align: center; overflow: hidden; }
.viewContent .img_area img { display: inline-block; border: solid 1px #dddedf; border-right-color: #c9cacc; border-bottom-color: #c9cacc; box-sizing: border-box; text-align: center; }
.viewContent .img_area + .viewContent .slide_photo { margin-bottom: 0; }

/* 이전 다음 페이지 이동 */
.nextPrev_list {clear: both; margin-top: 9px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; overflow: hidden; }
.nextPrev_list li { padding: 8px 10px 9px 0; border-top: solid 1px #eee; }
.nextPrev_list li:first-child { border-top: none; }
.nextPrev_list li strong { display: block; float: left; padding: 2px 40px 2px 49px; background: url(/resources/images/common/bbs/nextPrev_bg.gif) no-repeat 0 -9px; color: #333; line-height: 1.2; }
.nextPrev_list li strong.next_list { background-position: 0 -50px; }
.nextPrev_list li a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* 댓글입력 */
.reply_write { width: 100%; margin: 40px 0 30px; padding: 13px 10px; background: #fafafb; border: solid 1px #dcdfe6; box-sizing: border-box; letter-spacing: -0.1em; }
.reply_write .cmt_title { clear: both; margin-bottom: 8px; overflow: hidden; }
.cmt_title .title { float: left; margin-right: 10px; padding-left: 20px; background: url(/resources/images/common/bbs/img_write.gif) no-repeat 3px 4px; color: #252525; font-size: 1em; }
.cmt_title .txt { float: left; margin-top: 2px; font-size: 0.85em; }
.cmt_title .float_right { letter-spacing: normal; }
.cmt_title .float_right strong { color: #0071c1; }
.reply_write textarea {float: left; width: calc(100% - 66px); height: 54px; border-top: solid 1px #b9bdc0; border-left: solid 1px #b9bdc0; }
.reply_write .input_btn { float: right; width: 56px; height: 56px; margin-left: 10px; background: #5a6273; border-bottom: solid 2px #3c4250; color: #fff; text-align: center; letter-spacing: -0.1em; font-size: 1em; font-weight: bold; }

/* 댓글 보기 */
.recmt_list {margin-top: 35px; border-top: solid 2px #45474c;  border-bottom: solid 1px #c1c5cd;  overflow: hidden; }
.recmt_list li {padding: 15px 20px; border-top: dashed 1px #d7d7d7; line-height: 1.5; overflow: hidden; }
.recmt_list li:first-child {border-top: none;}
.cmt_control { margin-top: 5px; overflow: hidden; }
.cmt_name { display: block; float: left; margin: 0 10px 5px 0; }
.cmt_control .date { display: block; float: left; margin-top: 1px; color: #6c6d70; }
.cmt_control .btn { display: block; float: right; background: url(/resources/images/common/bbs/btn_delModify.gif) no-repeat 0 0; }
.cmt_control .btn button { display: block; float: left; width: 44px; height: 18px; text-indent: -9999px; }
.cmt_control .btn button:first-child { margin-right: 4px; }

/* board_pager 재정의 */
.board_pager { text-align: center; margin-top: 30px;}
.board_pager span {display: inline-block; height: inherit; border: none;}
.board_pager a {display: inline-block; position: relative; width: 36px; height: 36px; margin: 0 2px;  border: 1px solid #dee2ea; box-sizing:border-box; text-align: center;  line-height:36px; vertical-align: middle; font-weight: 400; overflow: hidden;}
.board_pager a::after {position: absolute; bottom: 0; display: block; width: 100%; height: 2px; content: '';}
.board_pager .active {margin-bottom: 0; color: #000; font-weight: bold;}
.board_pager .active::after {background-color: #5a6273; }
.board_pager a:hover { box-shadow: inherit; }

/* 상태설명 */
form + .demonstrate_condition {margin-top: 30px;}
.demonstrate_condition { margin-bottom: 30px; padding: 25px; overflow: hidden; }
.demonstrate_condition dt {float: left; width: 80px; margin-right: 20px; padding-top: 32px; color: #252525; background: url(/resources/images/common/bbs/icon_condition.gif) no-repeat 0 0;  word-break: keep-all;}
.demonstrate_condition dd {position: relative; overflow: hidden;}
.demonstrate_condition dd li { margin-top: 7px; letter-spacing: -0.1em; overflow: hidden; }
.demonstrate_condition dd li:first-child { margin-top: 0; }
.demonstrate_condition dd li span:first-child { margin-right: 5px; }
.demonstrate_condition dd li [class*="btn_"] {display: block; float: left;}
.demonstrate_condition dd li .txt {display: block; overflow: hidden;}

/* 제품검색 view */
.product_infoArea { position: relative; margin: 35px 0 25px; padding-right: 355px; overflow: hidden; }
.product_infoArea .thmb { display: block; float: left; width: 320px; height: 340px; margin-right: 35px; }
.product_infoArea .thmb img { width: 100%; }
.product_infoArea .list_info { float: left; width: 100%; margin-right: -355px; }
.product_infoArea .list_info li { margin-top: 8px; padding-left: 8px; background: url(/resources/images/gfi/common/gray_dot.gif) no-repeat 0 9px; overflow: hidden; }
.product_infoArea .list_info li > span:first-child { display: block; float: left; width: 138px; color: #2f3743; font-weight: bold; }
.product_infoArea .list_info li > span.txt { display: block; float: left; width: 100%; margin-right: -138px; overflow: hidden; }

/*품목별 시장정보 */	
.market-search {padding: 2rem 3rem;}	

/* 제품정보 품목 목록 */
.input_productList { margin-top: -5px; overflow: hidden; }
.input_productList > li { float: left; width: 25%; margin-top: 5px; letter-spacing: -2px; }

/* 실적 조사 안내 */
.stockTaking { padding: 25px 25px 25px 110px; background: #fdfdfd url(/resources/images/common/bbs/stockTaking.gif) no-repeat 32px 27px; letter-spacing: -0.1em; overflow: hidden; }
.stockTaking strong { display: block; margin-bottom: 13px; color: #252525; }
.stockTaking ul { margin-bottom: 20px; }
.stockTaking .supervision { padding-top: 10px; background: #fdfdfd url(/resources/images/common/bbs/txt_underline.gif) no-repeat 0 0; letter-spacing: -1px; }

/*보증 기관 이용현황 */
.current_status { margin-left: 28px; letter-spacing: -0.1em; }
.current_status > li { margin-top: 16px; }
.current_status > li:first-child { margin-top: 0; }
.current_status > li strong { display: block; margin-bottom: 5px; color: #2f3743; }
.tstyle_info { text-align: right; color: #6c6d70; }

[class^="depth"] + .tstyle_info { margin-top: -40px; }
.right_selectBox { margin-top: 30px; text-align: right; }

/* 레이어 팝업 SNS공유 */
.sns_bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.6); z-index: 95; }
#sns { display: none; position: absolute; top: 55%; left: 50%; width: 880px; margin: -106px 0 0 -440px; padding: 30px 0; background: #fff; border-radius: 5px; box-shadow: 2px 2px 10px #484848; overflow: hidden; z-index: 100; }
#sns .title { margin-bottom: 20px; color: #000; text-align: center; font-size: 1.5em; letter-spacing: -0.1em; }
#sns .sns_area { margin: auto; text-align: center; overflow: hidden; }
#sns .sns_list { margin-top: -20px; overflow: hidden; }
#sns .sns_list li { display: inline-block; width: 80px; margin: 20px 0 0 2%; text-align: center; }
#sns .sns_list li a { display: block; }
#sns .sns_list li a:before { display: block; width: 80px; height: 80px; margin: 0 auto 8px; background: url(../../../resources/images/common/icon/sns_icon.gif) no-repeat 0 0; background-size: cover; content: ''; }
#sns .sns_list li a.sns02:before { background-position: -100px 0; }
#sns .sns_list li a.sns03:before { background-position: -200px 0; }
#sns .sns_list li a.sns04:before { background-position: -300px 0; }
#sns .sns_list li a.sns05:before { background-position: -400px 0; }
#sns .sns_list li a.sns06:before { background-position: -500px 0; }
#sns .sns_list li a.sns07:before { background-position: -600px 0; }
#sns .sns_close { position: absolute; top: 30px; right: 35px; }
.divFile_upload { width: 99%; height: 140px; border: 1px solid #97b4cc; }

/* 연간주요일정표 */
.month_num, .year_num { color: #252525; font-size: 30px; font-weight: bold; line-height: 30px; overflow: hidden; }
.month_control a { display: inline-block; padding: 0 5px; }
.y_schedule { border-top: 2px solid #656565; overflow: hidden; }
.y_schedule > li { clear: both; padding: 20px 0 10px 3px; border-bottom: 1px solid #ebebeb; overflow: hidden; }
.y_schedule > li .float_left { width: 85px; height: 40px; margin-right: 15px; font-size: 16px; background: url(/resources/images/htf/content/diagonal.png) no-repeat right top; }
.y_schedule > li .eng { display: block; color: #898989; font-size: 10px; font-weight: bold; }
.y_schedule > li.on { background: url(/resources/images/common/bbs/schedule_arrow.png) no-repeat 0 0; color: #000; }
.y_schedule > li > .arrow_lstyle { position: relative; margin-right: 10px; color: #555; overflow: hidden; }
.y_schedule > li > .arrow_lstyle > a { display: block; }

/* 주의사항 */
.exclamation { margin-top: 50px; margin-bottom: 70px; border: 1px solid #e9eaee; background: url(/resources/images/ghk/content/bg_exclamation.gif) 23px 23px no-repeat #fafafb; padding: 23px 23px 23px 90px; }
.exclamation li { background: url(/resources/images/ghk/content/bullet_dot.gif) 0 10px no-repeat; padding-left: 5px; display: inline-block; }
.exclamation li p { margin-top: 10px; }
.exclamation li .process { margin-bottom: 10px; margin-left: 270px; overflow: hidden; }
.exclamation li .process li { background: 0; float: left; }
.exclamation li .btn_download a { color: #037bc1; background: url(/resources/images/ghk/content/bg_download.gif) right 5px no-repeat; padding-right: 13px; display: inline-block; font-weight: 700; }

/*해외진출 만족도 평가 kjm*/
.satisfaction_info { min-height: 163px; padding-right: 170px; background: url(/resources/images/ghk/content/bg_satisfaction.gif) no-repeat right 0; background-size: 98px 130px; }
#insertForm .depth3_bbsTitle, #insertForm .depth3_bbsTitle02 {margin-left: 0; padding-left: 0; background: none; color: #da3d00; font-size: 1.1em; font-weight: bold; }
.user_satisfaction > li {margin-top: 20px; overflow: hidden; }
.user_satisfaction > li > strong { font-weight: normal; }
.user_satisfaction > li:first-child { margin-top: 0; }
.user_satisfaction > li > ul { line-height: 1.8; overflow: hidden; }
.user_satisfaction .satisfy_check > li { float: left; margin-left: 8px; }
.user_satisfaction .satisfy_check > li:first-child { margin-left: 0; }
.new_recruitment { margin-top: 10px; overflow: hidden; }
.new_recruitment > li { float: left; width: 33.3%; }
.new_recruitment .tstyle_view { width: 90%; border: solid 1px #e9eaee; text-align: center; }
.new_recruitment .tstyle_view th { background: #fafafb; border: none; font-weight: normal; }
.new_recruitment .tstyle_view td { padding: 5px 8px; background: #fff; border: none; }
.new_recruitment .tstyle_view td:first-child { text-align: right; }
.new_recruitment .tstyle_view tfoot td { background: #fafafb; border-top: solid 1px #e9eaee; }
.user_satisfaction .normal_lstyle { margin-top: 15px; }

/*기술이전 > 관심기술 csy 추가*/
.technology02_1 { overflow: hidden; }
.technology02_1 .tit { padding: 10px 20px; font-family: "돋움", Dotum; font-size: 16px; font-weight: bold; color: #2f3743; letter-spacing: -0.1em; border: 1px solid #dcdfe6; border-top: 1px solid #45474d; }
.technology02_1 .tit .float_right { padding-left: 10px; font-family: "맑은 고딕", Malgun Gothic; font-size: 12px; font-weight: bold; color: #2f3743; letter-spacing: -0.05em; }
.technology02_1 .data { clear: both; padding: 15px 20px; border-bottom: 1px solid #ecedf0; overflow: hidden; }
.technology02_1 .data .float_left { display: block; width: 327px; height: 247px; border: 1px solid #ecedf0; overflow: hidden; }
.technology02_1 .data .float_right { width: 335px; }
.technology02_1 .data .float_right .dot_lstyle { height: 165px; overflow: hidden; }
.technology02_1 .data .float_right .dot_lstyle .txt_bold { display: inline-block; width: 75px; }
.technology02_1 .data .float_right .img { position: relative; width: 100%; height: 80px; overflow: hidden; }
.technology02_1 .data #techSlider { width: 246px; margin: 0 auto; overflow: hidden; }
.technology02_1 .data .float_right .img .list { position: relative; width: 100%; height: 80px; margin: 0 auto; overflow: hidden; }
.technology02_1 .data .float_right .img .list li { float: left; width: 118px; height: 78px; margin: 0 5px; background: #f4f5f6; border: 1px solid #ecedf0; overflow: hidden; }
.technology02_1 .data .float_right .img .list li:first-child { margin-left: 0; }
.technology02_1 .data .float_right .img .btn_l { position: absolute; top: 25px; left: 0; width: 27px; height: 27px; }
.technology02_1 .data .float_right .img .btn_r { position: absolute; top: 25px; right: 0; width: 27px; height: 27px; }

/* D-HRA 건강위험도평가 style
---------------------------------------*/
.grayBox_title { margin-bottom: 7px; padding: 11px 17px; background: #69748a; color: #fff; font-size: 1.143em; }
.survey_chart { /* 그래프 + 안내문구 wrap */ padding: 18px 19px; border: solid 1px #d9d9d9; }
.survey_chart table { width: 98.5%; }
.survey_chart thead th { padding: 8px 0 9px; letter-spacing: -0.05em; font-size: 0.857em; font-weight: normal; }
.survey_chart thead th:nth-child(2) { text-align: left; }
.survey_chart thead th:nth-child(8) { text-align: right; }
.survey_chart tbody th { padding: 3px 11px 2px 10px; color: #333; text-align: right; letter-spacing: -0.05em; }
.survey_chart td { position: relative; padding: 10px 0; text-align: left; }
.survey_chart td:before { /* 회색 세로 라인 */ position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background: #eeeef1; content: ''; z-index: 1; }
.survey_chart td:nth-child(2):before { left: 35%; }
.survey_chart td:nth-child(9):before, .survey_chart .lastTr td:before { display: none; }
.survey_chart td:nth-child(9) { text-align: center; }
.survey_chart td span { position: relative; display: block; width: 100%; height: 10px; margin: 8px 0 4px; background: #e1e4e9; text-indent: -9999px; z-index: 5; }
.survey_chart td:nth-child(2) span { margin-left: 7px; border-radius: 5px 0 0 5px; }
.survey_chart td.action:nth-child(2) span { background: #e1e4e9; }
.survey_chart td:nth-child(8) { padding-right: 8px; }
.survey_chart td:nth-child(8) span { border-radius: 0 5px 5px 0; }
.survey_chart .color01 td span { background: #56a8e7; }
.survey_chart .color02 td span { background: #68b1b1; }
.survey_chart .color03 td span { background: #8cb964; }
.survey_chart .color04 td span { background: #cbb02a; }
.survey_chart .color05 td span { background: #fb9f11; }
.survey_chart .color06 td span { background: #fa7b41; }
.survey_chart .color07 td span { background: #f06667; }
.survey_chart .action ~ td span { background: #e1e4e9; }
.survey_chart td.action:after { position: absolute; bottom: 5px; right: 33%; width: 30px; height: 34px; margin-right: -1px; background: url(/resources/images/common/bbs/chart_check.png) no-repeat 0 0; border-radius: 15px; content: ''; z-index: 10; }
.survey_chart td.action span:after { display: block; position: absolute; top: 0; right: 0; width: 35%; height: 10px; background: #e1e4e9; content: ''; }
.survey_chart td:nth-child(1).action:after { left: 7px; }
.survey_chart td:nth-child(8).action:after { left: 10px; }
.survey_chart .color02 .action:after { background-position: 0 -34px; }
.survey_chart .color03 .action:after { background-position: 0 -68px; }
.survey_chart .color04 .action:after { background-position: 0 -102px; }
.survey_chart .color05 .action:after { background-position: 0 -136px; }
.survey_chart .color06 .action:after { background-position: 0 -170px; }
.survey_chart .color07 .action:after { right: 8px; background-position: 0 -204px; }
.chart_comment { margin-top: 32px; padding: 20px 0 0 90px; background: url(/resources/images/common/bbs/note_bg.gif) no-repeat 10px 20px; border-top: solid 1px #d9d9d9; letter-spacing: -0.05em; }

/* 드롭다운 리스트 형태 */
.column_list { border-top: solid 1px #45474d; border-bottom: solid 1px #c1c5cd; overflow: hidden; }
.column_list > li { border-top: solid 1px #eee; overflow: hidden; }
.column_list > li:first-child { border-top: none; }
.column_list > li > a { position: relative; display: block; padding: 16px 45px 16px 20px; }
.column_list > li > a:after { display: block; position: absolute; top: 0; right: 0; width: 34px; height: 54px; background: url(/resources/images/dhr/content/btn_minus.gif) no-repeat 0 0; content: ''; }
.column_list > li.on { padding-bottom: 0; }
.column_list > li.on > a { color: #d9394a; }
.column_list > li.on > a:after { background-position: 0 -54px; }
.column_list .answer { display: none; padding: 21px; background: #fafafb; border-top: solid 1px #eee; letter-spacing: -0.05em; overflow: hidden; }
.column_list dt { margin-bottom: 2px; overflow: hidden; }
.column_list dt .point01 { display: block; float: left; margin-right: 9px; }
.column_list dt .txt { position: relative; display: block; color: #000; overflow: hidden; }
.column_list dd { margin: 0 0 18px 20px; color: #6c6d70; }
.column_list > li.on .answer { display: block; }
.column_list .btn_colorType01 { margin-left: 20px; }
.certification .float_left { width: 665px; padding-bottom: 60px; }
.certification .float_right { width: 350px; text-align: right; }
/* 원문검색 */
.original_info {margin-top: 15px;padding: 15px 20px;background-color: #fafafb; border: solid 1px #e4e7ec;color: #5c5c5c;overflow: hidden;}	
.original_info dt {float: left;margin-right: 20px; font-weight: bold;}
.original_info dt i {margin: -2px 3px 0 0;transform: rotate(90deg);}
.original_info dd {position: relative; padding: 0 25px 0 20px;  background: url(../../images/mps/common/original_arrow.png) no-repeat right center; border-left: solid 1px #b7bdc4; overflow: hidden;}
.original_info dd a {display: block;}

.input_list {
	overflow: hidden;
	}
.input_list > li {
	margin-top: 3px;
	}
.input_list > li input {
	margin-top: -1px;
	}	
.input_list > li:first-child {
	margin-top: 0;
	}
.policyDev_keyword input {
	margin-right: 10px;
	}	
.policyDev_keyword .indent {
	margin-top: 8px;
	}	
/* 본인확인 + 로그인 선택 */
.ipinHp_area,
.login-choice {
	margin-top: 20px;
	padding: 30px 0;
    background: #f6f7f9;
    border: solid 1px #dbdcde;
    text-align: center;
    letter-spacing: -0.1em;
    overflow: hidden;
	}
.ipinHp_area > li,
.login-choice > li {
    float: left;
    width: 50%;
    margin: auto;
    padding: 0 5%; 
    box-sizing: border-box;
    overflow: hidden;
	}
.ipinHp_area > li:first-child,
.login-choice > li:first-child {
	border-right: 1px solid #e8e8e8;
	} 	
.ipinHp_area a,
.login-choice a {
	display: block;
	}
.ipinHp_area i,
.ipinHp_area [class*="icon"],
.login-choice [class*="icon"]  {
	display: block;
	height: 170px;
	background: url(../../images/kps/member/idSearch_type.png) no-repeat center -210px;
	}	
.login-choice [class*="icon"] {
	width: 15.1rem;
	height: 15.1rem;
	margin: 0 auto 2rem;
	background: url(../../images/common/content/pattern_bg.png) no-repeat center center;
    border-radius: 100%;
    overflow: hidden;
	}	
.ipinHp_area li:first-child i{
	background-position: center 0;
	}
.ipinHp_area .tit,
.login-choice .tit {
    display: block;
    margin-bottom: 1rem;
	}
.ipinHp_area [class*="icon"]  {
	background-position: center 0;
	}
.ipinHp_area .icon02 {
	background-position: center -210px !important;
	}
.ipinHp_area .point01 {	
	color: #f5511e;
	}
/* 캘린더 */	
.schedule_btn {
	position: relative; 
	padding: 20px;
	border-top: 2px solid #6e747c;
	border-bottom: 1px solid #e9eaee;
	text-align: center;
	overflow: hidden;
	}
.schedule_btn .month_num {
	display: inline-block;
	margin: 0 1rem;
    vertical-align: middle;
	font: 700 2.2rem Montserrat;
	}
.schedule_btn a {
	display: inline-block;
    margin-top: 0.4rem;
    vertical-align: middle;
	}
.schedule_area {
	overflow: hidden;
	}
.schedule_area th {
	padding: 1.5rem 1rem;
	font: 600 1.8rem Montserrat;
	}	
.schedule_area .sun {
	color: #ff5e00;
	}	
.schedule_area .sat {
	color: #037bc1;
	}
.schedule_area  td {
	height: 20rem;
	vertical-align: top;
	text-align: left;
	font-size: 1.4rem;
	}
.schedule_area .day {
	display: block;
	margin-bottom: 1rem;
	}
.schedule_area ul {
	overflow: hidden;
	}	
.schedule_area li {
	margin-top: 1rem;
	}	
	
@media all and (max-width: 750px) {
.cardNews_view .img_area {width: auto;}
}