/* 2014.01.12 CWJUNG  ID : WSS - 011 */
 
 
 /* 서비스 유지보수 */
		  
/* 버튼제목 왼편정령 */
.inCh .ui-btn {text-align: left}

/* ListView제목  */
.LineTitle {
	padding-right: 3px;
	color : #21007F;
	float:left;
	line-height:160%;
	min-width:110px;
	text-align:left;
	vertical-align: middle;
}

/* 설명클래스  */
.descClass {
	white-space: normal;
	font-size: small;
}

/* 정보버튼 */
.info {
	font-weight: bold;
 	cursor:pointer;
 	margin-right:3px;
}





/* 정보목록  */
.infoDesc li {
	margin-top:10px;
	margin-left:-15px;
	
}

/* 페이지별 상단안내  */
.headDesc li {
	margin-top:7px;
	margin-left:-15px;
	
}

/* 페이지별 상단안내  */
.headDesc {
	margin-top:5px;
	margin-bottom:5px;
}

/* 리스트작게 */
.listSmall {
	font-size: 0.95em;
	white-space: normal;
	color:#222222;
	line-height:180%;
	font-weight: normal;
}

/* 리스트보통 */
.listNormal {
	font-size: 1.0em;
	white-space: normal;
	color:#222222;
	line-height:180%;
	font-weight: normal;
}
 
/* 큰글씨 - 청색  */
.BigCharBlue {
	color : blue;
	font-size:20pt;
	text-shadow: 0 0px 0 #fff;
	font-weight:normal; 
	cursor:pointer;
}


/* 큰글씨 - 청색 */
.BigCharBlueBasic {
	color : blue;
	font-size:18pt;
	margin-top:-5px;
	cursor:pointer;
}

/* 한자목록내 한자 */ 
.charDesc {
	cursor:pointer;
}


/* 한자목록내 한자 */ 
.charDescText {
	cursor:pointer;
}


/* 검색된 한자 */
.SearchedChar {
	color:#870000;
}


#closeHanjaWindow {
	cursor:pointer;
}
 		
 		
/* 큰글씨 */
.BigCharBasic  {
	font-size:14pt;
}


/* 큰글씨 - 붉은색 */
.BigCharRed {
	color : blue;
	font-size:16pt;
}

/* 한자입력기 줄간격 */
.charList li {
	line-height:170%;
}


/* 설명 */
.remarkNameClass {
	line-height:160%;
	padding-bottom:5px;
 
}

 
 .sungSub li{
 	 text-align:left;
 	 cursor:pointer;
}


#yearList li{
 	 text-align:left;
 	 cursor:pointer;
}

/*  성목록 컬렉서블*/
#sungCollapsible {
	margin-top:-3px;
}


/*  성목록 컬렉서블*/
#yearCollapsible {
	margin-top:-3px;
}

/* 한자 단일자  */
.HanjaClass {
	font-size: 1.5em;
}

.HanjaHover {
	color:#0095e6;
}


.HanjaHoverBack {
	background:#DDDDDD;
	color:#FF1C23 !important;
}



/* 이모티콘 클래스 */
.emotClass {
	margin-top:5px;
}


/* 오행요소도 */
#fiveFrame {
   overflow: hidden;
   border: 0;
   background:transparent;
}	

/* 사주오행 Legend */
.SajuFiveClass {
	font-size: 1.1 em;
	color:#00CC17;
	font-weight: bold;
}

/* 자원오행 Legend */
.CharFiveClass {
	font-size: 1.1 em;
	color:#0094FF;
	font-weight: bold;
}

.LineHeightNormal {
	line-height:180%;
	font-size:0.9em;
}

/* 이동밑줄 제거 */
.moveNormal {
	text-decoration:none !important;
}

/* 한자입력  호버 */ 
.ui-china-font {
    color:#111111;
    text-shadow:none;
    padding:3px 5px 3px 0px;
    background-color:#B7FAFF;
}

/* 일반호버 */ 
.common-hover {
     background:#FFE97F;
}

