*{max-height: 1000000px;}
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;
-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;}
a{text-decoration:none;}
body{width:100%; max-width:720px; margin:0px; padding:0; margin:0 auto; font-family:'NanumBarunGothic',sans-serif; font-weight:400;}
/* word-spacing >>> 단어와 단어 간격/ letter-spacing >> 단어 사이 간격 */



/* ======================================================================================================= */
/* 메인화면 */
.top_logo_0{height:56px; background-color:#3970B7;}
.top_logo_0 img{margin:0 auto; padding-right:8px;}
#main_menu {width:100%;}
#main_menu .line_right {height:220px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee;}
#main_menu .line_bottom {height:220px; border-bottom:1px solid #eee; border-top:1px solid #eee;}

/* 사업자정보(푸터영역) */
.biz_box {background-color:#262626; color:#ccc; text-align:center; padding:24px 0px 24px 0px; line-height:16px; font-size:11px; font-weight:300;}



/* 상단 네비게이션 영역 (20-04-02 추가) */
.box_width {margin:0 auto;}
.out {display:none;}
#headerWrap {
	display:inline-block;
}
#header {
	height:auto;
	position:relative;
}
#gnb {
	position:relative;
	float:left;
	max-width: 720px;
}
.logo img {
	max-width:100%;
	height:auto;
}
.t_back {
	position:absolute;
	z-index:1;
	width:15%;
	height:100%;
	display:none;
}

.t_back a {
	display:block;
	width:100%;
	height:100%;
}
.t_back img {
	max-width:100%;
	height:auto;
	position:absolute;
	top:30%;
	left:30%;
}
.gnb {
	position:relative;
	float:left;
}
.gnb li {
	float:left;
	width:20%;
	text-align:center;
}

.gnb li a {
	display:block;
	position:relative;
	width:100%;
	height:auto;
}
.gnb li a img {
	max-width:100%;
}


@media screen and (max-width:500px) {
	.t_back img {
		width:19px;
	}
}

@media screen and (max-width:400px) {
	.t_back img {
		width:17px;
	}
}

@media screen and (max-width:360px) {
	.t_back img {
		width:15px;
	}
}


