@charset "utf-8";
/*-------------------------------------------------
Search Style Sheet / park myeong hee / 2015. 10. 21.
-------------------------------------------------*/

/*@import url(../../css/rol/content.css);*/

#header nav {
	width: auto;
	}
.allmenu {
	float: right;
	margin-right: 0;
	}
#detail_content {
    font-size: inherit;
	}
/* 메인 콘텐츠 STYLE
-------------------------------------------------*/
.no_cont {
	margin-top: 44px;
	padding-top: 21px;
	background: url(../../../resources/images/kps/mypage/nocont_icon.png) no-repeat center 0;
	color: #8b909b;
	letter-spacing: -0.05em;
	line-height: 1.4;
	text-align: center;
	font: 1.133em NotoL;
	}
.multiCont_area {
	display: flex; 
	display: -webkit-flex; 
	flex-flow: row wrap;
	margin-top: 30px;
	overflow: hidden;
	}
.my_portlet {
	margin-bottom: 20px;
	overflow: hidden;
	}
.my_portlet .multiCont_area {
	margin-top: 20px;
	}		
.mypage_contype_long,
.mypage_contype_middle,
.mypage_contype_small  {
	position: relative;
	float: left;
	width: 900px;
	margin: 0 10px;
	padding: 20px 25px;
	border: solid 1px #e3e4e5;
	border-right-color: #c9cacc;
	border-bottom-color: #c9cacc;
    box-sizing: border-box;
	overflow: hidden;
	}
.mypage_contype_middle {
	width: 620px;
	}
.mypage_contype_small {
	width: 300px;
	}
.multiCont_area.topCont_area,
.multiCont_area.second_section {
	margin-left: -10px;
	margin-right: -10px;
	}	
.topCont_area {
	margin-top: 0;
	}
.txt_title,
.txt_title02 {
	margin-bottom: 18px;
	color: #333;
	letter-spacing: -0.05em;
	line-height: 1;
	font-size: 1.067em;
	}
.txt_title02 {
	font-size: 1.2em;
	}
.txt_more {
	position: absolute;
	top: 18px;
	right: 20px;
	letter-spacing: -0.05em;
	font-size: 0.867em;
	}
.txt_more a {
	display: block;
	padding-right: 9px;
	background: url(../../../resources/images/kps/common/black_arrow.gif) no-repeat right 7px;
	}
.more_setting {
	float: left;
	letter-spacing: -0.05em;
	line-height: 1;	
    font-size: 0.867em;
	}
.more_setting a {
	display: block;
	padding: 0 20px 4px 15px;
	background: url(../../../resources/images/kps/mypage/icon_setting.png) no-repeat right 0;
	color: #6d7483;
	}
.block_smallTxt.point01 {
	color: #de1864;
	}

.topCont_area .no_cont {
	margin-top: 51px;
	}
/* 최근본콘텐츠 */
.recently_cont li a {
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	}
.recently_cont .no_cont {
	margin-top: 68px;
	}	
/* 나의 스크랩 */		
.myscrape {
	} 
.myscrape li {
	width: 100%;
	overflow: hidden;
	}
.myscrape li a {
	display: block;
	width: 98%;
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;
	}	
/* 마이메뉴 */
.myMenu_area {
	background: #eeeff3;
	border-color: #d4ddec;
	}	
.myMenu_list {
	position: relative;
	width: 102%;
	height: 145px;
	background: url(../../../resources/images/kps/mypage/mymenu_line.png) repeat-y 0 0;
	font-size: 0.933em;
	}
.myMenu_list li {
	position: relative;
	margin-top: 10px;
	padding-left: 20px;
	background: url(../../../resources/images/kps/mypage/mymenu_arrow.png) no-repeat 0 center;
	line-height: 1.1;
	}
.myMenu_list li:first-child {
	margin-top: 0;
	}
.myMenu_list li .new {
	position: absolute;
	top: 4px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(../../../resources/images/kps/mypage/mymenu_new.png) no-repeat 0 center;
	text-indent: -9999px;
	}	
.myMenu_list:before {
	position: absolute;
	top: 0;
	width: 100%;
	height: 5px;
	background: #eeeff3;
	content:'';
	}	
.myMenu_area .more_setting {
	position: absolute;
    top: 19px;
    right: 20px;
	}	
.myMenu_area .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	}	
.btn_setting {
	position: absolute;
	top: 20px;
	right: 20px;
	} 	
/* 두번째 섹션
-------------------------------------------------*/
.civil_area {
	height: 210px;
	padding: 24px 20px;
	background-color: #fafbfd;
	border: none;
	}	
.civil_area .txt_title02 {
	margin: -1px 0 20px;
	line-height: 1.2;
	}	