/* 라운드 큰 박스 */
.bigNameRound {
	background-color:#FFF;padding:12px 10px 0px 20px;height:40px;margin:3px 2px 3px 2px;font-size:1.4em;
	border:1px solid #777777;box-shadow: none;border-radius: 5px;
	text-align:center;
}

/* 기본인덴트 */ 
.basicIndent { 
	margin-left: -18px !important;
	text-indent: -18px !important;
	padding: 5px;
}


/* 기본인덴트 */ 
.MessageIndent { 
	margin-left: 12px !important;
	text-indent: -20px !important;
	padding: 5px;
}

/* 안내말 인덴트 */ 
.announceIndent { 
	margin-left: -5px !important;
	text-indent: -18px !important;
	padding: 5px;
}

/* 메인 배경 */ 
 .mainBackgroundWhite  {
 	padding-bottom:20px;
	background: url('/images/background/crystalwhite.jpg');   
	background-position: center top;
	background-repeat: repeat-y;
	background-size: cover;  
 }

 
			
	 

/* 메인 배경 - 빅2 : 3600 */ 
 .mainBackgroundWhiteBig2  {
 	padding-bottom:20px;
 	background-size: cover;  
	background: url('/images/background/crystalwhitebig2.jpg');   
	background-position: center top;
	background-repeat: no-repeat;
 
 }

/* 메인 배경 - 빅  : 1800 */ 
 .mainBackgroundWhiteBig  {
 	padding-bottom:20px;
	background: url('/images/background/crystalwhitebig.jpg'); 
	
	background-position: center top;
	background-repeat: repeat-y;
 
 }

/* 메인 배경 - 인디고  */ 
 .mainBackgroundIndigo  {
 	padding-bottom:20px;
	background: url('/images/background/crystalindigo.jpg');   
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% auto;
 }


/* 메인 배경 - 인디고  */ 
 .mainBackgroundIndigoBig  {
 	padding-bottom:20px;
	background: url('/images/background/crystalindigobig2.jpg');   
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% auto;
 }
 
 
/* 메인 배경 - RED  */ 
 .mainBackgroundRed  {
 	padding-bottom:20px;
	background: url('/images/background/crystalred.jpg');   
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% auto;
 }



/* 메인 배경 중앙정렬 */ 
 .mainBackgroundCenter {
 
	box-shadow:none;
	text-align:center;
	padding-bottom:20px;

	background: url('/images/background/crystalwhite.jpg');   

	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% auto;
}



/* 한자사전 */ 
.dictClass {
	/* display:inline-block; */
	display:none;
	margin:3px 15px  0px 15px;
	width:40px;
	cursor:pointer;
}


/* 사용자 */ 
.usersClass {
	display:inline-block;
	margin:3px 15px 0px 15px;
	width:40px;
	cursor:pointer;
}

/* 상세정보 가이드 */
.DetailGuide {
	color:#21007F;
	fint-size:0.95em;
	line-height:160%; 
}



.iconImg {
	margin-bottom:-2px;
	cursor:pointer;
}


/* 입력란 상단타이틀 */ 
.inputTitleTop {
	color:#870000;
    font-weight: bold; 
    margin: 15px 0px 2px 7px;
    min-width:140px;
    display: inline-block;
}



/* 입력란 상단타이틀 기본 */ 
.inputTitleTopBasic {
    font-weight: bold; margin: 15px 0px 0px 7px;display: inline-block;
}


/* 일반정보 상단타이틀 */ 
.bodyTitleTop {
	color:#870000;
    font-weight: bold; margin: 15px 0px 7px 7px;display: inline-block;
}


/* 일반정보 아이콘우측 위치  */ 
.bodyTitleIcon {
	color:#870000;
    font-weight: bold; 
    margin: 10px 0px 0px -2px;
    display: inline-block;
}

/* 좌단 입력 고정폯 */
.inputLeft {
    min-width:17px !important;
    display: inline-block;
}


/* 라이오박스 입력랩 */
.radioInputWrap {
	margin-top:-3px;
	border:none;
}  

