html, body {
/*	background:#60C39A;  */

}



hr {
}

hr[c='o'] {
	border: 0;
	height: 0;
	border-top: 1px solid #f5a623;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	height:1px;
/*	border-top: 1px solid #193999; */
}


hr[c='g'] {
	border: 0;
	height: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	height:1px;
/*	border-top: 1px solid #193999; */
}

.cAiTit {
	font-size:1em;
/*	color:#193999;*/
	color:#414141;
	font-weight:bold;
	padding:40px 0px 10px;
/*
	background:#ddd;
	box-shadow:1px 1px 3px #aaa;

*/
}

.cAiTitSub {
	font-size:0.9em;
/*	color:#193999;*/
	padding:8px 20px;
	color:#414141;
	background:#a9F3CA;
	font-weight:bold;
}

/*   ------------------------------------------------------ */

.cIHeader {
	background-color:#f5a623;
	position:fixed;
	z-index:9;
	width:100%;
	height:50px;
	box-shadow:1px 1px 1px #f5a623;
	top:0;
}


.cIHeader div:nth-child(1) {
	width:50px;
	float:left;
}

.cIHeader > div:nth-child(2) {
	color:#fff;
	width:calc(100% - 105px);
	float:left;
}

.cIHeader > div:nth-last-of-type(1) {
	width:50px;
	float:left;
}



.cIHeader > div {
	vertical-align:top;
	box-sizing:border-box;
	display: inline-block;
	height:100%;
	line-height:50px;
	text-align:center;
/*
	font-size:1.1em;
	font-weight:bold; 


*/
}

/*   ------------------------------------------------------ */

.cIHeaderW {
	height:45px;background:#fff;position:fixed;width:100%;z-index:9999;box-shadow:0px 1px 3px #888;
}

.cIHeaderW > div:nth-of-type(1) {
	display:inline-block;margin-top:0px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16.34 16.34"><polygon points="5.48 8.97 10.86 14.35 11.66 13.55 6.28 8.17 11.66 2.79 10.86 1.99 5.48 7.37 4.68 8.17 5.48 8.97" style="fill:%23000"/><rect width="16.34" height="16.34" style="fill:none"/></svg>')  no-repeat 50% 50%;
	background-size:20px 20px;
	width:45px;
	height:45px;
}

.cIHeaderW > div:nth-of-type(2) {
	display:inline-block;color:#000;vertical-align:top;line-height:45px;
}


.cIHeaderW > div:nth-of-type(3) {
	position:absolute;
	display:inline-block;
	top:10px;
	width:30px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	font-size:0.8em;
	height:25px;
	line-height:25px;
	right:140px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.2 115.2"><path d="M119.71,136.15a50,50,0,0,0,65.15,75.51l22.92,22.91a7.32,7.32,0,0,0,10.35-10.35L195.22,201.3a50,50,0,0,0-75.51-65.15Zm60.36,60.36a35.36,35.36,0,1,1,0-50A35.37,35.37,0,0,1,180.07,196.51Z" transform="translate(-105.07 -121.51)" style="fill:%23fff"/></svg>') no-repeat 50% 50% #f5a623;  
	background-size:60% 60%;

}

.cIHeaderW > div:nth-of-type(4) {
	position:absolute;
	display:inline-block;
	top:10px;
	width:60px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	background:#f5a623;
	font-size:0.8em;
	height:25px;
	line-height:25px;

	right:75px;
}

.cIHeaderW > div:nth-of-type(5) {
	position:absolute;
	display:inline-block;
	top:10px;
	width:60px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	background:#f5a623;
	font-size:0.8em;
	height:25px;
	line-height:25px;

	right:10px;
}

.cIHeaderW + div {
	height:45px;
}



/******************************/

.cEvalUndder {
	font-size:0.8em;
	color:#888;
}

.cEvalUndder > div:nth-of-type(1) {
	display:inline-block;
	width:65px;
}

.cEvalUndder > div:nth-of-type(2) {
	display:inline-block;
	width:65px;
}

.cEvalUndder > div:nth-of-type(3) {
	display:inline-block;
	width:35px;
}

.cEvalUndder > div:nth-of-type(4) {
	display:inline-block;
	width:35px;
}