.civil_list > li {
	margin-top: 7px;
	line-height: 1;
	}	
.civil_list > li:first-child {
	margin-top: 0;
	}	
.civil_area .txt_more {
	top: 25px;
	}	
/* 신청정보 */
.request_area {
	}
.request_area .icon_list {
	text-align: center;
	letter-spacing: -0.03em;
	line-height: 1.3;
	font-size: 0.933em;
	overflow: hidden;
	}
.request_area li {
	float: left;
	width: 50%;
	}
.request_area .icon_list a {
	display: block;
	padding-top: 110px;
	background: url(/resources/images/kps/mypage/request_icon.gif) no-repeat 0 0;
	color: #333;
	}
.request_area .icon_list > li:last-child a {
	background-position: -130px 0;
	}
/* 관심정보 */
.main_interest {
	float: right;
	height: 390px;
	padding-top: 26px;
	}
	
.main_interest .txt_title {
	float: left;
	font-size: 1.2em;
	}
.main_interest .more_setting {
	margin-top: 4px;
	}
.main_interest li {
	margin-top: 15px;
	padding-top: 9px;
	border-top: solid 1px #ededed;
	}	
.main_interest li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	}
.main_interest li span {
	min-width: auto;
	padding: 3px 8px 4px;
	font-size: 0.867em;
	}
.main_interest li a {
	display: block;
	margin-top: 2px;
	color: #535353;
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow : hidden;
	font-size: 0.933em;
	font-weight: bold;
	}
/* 콘텐츠 STYLE
-------------------------------------------------*/
.point01 {
	color: #de1864;
	}
.myinfo_not {
	padding-top: 114px;
	background: url(/resources/images/kps/mypage/icon-tag-optional.gif) no-repeat center 0;	
	color: #333;
	text-align: center;
	font-size: 1.333em;
	font-family: NotoM;
	}	
/* 관심정보, 나의스크랩, 매거진 포토 list */
.block_list {
	margin: -30px 0 0 -28px;
	background: url(/resources/images/kps/mypage/block_list_bg.png) repeat 0 bottom;	
	overflow: hidden;
	}
.block_list > li {
	position: relative;
	float: left;
	width: 232px;
	height: 429px;
	margin: 30px 0 30px 28px;
	border: solid 1px #c9cacc;
	overflow: hidden;
	}
.block_list > li.noContent {
	float: none;
	width: 100%;
	height: auto;
	border: none;
	text-align: center;
	}		
.block_list .thumb {
	display: block;
	width: 232px;
	height: 155px;
	overflow: hidden;
	}
.block_list .thumb img {
	width: 100%;
	}
.block_list .float_wrap span {
	float: left;
	min-width: 20px;
	margin-right: 3px;
    padding: 2px 5px 5px;
    background-image: none;
	border-radius: 0;
	}	
.block_list	.wrap_cont {
	height: 190px;
	margin: 14px 14px 20px;
    overflow: hidden;
	}
.wrap_cont > .headline strong {
	height: 65px;
	margin: 6px 0 12px;
	white-space: normal;
	line-height: 1.3;
	font-size: 1.133em;
    overflow: hidden;
	}	
.wrap_cont > .headline strong a {	
	color: #000;
	}
.wrap_cont .host_txt {
	display: block;
	color: #6d7483;
	line-height: 1.5;
	}
.tab_menu + .block_list .headline strong {
	height: auto;
	}
.block_list > li .mark {
	display: block;
	height: 24px;
	padding: 13px 14px;
	background: #fafbfd;
	}
.block_list .icon_scrap,
.block_list .icon_scrapDel {
	padding: 0 0 4px 25px;
	background: url(/resources/images/kps/mypage/icon_strip.png) no-repeat 0 0;
	letter-spacing: -0.05em;
	color: #535353;
	}	
.block_list .icon_scrap:hover,	
.block_list .scrap_on {
	background-position: 0 -30px;
	}
.block_list .icon_scrapDel {
	background-position: 0 -57px; 
	}	
.block_list .icon_scrapDel:hover {
	background-position: 0 -85px;
	color: #bf360c;
	}
/* 산업별정보관리*/
.industry_area {    
	display: block;
	padding: 25px;
	border: solid 1px #e3e4e5;
	border-right-color: #c9cacc;
	border-bottom-color: #c9cacc;
    box-sizing: border-box;
	overflow: hidden;
	}
.industry_info {
	position: relative;
	display: flex; 
	display: -webkit-flex; 
	flex-flow: row wrap;
	overflow: hidden;
	}	
.industry_info > li {
	width: 20%;
    box-sizing: border-box;
	overflow: hidden;
	}
