@charset "utf-8";
#content > .row > .cc > .banner{width:100%;margin:0px auto;margin-top:5px;}
#content > .row > .cc > .bestlist{width:100%;margin:0px auto;margin-top:10px;}
#content > .row > .cc > .counsellist{width:100%;margin:0px auto;margin-top:10px;}

.counselall{margin-top:5px;padding:10px;width:100%;background-color:#F6F6F6;font-weight:bold;font-size:110%;color:#333;line-height:200%;border:1px solid #bababa;-moz-border-bottom-left-radius: 10px;-moz-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

/*글씨 깜박깜박 1초마다 S*/
.blink {-webkit-animation-name: blink;-moz-animation-name: blink;-o-animation-name: blink;animation-name: blink;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;
-webkit-animation-duration: 1.0s;
-moz-animation-duration: 1.0s;
-o-animation-duration: 1.0s;
animation-duration: 1.0s;}
@-webkit-keyframes blink {50% {opacity: 0;}}
@-moz-keyframes blink {50% {opacity: 0;}}
@-o-keyframes blink {50% {opacity: 0;}}
@keyframes blink {50% {opacity: 0;}}
/*글씨 깜박깜박 1초마다 E*/

.ibg{margin:0px;width:100%;background-image:url('/fortune/img/title_bg.jpg');height:40px;text-align:center;display:table;}
.ibg-row{display:table-row;}
.ibg-cell{display:table-cell;vertical-align: middle;padding:5px 10px;color:#000;font-size:14px;}

/*탭메뉴 S*/
.tabrow2 {text-align: center;list-style: none;padding: 0;line-height: 100%;overflow: hidden;font-size: 120%;font-weight:bold;font-family: Nanum Gothic-Regular;position: relative;margin-top:5px;}
.tabrow2 li {width:16.666666666667%;border: 1px solid #000;background: #101010;background: -o-linear-gradient(top, #3c3c3c 30%, #101010 100%);background: -ms-linear-gradient(top, #3c3c3c 30%, #101010 100%);background: -moz-linear-gradient(top, #3c3c3c 30%, #101010 100%);background: -webkit-linear-gradient(top, #3c3c3c 30%, #101010 100%);background: linear-gradient(top, #3c3c3c 30%, #101010 100%);display: inline-block;position: relative;z-index: 0;border-top-left-radius: 2px;border-top-right-radius: 2px;box-shadow: 0px;margin: 0 -2px;padding: 3px 0px;color:#FFF;}
.tabrow2 a {color: #FFF;text-decoration: none;}
.tabrow2 li.selected {background: #FFF;background: #5e8201;background: -o-linear-gradient(top, #304401 30%, #5e8201 100%);background: -ms-linear-gradient(top, #304401 30%, #5e8201 100%);background: -moz-linear-gradient(top, #304401 30%, #5e8201 100%);background: -webkit-linear-gradient(top, #304401 30%, #5e8201 100%);background: linear-gradient(top, #304401 30%, #5e8201 100%);color: #FFF;z-index: 2;border-bottom-color: #5e8201;border-left:0px;border-right:0px;}
.tabrow2:before {position: absolute;content: " ";width: 100%;bottom: 0;left: 0;border-bottom: 1px solid #000;z-index: 1;}
.tabrow2 li:before,.content > .tabrow2 li:after {border: 1px solid #000;position: absolute;bottom: -1px;width: 0px;height: 0px;content: " ";}
.tabrow2 li:before {left: -6px;border-bottom-right-radius: 2px;border-width: 0 1px 1px 0;}
.tabrow2 li:after {right: -6px;border-bottom-left-radius: 2px;border-width: 0 0 1px 1px;}
/*탭메뉴 E*/

/*하단 베스트 상담사 S*/
.bestbox{display:table;border:solid 5px #d7d7d7;width:100%;}
.bestbox > .row{display:table-row;}
.bestbox > .row > .cell1{display:table-cell;width:65%;vertical-align: middle;text-align:center;padding-right:30px;}
.bestbox > .row > .cell2{display:table-cell;width:35%;padding:15px 30px;}

.cImg{background-size:cover;background-repeat: no-repeat;background-position:top center;width:100%;min-height:170px;cursor:pointer;margin:0px;}
.nickBox{display: table;width:100%;border-bottom:1px solid #D7D7D7;}
.nickBox > .row{display: table-row;}
.nickBox > .row > .nBox8400,.nBox8425,.nBox8484,.nBox8423,.nBox4677{display: table-cell;width:60%;text-align:left;font-size:120%;color:#000;font-weight:bold;}
.nickBox > .row > .nBox8400,.nBox8425,.nBox8484,.nBox8423,.nBox4677 > span{color:#F26522;}
.nickBox > .row > .cell2{display: table-cell;width:40%;text-align:right;}
.pBox8400,.pBox8425,.pBox8484,.pBox8423,.pBox4677{width:100%;line-height:30px;text-align:center;font-weight:bold;color:#544741;font-size:100%;}

.btn-best {color: #fff;background-color: #f26522;border-color: #f26522;}
.btn-best:focus,.btn-best.focus {color: #fff;background-color: #f26522;border-color: #f26522;}
.btn-best:hover {color: #fff;background-color: #f26522;border-color: #f26522;}
.btn-best:active,.btn-best.active,.open > .dropdown-toggle.btn-best {color: #fff;background-color: #f26522;border-color: #f26522;}
.btn-best:active:hover,.btn-best.active:hover,.open > .dropdown-toggle.btn-best:hover,.btn-best:active:focus,.btn-best.active:focus,.open > .dropdown-toggle.btn-best:focus,.btn-best:active.focus,.btn-best.active.focus,.open > .dropdown-toggle.btn-best.focus {color: #fff;background-color: #f26522;border-color: #f26522;}
.btn-best:active,.btn-best.active,.open > .dropdown-toggle.btn-best {background-image: none;}
.btn-best.disabled:hover,.btn-best[disabled]:hover,fieldset[disabled] .btn-best:hover,.btn-best.disabled:focus,.btn-best[disabled]:focus,fieldset[disabled] .btn-best:focus,.btn-best.disabled.focus,.btn-best[disabled].focus,fieldset[disabled] .btn-best.focus {background-color: #f26522;border-color: #f26522;}
.btn-best .badge {color: #f26522;background-color: #fff;}

.btn-new {color: #fff;background-color: #aba000;border-color: #aba000;}
.btn-new:focus,.btn-new.focus {color: #fff;background-color: #aba000;border-color: #aba000;}
.btn-new:hover {color: #fff;background-color: #aba000;border-color: #aba000;}
.btn-new:active,.btn-new.active,.open > .dropdown-toggle.btn-new {color: #fff;background-color: #aba000;border-color: #aba000;}
.btn-new:active:hover,.btn-new.active:hover,.open > .dropdown-toggle.btn-new:hover,.btn-new:active:focus,.btn-new.active:focus,.open > .dropdown-toggle.btn-new:focus,.btn-new:active.focus,.btn-new.active.focus,.open > .dropdown-toggle.btn-new.focus {color: #fff;background-color: #aba000;border-color: #aba000;}
.btn-new:active,.btn-new.active,.open > .dropdown-toggle.btn-new {background-image: none;}
.btn-new.disabled:hover,.btn-new[disabled]:hover,fieldset[disabled] .btn-new:hover,.btn-new.disabled:focus,.btn-new[disabled]:focus,fieldset[disabled] .btn-new:focus,.btn-new.disabled.focus,.btn-new[disabled].focus,fieldset[disabled] .btn-new.focus {background-color: #aba000;border-color: #aba000;}
.btn-new .badge {color: #aba000;background-color: #fff;}
.classline{text-align:center;margin-top:140px;line-height:30px;background-color:rgba(0,0,0,.7);color:#FFF;}
/*하단 베스트 상담사 S*/

/*운세 리스트 박스*/
.flistBox{width:100%;position:relative;border-bottom:solid 1px #dadada;padding:5px 0px 0px 0px;margin:0 0 10px;}
.flistl{width:30%;float:left;text-align:center;}
.flistr{width:70%;float:left;}

.pBox1{width:60px;font-family:tahoma;font-size:12px;font-weight:bold;margin:0px;background-color:#fa536f;color:#FFF;text-align:center;height:15px;line-height:15px;border:1px solid #fa536f;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.pBox2{width:60px;font-family:tahoma;font-size:12px;font-weight:bold;margin:0px;background-color:#f9d891;text-align:center;height:15px;line-height:15px;border:1px solid #f9d891;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.pBox3{width:20px;font-family:tahoma;font-size:12px;font-weight:bold;margin:0px;background-color:#fa536f;color:#FFFF00;text-align:center;height:15px;line-height:15px;border:1px solid #fa536f;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.pBox4{width:60px;font-family:tahoma;font-size:12px;font-weight:bold;margin:0px;background-color:#f9d891;text-align:center;height:15px;line-height:15px;border:1px solid #f9d891;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

#loginBox{width:100%;margin-top:3px;}
#loginBox .lBox{margin:0px;background-color:#f9d891;text-align:center;border:1px solid #bababa;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

#fortuneBox{width:100%;margin-bottom:3px;}
#fortuneBox .fBox{margin:0px;line-height:25px;background-color:#f9d891;text-align:center;border:1px solid #bababa;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

#loadingFlash{margin: 0 0 0 40px;width:740px;height:528px;text-align:center;padding-top:244px;display:block;}

/*bootstrap css*/
/*col-xs*/
@media only screen and (min-width : 0px) and (max-width : 767px) {

}

/*col-sm*/
@media only screen and (min-width : 768px) and (max-width : 991px) {

}
/*col-md*/
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	.bestbox > .row > .cell1{width:50%;}
	.bestbox > .row > .cell2{width:50%;}
}
@media only screen and (min-width : 1200px) and (max-width : 1300px) {
	.bestbox > .row > .cell1{width:55%;}
	.bestbox > .row > .cell2{width:45%;}
}
/*col-lg*/
@media only screen and (min-width : 1200px) {

}