.cEvalUndder > div:nth-last-of-type(1) {
	float:right;
	margin-right:10px;
}

.cEvalImg {
	width:100%;height:126px;overflow:auto;overflow-y:hidden;
}

.cEvalImg > div > img {
	width:auto;height:100px;display:inline-block;
}

.cTtStar {
	margin:10px 0 10px;
}

.cTtStar > a:nth-of-type(odd) {
	color:#9b9b9b;font-size:0.8em;		
}

.cTtStar > a:nth-of-type(even) {
	color:#f5a623
}

.cTtStarSub {
	margin:10px 0 10px;
}

.cTtStarSub > a:nth-of-type(odd) {
	color:#9b9b9b;font-size:0.8em;width:40px;display:inline-block;
}

.cTtStarSub > a:nth-of-type(even) {
	color:#f5a623;width:50px;display:inline-block;
}


.cRvBlk {
	width:calc( 100% - 40px );display:inline-block;
}

.cRvTitle {
	margin:3px 0 15px;
}

.cRvTitle > a:nth-of-type(1) {
	margin:20px 0 10px;
	font-size:0.9em;
	font-weight:bold;
}

.cRvTitle > a:nth-of-type(2){
	float:right;font-size:0.8em;color:#888;margin-right:10px;
}


.cRvCtt{
	color:#4a4a4a;font-size:0.8em;margin-bottom:30px;
}

.cMorevw {
	margin:0px 10px 30px 0;font-size:0.8em;border:1px solid #f5a623;border-radius:7px;color:#f5a623;padding:2px;width:150px;text-align:center;
}





.cRvwCmt {
	margin:10px 0 10px 40px;
}

.cRvwCmt > div:nth-of-type(1)  {
	vertical-align:top;width:40px;display:inline-block;display:inline-block;
}

.cRvwCmt > div:nth-of-type(1) > img  {
	width:30px;height:30px;border-radius:25px;
}


.cRvwCmt > div:nth-of-type(2)  {
	width:calc( 100% - 40px );display:inline-block;font-size:0.8em;
}

.cRvwCmt > div:nth-of-type(2) > div  {
	width:100%;display:inline-block;margin:3px 0;color:#333;

}

.cRvwCmt > div:nth-of-type(2) > div:nth-of-type(1)  {
}

.cRvwCmt > div:nth-of-type(2) > div:nth-of-type(2)  {
	width:calc(100% - 10px);
	word-break:break-all;
}

.cRvwCmt > div:nth-of-type(2) > div:nth-of-type(3)  {
	color:#aaa;
}

.cRvwCmt > div:nth-of-type(2) > div:nth-of-type(3)  >  a:nth-of-type(2){
	color:#aaa;float:right; margin-right:10px;
}



/******************************/

.cBtnPanel1{
	width:100%;
	height:70px;    
/*	position:fixed; */
	font-size:1.1em;
} 

.cBtnPanel1 > div {
	float:left;
	height: 70px;    
	line-height: 70px;
	width:100%;
	text-align: center;
	background:#f5a623;
}	  

.cBtnPanel1 > div > span{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color:#fff;
	border:1px solid #f5a623;
	border-radius:5px;
	padding: 10px 20px;
	width:160px;
	height:20px;
}
/*
    <div class="cBtnPanel1" id="dBtnPanel1" hidden >
		<div><span>회원등록</span> </div>
    </div>      
*/
.cBtnPanel2{
	width:100%;
	height:70px;        
/*	position:fixed;  */
	font-size:1.1em;
}      

.cBtnPanel2 > div:nth-of-type(1){
	float:left;
	height: 70px;       
	line-height: 70px;  
	width:50%;
	text-align: center;
	background:#e1e1e1;
}

.cBtnPanel2 > div:nth-of-type(2){
	float:left;
	height: 70px;       
	line-height: 70px;  
	width:50%;
	text-align: center;
	background:#f5a623;
}

.cBtnPanel2 > div:nth-of-type(1) > span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color:#00430A;
	border:1px solid #00430A;
	border-radius:5px;
	padding:10px 20px;
	width:90px;
	height:20px;
}