/* ======================================================================================================= */
/* 오늘의운세/띠별운세/꿈해몽_TOP */
.top_logo_1 {height:56px; background-color:#3970B7;}
.top_logo_1 img {margin:0 auto;}
.top_logo_back {display:block; position:absolute; top:0px; z-index:1;}


/* 오늘의운세_생년월일 입력폼 */
.input_box_txt{margin:30px 0px 0px 16px; font-size:16px;}

#input_box_01 {font-size:14px; margin:16px 16px 0px 16px; background-color:#f9f9f9; border:1px solid #ddd; border-radius:3px;}
#input_box_01 ul li{line-height:60px; border-bottom:1px solid #ddd;}
#input_box_01 ul li > .box_title {width:62px; display:inline-block; margin-left:10px;}
#input_box_01 ul li > .box_input {border:1px solid #ccc; line-height:36px; border-radius:3px; padding-left:6px; width:168px; height:36px;}
#input_box_01 ul li > .box_people {margin-right:14px;}
#input_box_01 ul li select {height:40px; border:1px solid #ccc; background-color:#fff; border-radius:3px; padding:0px 2px 0px 2px;}

.select01{width:78px;}
.select02{width:79px;}
.select03{width:176px;}

input::-webkit-input-placeholder { color: #ccc; } 
input::-moz-placeholder { color: #ccc; } 
input::-ms-input-placeholder { color: #ccc; } 
input[type="radio"] {margin-top:-2px; vertical-align:middle;}

/* 오늘의운세_개인정보 동의 */
#input_box_02 {font-size:12px; font-weight:300; margin:16px 16px 0px 16px; background-color:#f9f9f9; border:1px solid #ddd; border-radius:3px; }
#input_box_02 ul li{line-height:40px; border-bottom:1px solid #eee; margin:0px 8px 0px 8px; }
input[type="checkbox"] {vertical-align:middle; }

.ch_box {width:20px; height:20px; margin:-2px 0px 0px 0px;}
.ch_txt01 {padding-left:6px;}
.ch_txt02 {float:right; color:#777;}
.ch_txt03 {border:0px; font-weight:300; color:#e9714e;; display:block; clear:both; line-height:16px; padding:12px 0px 12px 0px; font-size:11px; margin:0px 8px 0px 8px;}
.ch_txt04 {border:0px; font-weight:300; color:#e9714e;; display:block; clear:both; line-height:20px; padding:12px 0px 0px 0px; font-size:12px; margin:0px 8px 0px 8px;}
.ch_txt05 {border:0px; font-weight:300; color:#e9714e;; display:block; clear:both; line-height:18px; padding:0px 0px 12px 0px; font-size:12px; margin:0px 8px 0px 8px;}



/* 오늘의운세_버튼 */
.unse_btn{margin:20px 16px 20px 16px; height:60px; line-height:60px; background-color:#3970B7; color:#fff; text-align:center; border-radius:3px; font-size:16px;}
.unse_btn_01{margin:0px 16px 20px 16px; height:60px; line-height:60px; background-color:#ddd; color:#777; text-align:center; border-radius:3px; font-size:16px;}
.space_50px {height:50px;}
.space_60px {height:60px;}

/* 오늘의운세_전문보기 팝업창 */
.popup_bg {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8); }

.popup-content {
    background-color: #fff;
	border-radius:3px;
    margin: auto;
    width: 92%; }

.popup_close { 
	border-top:1px solid #eee; 
	border-radius:0px 0px 3px 3px;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#f9f9f9;
	font-size:16px;
	font-weight:bold;
	color:#222; }

/* 유료운세_전문보기 팝업창 */
.popup_bg01 {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8); }

.popup-content01 {
    background-color: #fff;
	border-radius:3px;
    margin: auto;
    width: 92%; }

.popup_close01 { 
	border-top:1px solid #eee; 
	border-radius:0px 0px 3px 3px;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#f9f9f9;
	font-size:16px;
	font-weight:bold;
	color:#222; }


/* 유료운세_뒤로가기 팝업창 */
.popup_bg03 {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8); }

.popup-content03 {
    background-color: #fff;
	border-radius:3px 3px 0px 0px;
    margin: auto;
    width: 92%; }


.popup_close03 { text-align:center;
	border-radius:0px 0px 0px 3px;
	width:50%;
	border-top:1px solid #eee;
	float:left;
	height:60px;
	line-height:60px;
	background-color:#f9f9f9;
	font-size:16px;
	color:#222; }
.popup_exit {text-align:center;	
	border-radius:0px 0px 3px 0px;
	float:left;
	width:50%;
    border-top:1px solid #eee;
    height:60px;
	line-height:60px;
	background-color:#f9f9f9;
	font-size:16px;
	color:#e9714e;}


/* ======================================================================================================= */
/* 오늘의운세/띠별운세_view */
.view_bar {font-size:16px; height:48px; line-height:50px; padding-left:20px; background-color:#f9f9f9; margin-bottom:20px; border-bottom:1px solid #eee; color:#444;}
.view_bar_01 {font-size:16px; height:48px; line-height:50px; padding-left:20px; background-color:#f9f9f9; margin-top:60px; margin-bottom:20px; border-bottom:1px solid #eee; border-top:1px solid #eee; color:#444;}
.view_bar_02 {font-size:16px; height:48px; line-height:50px; padding-left:20px; background-color:#f9f9f9; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #eee; border-top:1px solid #eee; color:#444;}
.view_bar_03 {font-size:16px; height:48px; line-height:50px; padding-left:20px; background-color:#f9f9f9; margin-top:0px; margin-bottom:20px; border-bottom:1px solid #eee; border-top:1px solid #eee; color:#444;}
.view_txt {font-size:16px; line-height:26px; color:#555; margin:0px 20px 0px 20px;}

/* 띠별운세/꿈해몽/타로카드_view */
.view_top_bar {font-size:14px; height:40px; line-height:43px; background-color:#f9f9f9; margin-bottom:20px; border-bottom:1px solid #eee; color:#777; text-align:center;}
.view_top_bar_01 {font-size:14px; height:40px; line-height:43px; background-color:#f9f9f9; border-bottom:1px solid #eee; color:#777; text-align:center;}
.view_top_bar_02 {font-size:14px; height:40px; line-height:43px; background-color:#f9f9f9; margin-bottom:40px; border-bottom:1px solid #eee; color:#777; text-align:center;}
.animal_icon {margin:0 auto; clear:both; text-align:center; display:flex; justify-content:center;}
.animal_icon li {float:left; margin:24px 2px 8px 2px;}


.animal_result {margin-top:40px;}
.animal_result img {margin:0 auto;}
.animal_title {padding:46px 24px 16px 24px; border-bottom:1px solid #eee;}
.animal_title p{font-size:16px; line-height:24px; color:#242424;}
#animal_box {margin:0px 24px 0px 24px;}
#animal_box table {width:100%;}
#animal_box table th {width:60px; padding:16px 0px 16px 0px;  border-bottom:1px solid #eee;}
#animal_box table td {border-bottom:1px solid #eee;}
#animal_box table td > p {font-size:16px; line-height:24px; color:#555; padding-left:6px;}
#animal_box .circle_icon {margin-left:4px; background-color: #60a3f6; display: block; text-align:center; color:#fff; border-radius:40px;  width:46px;  line-height:14px; height:46px;}
#animal_box .circle_txt {padding-top:10px; display:block; font-size:14px;}

/* 꿈해몽_view */
.dream_ex {font-size:16px; color:#999; margin:40px 26px 20px 26px; }
.dream_ex_01 {font-size:16px; color:#999; margin:0px 26px 20px 26px; text-align:center; }
.dream_ex_txt {padding:2px 0px 0px 0px; line-height:22px; color:#777;}
.dream_ex_txt_01 {padding:2px 0px 0px 0px; line-height:22px; font-weight:300; font-size:15px;}
.dream_ex_txt_02 {padding:2px 0px 0px 0px; line-height:28px; color:#3970B7; font-size:18px;}

.dream_search {margin:36px 26px 0px 26px;}
.dream_search_box {border:2px solid #3970B7; height:60px; line-height:60px; border-radius:60px; overflow: hidden;}
.dream_search_line {display:inline-block; margin-left:16px;}
.dream_search_input {border:0px; outline:0; width:170px; font-weight:300; padding-left:6px; font-size:16px;  height:48px; line-height:48px;}
.dream_search_icon {float:right;}
.dream_search_bg {margin-top:6px;}


#dream_result {width:100%;}
#dream_result dt{
    padding:20px 40px 20px 20px;
	font-size:16px; line-height:24px; color:#555;
	background:#f9f9f9;	
    background-image:url('/common/img/etc_dream_up.svg');
	background-repeat: no-repeat;
	background-size:28px 28px;
	background-position:100% 13px;} 
#dream_result dt.closed{border-bottom:1px solid #eee;  background:#fff;
    padding:20px 40px 20px 20px;
	background-image:url('/common/img/etc_dream_down.svg');
	background-repeat: no-repeat;
	background-size:28px 28px;
	background-position:100% 13px;} 
#dream_result dd{ 
	background:#f9f9f9;
	border:0px;  
	padding:16px 20px 20px 20px; 
	border-bottom:1px solid #eee;
	font-size:16px; line-height:24px; color:#555;
	color:#e9714e;}
#dream_result dd.closed{display:none; padding:16px 20px 20px 20px;} 

/* ======================================================================================================= */

/* 타로카드_view */
.taro {margin:0 auto; clear:both; text-align:center; display:flex; justify-content:center;}
.taro li {float:left;}
.taro li img {margin:0px 6px 8px 6px;}
.taro_img {margin-top:60px; margin-bottom:60px;}
.taro_img img {margin:0 auto;}


/* 개인정보처리방침 */
.text_all{font-size:16px; margin:30px 16px 20px 16px; line-height:26px; color:#222;}
.point{color:red;}
.title{font-weight:bold;}

@media all and (min-width:720px) {
	.box_width {
		width:720px;
	}
}