/* 입력안내 타이틀 그레에 */ 
.inputTitleTopGray {
	color:#333333;
    font-weight: bold; margin: 15px 0px 10px 7px;display: inline-block;
}

/* 입력안내 타이틀 기본 */ 
.bodyTitleTopBasic {
    font-weight: bold; margin: 15px 0px 10px 7px;display: inline-block;
}


/* 입력안내 타이틀 그레이 */ 
.bodyTitleTopGray {
	color:#333333;
    font-weight: bold; margin: 15px 0px 10px 7px;display: inline-block;
}

 


/* 블록바디 페이지 안내 상단 */
.mainTopTitleClass {
	font-size:1.5em;text-align:center;
	color:#3E2723; 
	margin-top:30px;
	margin-bottom:25px; 
}


/* 블록바디 페이지 안내 상단 기본 */
.mainTopTitleBasicClass {
	font-size:1.5em;text-align:center;
	margin-top:20px;
	margin-bottom:20px; 
}
 		

.mainTopTitleWhiteClass {
	font-size:1.5em;text-align:center;
	color:#FFFFFF; 
	margin-top:20px;
	margin-bottom:20px; 
}
 		
/* 컨텐츠 출력Body 단줄스타일 */  		
.listContentOneLineStyle{
    margin-top:-5px;line-height:180%;background:#eee;border-radius:5px;
}

/* 컨텐츠 출력Body 다줄스타일 */
.listContentMultiLineStyle{
    margin-top:-5px;line-height:180%;background:#eee;border-radius:5px;min-height:40px;
}

 		

/* 한자사전 이동안내  */
.hanjaDictGuide {
	display:inline-block;
	color:#870000;
	font-size:0.95em;
	line-height:160%;
	margin:5px 5px 3px 20px;;
	text-indent:-18px;
	text-align:left;
}

 .flagClass {
 	display:inline-block;
 	min-width:130px !important; 
 }

.svcflagClass {
 	display:inline-block;
 	text-align:center;
 	min-width:120px !important; 
 }
 
 
 .middleLengthClass {
 	display:inline-block;
 	min-width:100px !important; 
 }
 
 
/* 콘텐츠 입력박스 : 정보입력보기  */          
 .contentBodyClass {
 	background:#f9f9f9 !important; 
 	border-radius:10px;
 	border:1px solid #999;
 	padding:20px 15px 20px 15px;
 	margin-top:10px;
 	background:#ddd;
 }
 

.buttonBlockClass {
	padding-top:20px !important;
	padding-bottom:20px !important;
 }
        
            

/* 콘텐츠 입력상자 */     
.contentViewBox  {
 	background:#FBF5F5 !important; 
 	border-radius:10px;
 	border:1px solid #999;
 	padding:20px 15px 20px 15px;
 	margin-top:10px;
 	min-height:20px;
}

/* 콘텐츠 보기 박스 : 정보보기   */          
.contentViewItem   {
 	background:#EFEFEF !important; 
 	line-height:180%; 
 	border-radius:5px;
 	padding-left:7px !important;
 	min-height:20px;
}

/* 콘텐츠 보기 박스 : 독립형태   */
.contentViewItemSingle  {
 	background:#EFEFEF !important; 
 	line-height:180%; 
 	border-radius:5px;
 	padding:4px 8px 4px 8px !important;
 	min-height:30px;
 	color:#333333;
}

		
/* 페이지 하단 공통잔여 여백 */ 
.spareContentClass {
	min-height:50px;
}

/* 첨부이미지 클래스 */    
.attachImageClass {
	width:100%;height:auto;border:1px solid #ccc;
}

 

/* 아이콘 Gap Small from 16px  */ 
.iconGapSmall {
	margin:0px 0px -3px 3px;
}

/* 아이콘 Gap Mid for 24px */ 
.iconGapMid {
	margin:0px 0px -5px 5px;
}


 	/* 레전드 */ 
fieldset legend {
	color:#870000;
	margin-top:8px;
	font-weight: bold;
 	cursor:pointer;
}