.cBtnPanel2 > div:nth-of-type(2) > span{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color:#e1e1e1;
	border:1px solid #f5a623;
	border-radius:5px;
	padding:10px 20px;
	width:90px;
	height:20px;
}


.cBtnPanelf1{
	width:100%;
	height:50px;    
	font-size:0.9em;
	position:fixed; 
	bottom:0;
} 

.cBtnPanelf1 > div {
	height: 50px;    
	line-height: 50px;
	text-align: center;
	background:#f5a623;
}	  

.cBtnPanelf1 > div > span{
	display: inline-block;
	vertical-align: middle;
	color:#fff;
}

.cBtnPanelf2{
	width:100%;
	height:50px;        
	font-size:0.9em;
	position:fixed; 
	bottom:0;
}      

.cBtnPanelf2 > div:nth-of-type(1){
	float:left;
	height: 50px;       
	line-height: 50px;  
	width:50%;
	text-align: center;
	background:#e1e1e1;
}

.cBtnPanelf2 > div:nth-of-type(2){
	float:left;
	height: 50px;       
	line-height: 50px;  
	width:50%;
	text-align: center;
	background:#f5a623;
}

.cBtnPanelf2 > div:nth-of-type(1) > span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color:#444;
	border-radius:5px;
	height:20px;
}

.cBtnPanelf2 > div:nth-of-type(2) > span{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color:#fff;
	border-radius:5px;
	height:20px;
}

/*
    <div class="cBtnPanel2" id="dBtnPanel2" >
      <div><span>이메일</span></div>
      <div><span >로그인</span></div>
    </div>      
*/
.cButton {
	border:none;
	vertical-align:top;
	background:#f5a623;
	width:80px;
	color: #fff;
	font-size:0.9em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}



/*********************************************SQUARED FOUR */




/*************************************/
.cIForm {
	margin:30px;
}

.cDB {
	margin:30px 0;

}

.cD {
	margin:5px 0;

}


/***********************************/

/*********************************************SQUARED FOUR */


/* SQUARED FOUR */
.cChkSqurM4-1 {
	display:inline-block;
	margin-left:-8px;
	margin-right:10px;

}

.cChkSqurM4-1 div {
	width: 20px;	
	height: 20px;	
	margin: 20px 5px;
	position: relative;
	display:inline-block;
	vertical-align:middle;
}

.cChkSqurM4-1 div input[type=checkbox] {
/*		margin-left:-9999em;  */
}

.cChkSqurM4-1 div label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;
	border:2px solid #aaa;
	margin-top:-3px;
	background: #fff;
}

.cChkSqurM4-1 label {
	position:relative;
	vertical-align:middle;
}

.cChkSqurM4-1 div label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 8px;
	background: transparent;
	top: 3px;
	left: 3px;
	border: 2px solid #193999;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cChkSqurM4-1 div label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0;
}

