/* CSS Document */
* { margin:0; padding:0;-webkit-text-size-adjust:none; }
html, body{ height:100%; font-size:small;font-family:돋움,나눔고딕; color:#696969; }
table{font-size:small;font-family:돋움; color:#3f3f3f;}
a { text-decoration:none; color:#696969;}
img { border: 0 }


/*본문*/
#form1, #aspnetForm { min-height: 100%; height: 100%;  } 
.bodywrap { min-height:100%; height:auto !important; height:100%; margin:0 auto -76px; }
.content { padding:0 5px;}

/*★★하단★★*/
.footer, .footer_push { clear:both; height:76px; }
.footer { padding:5px 0; text-align:center; color:#fff; 
	border-top:1px solid #b6b6b6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222));
	background:-moz-linear-gradient(top, #333333, #222222);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#333333, endColorStr=#222222);
}
.footer a { color:#ccc;font-size:12px;}
.footer_logo { text-align:center; padding:4px 10px 0 10px; font-size:12px; color:#ffffff; }
.footer_hr{
	clear:both;margin:4px 0;
	width:100%;height:1px;background:#1d1d1d;-webkit-box-shadow:0 1px 0 #515151;
}
.footer_company{
	text-align:center;padding:0;margin:5px 0;font-size:11px;color:#ccc;
}

/*★★첫화면 메인★★*/
.bodywrapmain { min-height:100%; height:auto !important; height:100%; margin:0 auto -76px;
	background-color: #fffae6;
	background-image: url(img/main/main_back.jpg);background-repeat:no-repeat;background-size:100% auto;
}
.main {padding:30px 0 0 0;text-align:center; width:auto;min-height:150px;}
.main_title{padding:10px 0 5px;color:#ae5052;font-size:12px;}


/*메인 버튼 전체 영역*/
.main_btn_area{clear:both;margin:0 auto;width:260px; height:110px;}

	/*버튼영역*/
	.main_btn_box{float:left;max-width:80px;height:90px;margin:5px 2px;text-align:center;cursor:pointer;
	-webkit-transform: translate3d(0px,0px, 0px);
	-webkit-animation-name:main_btn_box_ani;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function:linear;
	}
	
	/*버튼영역 애니메이션*/
	@-webkit-keyframes main_btn_box_ani{
	0%{-webkit-transform: translate3d(0px, 40px, 0px);opacity:0;}
	100%{-webkit-transform: translate3d(0px, 0px, 0px);opacity:1;}
	}


	/*버튼 이미지*/		
	.main_btn_box img{width:80px; height:80px;}
	/*버튼 텍스트*/
	.main_btn_box span{color:#404040;font-size:12px;font-weight:bold; line-height:20px;}
	/*버튼 텍스트 강조*/
	.main_btn_box span.main_btn_bold{color:#bb173a;}



/*★★상단★★*/
.top_title{padding:3px 0 0 0;height:37px;text-align:center;
	background-image: url(img/menu/top_back.jpg);background-repeat:no-repeat;background-size:100% 40px;
}

.top_title .top_title_left{position:absolute; top:0px; right:2px;}

/*★★상단메뉴★★*/
.menu_jeomyong{border-top:1px solid #74103b;border-bottom:1px solid #74103b;
	background-color:#bb2263;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb2263), color-stop(100%,#5e0c2f));
}
.menu_jeomsin{border-top:1px solid #2b0606;border-bottom:1px solid #2b0606;
	background-color:#7f1919;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f1919), color-stop(100%,#410606));
}
.menu_jeomdosa{border-top:1px solid #070a23;border-bottom:1px solid #070a23;
	background-color:#343c8d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#343c8d), color-stop(100%,#070a23));
}
.menu_jeomboard{border-top:1px solid #2c2a07;border-bottom:1px solid #2c2a07;
	background-color:#968e13;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#968e13), color-stop(100%,#494509));
}
.menu_jeominfo{border-top:1px solid #462d0d;border-bottom:1px solid #462d0d;
	background-color:#c07a20;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c07a20), color-stop(100%,#74460c));
}
.menu_newbest{border-top:1px solid #101010;border-bottom:1px solid #101010;
	background-color:#8a8a8a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(100%,#292929));
}
.menu_tarot{border-top:1px solid #101010;border-bottom:1px solid #101010;
	background-color:#CE1D40;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE1D40), color-stop(100%,#740008));
}

#top_menu li{float:left; width:20%; padding:0 0 0 0; text-align:center;font-size:11px; font-family:나눔고딕; font-weight:bold;}

#top_menu li a{display:block;width:100%;padding:35px 0 7px;}

	.jeomyong a{background: url(img/menu/top_btn_jeomyong.png) no-repeat center 5px;color:#ffffff;}
	.jeomyong_rv a{background: url(img/menu/top_btn_jeomyong_rv.png) no-repeat center 5px;color:#fff778;}

	.jeomsin a{background: url(img/menu/top_btn_jeomsin.png) no-repeat center 5px;color:#ffffff;}
	.jeomsin_rv a{background: url(img/menu/top_btn_jeomsin_rv.png) no-repeat center 5px;color:#fff778;}

	.jeomdosa a{background: url(img/menu/top_btn_jeomdosa.png) no-repeat center 5px;color:#ffffff;}
	.jeomdosa_rv a{background: url(img/menu/top_btn_jeomdosa_rv.png) no-repeat center 5px;color:#fff778;}

	.jeomboard a{background: url(img/menu/top_btn_jeomboard.png) no-repeat center 5px;color:#ffffff;}
	.jeomboard_rv a{background: url(img/menu/top_btn_jeomboard_rv.png) no-repeat center 5px;color:#fff778;}

	.newbest a{background: url(img/menu/top_btn_newbest.png) no-repeat center 5px;color:#fff;}
	.newbest_rv a{background: url(img/menu/top_btn_newbest_rv.png) no-repeat center 5px;color:#fff778;}

	.tarot a{background: url(img/menu/top_btn_tarot.png) no-repeat center 5px;color:#fff;}
	.tarot_rv a{background: url(img/menu/top_btn_tarot_rv.png) no-repeat center 5px;color:#fff778;}

	/*.jeomhelp a{background: url(img/menu/top_btn_jeomhelp.png) no-repeat center 5px;color:#ffffff;}
	.jeomhelp_rv a{background: url(img/menu/top_btn_jeomhelp_rv.png) no-repeat center 5px;color:#fff778;}
	*/


/*★★메인배너★★*/
.main_back3 {margin:0 10px; height:47px; color:#353535; border-bottom:1px solid #b0b0b0;
	background: url(img/banner/banner_back3.png) no-repeat top right;}
.main_banner{ margin:0;	width:auto; height:120px; font-size:14px; font-weight:bold; color:#353535; 
border-bottom:1px solid #b0b0b0;cursor:hand;}
		
	/*배경*/
	.main_banner_back_01{background: url(img/banner/banner_back_01.jpg) no-repeat top right;}
	.main_banner_back_02{background: url(img/banner/banner_back_02.jpg) no-repeat top right;}
	.main_banner_back_03{background: url(img/banner/banner_back_03.jpg) no-repeat top right;}
	.main_banner_back_04{background: url(img/banner/banner_back_04.jpg) no-repeat top right;}
	.main_banner_back_05{background: url(img/banner/banner_back_05.jpg) no-repeat top right;}
	.main_banner_back_06{background: url(img/banner/banner_back_06.jpg) no-repeat top right;}
	.main_banner_back_07{background: url(img/banner/banner_back_07.jpg) no-repeat top right;}
	.main_banner_back_09{background: url(img/banner/banner_back_09.jpg) no-repeat top right;}
	.main_banner_back_info{background: url(img/banner/banner_back_info.jpg) no-repeat top right;}
	.main_banner_ctn_infomation{padding:30px 40% 0 20px;}

	/*상담사 이미지*/
	.main_banner_img{float:left;}
	.main_banner_img img{width:120px;}
	
	/*상담사 소개및 전화번호*/
	.main_banner_ctn{padding:20px 10px 0 130px;}
	.main_banner_ctn_name{font-size:22px;}
	.main_banner_ctn_info{text-shadow:0 1px 1px #fff, 0 -1px 1px #fff, 1px 0 1px #fff, -1px 0 1px #fff;}
	.main_banner_ctn_tel_600{background: #7d3131;padding:2px 5px;font-size:16px; color:#ffffff;}
	.main_banner_ctn_tel_900{background: #c88112;padding:2px 5px;font-size:16px; color:#ffffff;}


/*★★타이틀★★*/
.title{height:35px; display:table-cell; padding:0 0 0 110px; vertical-align:middle;font-size:11px;}
	.t_jeomyong{ background: url(img/title/title_jeomyong.gif) no-repeat 2px center;}
	.t_jeomsin{ background: url(img/title/title_jeomsin.gif) no-repeat 2px center;}
	.t_jeomdosa{ background: url(img/title/title_jeomdosa.gif) no-repeat 2px center;}
	.t_tarot{ background: url(img/title/title_tarot.gif) no-repeat 2px center;}
	.t_jeomboard{ background: url(img/title/title_jeomboard.gif) no-repeat 2px center;}
	.t_jeomhelp{ background: url(img/title/title_jeomhelp.gif) no-repeat 2px center;}
	.t_new{ background: url(img/title/title_new.gif) no-repeat 2px center;padding:0 0 0 65px;}
	.t_best{ background: url(img/title/title_best.gif) no-repeat 2px center;padding:0 0 0 65px;}


	/*점사스페셜 타이틀*/
	.t_memberjoin{background: url(img/title/title_memberjoin.gif) no-repeat 2px center;}
	.t_joinok{background: url(img/title/title_joinok.gif) no-repeat 2px center;}
	.t_membermdfy{background: url(img/title/title_membermdfy.gif) no-repeat 2px center;}
	.t_mbout{background: url(img/title/title_mbout.gif) no-repeat 2px center;}
	.t_charge{background: url(img/title/title_charge.gif) no-repeat 2px center;padding:0 0 0 80px;}
	.t_charge_ok{background: url(img/title/title_charge_ok.gif) no-repeat 2px center;padding:0 0 0 80px;}
	.t_charge_list{background: url(img/title/title_charge_list.gif) no-repeat 2px center;}




/*★★상담사목록★★*/
.main_list {clear:both;height:108px;margin:12px 0;}
	.main_list_img {float:left;margin-right:8px;}
	.main_list_img img{height:100px;margin:4px 0;}
	.main_list_ctn {height:79px;}
		.main_list_ctn_name{font-size:16px;color:#333333;}
		.main_list_ctn_category{color:#999999;}
		.main_list_ctn_tel{display:table;padding:2px 5px;background:#f1f1f1; font-size:14px; color:#2a2a2a;}
			.tel_600{color:#b53333;}
			.tel_900{color:#f36c0a;}



/*★★로그인 ,[상담사예약]★★*/

.alt_back{position:fixed;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5);}

.alt{margin:20px 20px;padding-bottom:5px;width:auto;background:#fff;font-size:12px;border-radius:10px;border:3px solid #3c3c3c;}
	.alt_title{padding:10px 0;background:#efefef;text-align:center;font-weight:bold;color:#3f3f3f;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:14px;}

	.alt_img{float:left;padding:5px;}
	.alt_img img{width:100px;height:85px;}
	
	.alt_login{padding:10px; text-align:center; }
	
	/*.alt_btn_box{float:right;position:relative;top:-28px;right:-80px;}*/
	.alt_btn{width:65px;padding:15px; font-weight:bold; text-align:center; color:#fff; -webkit-border-radius:5px;border:1px solid #9b2323;
	    background-color:#E06363;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb4949), color-stop(100%,#a43333));}	
		
	.alt_check{clear:both;padding:5px 10px;font-size:12px;}
	.alt_x{float:right;position:relative;top:-14px;right:-14px;width:24px;height:24px;border:3px solid #fff;border-radius:15px;background:#191919 url(img/coun/alt_x.png) no-repeat center 6px;box-shadow:0 1px 5px #000;}

	.input_tel{margin:1px 0;padding:1px 0;text-align:center;font-size:small;font-family:돋움,나눔고딕;color:#888888;background-color: #ffffff;border: 1px solid #7a7a7a;font-size:16px;}
	.input_text{ime-mode:disabled;margin:1px 0;padding:5px 0;font-size:small;font-family:돋움,나눔고딕;color:#888888;background-color: #ffffff;border: 1px solid #7a7a7a;font-size:16px;}

 

/*★★게시판★★*/
.bbs_list{padding:8px 5px;text-align:left;cursor:hand;}
.bbs_list_gray{background:#f7f7f7;}

	.bbs_list_coun{font-size:12px;color:#ff5d15;}
	.bbs_list_title{font-size:12px;}
	.bbs_list_name{font-size:11px; color:#aeaeae;}
	.icon_more{float:right;}


/*★★페이지넘버★★*/
.page_num{padding:5px 0;font-size:13px;color:#696969;border:1px solid #bdbdbd;border-radius:5px;
	background-color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
}
.page_sel{color:#ffffff;font-weight:bold;border:1px solid #505050;
	background-color:#787878;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#4b4b4b));
}

/*★★게시판글쓰기★★*/
.bbs_write td{padding:4px 0;font-size:12px;border-bottom:1px solid #bdbdbd;}

.bbs_write_title{line-height:30px; padding-left:13px; background: url(img/title/title_dot.gif) no-repeat 2px center;}

.input{padding:4px 0;margin:2px 0;border:1px solid #ccc;}


/*★★이용안내★★*/
.info_box{margin-bottom:10px;padding:10px 10px 10px 60px;border-radius:10px;font-weight:bold;border:1px solid #c0c0c0;}
	.info_box_01{background: url(img/info/num_01.gif) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(30%,#ffffff));}
	.info_box_02{background: url(img/info/num_02.gif) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(30%,#ffffff));}
	.info_box_03{background: url(img/info/num_03.gif) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(30%,#ffffff));}

.info_down_arrow{width:100%; height:20px;background: url(img/info/info_down_arrow.gif) no-repeat center center;}

.customer_box{padding:10px;border-radius:10px;border:3px solid #f29e75;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(30%,#ffffff));font-size:11px;}


/*★★버튼★★*/
.btn {float:left;display:block;width:70px;margin-right:5px;padding:4px 2px; cursor:pointer; font-weight:bold; text-align:center; color:#fff; -webkit-border-radius:5px;}
	.ok{border:1px solid #9b2323;
	    background-color:#E06363;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb4949), color-stop(100%,#a43333)); 
		background:-moz-linear-gradient(top, #bb4949, #a43333);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#bb4949, endColorStr=#a43333);
	}
	.ing{border:1px solid #5b7f13;
	    background-color:#E06363;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#89ae40), color-stop(100%,#72982a));
		background:-moz-linear-gradient(top, #89ae40, #72982a);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#89ae40, endColorStr=#72982a);
	}
	.bk{border:1px solid #cd8825;
	    background-color:#E06363;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac35), color-stop(100%,#e9961f));
		background:-moz-linear-gradient(top, #ffac35, #e9961f);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffac35, endColorStr=#e9961f);
	}
	.jb{border:1px solid #9a9a9a; color:#424242;
	    background-color:#E06363;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); 
		background:-moz-linear-gradient(top, #ffffff, #e9e9e9);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#e9e9e9);
	}

.btn_line{clear:both;display:table;margin:5px auto;}


/*★★게시판 버튼★★*/
.bbs_btn{float:right;display:block;position:relative;width:70px;margin-right:5px;padding:4px 0; cursor:pointer; font-weight:bold; text-align:center; color:#ffffff; -webkit-border-radius:5px;}

/*★★복채충전 테이블★★*/
.cash_table{width:100%;border-collapse:collapse;}
.cash_table th, .cash_table td{padding:7px 2px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;text-align:center;}
.cash_table th{background:#efefef;font-weight:normal;}
.cash_table .table_left{text-align:left;}


/*★★점사스페셜 전화이용안내★★*/
.js_info_box{border:1px solid #c2c2c2;padding:25px 5px 10px 5px;text-align:center;
background-image: url(img/info/jp_info_top_back.jpg), url(img/info/jp_info_back.jpg);
background-repeat: repeat-x, repeat;
background-size:auto auto, auto auto;}
.js_info_box .box_01{margin:2px 0;padding:0;text-align:left;font-size:14px;}

.js_info_box .box_01 li{list-style:none;margin:5px 0;padding:10px 10px 10px 28px;
background: #fff url(img/info/jp_info_arrow.jpg) no-repeat 10px 12px;
border:1px solid #a8c963;border-radius:5px;
box-shadow:0px 2px 2px #ddd;
}


.title2 {
padding-left:18px;
margin-bottom:5px;
font-size:15px;
font-weight:bold;
color:#333;
background: url(img/title/dt_list.gif) no-repeat center left;
}



/*이용약관 내용 스크롤란*/
.termslist{overflow-y:scroll;width:90%;height:120px;margin:0 10px 20px; padding:5px;border:1px solid #d5d5d5;font-size:11px;}




/*구분선*/
.bbs_footer{clear:both;border-bottom: 1px solid #bdbdbd;}

/*폰트 컬러지정*/
.font_yellow{color:#fff114;}

.linecenter{ clear:both; width:100%; text-align:center; margin:auto; }
.clear{ clear:both; width:0; height:0; }

/* popup menu */
.menu_popup { position:absolute; top:8px; left:8px; text-align:left;}
.menu_popup .popup_btn { cursor:pointer; font-size: 2em;color:#666; }
.menu_popup .menu_list {
	width:140px; background:#323232; color:#fff; padding:5px; border:none; cursor:pointer;
	font-family:'lucida sans unicode',sans-serif; font-size:1em;
	border:solid 1px #323232;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.menu_popup .menu_list:hover {
	border:solid 1px #fff;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.menu_popup>ul.menu_list { display:none;
	position:absolute; left:8px; top:8px; z-index:1;
	width:140px;
	margin:0; padding:10px; list-style:none;
	background:#fff; color:#333;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.menu_popup>ul.menu_list li {
	padding:10px;
	border-bottom: solid 1px #ccc;
}
.menu_popup>ul.menu_list li:hover {
	background:#323232; color:#fff;
}
.menu_popup>ul.menu_list li:last-child { border:none }
.menu_popup>ul.menu_list li a {
	display: inline-block;
	width:100%;
}
.menu_popup>ul.menu_list .popup_close {
	width:100%;text-align:right;margin-right:16px;font-size: 2em;color:#aaa;
}

//