.industry_info > li > a {
	display: block;
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
	}
/* 나의 매거진 */		
.myMagazine {
	height: 161px;
	background: #515f79 url(/resources/images/kps/mypage/myMagazine.gif) no-repeat 25px 65px;
	border-color: #515f79;
	color: #fff;
	}
.myMagazine .txt_title02 {
	margin-bottom: 15px;
	color: #afb7c6;
	}
.myMagazine dl,
.myMagazine .btn_add {	
	margin-left: 118px;
	}	
.myMagazine dl {
	height: 65px;
	margin-bottom: 25px;
	}	
.myMagazine dt {
	letter-spacing: -0.05em;
	line-height: 1.4;
	font-size: 1.077em;
	font-weight: bold;
	}
.myMagazine dt a {
	color: #fff;
	}	
.myMagazine dd {
	color: #dee1e7;
	}
.myMagazine .btn_add  {
	width: 137px;
	background: #fff url(/resources/images/kps/mypage/arrow_plus.gif) no-repeat 15px 15px;
	letter-spacing: -0.05em;
	font-size: 1.077em;
	font-weight: bold;
	}	
.myMagazine .btn_add a {
	display: block;
	padding: 4px 0 5px 28px;	
	color: #41495d;
	}	
.myMagazine .txt_more a {
	background: url(/resources/images/kps/common/white_arrow.png) no-repeat right 7px;
	color: #fff;
	}	
/*핫이슈*/	
.hotissue_area {
	top: inherit;
	box-sizing: content-box;
	}
.hotissue_area .txt_title {
	margin-bottom: 22px;
	font-size: 1.2em;
	}
.hotissue_area .days_title,
.hotissue_area .week_title {
	position: absolute;
	top: 18px;
	right: 73px;
	min-width: 25px;
	height: 14px;
	line-height: 1;
	font-size: 0.933em;
	font-weight: normal;
	}
.hotissue_area .week_title {	
	right: 18px;
	padding-left: 10px;
	border-left: solid 1px #e0e0e0; 
	}
.hotissue_area .on .days_title {	
	right: 64px;
	}	
.hotissue_area .on h3 a {
	padding-right: 8px;
	background: url(/resources/images/kps/mypage/txtTitle_arrow.gif) no-repeat right 9px;
	font-weight: bold;
	}
.hotissue_area .mCustomScrollbar {
	display: none;
	height: 125px;
	}
.hotissue_area .on .mCustomScrollbar {
	display: block;
	}
.realtime_list {
	}
.realtime_list li {
	margin: 0;
	padding: 5px 0 4px;
	}	
.realtime_list li .rank {
	width: 14px;
	height: 14px;
	background: #fff;
	border: solid 1px #d7d7d7;
	box-sizing: border-box;
	color: #333;
	line-height: 1.1;
	text-align: center;
	font-size: 0.714em;
    font-style: normal;	
	}	
.realtime_list li .rank em {
    font-style: normal;	
	}	
.realtime_list li.on .rank {
	background: #fc6719;
	border-color: #fc6719;
	color: #fff;
	}	
.realtime_list li:nth-child(odd) {
	padding: 6px 0 5px; 
	background: #f9f9f9;
	}
.realtime_list li strong {
	width: 180px;
	margin: -2px 0 0 8px;
	line-height: 1.2;
	font-weight: normal;
	}
.realtime_list .num, 
.realtime_list a {
    color: #636363;
	}
.realtime_list .up {
	margin-top: 2px;
	}
.realtime_list .down {
	margin-top: 4px;
	}
.realtime_list .equal {
	margin-top: 0;
	}
.realtime_list .num {
	line-height: 1.2;
	}
.hotissue_area .mCSB_inside > .mCSB_container {
	margin-right: 20px;
	}
/* 행사정보 */
.evnet_area {
	width: 620px;
	height: 200px;
	padding: 0;
	background: url(/resources/images/kps/mypage/calendar_bg.gif) no-repeat 0 0;
	border: none;
	overflow: hidden;
	}
.evnet_area .txt_title {
	position: absolute;
	top: 20px;
	left: 219px;
	}	
.evnet_area .btn_control {
	position: absolute;
	top: 18px;
	right: 13px;
	width: 72px;
	height: 20px;
	}
.evnet_area .btn_control button {
	display: block;
	float: left;
	width: 24px;
	height: 20px;
	background: url(/resources/images/kps/mypage/event_control.gif) no-repeat 0 0;
	text-indent: -9999px;
	line-height: 1.2;
	}	
.evnet_area .btn_control .btn_stop {
	background-position: -24px 0;
	}	
