/*숨김처리*/
#skipNavi, hr, legend,.skip
{ position : absolute ;width : 0 ; height : 0 ; font-size : 9pt ; line-height : 0 ;overflow : hidden ; visibility:hidden;}
/*{display:none;} 옛날방식- 스크린리더기가 읽어버린다.*/

/*base*/
* {
    margin:0; padding:0;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}
ul li{list-style:none;}
img{border:0;}
body {margin:0px;padding:0px; font-family:굴림,Gulim돋움,Dotum,돋움체,DotumChe;font-size:9pt;line-height:16pt;font-style: normal;color:#313131;* zoom:1; text-align:center;}

/* 폼 안보이기*/
table		{text-align:left;font-size:9pt;}
div  		{list-style:none; margin:0px; padding:0px;}
ul,ol,li 	{list-style:none; margin:0px; padding:0px;}
img 		{border:0px none; vertical-align:top;} /*vertical-align:top 이미지의 여백에 대한 오류를 잡는 소스 */
form 		{display:inline;font-size:9pt;}  /* 폼 한줄 안보이기*/
input		{display:inline;font-size:9pt;}
fieldset 	{margin:0px; padding:0px; border: 0px none;}
legend 	{display: none;}
caption 	{display: none;}
#clear   	{clear: both;} 



'table {border-collapse: collapse;
'border: 2px solid #000;
'font: normal 80%/140% arial, helvetica, sans-serif;
'color: #555;
'background: #fff;}

'td, th {border: 1px dotted #bbb;
'padding: .5em;}

'caption {padding: 0 0 .5em 0;
'text-align: left;
'font-size: 1.4em;
'font-weight: bold;
'text-transform: uppercase;
'color: #333;
'background: transparent;}


H1
{
 font-family:굴림,Gulim돋움,Dotum,돋움체,DotumChe;
    COLOR: #383d41;
    FONT-SIZE: 12px
}
H2
{
 font-family:굴림,Gulim돋움,Dotum,돋움체,DotumChe;
    COLOR: #383d41;
    FONT-SIZE: 12px
}
H3
{
 font-family:굴림,Gulim돋움,Dotum,돋움체,DotumChe;
    COLOR: #383d41;
    FONT-SIZE: 12px
}
H4
{
 font-family:굴림,Gulim돋움,Dotum,돋움체,DotumChe;
    COLOR: #383d41;
    FONT-SIZE: 12px
}

DIV
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}


.blind
{
    POSITION: absolute;
    DISPLAY: block;
    OVERFLOW: hidden;
    TOP: -1000em;
    LEFT: 0px
}

LABEL
{   
cursor:pointer;
/*	display:inline-block;
	text-align:left;
	width:150px;
*/
}


/*------------------------------------------------------테이블-------------------------------------------------------*/

#tablestyle01 table{border:1px solid #dfe0e0;}
#tablestyle01 table.t_01{width:98%:border-top:2px solid #eb235c;border-bottom:1px solid #dfe0e0;table-layout:fixed;margin:10px auto; border-collapse:collapse;}
#tablestyle01 table.t_01 tr th{padding:7px 0px 7px 0px; border:none;border-bottom:3px solid #dfe0e0;border-right:1px solid #dfe0e0; color:#7a7a7a;font-weight:bold:text-align:center;vertical-align:middle;}
#tablestyle01 table.t_01 tr td{padding:6px 0px 6px 0px; border:none;border-bottom:1px solid #dfe0e0;border-right:1px solid #dfe0e0; border-top:none; color:#454545; text-align:center; vertical-align:middle;}


/*anchor*/ 
a:link,a:visited{text-decoration:none; color:#666;}
a:hover;a:active{text-decoration:underline; color:blue;}  


/*------------------------------------------------------인덱스-------------------------------------------------------*/


/*레이아웃*/


#PageHeader{position:relative; top:0; left:0; width:980px;margin: 0px auto;  text-align:center;}
#PageFrame {clear:both;position:relative; top:0; left:0; width:900px; margin: 0px auto;}
#PageFrame #PageLeft, #PageFrame #PageContent {float:left;}
#PageFrame #PageLeft    {width:150px;}
#PageFrame #PageContent {width:630px;}
#PageFrame #PageRight   {width:120px; float:right;}
#PageFrame #PageFooter	{width:900px; clear:both; margin:0 auto; text-align:center;}


/* 회원 입력 */
#MemberInput {height:200px;}
#MemberInput UL{width:300px;height:80px;margin:0px auto;clear:both;}
#MemberInput UL .button{width:50px;margin:0px auto;FLOAT:LEFT;PADDING-TOP:5px;PADDING-LEFT: 6px;}
#MemberInput UL .left{FLOAT:LEFT;text-align:left;}
#MemberInput LI LABEL{PADDING-BOTTOM: 0px;LINE-HEIGHT:1.4em;PADDING-LEFT: 6px;PADDING-RIGHT: 0px; COLOR: #848689; PADDING-TOP: 2px}


/*input 창 배경색 변경 */
.large {
background:#F7F7EF;
border:1px solid #CEC7BD;
padding:1px;
display:inline;font-size:9pt;
}

.hand {cursor:hand;}
.top_title {
	font-family:'돋움';
    COLOR: #383d41;
    FONT-SIZE: 20px;
	font-weight:bold;
	height:40px;
	vertical-align:middle;
	padding-top:10px;
	text-align:center;
	}

.mbti_table{FONT-SIZE:14px;}

.mbti_TypeTitle{
	FONT-SIZE:12px;
	font-weight:bold;
	border-top:1px solid #121212;
	border-bottom:1px solid #121212;
}
.mbti_TypeNm{
	FONT-SIZE:12px;
}
.mbti_borT {
	border-Top:1px solid #121212;
}
.mbti_borR {
	border-right:1px solid #121212;
}
.mbti_borL {
	border-left:1px solid #121212;
}
.mbti_Bor_B {
	border-right:1px solid #121212;
}
.f_14{
	FONT-SIZE:14px;
}
.f_12{
	FONT-SIZE:12px;
}
.h_80{
height:80px;
}
.bor_all{
	border:1px solid #121212;
	}
.bor_all_2{
	border:2px solid #121212;
	}
.mbti_ScaleTitle{
	FONT-SIZE:12px;
	font-weight:bold;
	border:1px solid #121212;
	text-align:center;
}

.mbti_Scale{
	FONT-SIZE:12px;
	border:1px solid #121212;
	text-align:center;
}
.mbti_OopsTitle{
	FONT-SIZE:12px;
	font-weight:bold;
	border-bottom:1px solid #121212;
	text-align:center;
}
.mbti_OopsTitleBorT {
	border-top:1px 
}

.mbti_Oops{
	FONT-SIZE:12px;
	text-align:center;
	border-bottom:1px solid #121212;
}
.mbti_pt_10 {
	padding-top:8px;
}
.Bor_R_dot {
	border-right:1px dotted #121212;
}

.Bor_R_double {
	border-right:3px double #121212;
}
.Bor_T_double {
	border-top:3px double #121212;
}
.Bor_B_double {
	border-bottom:3px double #121212;
}
