@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sunflower:wght@700&display=swap');
/* *******************************************************
* filename : style.css
* producer : jason
* date : 2020-05-22
******************************************************** */
* {margin:0;padding:0;border:0;outline:0;} html,body {width:100%;} a, a:hover,a:active {text-decoration:none; color:inherit;} 
body{font-family:"Malgun Gothic",dotum,helvetica,sans-serif,verdana;font-size:1em;color:#333;line-height:1; word-break:break-all;}
header, nav, main, section footer {display:block;} nav ul {position:absolute; right:20px; top:0;} 
.rap{width:100%; max-width:700px; margin:0 auto; box-sizing:border-box;} 
.clearfix::after {content:''; display:block; clear:both;} ul, ol, dl {list-style:none;}

.fixbtn {position:fixed; right:15px; bottom:15px; width:90px; height:90px; z-index:99;} .fixbtn img {width:100%; height:100%;}
nav { position:relative; height:45px; line-height: 45px; width:100%; border-bottom:1px solid #ccc;}
nav div {position:absolute; left:20px; top:0px; font-family: 'Sunflower', sans-serif; font-weight: 700; font-size: 1.3em; letter-spacing:-0.1em; color:#555;}
nav ul {position:absolute; right:20px; top:15px;} nav ul li {display:inline-block; margin-left:10px; background-size:100% 100%!important; text-indent:-9999em; width:15px;}  nav ul li a {display:block; } nav ul li:first-child {background:url(../../genofit2/img/user.png)no-repeat; height:17px; } nav ul li:nth-child(2) {background:url(../../genofit2/img/search.png)no-repeat; height:17px;}  nav ul li:last-child {background:url(../../genofit2/img/menu.png)no-repeat; width:13px; height:9px; margin-top:5px;} 
header .header_tt {padding:25px 20px 0px; letter-spacing:-0.005em;} header h1 {font-size: 1.85em; line-height: 1.25; margin:15px 0; font-weight: 700;} header h5 {color:#0089cf; font-weight: 500;}
header .header_time {font-size:0.9em; color:#77787a; margin:15px 0; height:20px; line-height: 20px; font-weight: 500;} header .header_time span {color:#bfbfbf; margin:0 7px;}
header .header_time div {height:17px; margin-top:2px; padding-right:2px; background-size:100% 100%; display:inline-block; text-indent:-9999em}
header .header_time .time {background:url('../../genofit2/img/time.png')no-repeat; width:17px; background-size: 100% 100%} header .header_time .talk {background:url('../../genofit2/img/reply.png')no-repeat; background-size: 100% 100%; width:20px;}
header .icon {text-align:center;  border-bottom:1px solid #e5e5e5; padding-bottom:20px;} header .icon li a {display:block; height:100%}
header .icon li {display:inline-block;  padding-right:2px; text-indent:-9999em; width:35px; height:35px; background-size:100% 100%; background-repeat:no-repeat; margin-right:5px;} 
header .icon li:first-child{padding-right:0; background-image:url('../../genofit2/img/icon1.png');} header .icon li:nth-child(2){padding-right:0; background-image:url('../../genofit2/img/icon2.png');} header .icon li:nth-child(3){padding-right:0; background-image:url('../../genofit2/img/icon3.png');} header .icon li:last-child{padding-right:0; background-image:url('../../genofit2/img/icon4.png');}
header .header_tt p {position:relative; padding-left:10px; margin-top: 15px;
    margin-bottom: 10px; font-size: 0.9em; color:#555; line-height: 1.5;}
header .header_tt p::after {content:''; display:block; width:2px; height:100%; background:#555; position:absolute; left:0; top:0;}
main section img {width:100%; margin-top:0px;}
main section p { font-family: "Malgun Gothic","�������",sans-serif; padding:15px 20px 0; line-height: 1.61; font-size: 1.25em;  font-weight:400; color:#585858; text-align:justify; letter-spacing:-0.07em;}
main section .mini {font-size: 0.8em; color:#aaa; padding:3px 20px 0;}
main section h3::before {content:''; display:block; width:30px; height:21px; background:url('../../genofit2/img/h3.png'); background-size:100% 100%; margin:15px auto 0; }
main section h3{text-align:center; font-size:1.4em; line-height: 1.3;}
main section h3 span {font-size: 1.3em;}
aside {width:95%; margin:0 auto; max-width:700px; position:relative; z-index:999;}
aside img {width:100%; margin-top:50px;}
aside table {width:100%; background:#f9f6f6; padding:10px; box-sizing: border-box;}
aside table th {width:28%;} aside table td,th {padding:3px 0;}
aside table td input[type="text"],input[type="tel"],input[type="number"],select {padding:2%; font-size: 1.1em; border:1px solid #888;}
aside table td input[type="text"] {width:85%;}
aside table td input[type="number"],input[type="tel"] {width:30%;}
aside table td select {width:20%; font-size: 1em;} aside table td {line-height: 30px;} 
aside table .txtc {text-align:center;}
aside table .pri {text-align:right; font-size: 10px; color:#a9a8a8;}
aside table .money {width:95%; background:#6ad1fe; color:#fff; text-align:center; padding:7px; line-height: 25px; margin:0 auto;}
aside table .money input:first-child {width:15%; padding:0; height:25px; border:none;}
aside table .money input:last-child {width:25%; padding:0; height:25px; border:none; animation:in_po 1s infinite;}
aside table button {margin:5px 0 20px; width:85%; padding:10px; text-align:center; font-size: 1.4em; background:#127eed; color:#fff; font-weight: 700; position:relative; box-shadow: 0px 5px 4px rgba(0,0,0,.3); animation:btn 1s ease-in infinite;}
.bottom_btn {position:relative; font-size: 0.9em; border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
.bottom_btn ul li {float:left; border:1px solid #ccc;  position:relative;} .bottom_btn ul li a {display:block; padding:9px 7px 9px 30px;} .bottom_btn ul li:first-child {border-right:0px;}
.bottom_btn ul li:first-child::before {content:''; background:url('../../genofit2/img/heart.png')no-repeat; width:15px; height:15px; position:absolute; left:9px; top:7px; background-size:100% 100%;}
.bottom_btn ul li:last-child::before {content:''; background:url('../../genofit2/img/talk.png')no-repeat; width:16px; height:16px; position:absolute; left:9px; top:7px; background-size:100% 100%;}
.bottom_btn div {position:absolute; right:0; top:0; width:17px; height:17px; padding:7px; border:1px solid #ccc; background:url('../../genofit2/img/bookmark.png')no-repeat; background-size:17px 17px; background-position:center center;text-indent:-999em;}
.tag {padding:15px 0;}.tag li {float:left; background:#f2f2f2; color:#7f7f7f; margin-right:5px; margin-bottom:5px; font-size: 0.95em; } .tag li a {display:block; padding:3px 5px;}
b {font-weight: 800; color:#000;} .p1 {color:red;} .p2 {background:url('../../genofit2/img/mark.jpg'); background-size:100% 100%;} .mmi {width:90%; display:block; margin:20px auto;}
.re_tt {padding:0 15px 20px; margin-top:20px;} .re_tt p:last-child {padding-top:10px;}
.re_tt p {font-size:1em; font-weight: 700; padding:0; } .re_tt span {display:inline-block; width:10px; height:10px; padding:4px; border:1px solid #ccc; background:url('../../genofit2/img/return.png')no-repeat; background-size:12px 12px; background-position:center center; text-indent:-999em;}
.re_tt input {width:80%; height:40px; padding:5px; border:1px solid #b3b3b3; border-right:0px; box-sizing: border-box; margin-top:10px;} .re_tt button {width:20%; background:#525252; color:#fff; height:40px; box-sizing: border-box; margin-top:10px;}
.re_main {width:93%; border-top:1px solid #e5e5e5;}
.re_main .re_name::before {content:'face'; display:inline-block; width:20px; height:20px; margin-right:5px; background:url('../../genofit2/img/face.png')no-repeat; background-size: 100% 100%; text-indent: -9999em;}
.re_main .re_name {font-weight: 700; padding:15px 0 5px; font-size: 1.1em;}
.re_main p {padding:5px 0; font-size: 1em; line-height: 1.4; font-weight: 300;}
.re_main .re_time {font-size: 0.85em; color:#a9a8a8; padding:5px 0 20px; border-bottom:1px solid #e5e5e5; position:relative;}
.re_main .re_time ul {position:absolute; right:0; top:0;} .re_main .re_time ul li {float:left; margin-left:5px; padding:5px;  padding-left:23px; border-radius:2px; border:1px solid #e5e5e5; position:relative;} .re_time ul li a {padding:5px; }
.re_main .re_time ul .up::before {content:''; display:inline-block; background:url(../../genofit2/img/up.png)no-repeat; background-size: 100% 100%; width:15px; height:15px; position:absolute;left:4px; top:3px;}
.re_main .re_time ul .down::before {content:''; display:inline-block; background:url(../../genofit2/img/down.png)no-repeat; background-size: 100% 100%; width:15px; height:15px; position:absolute;left:4px; top:3px;}
footer {margin-top:20px; border-top:1px solid #f1f1f1; background:#f8f8f8; }
footer p {max-width:700px; margin:0 auto; padding:18px 0 16px; font-size: 12px; color:#999; text-align:center; line-height: 1.7;}
@keyframes btn {
  0% {top:0;}
  50% {background:#000; top:7px;}
  100% {top:5px; }
}
@keyframes in_po {
  0% {box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);}
  100% {box-shadow:inset 0px 0px 7px 3px rgba(0,0,0,.2);}
}

@media screen and (max-width:640px){
  body {font-size:14px;}
  nav div {left:15px;} nav ul {right:15px;}
  header .header_tt {padding:20px 10px 0;}
  header .header_tt h1 {font-size: 1.8em; margin:10px 0;}
  header .header_tt p {font-size: 13px;}
  header .header_time {margin:10px 0;}
  header .icon {padding-bottom:10px;}
  main section p { padding:15px 10px 0; }
  main section img {margin-top:25px;}

  aside table th {width:20%;} aside table th {vertical-align: middle;} 
  aside table td input[type="text"],input[type="tel"],input[type="number"],select { font-size: 1.2em;}
}
@media screen and (max-width:320px){
  body {font-size:13px;}
  header .header_tt p {font-size: 12px;}
  header .header_tt h1 {font-size: 1.65em;}
}


.info{
	width:100%;
	max-width: 959px;
	margin:0 auto;}
.info > p{
	width:100%;
	background: #383838;
	height:35px;
	padding-left:68px;
	line-height: 35px;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
.info > p > span{
	font-weight: normal;
	cursor:pointer;}
	/*자세히 보기 팝업 */
.privacy{
	/* 3개의 값 중 왼쪽은 위를, 제일 오른쪽은 아래를 의미합니다. 가운데는 양 옆의 여백입니다. */
	padding:10px 0 47px;}
.privacy:after{
	content:'';
	clear: both;display: block;}
.privacy > div{
	float:left;
	width:50%;}
.privacy > div p{
	font-size: 15px;
	letter-spacing: -1.5px;
	white-space:pre-line;
	line-height: 1.5;
	padding:0 15px;}
.privacy > div p span{
	font-weight: bold;}
.privacy > div:first-child p{
	padding-left:15px;}

.btn_box{
	width:100%;
	text-align:center;
	padding:33px 0 55px;}

.social {
    padding: 30px 0;
    text-align: center;
}

.section > div {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.social button img {
    max-width: 100%;
}

.social button {
    outline: 0;
    border: 0;
    padding: 0 10px;
    background: transparent;
    cursor: pointer;
}

.popup {
    position: absolute;
    right: 50%;
    top: 800px;
    margin-right: -680px;
}

.popup_fixed {
    position: fixed;
    right: 50%;
    top: 46px;
    margin-right: -680px;
}