.evnet_area .btn_control .btn_play {
	background-position: -24px -20px;
	}
.evnet_area .btn_control .btn_next {
	background-position: -48px 0;
	}				
.event_list {
	width: 100%;
	height: 200px;
	overflow: hidden;
	}	
.event_list .tit_subject {
	float: left;
	width: 200px;
	height: 100%;
	font-weight: normal;
	}	
.event_list .tit_subject span {
	display: block;
	text-align: center;
	}
.event_list .tit_subject .number {
	margin-top: 30px;
	color: #fff;
	line-height: 1;
	font-size: 6.667em; /* 100px */
	font-family: NotoR;
	}
.event_list .tit_subject .english {
	color: #373e4f;
	font-size: 1em;
	}	
.event_list .list_info {
	float: left;
	width: 379px;
	height: 118px;
	padding: 60px 20px 20px;
	border: solid 1px #e3e4e5;
    border-left: none;
    border-right-color: #c9cacc;
    border-bottom-color: #c9cacc;
	}
.event_list strong {
	line-height: 1.4;
	font-size: 1.1em;
	font-weight: bold; 
	}
.event_list .state,
.event_list .date_place {
	display: block;
	margin-top: 13px;
	color: #6d7483;
	font-size: 0.933em;
	}	
/* 수강신청 조회*/
.application_area {
	background: #eeeff3;
	}	
.application_area .txt_title {
	margin-bottom: 23px;
	}	
.application_area p {
	margin-top: 7px;
	}	
.application_area p:first-child {
	margin-top: 0;
	}
.application_area p label {
	display: inline-block;
	width: 55px;
	letter-spacing: -0.05em;
	font-size: 0.933em;
	}	
.application_area p input {
    width: 120px;
    padding: 5px 7px 6px;
	border-color: #e3e4e5;
	border-bottom-color: #c9cacc;
	border-right-color: #c9cacc; 
	}
.application_area .btn_search {
	display: block;
	position: absolute;
	top: 55px;
	right: 25px;
	width: 50px;
    height: 110px;
    background: #687287;
    border: solid 1px #586176;
    text-align: center;
	}	
.application_area .btn_search input {
	width: 100%;
	padding: 48px 0;
	background: none;
	color: #fff;
	font-weight: bold;
	}	
/* 포틀릿 설정 */	
.portlet_setting {
	margin-bottom: 20px;
	padding: 28px 0;
	color: #687287;
	background: #f8fafd;
	border: dashed 2px #c6ceda; 
	text-align: center;
	font: normal 1.267em NotoR;
	}	
.portlet_setting .point01 {	
	color: #ec407a;
	}
.portlet_setting .btn_color {
	display: block;
	margin-top: 10px;
	}	
.portlet_setting .btn_color button {
	display: block;
	width: 180px;
	height: 55px;
	margin: auto;	
	padding-left: 30px;
	background: #ec407a url(/resources/images/kps/mypage/icon_portletSetting.gif) no-repeat 130px 19px;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: left;
	font-size: 0.889em;
	font-weight: bold;
	}	
.multi_searchForm .input_black {
	top: 25px;
    right: 50px;
	}	
.news_list {
	width: 100%;
	overflow: hidden;
	}	
.news_list > li {
	margin-top: 9px;
	padding-left: 8px;
	background: url(../../images/common/layout/middot.gif) no-repeat 0 8px;
	line-height: 1.2;
	overflow: hidden;
	}
.news_list > li:first-child {
	margin-top: 0;
	}
.news_list > li a {	
	float: left;
	width: 250px;
	color: #636363;
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;
	}
.mypage_contype_middle .news_list > li a {
	width: 490px;
	}
.news_list > li span.date {
	float: right;
	display: block;	
	width: 65px;
	margin-top: 2px;
	color: #757577;
	text-align: right;
	letter-spacing: 0;	
	font-size: 0.88em;
	font-family: "Tahoma";
	}
.contype_long .news_list > li a {
	width: 300px;
	}
.contype_long.multiNews_area .news_list li {
	width: 195px;
	}	
/* 상단 안내문구 */	
.pageInfo {   
	margin-bottom: 30px;
    padding: 22px 27px 17px 68px;
    background: url(/resources/images/kps/mypage/icon_doc.gif) no-repeat 29px 16px;
    border: solid 5px #eff0f2;
    color: #333;
    letter-spacing: -0.05em;
    font-size: 1.067em;
    font-weight: bold;
	}	
.pageInfo .point01 {
	color: #f56a16;
	}	
.pageInfo .stxt {
	font-size: 0.813em;
	font-weight: normal;
	}	
.login_record {
	padding-left: 28px;
	background: none;
	font-size: 1.143em;
	}
