#contents {
	padding-bottom: 143px;
}

.ppBox{background-color:#FFF;max-width:450px;margin:0px auto;}
.ppBox .btnBox{display:table;width:100%;}
.ppBox .btnBox .c{display:table-cell;width:25%;text-align:center;padding:10px 0px;}

.ppBox .ccBox{display:table;width:100%;}
.ppBox .ccBox .c{display:table-cell;vertical-align:top;}
#iconAni{
	display:inline-block;
	width:100px;
	height:100px;
	background-size: contain;
	background-color:transparent;
	margin:28px 0px;
	font-size:100px;
	color:#FFF;
	opacity: .6;
	animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

#cField{
	position:absolute;
	top:8px;
	right:10px;
	color:#FFF;
}

.CInfo,.CComment{max-width:450px;margin:0px auto;}

#CommList{
	padding-bottom:20px;
}
#CommList .tline{
	border-top:1px dotted #D7D7D7;
}
#CommList .comm{
	width:100%;
}
#CommList .comm .tit{
	/*padding:10px 20px 0px 20px;*/
	padding:15px 0px 0px 10px;
}
#CommList .comm .comt{
	clear:both;
	padding:10px 20px 20px 20px;
}
#CommList .comm .comt div{
	line-height:20px;
}

.sbox{
	display:table;
	width:100%;
}

.sbox .c{
	display:table-cell;
	vertical-align: middle;
}

.btnStory{max-width:450px;padding:7px 0px 5px 0px;background-color:#464646;color:#FFF;margin:0px auto;}
.tblstory{display:table;margin:0px auto;}
.tblstory .c{display:table-cell;}

#footer {
	bottom:50px;
}

#pfooter {
	position:fixed;
	bottom:0px;
	margin-top: 83px;
	width:100%;
	z-index: 98;
}

.btn-group button {
    background-color: #4CAF50; /* Greenbackground */
    border: 1px solid green; /* Green border*/
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /*Pointer/hand icon */
    float: left; /* Float thebuttons side by side */
}

.btn-group button:not(:last-child) {
   border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
   content: "";
    clear: both;
    display:table;
}

/* Add a background color on hover */
.btn-group button:hover {
   background-color: #3e8e41;
}


.btn-field,.btn-btn-field:focus {
	color: #464646;
	background-color: #FFF;
	border:1px solid #d7d7d7;
	margin-top:2px;
}

/* 대기중 */
.btn-s0,.btn-s0:focus {
	color: #FFF;
	background-color: #339933;
	border-color: #339933;
}

/* 상담중 */
.btn-s1,.btn-gphone,.btn-s1:focus,.btn-gphone:focus {
	color: #FFF;
	background-color: #dd4b39;
	border-color: #dd4b39;
}

/* 부재중 */
.btn-s2,.btn-s2:focus {
	color: #FFF;
	background-color: #707070;
	border-color: #707070;
}

.btn-del,.btn-del:focus {
	color: #464646;
	background-color: #FFF;
	border-color: #CCC;
}

.btn-red,.btn-red:focus {
	color: #FFF;
	background-color: #283566;
	border-color: #283566;
}
.btn-green,.btn-green:focus {
	color: #FFF;
	background-color: #348585;
	border-color: #348585;
}

.btn-ddgray,.btn-ddgray:focus {
	color: #FFF;
	background-color: #898989;
	border-color: #898989;
}


.dinput{
	height: 36px;
	line-height: 1.42857143;
	background-color: #fff;
	border:1px solid #D7D7D7;
	text-indent: 12px;
}
.dinput:focus{
	border:1px solid #9E0B0F;
}

.txteng{
	ime-mode:disabled;
	text-transform:lowercase;
}
.txtkor{
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-ms-ime-mode:active;
	ime-mode:active;
	text-transform:lowercase;
}

/*페이징*/
/* paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}
/*페이징*/



div.bg.sinjum {
	background: url(https://unse-cdn.s3.ap-northeast-2.amazonaws.com/counselor/bg_sinjum.png) no-repeat !important;
	background-size: auto !important;
	background-size: cover !important;
}

div.bg.saju {
	background: url(https://unse-cdn.s3.ap-northeast-2.amazonaws.com/counselor/bg_saju.png) no-repeat !important;
	background-size: auto !important;
	background-size: cover !important;
}

div.bg.tarot {
	background: url(https://unse-cdn.s3.ap-northeast-2.amazonaws.com/counselor/bg_tarot.png) no-repeat !important;
	background-size: auto !important;
	background-size: cover !important;
}

div.bg.dream {
	background: url(https://unse-cdn.s3.ap-northeast-2.amazonaws.com/counselor/bg_dream.png) no-repeat !important;
	background-size: auto !important;
	background-size: cover !important;
}

.heart.colorful { color:#ff0000; }
.star.colorful { color:#ffd400; }