/* 처음라벨 */ 
div label:first-child {
	color:#870000;
	margin-top:8px !important;
	font-weight: bold;
 	cursor:pointer;
 
}


/* 이하 SNS 공유 팝업 */


.SnsContainer  {
		text-align:center;
		display:inline-block;
		margin-left:-5px;
}


.socialIconWrap {
	display:inline-block;
	min-width:68px;
	padding:5px 1x 0px 1px;
	text-align:center;
}

 
.socialIcon {
	border:1px solid #FFFFFF !important;box-shadow: 2px 2px 4px #AAAAAA;border-radius:5px;cursor:pointer; 
}
 

.socialBorder {
	border:1px solid #777777 !important;box-shadow: 2px 2px 4px #777777;border-radius:5px;cursor:pointer;  
}


/* 등급평가 */ 
.starBigChar {
    margin-top: 18px; 
    color: #CFA565;
}

.starBigPoint {
    margin-top: 20px; 
    font-size:40px;
    color: #870000;
    margin-bottom:5px;
}

.helpStatusClass {
	display:inline-block;
	min-width:150px;
}


/* 강조 */ 
.highlightClass {
 	font-weight:bold;
 	color:#efefef !important; 	
}

/* 사용후기 등록 주석 */
.reviewDescClass {
   line-height:170%;
}


#pilotOut {
	cursor:pointer; 
}

/* 요청 */ 
.RequestClass {
	cursor:pointer;
}	 

/* 성명정보블록출력 */ 
.infoBlockClass {
	border-radius:10px; 
}


/* 저장목록 호출 */ 
		.pointClass {
			display:inline-block;width:34px;
		}
		
		
		.cnidClass {
			display:inline-block;width:56px;
		}
		
		.iconMinClass {
			display:inline-block;width:15px;text-align:center;
		}
		
		.deleteNameClass {
			cursor:pointer; 
			display:inline-block;
			width:36px;text-align:center;
		}

		.fullNameClass {
			display:inline-block;min-width:120px;
		}
		



/* 이하 기본 크기 */ 
      .minWidth80 {
   		min-width: 80px;
   		display:inline-block; 
   	 } 

       .minWidth80Center {
   		min-width: 80px;
   		text-align:center;
   		display:inline-block; 
   	 }  

       .minWidth80yel {
   		min-width: 80px;
   		display:inline-block; 
   		background:yellow;
   	 }  


       .minWidth80red {
   		min-width: 80px;
   		display:inline-block; 
   		background:red;
   	 }  



       .minWidth100 {
   		min-width: 100px;
   		display:inline-block; 
   	 } 

       .minWidth100Center {
   		min-width: 100px;
   		text-align:center;
   		display:inline-block; 
   	 }  

       .minWidth100yel {
   		min-width: 100px;
   		display:inline-block; 
   		background:yellow;
   	 }  


       .minWidth100red {
   		min-width: 100px;
   		display:inline-block; 
   		background:red;
   	 }  

       .minWidth120 {
   		min-width: 120px;
   		display:inline-block; 
   	 }  


       .minWidth120Center {
   		min-width: 120px;
   		text-align:center;
   		display:inline-block; 
   	 }  
   	 
       .minWidth120yel {
   		min-width: 120px;
   		display:inline-block; 
   		background:yellow;
   	 }  


       .minWidth120red {
   		min-width: 120px;
   		display:inline-block; 
   		background:red;
   	 }  



       .minWidth150 {
   		min-width: 150px;
   		display:inline-block; 
   	 }  


       .minWidth150Center {
   		min-width: 150px;
   		text-align:center;
   		display:inline-block; 
   	 }  
   	 
       .minWidth150yel {
   		min-width: 150px;
   		display:inline-block; 
   		background:yellow;
   	 }  


       .minWidth150red {
   		min-width: 150px;
   		display:inline-block; 
   		background:red;
   	 }  


       .minWidth200 {
   		min-width: 200px;
   		display:inline-block; 
   	 }  

       .minWidth250 {
   		min-width: 250px;
   		display:inline-block; 
   	 }