.login_record dt {
	float: left;
	margin-right: 20px;
	}	
.login_record dd {
	position: relative;
	color: #666;
	overflow: hidden;
	font-size: 0.857em;
	font-weight: normal;
	}	
.login_record .point01 {
	color: #df1865;
	}
.loginTime {
	width: 200px;
	}
.loginIP {
	width: 150px;
	}	
.strip {
	display: inline-block;
	padding-left: 25px;
	background: url(/resources/images/kps/mypage/icon_strip.png) no-repeat 0 0;
	text-align: left;
	letter-spacing: -0.08em;
	overflow: hidden;
	}	
.icon_pc,
.icon_mobile {
	width: 41px;
	height: 20px;
	background: url(/resources/images/kps/mypage/icon_device.gif) no-repeat 0 4px;	
	}		
.icon_mobile {
	padding-left: 19px;
	background-position: 0 -38px;
	}
/* 정상 비정상 */	
.icon_fine,
.icon_faulty {
	width: 41px;
	height: 20px;
	padding: 0 0 1px 21px;
	background: url(/resources/images/kps/mypage/icon_login_history.gif) no-repeat 0 4px;	
	}	
.icon_faulty {
	background-position: 0 -38px;
	}	
/* 친절, 불친절*/
.icon_kind,
.icon_unkind {
	padding: 0 0 2px 22px;
	background: url(/resources/images/common/icon/icon_good.gif) no-repeat 0 2px;	
	}	
.icon_unkind {
	background: url(/resources/images/common/icon/icon_bad.gif) no-repeat 0 0;	
	}				
/* 나의관심정보*/
.myinterest_info {
	margin-bottom: 40px;
	}
.myinterest_info > strong {
	display: inline-block;
	margin-right: 8px;
	}	
.myinterest_info .txt_bg {
	display: inline-block;
	width: 78px;
	padding: 2px 0 6px 30px;
	background: url(/resources/images/kps/mypage/scrap_txtBg.gif) no-repeat 0 0;	
	letter-spacing: -0.05em;
	}
.myinterest_info .point01 {
	color: #f56a16;
	}	
/* 추천키워드 */
.keyword_area {
	margin-left: 0;
	}
.keyword_area .subject_title,
.keyword_area .subject_title02 {
	font-size: 0.933em;	
	}
/* 나의매거진 콘텐츠 추가 */	
.myMagazine_addArea {
	padding: 20px 0;
	border-bottom: solid 1px #c1c5cd;
	overflow: hidden;
	}	
.myMagazine_addArea .float_left {
	margin-top: 15px;
	line-height: 1.2;
	}	
.myMagazine_addArea .subject {
	float: left;
	margin-right: 8px;
	}	
.myMagazine_addArea .point01 {
	color: #f56a16;	
	}	
.myMagazine_addArea .stxt {
	float: left;
	margin-top: 3px;
	font-size: 0.929em;
	}	
.btn_myMagazine button {
	width: 235px;
	margin-left: 23px;
	padding: 12px 0 11px;
	background-color: #f0f2f5; 
	border-bottom: solid 2px #d7d9df;
	border-radius: 3px;
	color: #333;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: bold;
	}		
.btn_myMagazine button:first-child {
	margin-left: 0;
	}
.btn_myMagazine button > span {
	display: inline-block;
	padding-left: 28px;
	height: 23px;
	background: url(/resources/images/kps/mypage/icon_strip.png) no-repeat 0 -30px;
	}
.btn_myMagazine .btn_popular > span {
	background-position: 0 -113px;
	}	
/*My메뉴 설정 */
.mymenu_setting {
	padding-top: 17px;
    border: solid 5px #eff0f2;
	}
.mymenu_setting .pageInfo {
	margin-bottom: 24px;
	padding: 0 0 21px 69px;
	background-position: 29px 0;
	border: none;
	border-bottom: solid 1px #efefef;
	}	
.mymenu_setting .depth3_title {
	padding-left: 0;
	background: none;
	color: #f56a16;
	}
.mymenu_setting > ul {
	margin-left: 23px;
	overflow: hidden;
	}	
.mymenu_setting > ul > li {
	float: left;
	width: 33.33%;
	}
.mymenu_setting .btn_area,
.mymenu_settingAdd .btn_area {
	padding: 10px 0;
	background: #f6f7f9;
    text-align: center;
	}
.mymenu_setting button,
.mymenu_setting button:hover,
.mymenu_settingAdd button,
.mymenu_settingAdd button:hover {
	background: none;
	border: none;
	color: #333;
	font-size: 1.077em;	
	}
.mypage_title .depth2_title {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	background: none;
	}	