.cChkSqurM4-1 div input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ------------------------------------- */


	.cBtnRIco {
		border-radius:50%;
		width:34px;
		height:34px;
		background:#f5a623;
		padding:10px;
		display:inline-block;

		box-shadow:1px 1px 5px #aaa;
	}

	.cBtnRIco:hover {
		/* background-color: RoyalBlue; */
	}

	.cIcoPlus{
		display:inline-block;
		width:100%;
		height:100%;
		border-bottom:4px solid #eee;
		margin-top:calc(-50% - 2px);

	}

	.cIcoPlus:after {
		display:inline-block;
		width:100%;
		height:100%;
		border-left:4px solid #eee;
		content:'';
		margin-left:calc(50% - 2px);
		margin-top:calc(50% + 2px);
	}
	
	
	
	
	
	
	
		.filebox input[type="file"] {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip:rect(0,0,0,0);
			border: 0;
		}

		.filebox label {
			display: inline-block;
			padding: .5em .75em;
			color: #999;
			font-size: inherit;
			line-height: normal;
			vertical-align: middle;
			background-color: #fdfdfd;
			cursor: pointer;
			border: 1px solid #ebebeb;
			border-bottom-color: #e2e2e2;
			border-radius: .25em;
		}

		/* named upload */
		.filebox .upload-name {
			display: inline-block;
			padding: .5em .75em;
			font-size: inherit;
			font-family: inherit;
			line-height: normal;
			vertical-align: middle;
			background-color: #f5f5f5;
		  border: 1px solid #ebebeb;
		  border-bottom-color: #e2e2e2;
		  border-radius: .25em;
		  -webkit-appearance: none; /* 네이티브 외형 감추기 */
		  -moz-appearance: none;
		  appearance: none;
		}

		/* imaged preview */
		.filebox .upload-display {
			height:35px;
			overflow:hidden;
			text-align:center;
		}

		@media(min-width: 768px) {
			.filebox .upload-display {
/*
				display: inline-block;
				margin-right: 5px;
				margin-bottom: 0; */
			}
		}
			.filebox .upload-display {
				display: inline-block;
				margin-right: 5px;
				margin-bottom: 0; 
			}


		.filebox .upload-thumb-wrap {
			display: inline-block;
			vertical-align: middle;
			text-align:center;
/* 			padding: 2px;
			background-color: #red;
			border-radius: 5px;
 */			
		
			border: 1px solid #ddd;
		}
		
		.filebox .upload-display img {
			display: block;
			max-width: 100%;
			border-radius:3px;
			width:auto;height:35px;
		}
		


		.filebox.bs3-primary label {
		  color: #fff;
		  background-color: #f5a623;
			border-color: #f5a623;
		}	
		
		
		
		/* -------------------------- */


	.cInputTextRImg {
		display:inline-block;
		position:relative;
		margin-left:-6px;

/*
		margin-left:-6px;
		border:2px solid #eee;

*/
	}

	.cInputTextRImg > input[type=search]{
		width:calc(100% - 35px);
		margin:0;
		padding:0;
		border:none;
	}

	.cInputTextRImg > img {
/*
        background: url(http://www.ulguling.com/ul/ico/search.png);
		background-size:cover;
*/
		border-style:none;
        border: none;
		margin:7px 10px;
		position:absolute;
		display:inline-block;
		right:0;
		top:0;
		width:25px;
		height:25px;

	}

	/*--------------------------------------*/
	.cInputTextBImg {
		display:inline-block;
		position:relative;
		margin-left:-6px;

/*
		margin-left:-6px;
		border:2px solid #eee;

*/
	}

	.cInputTextBImg > input[type=search]{
		width:calc(100% - 70px);
		margin-left:35px;
		padding:0;
		border:none;
	}

	.cInputTextBImg > .cImg1 {
		border-style:none;
        border: none;
		margin:7px 10px;
		position:absolute;
		display:inline-block;
		left:0;
		top:0;
		width:25px;
		height:25px;

	}

	.cInputTextBImg > .cImg2 {
		border-style:none;
        border: none;
		margin:7px 10px;
		position:absolute;
		display:inline-block;
		right:0;
		top:0;
		width:25px;
		height:25px;
	}		
	
	



	
/* ----------------------------------------------------------- 

*/
	

/*
	bgcolor:#00632A;
	background-color:#70D39A;
00632A
70D39A
배경색    1 #00632A     #002A63     #632A00   #2A0063      #63002A   #2A6300
<= ORG   2 #10733A     #103A73     #733A10   #3A1073      #73103A   #3A7310
         3 #20834A     #204A83     #834A20   #4A2083      #83204A   #4A8320
         4 #30935A     #305A93     #935A30   #5A3093      #93305A   #5A9330
         5 #40A36A     #406AA3     #A36A40   #6A40A3      #A3406A   #6AA340
         6 #50B37A     #507AB3     #B37A50   #7A50B3      #B3507A   #7AB350
         7 #60C38A     #608AC3     #C38A60   #8A60C3      #C3608A   #8AC360
         8 #70D39A     #709AD3     #D39A70   #9A70D3      #D3709A   #9AD370
         9 #80E3AA     #80AAE3     #E3AA80   #AA80E3      #E380AA   #AAE380
         1 #90F3BA     #90BAF3     #F3BA90   #BA90F3      #F390BA   #BAF390

9597F5
8587E5
7577D5
6567C5
5557B5
4547A5
353795        <=
252785
151775
050765

*/
