@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/*font-family: 'Nanum Brush Script', serif;*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*font-family: 'Nanum Pen Script', serif;*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
/*font-family: 'Nanum Gothic Coding', serif;*/

@font-face {
  font-family: 'LotteMartHappy';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
}

@font-face {
  font-family: 'LotteMartHappy';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff');
}

@font-face {
    font-family: 'Bazzi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/Bazzi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*  공통 요소   */
.mj_font {font-family: 'Nanum Myeongjo', serif;}
.font_400 {font-weight: 400;}
.font_600 {font-weight: 600;}
.font_700 {font-weight: 700;}
.mar_l_20 {margin-left: 20px;}
.mar_b_10 {margin-bottom: 10px;}
.mar_b_20 {margin-bottom: 20px;}
.mar_b_25 {margin-bottom: 25px;}
.pad_b_30 {padding-bottom: 30px;}
.pad_t_60 {padding-top: 60px;}
.pad_b_60 {padding-bottom: 60px;}
.pad_t_90 {padding-top: 90px;}
.pad_b_90 {padding-bottom: 90px;}
.pad_t_130 {padding-top: 130px;}
.pad_b_130 {padding-bottom: 130px;}
.text_title {margin-bottom: 60px; text-align: center;}
.text_title h3 {font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 15px;}
.text_title p {color: #999;}
.color_font {color: #184e96;}
.border_b {border-bottom: 1px solid #d8d8d8;}
.border_r {border-right: 1px solid #d8d8d8;}
.border_l {border-left: 1px solid #d8d8d8;}




/* 헤더 부분 */
.top_head {border-bottom: 1px solid #d8d8d8; height: 40px;}
.top_head .member li {border-right: 1px solid #d8d8d8; width: 100px; text-align: center; line-height: 40px; font-size: 15px;}
.top_head .member li.login {background: #36353a; color: white;}
.top_head .member li a {display: block;}
.top_head .member li:hover {text-decoration: underline;}
.top_head .cs_center li {color: #666; font-size: 13px; margin-left: 40px; line-height: 40px;}
.top_head .cs_center li:hover {text-decoration: underline;}
.top_head .cs_center li a {display: block;}

.gnb_head {border-bottom: 1px solid #d8d8d8; height: 90px;}
.gnb_head .logo {margin-top: 20px;}
.gnb_head .gnb li {float: left; margin-left: 60px; line-height: 90px; font-size: 18px; font-weight: bold; transition: none;}
.gnb_head .gnb li a {display: block;}
.gnb_head .gnb li:hover {color:#184e96; }



/* 푸터 부분 */ 
footer {border-top: 1px solid #d8d8d8; padding: 30px 0 50px;}
footer p {color: #999; font-size: 13px; margin-bottom: 20px; letter-spacing: 0; line-height: 15px;}
footer ul {margin-bottom: 20px;}
footer ul li {color: #999; font-size: 13px; margin-right: 10px; transition: none;}
footer ul li:hover {color: #333; }

/* 메인 페이지 */

.main_slide_wrap {height: 473px; min-width: 1200px; background: url('/images/main_slide_bg.png') no-repeat;}
.main_slide_wrap .main_slide .item {width: 290px; height: 400px; box-shadow: 0px 5px 5px rgba(0,0,0,0.1); background: white;    margin: 36px auto;}
.main_slide_wrap .main_slide .item .text_wrap {padding: 30px;}
.main_slide_wrap .main_slide .item .text_wrap h3 {font-size: 28px; font-weight: bold; margin-bottom: 20px;}
.main_slide_wrap .main_slide .item .text_wrap p {font-size: 15px;}

.main_slide_wrap .main_txt1 {
	padding-top:20px;
	border:0px solid #ff3300;
}

.main_slide_wrap .main_txt1 p {
	color:#8348A0;
	font-size:20px;	
	font-weight:bold;
	z-index:10000;
}

.main_slide_wrap .main_txt2 {
	position: absolute;
	bottom:30px;
	border:0px solid #ff3300;
	height:;
}

.main_slide_wrap .main_txt2 p {
	color:#8348A0;
	font-size:36px;
	font-weight:bold;
	z-index:10000;
}

.main_slide_wrap .main_mn {
	position: relative;
	left:10px;
	top:30px;
	border:0px solid #ff3300;
}

.main_slide_wrap .main_mn table td {
	padding-bottom:20px;
}

.main_slide_wrap .main_mn a {
	color:#8348A0;
	font-size:36px;
	font-weight:bold;
	font-family:'Bazzi';
}

.main_slide_wrap .main_mn:hover a:hover {
    color: #ff3300;
}

.main_slide_wrap .main_latest {
	position: relative;
	left:10px;
	top:20px;
	border:0px solid #ff3300;
}


.main_slide_wrap .main_bn {
	position: relative;
	left:10px;
	top:150px;
	border:0px solid #ff3300;
	display:block;
}

.main_slide_wrap .main_bn table td {
	padding:2px;
}

.myButton {
	box-shadow: 0px 1px 0px 0px #bbdaf7;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:3px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Nanum Gothic';
	font-size:16px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	width:180px;
}
.myButton:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}

        

.main_quick_wrap {margin: 3px auto;}
.main_quick_wrap .latest_review {border: 1px solid #d8d8d8; width: 420px; height: 310px; margin-right: 15px; margin-bottom: 15px;}
.main_quick_wrap .name_wrap {width: 765px; height: 310px; margin-bottom: 15px;}
.main_quick_wrap .name_wrap .title {border: 1px solid #d8d8d8;}
.main_quick_wrap .name_wrap .title h3 {width: 713px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #184e96; padding-left: 25px; background: #f4f4f4;}
.main_quick_wrap .name_wrap .title a.plus_wrap {width: 50px; height: 50px; text-align: center; border-left: 1px solid #d8d8d8;line-height:65px; display: block;}
.main_quick_wrap .name_wrap ul {padding: 25px 10px 10px 25px; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.main_quick_wrap .name_wrap ul li {width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; font-weight: bold; float: left; border-radius: 30px; margin-right: 14px;margin-bottom: 15px;}
.main_quick_wrap .name_wrap ul li.type_1 {background: #f4f4f4;}
.main_quick_wrap .name_wrap ul li.type_2 {background: #6d9dde; color: white;}
.main_quick_wrap .name_wrap ul li.type_3 {background: #184e96; color: white;}
.main_quick_wrap .name_wrap ul li.type_4 {background: #f4f4f4; color: #184e96;}
.main_quick_wrap .name_wrap ul li a {display: block;}
.main_quick_wrap .name_wrap ul li:hover {box-shadow: 0px 3px 3px rgba(0,0,0,0.1);}

.main_quick_wrap .fortune_wrap {width: 420px; height: 191px; margin-right: 15px;}
.main_quick_wrap .fortune_wrap .title {border: 1px solid #d8d8d8;}
.main_quick_wrap .fortune_wrap .title h3 {width: 368px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: white; padding-left: 25px; background: #6d9dde;}
.main_quick_wrap .fortune_wrap .title a.plus_wrap {width: 50px; height: 50px; text-align: center; border-left: 1px solid #d8d8d8;line-height:65px; display: block;}
.main_quick_wrap .fortune_wrap .name_form {border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; font-size: 15px; padding: 18px 0px 0px 18px;}
.main_quick_wrap .fortune_wrap .name_form input[type="text"] {width: 70px; height: 30px; border: 1px solid #d8d8d8; text-align: center; margin-left: 15px; }
.main_quick_wrap .fortune_wrap .name_form input[type="text"]:nth-child(2) {margin-left: 0;}
.main_quick_wrap .fortune_wrap .name_form .date {margin-bottom: 8px;}
.main_quick_wrap .fortune_wrap .name_form .date h4 {font-weight: bold; margin-bottom: 7px; }
.main_quick_wrap .fortune_wrap .name_form .check_option {margin-bottom: 6px;} 
.main_quick_wrap .fortune_wrap .name_form .check_option label {margin-right: 10px; }
.main_quick_wrap .fortune_wrap .name_form .submit_btn {float: right; width: 110px; height: 35px; line-height: 35px; text-align: center; color: white; background: #ff6a00; font-weight: bold; font-size: 15px; cursor: pointer;}

.main_quick_wrap .quick_banner_wrap {width: 1164px; height: 191px;}
.main_quick_wrap .quick_banner_wrap li {width: 194px; height: 191px;}
.main_quick_wrap .quick_banner_wrap li.banner_1 {background: url('/images/main_quick_1.jpg') no-repeat;}
.main_quick_wrap .quick_banner_wrap li.banner_2 {background: url('/images/main_quick_2.jpg') no-repeat;}
.main_quick_wrap .quick_banner_wrap li.banner_3 {background: url('/images/main_quick_3.jpg') no-repeat;}
.main_quick_wrap .quick_banner_wrap li.banner_4 {background: url('/images/main_quick_4.jpg') no-repeat;}
.main_quick_wrap .quick_banner_wrap li.banner_5 {background: url('/images/main_quick_5.jpg') no-repeat;}
.main_quick_wrap .quick_banner_wrap li.banner_6 {background: url('/images/main_quick_6.jpg') no-repeat;}
.main_quick_wrap .quick_banner_wrap li a {display: block; font-size: 20px; font-weight: bold; color: white; height: 100%; padding: 10px; padding-top:30px; text-align:center;}
.main_quick_wrap .quick_banner_wrap li:hover a {color: #ffed00;}


/* 서브 사이드 메뉴 */
.snb {width: 288px;}
.snb h2 {font-size: 30px; font-weight: bold; width: 100%; height: 115px; background: #184e96; line-height: 115px; padding-left: 60px; color: white;}
.snb ul li {line-height: 60px; padding-left: 60px; font-size: 18px; border-bottom: 1px solid #d8d8d8; transition: none;}
.snb ul li a {display: block; transition: none;} 
.snb ul li:hover {color: #184e96; position: relative; font-weight: bold;}
.snb ul li:hover:after {content: ''; width: 40px; height: 2px; background: #184e96; display: block; position: absolute; right: 0; top: 30px;}

/* 서브 컨텐츠 */
.sub_content_wrap {padding: 45px 0 45px 45px;;}
.sub_content_wrap .sub_title {background: url('/images/sub_title_bg.jpg') no-repeat; width: 865px; height: 215px; padding: 60px 0 0 30px; margin-bottom: 35px;}
.sub_content_wrap .sub_title h2 {color: white; font-size: 35px; line-height: 35px; font-weight: bold; border-bottom: 1px solid white; display: inline-block; padding-bottom: 15px; margin-bottom: 15px;}
.sub_content_wrap .sub_title p {color: white; font-size: 20px; line-height: 20px;}
.sub_content_wrap .sub_note p {font-size: 14px; line-height: 20px;}

/* 무료 이름 풀이 */
.sub_content_wrap h3 {font-size: 18px; color: #184e96; font-weight: bold; margin-bottom: 15px;}
.sub_content_wrap .name_interpret_form {border: 5px solid #d8d8d8; width: 865px;}
.sub_content_wrap .name_interpret_form ul {padding: 25px;}
.sub_content_wrap .name_interpret_form ul li {font-size: 15px;}
.sub_content_wrap .name_interpret_form ul li h4 {font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.sub_content_wrap .name_interpret_form ul li input[type="text"] {width: 80px; height: 30px; border: 1px solid #d8d8d8; padding-left: 10px;}
.sub_content_wrap .name_interpret_form ul li .change_btn {width: 90px; height: 30px; font-size: 13px; background: #184e96; color: white;}
.sub_content_wrap .name_interpret_form ul li input[type="checkbox"] {margin: 0 5px 0 15px; width: 15px; height: 15px; vertical-align: sub;}
.sub_content_wrap .name_interpret_form ul li label {font-size: 15px; line-height: 30px;}
.sub_content_wrap .name_interpret_form ul.birth_input_wrap input[type="text"] {width: 60px;  margin: 0 5px 0 10px;}
.sub_content_wrap .name_interpret_form ul.birth_input_wrap input[type="text"]:nth-child(2) {margin-left: 0;}
.sub_content_wrap .agree_wrap {text-align: right; font-size: 15px; margin-top: 15px;}
.sub_content_wrap .exp_submit {width: 165px; height: 35px; line-height: 33px; font-size: 16px; color: white; background: #d04363; font-weight: bold; cursor: pointer; margin-top: 25px;border-radius:3px;} 
.sub_content_wrap .name_submit {width: 165px; height: 35px; line-height: 33px; font-size: 16px; color: white; background: #f4ba2c; font-weight: bold; cursor: pointer; margin-top: 25px;border-radius:3px;} 
.sub_content_wrap .recom_submit1 {width: 165px; height: 35px; line-height: 33px; font-size: 16px; color: white; background: #f08f01; font-weight: bold; cursor: pointer; margin-top: 25px;border-radius:3px;} 
.sub_content_wrap .recom_submit2 {width: 165px; height: 35px; line-height: 33px; font-size: 16px; color: white; background: #01a3ab; font-weight: bold; cursor: pointer; margin-top: 25px;border-radius:3px;} 


/* 이름풀이 결과 팝업 */
.popup_result_wrap {padding: 20px; width: 860px; margin: 0 auto;}
.popup_result_wrap .person_info {padding:20px 20px 0px 20px; border: 1px solid #d8d8d8; margin-bottom: 35px;}
.popup_result_wrap .person_info .color {color: #ff6a00;}
.popup_result_wrap .person_info h4 {font-size: 16px; font-weight: bold; color: #333; margin-bottom: 5px;}
.popup_result_wrap .person_info table {width: 100%;}
.popup_result_wrap .person_info table tr { border-bottom: 0px solid #d8d8d8; height: 40px; }
.popup_result_wrap .person_info table tr:first-child { border-top: 0px solid #d8d8d8;}
.popup_result_wrap .person_info table th {color: #999; font-size: 15px; padding-left: 15px; width: 80px; text-align: left; vertical-align: middle;}
.popup_result_wrap .person_info table td {color: #333; font-weight: bold; font-size: 15px; text-align: left; vertical-align: bottom; padding:10px;}


.popup_result_wrap .popup_title {font-size: 15px; font-weight: bold; color: #5b6777; border-bottom: 2px solid #5b6777; padding-bottom: 10px; margin-bottom: 20px;}


.popup_result_wrap .name_result_info {width: 100% !important;margin-bottom:20px;}
.popup_result_wrap .name_result_info th {border: 1px solid #d8d8d8; background: #f4f4f4; color: #999; font-size: 15px; height: 35px; vertical-align: middle; text-align: center;}
.popup_result_wrap .name_result_info td {vertical-align: middle; border: 1px solid #d8d8d8; font-size: 15px; padding-left:20px;}
.popup_result_wrap .name_result_info td .chinese_character {width: 75px; height: 75px; background: #a0b0d2; color: white; font-size: 30px; text-align: center; padding-top: 12px;}
.popup_result_wrap .name_result_info td .chinese_character .mean {font-size: 15px; color: white; display: block; margin-top: 5px;}

.popup_result_wrap .char_result_info {width: 100%;}
.popup_result_wrap .char_result_info td {border: 0px solid #d8d8d8;}
.popup_result_wrap .char_result_info td:nth-child(1) {width:80%;}
.popup_result_wrap .char_result_info td:nth-child(2) {width:20%;}

.popup_result_wrap .char_result_note {width: 100%;height:100%;}
.popup_result_wrap .char_result_note td {border: 1px solid #d8d8d8;padding:10px;}
.popup_result_wrap .char_result_note td:nth-child(1) {width:15%;background:#f9f9f9;font-size:15px;}
.popup_result_wrap .char_result_note td:nth-child(2) {width:85%;font-size:15px;}


/*팝업-해명결과*/
.popup_result_wrap .name_result_1 {width: 100%;}
.popup_result_wrap .name_result_1 th {border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; background: #f4f4f4; color: #999; font-size: 15px; height: 35px; vertical-align: middle; text-align: center;border-bottom: 1px solid #d8d8d8; }
.popup_result_wrap .name_result_1 th:last-child {border-right: 0;}
.popup_result_wrap .name_result_1 td {vertical-align: middle; border-bottom: 1px solid #d8d8d8; font-size: 15px; text-align: center; border-right: 1px solid #d8d8d8; }
.popup_result_wrap .name_result_1 td:last-child {border-right: 0;}
.popup_result_wrap .name_result_1 td .chinese_character {width: 75px; height: 75px; background: #a0b0d2; color: white; font-size: 30px; text-align: center; padding-top: 12px;}
.popup_result_wrap .name_result_1 td .chinese_character .mean {font-size: 15px; color: white; display: block; margin-top: 5px;}


.popup_result_wrap .name_result_2 {padding: 40px; border: 1px solid #d8d8d8; margin-top: 25px; margin-bottom: 35px; }
.popup_result_wrap .name_result_2 p { margin-bottom: 20px;}
.popup_result_wrap .name_result_2 ul li {text-align: center; width: 90px; margin-right: 15px;}
.popup_result_wrap .name_result_2 ul li:last-child {margin-right: 0;}
.popup_result_wrap .name_result_2 ul li h5 {background: #a0b0d2; color: white; height: 25px; line-height: 25px; font-size: 15px;}
.popup_result_wrap .name_result_2 ul li p {border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin-bottom: 0;}
.popup_result_wrap .name_result_2 ul li p .num {font-size: 25px; font-weight: bold; line-height: 50px; }
.popup_result_wrap .name_result_2 ul li p .total_num {color: #ff6a00;}

/*팝업-사주 음양오행분석*/
.popup_result_wrap .name_result_3 {width: 100%; margin-bottom: 25px;}
.popup_result_wrap .name_result_3 th {border-top: 1px solid #d8d8d8; background: #f4f4f4; color: #999; font-size: 15px; height: 35px; vertical-align: middle; text-align: center;border-bottom: 1px solid #d8d8d8;  border-right: 1px solid #d8d8d8;}
.popup_result_wrap .name_result_3 th:last-child {border-right: 0;}
.popup_result_wrap .name_result_3 td {height: 60px; vertical-align: middle; text-align: center; font-size: 30px; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.popup_result_wrap .name_result_3 td:last-child {border-right: 0;}
.popup_result_wrap .name_result_3 td.title {font-size: 15px; font-weight: bold;}


.popup_result_wrap .name_result_4 {width: 100%; margin-bottom: 25px;}
.popup_result_wrap .name_result_4 th {border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;  background: #f4f4f4; color: #999; font-size: 15px; height: 35px; vertical-align: middle; text-align: center; border-right: 1px solid #d8d8d8;}
.popup_result_wrap .name_result_4 tr th:last-child {border-right: 0;}
.popup_result_wrap .name_result_4 td { font-size: 15px; height: 40px; vertical-align: middle; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding-left: 20px;}
.popup_result_wrap .name_result_4 td:last-child {border-right: 0;}
.popup_result_wrap .name_result_4 td.title { text-align: center; font-weight: bold; padding-left: 0;}

/*팝업-자원오행점수*/
.name_result_5 { margin-bottom: 35px;}

.name_result_6 {width: 405px; margin-right: 10px;}
.name_result_6 tr th {border-right: 1px solid #d8d8d8; font-size: 15px; border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;    vertical-align: middle;}
.name_result_6 tr th:last-child {border-right: 0;}
.name_result_6 tr th.chinese_character {width: 75px; height: 75px; background: #a0b0d2; color: white; font-size: 30px; text-align: center;}
.name_result_6 tr th.chinese_character .mean {font-size: 15px; color: white; display: block; margin-top: 5px;}
.name_result_6 tr td {font-size: 15px; text-align: center;height: 40px; vertical-align: middle; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.name_result_6 tr td:last-child {border-right: 0;}
.name_result_6 tr td.title {background: #f4f4f4; color: #999; }

/*팝업-발음오행점수*/
.name_result_7 {width: 405px; margin-bottom: 35px;}
.name_result_7 tr th {border-right: 1px solid #d8d8d8; font-size: 15px; border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;   height: 35px; vertical-align: middle; background: #f4f4f4;}
.name_result_7 tr th:last-child {border-right: 0;}
.name_result_7 tr td {font-size: 15px; text-align: center;height: 40px; vertical-align: middle; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.name_result_7 tr td:last-child {border-right: 0;}
.name_result_7 tr td.danger {color:#ea132d; }
.name_result_7 tr td.good {color: #01a360;}

/*팝업-원형이정점수*/
.popup_result_wrap .name_result_8 {width: 100%; margin-bottom: 15px;}
.popup_result_wrap .name_result_8 th {border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;  background: #f4f4f4; color: #999; font-size: 15px; height: 35px; vertical-align: middle; text-align: center; border-right: 1px solid #d8d8d8;}
.popup_result_wrap .name_result_8 tr th:last-child {}
.popup_result_wrap .name_result_8 td { font-size: 15px; height: 40px; vertical-align: middle; border: 1px solid #d8d8d8;padding: 20px;}
.popup_result_wrap .name_result_8 td:last-child {}
.popup_result_wrap .name_result_8 td h3 {font-size: 25px; font-weight: bold; text-align: center;}
.popup_result_wrap .name_result_8 td h3 span {color: #01a360; font-size: 15px; display: block; margin-top: 10px;}
.popup_result_wrap .name_result_8 td h4 {font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.popup_result_wrap .name_result_8 td p {font-size: 13px; color: #999; line-height: 16px;}




.copyright {
	font-size:12px;
	line-height:16px;
}

.sub_content_wrap {min-height:600px;}
.sub_content_wrap .default_form {width: 865px; line-height:16px;}