.mypage_title .point01	{
	color: #f56a16;
	}
.mypage_title .float_left {
    margin-top: 2px;	
	letter-spacing: -0.05em;
	font-size: 0.929em;	
	}
.mymenu_settingAdd {
	position: relative;
	background: #eeeff3;
	border: solid 1px #dbdcde;
	overflow: hidden;
	}		
.mymenu_settingAdd > .float_left {
	width: 289px;
	margin-top: 24px;
	padding: 0 30px;
	}	
.mymenu_settingAdd > .float_left:first-child {
	border-right: solid 1px #ddd;
	}
.mymenu_settingAdd .depth3_title {
	margin: 0 0 9px;
	padding-left: 0;
	background: none;
	color: #333;
	letter-spacing: -0.05em;
	font-size: 1.143em;
	}	
.mymenu_settingAdd > .float_left .mCustomScrollbar {
	height: 228px;
	overflow: hidden;
	}
.mymenu_settingAdd .btn_area {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 700px;
	padding: 7px 0;
	background: #747e93;
	}
.mymenu_settingAdd button,
.mymenu_settingAdd button:hover {
	color: #fff;
	}	
.mymenu_settingAdd .siteChoice {
	float: left;
	width: 257px;
	padding: 24px 30px 30px;
	background: #f6f7f9;
	border-left: solid 1px #ddd;
	}
.siteChoice .mCustomScrollbar {
	height: 265px;
	overflow: hidden;
	}
.mymenu_settingAdd .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	}	
/* 사이트별 메뉴 */
.mymenu_sitemap {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px #ececed;
	overflow: hidden;
	}
.mymenu_sitemap > div {
	}
.mymenu_sitemap .title {
	color: #000;
	}	
.sitemap_depth2 {
	margin-top: 15px;
	}	
.sitemap_depth2 > li {
	font-weight: bold;
	}	
.sitemap_depth3 {
	margin-bottom: 10px;
	}	
.sitemap_depth3 > li {	
	margin-top: 2px;
	padding-left: 8px;
	background: url(/resources/images/common/content/gray_dot.gif) no-repeat 0 9px;
	font-weight: normal;
	}
.mymenu_sitemap .newbrowser {
	padding-right: 18px;
	background: url(/resources/images/common/icon/icon_newlayer.gif) no-repeat right 5px;
	}
/* 산업별정보관리 > 의료기관해외진출 정보 > 수행사업관리 */	
.progressbar {
	height: 60px;
	margin-bottom: 30px;
	background: #eff0f2;
	border: solid 1px #e6e9ed;
	letter-spacing: -0.05em;
	text-align: center;
	overflow: hidden;
	}
.progressbar li {
	position: relative;
	float: left;
	width: 20%;
	white-space: nowrap;
	}
.progressbar li:last-child a {
	background: none;
	}
.progressbar li a {
	display: block;
	background: url(../../images/kps/mypage/bg_progress.png) no-repeat right 0;
	line-height: 60px;
	}
.progressbar li.on:before {
	position: absolute;
	top: 0;
	left: -20px;
	width: 21px;
	height: 100%;
	background: url(../../images/kps/mypage/bg_progress.png) no-repeat left -63px;
	content:'';
	}
.progressbar li.on a,
.progressbar li:last-child.on a {
	background-position: right -63px;
	color: #fff;
	font-weight: bold;
	}
.progressbar li:last-child.on a {
	background: #41495d;
	}	
/* 비밀번호 변경 */
.pwChange_area {
	margin-bottom: 20px;
	background: #eeeff3;
	overflow: hidden;
	}	
.pwChange_area > div {
	float: left;
	width: 280px;
	height: 181px;
	margin-left: -1px;
	padding: 30px;
	border-top: solid 1px #dbdcde;
	border-bottom: solid 1px #dbdcde;
	}	
.pwChange_area > div:first-child {
	margin-left: 1px;
	background: #747e93;
	color: #fff;
	}
.pwChange_area .subject {
	margin-bottom: 15px;
	color: #333;
	}
.pwChange_area > div:first-child .subject {
	color: #fff;
	}
.pwChange_area .display_block input {
	background: none;
	border: none;
	}	
.pwChange_area input {
	width: 269px;
    margin: 5px 0;
    padding: 11px 5px;	
	font-size: 1.231em;
	}	
.production_rule {
	letter-spacing: -0.05em;
	font-weight: bold;
	}	
.production_rule a {
	display: inline-block;
	padding-right: 18px;
	background: url(/resources/images/kps/member/blue_arrow.png) no-repeat right 5px;
	color: #037bc1;
	}	
.pwChange_info {
	margin-bottom: 20px;
	letter-spacing: -0.05em;
	}	
.pwChange_info > li {
	margin-top: 5px;
	}	
.pwChange_info > li:first-child {
	margin-top: 3px;
	}	
.pwChange_area .point_smallTxt {
	height: 33px;
	color: #cf165f;
	line-height: 1.1;
	font-size: 0.929em;
	}	
.pwConfirm {
	position: relative;	
	border-right: solid 1px #dbdcde;
	}	
.pwConfirm:before {
	position: absolute;
	top: 30px;
	left: 0;
	width: 1px;
	height: 161px;
	background: #d9dade;
	content: '';
	}	
/* 회원탈퇴 */
.secession_title {
	margin-bottom: 37px;
	padding-top: 120px;
	background: url(/resources/images/kps/mypage/secession_bg.gif) no-repeat center 0;
	color: #333;
	text-align: center;
	font-size: 1.538em;
	}
.secession_area {
	padding: 25px;
	font-size: 1em;
	}	
.secession_area:before,
.secession_area:after {
	display: none;
	}

.secession_area dl {
	margin-top: 25px;
	}	
.secession_area dt {
	margin-top: 18px;
	}	
.secession_area dt:first-child {
	margin-top: 0;
	}
.secession_area dt > span:first-child {
	display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: #41495d;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
	}	
.secession_area dd {
	margin-left: 26px;
	}	
.secession_area .line_lstyle {
	margin-top: 0; 
	}
/*약관동의 */
.agreement {
	padding: 24px 29px;
	background: #f8f9fb;
	}	
.agreement .depth3_title,
.agreement .depth3_title02 {
	margin-bottom: 21px;
	color: #0378be;
	letter-spacing: -0.05em;
	font-size: 1.143em;
	}	
.agreement .depth4_title,
.agreement .depth4_title02 {
	margin-bottom: 22px;
	color: #333;
	letter-spacing: -0.05em;
	font-size: 1em;
	}	
.agreement .depth3_title02,
.agreement .depth4_title02 {
	margin-top: 22px;
	}	
.check {
	margin-top: 5px;
	}
.last_check {
	padding-bottom: 20px;
	border-bottom: solid 1px #efefef;
	}	
/* 기술이전 레이어 팝업 */
.outline_layer {position: relative;}
.choice_layer {position: absolute; top: 87px; right: 0; background: #fff; border: 1px solid #e9eaee; overflow: hidden;}
.choice_layer .tit {padding: 10px 20px; font-size: 13px; font-weight: bold; color: #fff; background: #d9394a;}
.choice_layer .data {padding: 15px 20px;}
.choice_layer .data p {padding-top: 5px; text-align: center;}
.choice_layer .data p:first-child {padding-top: 0;}
.choice_layer .btn {margin-top: 10px; text-align: center;}
.choice_layer .close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	}	
/* cos 서비스 관리 */
.search_SystemRow {
	float: left;
	overflow: hidden;
	}	
.search_SystemRow li {
	overflow: hidden;
	}	
.search_SystemRow li img {	
	border: solid 1px #e1e1e1; 
	vertical-align: middle; 
	}
.matrix_setting .tstyle_list th, 
.matrix_setting .tstyle_list td {
	height: 55px;
	} 
		
/* 로그인 이력*/
.bbsCenter_blank .separation {
	width: 130px;
	}
.bbsCenter_blank dt {
	margin-top: 10px;
	color: #333;
	font-weight: bold;
	}		
.bbsCenter_blank dt:first-child {
	margin-top: 0;
	}
/* 행사등록 신청 STYLE */
.event_writeInfo {
	margin-bottom: 20px; 
	padding: 30px 30px 45px; 
	background: #fff url(../../images/kps/calendar/box_bg01.png) no-repeat 30px 85px; 
	letter-spacing: -0.1em; 
	font-size: 0.95em; 
	overflow: hidden;
	}
.event_writeInfo dt {
	float: left;
	width: 130px; 
	color: #000;
	font-size: 15px; 
	font-weight: bold; 
	}
.event_writeInfo dt span {
	display: block;
	}
.event_writeInfo dd {
	position: relative;
	color: #555;
	overflow: hidden;
	}	
/* 행사구분 컬러값 */	
.eventType {
	display: block;
	width: 55px; 
	height: 17px;
	margin: auto;
	border-radius: 3px;
	color: #fff;
	line-height: 17px;
	letter-spacing: -0.1em;
	font-size: 0.85em;
	overflow: hidden; 
	}
.event_division01 {background-color: #227bc1;}	
.event_division02 {background-color: #0d4c99;}
.event_division03 {background-color: #5056c6;}
.event_division04 {background-color: #00857a;}
.event_division05 {background-color: #d9394a;}
.event_division06 {background-color: #645453;}
.event_division07 {background-color: #9045ae;}

.state_style01,
.state_style02,
.state_style03 {/*신청완료 */
	display: inline-block; 
	padding-left: 12px;
	color: #0071c1; 
	letter-spacing: -0.05em; 
	background: url(../../images/kps/calendar/icon_o.png) no-repeat left 7px;
	}
.state_style02 {/*신청취소 */
	background: url(../../images/kps/calendar/icon_x.png) no-repeat left 7px;
	}
.state_style03 {/* 승인 */
	background: url(../../images/kps/calendar/icon_v.png) no-repeat left 7px;
	}
/* nss */
.addNssInfoAgree {
	margin-top: 20px;
	}
/* 오뚝이 */
.graph_ba {
	height: 20px;
	}	
.graph_ba > span {
	display: inline-block;
	text-indent: -9999px;
	vertical-align:middle;
	}
.graph_ba .count {
	margin-left: 3px;
	color: #232323;
	text-indent: 0;
	}
.graph_color01 {
    background: #d9394a;
	}	
.eatHistory_info {
	padding-left: 27px;
	background: none;
	font-size: 1em;
	overflow: hidden;
	}
.userName {
	float: left;
	color: #6f7483;
	font-size: 1.286em;
	}	
.userName strong {
	margin-right: 7px;
	}	
.eatHistory_info label,
.eatHistory_info input {
	font-size: 0.857em;
	}

.eatHistory_chart {
	width: 100%; 
	height: 300px;
	}	
.tstyle_list .state {
	display:block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	background:url("../../images/kps/mypage/food_type_state.png") no-repeat 0 0;
	}
.tstyle_list .state.lack {
	background-position: -40px 0;
	}
.tstyle_list .state.over {
	background-position: -80px 0;
	}
.tstyle_list .state.worry {
    height: 37px;
    padding-top: 3px;
	background-position: -120px 0;
	line-height: 1.2;
	}
.food_type_state {
	width: 470px;
	}	

/* D-HRA 나의 건강정보 style
------------------------------------- */
/* 검색 */
.dhra_statsSearch {
    background: url(/resources/images/kps/mypage/icon_stats.gif) no-repeat 29px 18px;
	}
.dhra_statsSearch select {
	margin-left: 16px;
	padding: 1px 4px 2px;
	font-size: 0.875em;
	}
.dhra_statsSearch  .btn_lightNavy_Small {
	padding: 3px 2px 4px;
	background: #5a6273; 
	border-bottom: solid 2px #3c4250;
	font-size: 0.875em;
	}
.dhra_statsSearch .choice {
	margin: 18px 0 8px -69px;
	padding: 24px 0 0 29px;
	border-top: solid 1px #efefef;
	}
.dhra_statsSearch .choice .point01 {
	margin-right: 16px;
	font-size: 0.938em;
	}	
.dhra_statsSearch .choice a {
	margin-right: 9px;
	padding-left: 18px;
    background: url(/resources/images/kps/mypage/input_checkbox.gif) no-repeat 0 4px;
    color: #666;
	font-size: 0.875em;
	font-weight: normal;
	}
.dhra_statsSearch .choice a.on {
	background-position: 0 -22px;
	}	
	
/* 테이블 */
.survey_chart {
	padding: 0;
    border: none;
	}
.survey_chart table {
	margin-bottom: 10px;
	border-top: solid 1px #45474c;
	border-bottom: solid 1px #c1c5cd;
	}	
.survey_chart thead th {	
	background: #fafafb;
	border-bottom: solid 1px #e2e2e2;
	color: #2f3743;
	font-weight: bold;
	}
.survey_chart tbody th {
	text-align: center;	
	font-weight: normal;
	}
.survey_chart td:before {
	top: 0;
	}
.survey_chart .lastTr td:before {
	display: block;
	}
.survey_chart td:nth-child(8) {
	padding-right: 7px;
	}
.survey_chart td:nth-child(2):before {
    left: 25%;
	}	
.survey_chart td:nth-child(8):before {
	left: 70%;
	}	
.survey_chart td:nth-child(9):before {
	display: none;
	}
.survey_chart td.max.action:after {
	right: 7px;
	}	
.btn.btn_lightGrey_small {
	font-size:13px;
	}
.exclamation li {
	display: block;
	}
.rolypoly_area > .float_left {
	margin-left: 14px;
	}	
.bbsCenter_blank {
	font-size: 1em;
	}	
.meal_configuration .depth2_title02 {
	font-size: 1.333em;
	}
.survey_chart td:nth-child(8).action:after {
	left: 0;
	}