@charset "utf-8";
@import url(reset.css);
@import url(animate.css);







#wrapper {width: 100%; position: relative; margin: 0 auto;}

#header-wrap {width: 100%;margin: 0 auto; height:115px;position: fixed;z-index:10; border-bottom: 4px solid #453979;}
.header {width: 980px; position: relative; top: 70px; margin: 0 auto;}
.sub-logo {position: absolute; left: 0; top:-28px;}
.gnb {position: absolute; right:0;}
.gnb ul li {float: left;}
.gnb ul li a:hover {font-weight: 500;}
.gnb ul li a:before {content:'｜'; padding: 0 10px; }
.gnb ul li:last-child a:before {content:''; padding: 0;}
.gnb ul li:first-child a:before {content:''; padding: 0;}
.regi-btn a {background: #453979; border-radius: 10px; margin-left: 20px; padding: 0 10px; font-weight: 500;  line-height: 27px; color: #fff;}
.regi-btn a:hover {background: #9ec1e5;}

.on {font-weight: 600;}
.m_nav {display: none;}

#container {position: relative; width: 100%; margin: 0 auto; top: 115px; clear: both;}


.report-signin-top {background: #9dbe5d; max-width: 100%; height:317px;}
.report-signin-top-box {width: 980px; height: 290px; margin: 0 auto; background: url(../images/sub_top_logo.png) no-repeat center center;}
.report-signin-top-box p {text-align: center; color: #fff; font-weight: 500; position: relative; top: 200px;}

.report-signin {width: 980px; margin: 100px auto; padding: 50px 0 100px;}
.report-signin-box {border-top: 3px solid #9dbe5d; border-bottom: 3px solid #9dbe5d; padding: 50px 0;}
.report-signin-box p {text-align: center;margin-bottom: 50px;}
.report-signin-box-id, .report-signin-box-brc {border-top: 1px solid #999; padding: 50px 20px; width: 800px; margin: 0 auto;}
.report-signin-box label {font-weight: 600; display: inline-block; width: 150px;color: #555;}
.report-signin-box input {border: 1px solid #555; border-radius: 10px; padding: 6px 20px; width: 400px; margin: 10px 0;}
.report-signin-box-brc input.save {width: 30px; margin: 10px 0 0 150px;}

.signin-btn {width: 300px; display: block; background: #453979; margin:0 auto; border: 0 none; color: #fff; font-size: 22px; font-family: 'Noto Sans KR'; font-weight: 500; border-radius: 10px; padding: 3px 0;cursor: pointer;}

.report-top {width: 100%; position: relative; background: #ebebeb; height: 280px;}

.report-top-box {width: 980px; margin: 0 auto; position: relative; padding: 40px 0; color: #555; }
.report-tit {font-size: 28px;}
.report-tit strong {color: #333;}
.report-tit span {font-size: 32px;}


.report-info {float: left; padding-top: 30px;}
.report-info li {display: inline-block; font-size: 14px;}
.report-info li:before {content: '｜'; font-weight: 700; margin: 0 10px;}
.report-info li:first-child:before {content: none;}
.report-info span {font-weight: 600; margin-right: 10px; color: #333;}

.report-down {display: block; float: right; vertical-align: top;  cursor: pointer;background: url(../images/report/report_down.png); width: 205px; height: 52px;}
.report-down:hover {background: url(../images/report/report_down_on.png); width: 205px; height: 52px;}

.report-detail-box {clear: both; font-size: 0; padding-top: 35px;}
.report-detail-box-in {width: 100%; text-align: center;}
.report-detail-item {float: left; margin: 0 auto; text-align: center; height: 200px;background: #f2f2f2;border: 1px solid #999; padding: 15px 5px;}
.report-detail-item a {color: #c7c7c7;}
.report-detail-item p {font-size: 24px; font-weight: 600;}
.report-detail-item h1 {font-size: 68px;}
.report-detail-item h2 {font-size: 14px; font-weight: 400; }
.tab1, .tab2 {width:22%}
.tab3, .tab4, .tab5 {width: 18.5%;}

.i-focus-1 {background: #453979; border: none;}
.i-focus-1 a {color: #fff;} 
.i-focus-2 {background: #9ec1e5; border: none;}
.i-focus-2 a {color: #fff;} 
.i-focus-3 {background: #9dbe5d; border: none;}
.i-focus-3 a {color: #fff;} 
/*.i-focus-4 {background: #e9c942; border: none; background-image: url(../images/report/report_graph51.png); background-repeat: no-repeat; background-position: center center;}*/
.i-focus-4 {background: #e9c942; border: none;}
.i-focus-4 a {color: #fff;}
.i-focus-5 {background: #999; border: none;}
.i-focus-5 a {color: #fff;}
.corsiva {font-family: 'Corsiva'; font-weight: 400;}
.star:before {content: '※';}
.s-red {color: #da4061; font-size: 14px;}
.star-rgt {float: right;}
.star-rgt:before {content: '※';}


.i-focus-1:after {content: ' ';background: url(../images/report/report_tab_arrow1.png) no-repeat; width: 70px; height: 43px; display: block; margin: 10px auto 0; }
.i-focus-2:after {content: ' ';background: url(../images/report/report_tab_arrow2.png) no-repeat; width: 70px; height: 43px; display: block; margin: 10px auto 0; }
.i-focus-3:after {content: ' ';background: url(../images/report/report_tab_arrow3.png) no-repeat; width: 70px; height: 43px; display: block; margin: 10px auto 0; }
.i-focus-4:after {content: ' ';background: url(../images/report/report_tab_arrow4.png) no-repeat; width: 70px; height: 43px; display: block; margin: 10px auto 0; }
.i-focus-5:after {content: ' ';background: url(../images/report/report_tab_arrow5.png) no-repeat; width: 70px; height: 43px; display: block; margin: 10px auto 0; }


.report-section-1 {width: 980px; margin: 0 auto; position: relative;padding: 150px 0; clear: both;}
.report-section-1-info h1 {font-size: 32px; font-weight: 400;}
.report-section-1-info h1 span {font-size: 24px; }
.report-section-1-info p {margin-top: 20px;}

.report-section-1-info-2 {width: 480px; border-right: 3px solid #555; padding-right: 50px; float: left;}
.report-section-1-info-2 h1 {font-size: 32px; font-weight: 400;}
.report-section-1-info-2 h1 span {font-size: 24px; }
.report-section-1-info-2 p {margin-top: 20px;} 
.report-section-1-info-3 {float: right; background: #ebebeb; border-radius: 20px; width: 430px; text-align: center;}
.report-section-1-info-3 p {font-size: 98px; font-weight: 600;}
.report-section-1-info-3 p span {font-size: 28px;}

.gray-box {background: #ebebeb; border-radius: 50px; text-align: center; padding: 1px 10px;}


.report-section-1-detail {position: relative; margin-top: 50px; padding: 50px 0;overflow: hidden; }
.report-section-1-detail-lft {float: left; text-align: center; margin: 50px 0;}
.detail-1 {display: inline-block; vertical-align: middle; margin-right: 30px;}
.detail-1 h1 {font-size: 128px; line-height: 1;}
.detail-1 h2 {font-size: 18px; font-weight: 400;}
.detail-2 {border-left: 3px solid #555; display: inline-block;  vertical-align: middle;}

.report-section-1-detail-rgt {float: right; position: relative; width: 48%;}
.report-section-1-detail-rgt h1 {background: url(../images/report/report_graph54.png) no-repeat; width: 130px; height: 88px; 
								 position: absolute; top:-50px; left: 10px; padding: 40px 10px; display: block; font-size: 18px;}
.detail-3 {border: 1px solid #999; padding: 30px 20px;}


.report-section-2-detail {position: relative; overflow: hidden;}
.report-section-2-detail-lft {float: left; padding-top: 40px; background: url(../images/report/report_graph4.png) no-repeat 0 53px; width: 461px; height: 300px;position: relative;}
.report-section-2-detail-lft2 {float: left; padding-top: 40px; background: url(../images/report/report_graph13.png) no-repeat 0 53px; width: 461px; height: 300px;position: relative;}
/*1017수정*/.report-section-2-detail-lft3 {float: left; padding-top: 40px; background: url(../images/report/report_graph67.png) no-repeat 0 53px; width: 461px; height: 300px;position: relative;}
.graph-bg {position: relative; top: 13px;}
.graph-bar-1 {position: absolute; left:235px;}
.graph-bar-2 {position: absolute; left: 275px;}
.graph-bar-3 {position: absolute; left:240px;}
.graph-bar-4 {position: absolute; left: 210px;}


.report-section-2-detail-rgt {float: right; position: relative; width: 50%; margin-top: 80px;}
.report-section-2-detail-rgt h1 {background: url(../images/report/report_graph54.png) no-repeat; width: 130px; height: 88px; 
								 position: absolute; top:-50px; left: 10px; padding: 40px 2px; display: block; font-size: 18px;}
.detail-4 {border: 1px solid #999; background: #fff; padding: 30px 20px;}
.detail-4-txt {margin: 30px auto; text-align: center; font-weight: 600;}
.detail-4-txt li:before {content:'●'; margin-left: -10px; padding-right: 5px;}
.detail-4-txt li span {font-weight: 400;}


.report-section-1-detail-2 {position: relative; width: 100%;position: relative;}
.report-section-1-detail-2 h1 {display: block; background: url(../images/report/report_graph54.png) no-repeat; width: 130px; height: 88px; 
							   font-size: 18px; position: absolute; top: -50px; left: 10px; padding: 40px 10px;}
.detail-5 {border: 1px solid #999; padding: 35px;}
.detail-6 {display: inline-block; vertical-align: middle;}

.report-section-2-detail-rgt2 {float: right; padding: 30px 0; width: 50%;}

.detail-7 img {vertical-align: middle;}

.detail-7 table {border-top: 2px solid #555; border-bottom: 2px solid #555; width: 330px; display: inline-block; vertical-align: middle;}
.detail-7 table tbody td {border-bottom: 1px solid #ebebeb; padding: 5px;}


.circle-b{color: #3d2a17; font-weight: 600;}
.circle-y {color: #e9c942;font-weight: 600;}
.circle-c {color: #7f5d30;font-weight: 600;}
.circle-b:before {content: '●'; color: #3d2a17; margin-right: 10px; font-size: 18px; vertical-align: middle;}
.circle-y:before {content: '●'; color: #e9c942; margin-right: 10px; font-size: 18px; vertical-align: middle;}
.circle-c:before {content: '●'; color: #7f5d30; margin-right: 10px; font-size: 18px; vertical-align: middle;}
.circle-w:before {content: '○'; color: #999; margin-right: 10px; font-size: 18px; vertical-align: middle;}
.circle-num {font-size: 46px;}

.rgt-img {display: block; margin: 20px auto;}
.rgt-img2 {display: block; margin: 10px auto;}


.report-section-2 {clear: both; background: #ebebeb; padding: 50px 0;}
.report-section-2-info {width: 980px; margin: 0 auto;}
.report-section-2-info h1 {font-size: 32px; font-weight: 400;}
.report-section-2-info h1 span {font-size: 24px; }
.report-section-2-info p {font-size: 16px; margin-top: 20px;}
.report-section-2-info img {vertical-align: bottom;}


.report-section-2-detail {position: relative; width: 980px; margin: 30px auto 0; overflow: hidden;}
.report-section-2-lft {float: left; padding-top: 40px; background: url(../images/report/report_graph4.png) no-repeat 0 53px; width: 461px; height: 300px;}
.report-section-2-lft-2 {float: left; padding-top: 40px; background: url(../images/report/report_graph13.png) no-repeat 0 53px; width: 461px; height: 300px;}
.graph-bg {position: relative; top: 13px;}
.graph-bar-1 {position: absolute; left:235px;}
.graph-bar-2 {position: absolute; left: 275px;}
.graph-bar-3 {position: absolute; left:240px;}
.graph-bar-4 {position: absolute; left: 210px;}
.report-section-2-rgt {float: right;background-image: url(../images/report/report_graph3.png); background-repeat: no-repeat; width: 461px; height: 297px;}




.report-section-3 {width: 980px; margin: 0 auto; padding: 150px 0;}
.report-section-3-tit img {vertical-align: bottom;}
.report-section-3-tit h1 {display: inline-block; font-size: 32px; font-weight: 400; }
.report-section-3-tit h1 span {font-size: 24px; font-weight: 400;}

.report-section-3-box {border: 2px solid #ebebeb; border-top: 3px solid #333; margin: 30px auto;}
.report-section-3-box2 {border: 2px solid #ebebeb; border-top: 3px solid #333; margin: 30px auto; padding: 80px 50px ;}


.report-section-3-box-in {padding: 50px 80px;}
.report-section-3-box-in li {margin: 30px 0; vertical-align: middle;}
.report-section-3-box-in li .img {float: left; margin-right: 40px;}
.report-section-3-box-in li h1 {font-size: 24px;}
.report-section-3-box-in li h1 span {color: #453979;}
.report-section-3-box-in li h2 {font-size: 18px; font-weight: 400;margin-top: 10px;}


.report-section-3-box-in2 {background: url(../images/report/report_graph11.png) no-repeat 350px -350px; padding: 50px 80px;}
.report-section-3-box-in2 h1 {font-size: 32px; font-weight: 400;}
.report-section-3-box-in2 h1 span {font-size: 24px;}

.report-section-3-box-in2-ul {width: 80%; margin: 50px auto;}
.report-section-3-box-in2-ul li {margin: 15px 0;}
.report-section-3-box-in2-ul li img {vertical-align: middle;}
.report-section-3-box-in2-ul li h2 {display: inline-block; font-size: 18px; font-weight: 400; padding: 0 15px; vertical-align: middle; width: 20%;}
.report-section-3-box-in2-ul li h2 span {font-size: 28px;}
.report-section-3-box-in2-ul li p {display: inline-block; font-size: 18px; font-weight:400; border-left: 2px solid #999; padding-left: 20px; vertical-align: middle;}

.report-section-3-box-in2-ul2 {width: 100%;  margin: 50px auto;}
.report-section-3-box-in2-ul2 li {margin: 15px 0;}
.report-section-3-box-in2-ul2 li img {vertical-align: middle;}
.report-section-3-box-in2-ul2 li h2 {display: inline-block; font-size: 18px; font-weight: 400; padding: 0 15px; vertical-align: middle; width: 15%;}
.report-section-3-box-in2-ul2 li h2 span {font-size: 28px;}
.report-section-3-box-in2-ul2 li p {display: inline-block; width: 75%; font-size: 1rem;; font-weight:400; border-left: 2px solid #999; padding-left: 20px; vertical-align: middle;}




.gen-img {width: 10%;}
.gen-tit {width: 15%;}


.report-section-3-box-in3 {display: inline-block; width: 32.5%; vertical-align: top; text-align: center; margin: 0 auto; padding: 0 20px;}
.report-section-3-box-in3 p {text-align: justify; word-break: break-all; margin-top: 30px;}

.report-section-3-box-in4 {padding: 50px 30px; overflow: hidden;}
.report-section-3-box-in4 img {margin-right: 50px;  vertical-align: middle;}
.report-section-3-box-in4-check { width: 55%; display: inline-block; vertical-align: middle; padding-left: 35px;}
.report-section-3-box-in4-check ul li {margin: 20px 0;}
.report-section-3-box-in4-check ul li:before {content:''; background-image: url(../images/chk-icon.png); background-repeat: no-repeat; width: 30px; height: 30px; margin-left:-40px; padding-right: 10px;vertical-align: top; display:inline-block; }

.report-section-3-box-in5 {display: inline-block; width: 32.5%; margin: 50px auto; vertical-align: top;}
.report-section-3-box-in5 img {margin-bottom: 10px;}
.report-section-3-box-in5 h1 {font-size: 40px; color: #bbd875; font-weight: 600;}
.report-section-3-box-in5 h2 {font-size: 22px;}
.report-section-3-box-in5 p {font-weight: 400; margin-top: 20px;}


.report-section-3-box-in6 {background: url(../images/report/report_graph40.png) no-repeat 720px top; padding: 80px; overflow: hidden;}
.report-section-3-box-in6 ul {margin-bottom: 30px;}
.report-section-3-box-in6 ul li {font-size: 24px; margin: 10px 0;}
.report-section-3-box-in6 ul li span {font-size: 18px;}
.report-section-3-box-in6 ul li:before {content:''; background-image: url(../images/chk-icon.png); background-repeat: no-repeat; width: 30px; height: 30px; margin-left:-45px; padding-right: 10px;vertical-align: top; display:inline-block; }

.report-section-3-box-in6-good {background: url(../images/report/report_graph42.png) no-repeat;  width: 629px; height: 106px; position: relative; top: 20px;}
.report-section-3-box-in6-good p {font-size: 22px; position: absolute; left: 150px; bottom: 20px; letter-spacing: -0.5px;}
.report-section-3-box-in6-warning {background: url(../images/report/report_graph43.png) no-repeat; width: 666px; height: 106px; position: relative; bottom: 20px; float: right;}
.report-section-3-box-in6-warning p {font-size: 22px; position: absolute; left: 100px; bottom: 20px; letter-spacing: -0.5px;}
/*수정 1025*/
.in6-good-pc, .in6-bad-pc {display: none;}

.report-section-3-box-in7 {padding: 0 50px;}
.report-section-3-box-in7 li {font-size: 24px; margin: 10px 0;}
.report-section-3-box-in7 li span {font-size: 18px;}
.report-section-3-box-in7 li:before {content:''; background-image: url(../images/chk-icon.png); background-repeat: no-repeat; width: 30px; height: 30px; margin-left:-45px; padding-right: 10px;vertical-align: top; display:inline-block; }


.report-section-4 {width: 980px; position: relative; padding: 50px 0; margin: 0 auto;}
.report-section-4-box {clear: both; border: 1px solid #c7c7c7; border-radius: 20px; margin: 30px auto; padding: 20px 30px;}

.magenta {color: #bf0a76; font-weight: 600;}
.green {color: #b4cf73;  font-weight: 600;}
.wine {color: #7c082c; font-weight: 600;}



.report-section-1-table {margin: 50px auto; clear: both;}
.report-section-1-table table {border-bottom: 4px solid #555;}
.report-section-1-table table tr {height: 50px;}
.report-section-1-table table th {font-weight: 400;text-align: left; border-bottom: 4px solid #555;background: #fff;padding: 10px 0;}
.report-section-1-table table td {border-top: 1px solid #999; padding: 10px;}
.table-b {font-weight: 600;}
.table-i {font-weight: 400;font-family: 'Corsiva'; display: block;}
.table-hd {width: 20%;}
.table-it {width: 15%; background: #ebebeb;}
.table-bd {width: 10%;}
.table-ar {width: 5%;}
.table-ft {width: 40%;}
.table-tit {vertical-align: top; font-weight: 600;line-height:1;}
.table-tit img {vertical-align: middle;margin-right: 10px;}


.report-section-5 {width: 980px; margin: 0 auto; position: relative;  padding: 150px 0 50px; clear: both; overflow: hidden;}
.report-section-5-mn {float: left; width: 210px;}
.report-section-5-mn h1 {font-size: 30px; }
.report-section-5-mn h1 span {font-size: 18px; font-weight: 400;}
.report-section-5-mn-1 {border-top: 2px solid #555; margin: 20px 0;}
.report-section-5-mn-1 p {border-bottom: 2px solid #555; padding: 8px 0; font-weight: 600;}
.report-section-5-mn-1 ul {padding: 10px 0; border-bottom: 2px solid #555;}
.report-section-5-mn-1 ul li {padding: 8px 0; font-size: 16px;}
.report-section-5-mn-1 ul li a.mn-on {font-size: 20px; font-weight: 500; color: #453979;}
.report-section-5-mn-1 ul li a.mn-on:after {content: '▶'; vertical-align: top; }

.report-section-5-info {float: right; width: 650px;}
.report-section-5-info h1 {font-size: 32px; font-weight: 400;}
.report-section-5-info h1 span {font-size: 24px;}
.report-section-5-info p {margin: 20px 0;}

.report-section-5-info-in-1 {text-align: center; padding: 150px 0; position: relative; }
.report-section-5-info-in-2 {clear: both; position: relative;}
.report-section-5-info-in-2 h1 {font-size: 18px; background: url(../images/report/report_graph54.png) no-repeat; width: 130px; height: 88px; 
								 position: absolute; top:-50px; left: 10px; padding: 40px 10px; display: block; font-weight: 600; }
.report-section-5-item-1 {display: inline-block; }
.report-section-5-item-1 h1 {font-size: 128px;font-weight: 600;line-height: 1em;}
.report-section-5-item-1 h2 {font-size: 18px; font-weight: 400;}
.report-section-5-item-2 {display: inline-block;  margin-left: 30px; border-left: 3px solid #333;}
.report-section-5-item-3 {border: 1px solid #999;  padding: 30px;}

.report-section-6 {width: 980px; margin: 0 auto; padding: 100px 0 0;}
.report-section-6 h1 {font-size: 32px; font-weight: 400;}
.report-section-6 h1 span {font-size: 24px;}
.report-section-circle {float: right; margin: 10px 0;}
.report-section-circle li {display: inline-block;}
.report-section-6-box {clear: both; overflow: hidden;}
.report-section-6-lft {float: left; border: 1px solid #999; width: 470px; height: 440px; max-height: 800px; padding: 50px;}
.report-section-6-lft h1 {display: inline-block; font-size: 24px; font-weight: 600; vertical-align: middle; }
.report-section-6-lft img {vertical-align: middle;}
.report-section-6-rgt {float: right; border: 1px solid #999; width: 470px; height: 440px; padding: 50px;}
.report-section-6-rgt h1 {display: inline-block; font-size: 24px; font-weight: 600; vertical-align: middle; }
.report-section-6-rgt img {vertical-align: middle;}
.report-section-6-box-table {margin: 50px 0;letter-spacing: -0.5px;}
.report-section-6-box-table table td {padding: 2px 0;}

.warning:before {content: '●'; color: #bf0a76; margin-right: 5px;}
.normal:before {content: '●'; color: #e9c942; margin-right: 5px;}
.good:before {content: '●'; color: #9dbe5d; margin-right: 5px;}
.fnd:before {content: ''; background: url(../images/report/report_graph38.png) no-repeat; width: 19px; height: 19px;display: inline-block; vertical-align: middle; margin-right: 5px;}
.n-fnd:before {content: ''; background: url(../images/report/report_graph39.png) no-repeat; width: 19px; height: 19px;display: inline-block; vertical-align: middle; margin-right: 5px;}
.n-fnd {color: #ebebeb;}
.f-bar {margin: 0 10px; vertical-align: middle;}
.report-section-7-box {margin: 80px auto;}
.report-section-7-in {clear: both; border: 1px solid #999; width: 650px; height: 440px;padding: 50px; margin: 50px 0;}
.report-section-7-in h1 {display: inline-block; font-size: 24px; font-weight: 600; vertical-align: middle; }
.report-section-7-in img {vertical-align: middle;}
.report-section-7-box-table {margin: 30px 0;letter-spacing: -0.5px;}
.report-section-7-box-table table td {padding: 2px 0;}

.geno-detail {width: 160px; height: 160px; border-radius: 50%;background: #ebebeb; margin-left: 30px; padding-top: 15px;}
.geno-detail p {font-weight: 600; padding-top: 5px; line-height: 1;}
.geno-detail-2{ text-align: left;}
.geno-detail-2 h1 {font-size: 32px; color: #555;}
.geno-detail-2 h2 {font-size: 32px;}
.geno-detail-2 h2 span {font-size: 24px; font-weight: 400;}
.geno-detail-2 p {margin-top: 15px;}
.geno-detail-3 {width: 160px; height: 160px; border-radius: 50%;background: #ebebeb; margin-left: 30px; padding-top: 15px;}
.geno-detail-3 p {font-weight: 600; padding-top: 5px; line-height: 1; margin: 0;}




.report-section-8 {width: 980px; margin: 100px auto; position: relative; clear: both;}

.probiotics-graph {position: relative; width: 100%;}
.probiotics-tit {font-size: 28px; padding: 32px 80px; font-weight: 500; clear: both;}

.Lactobacillus {background: url(../images/report/report_graph55.png) no-repeat; width: 980px; height: 89px;}
.Lactococcus {background: url(../images/report/report_graph56.png) no-repeat; width: 980px; height: 89px;}
.Streptococcus {background: url(../images/report/report_graph57.png) no-repeat; width: 980px; height: 89px;}
.Enterococcus {background: url(../images/report/report_graph58.png) no-repeat; width: 980px; height: 89px;}
.Bifidobacterium {background: url(../images/report/report_graph59.png) no-repeat; width: 980px; height: 89px;}

.probiotics-graph-ico {float: right;}
.probiotics-graph-ico img {vertical-align: middle;}

.probiotics-wrap {margin-bottom: 50px;}

.probiotics-item-lft {float: left;position: relative; width: 400px;}
.probiotics-item-lft p {margin: 20px 0; }
.probiotics-item-tit {font-size: 22px; font-weight: 500;position: relative; background: #fff;z-index: 1; padding-right: 5px;}
.probiotics-item-tit:after{content: ' '; position: absolute; top: 10px; left: 0; width: 100%; height: 5px; z-index: -1;}
.probiotics-item-line {position: absolute; background: url(../images/report/detail_item_line.png)0 0 repeat-x; width: 100%; z-index: 0; left: 0;height: 1px; margin-top: 20px;}
.probiotics-item-img {float: right; position: relative; vertical-align: middle;z-index:1; margin-top:-10px;}

.probiotics-item-txt {font-size: 16px; display: block; margin-top: 5px; width: 220px; color: #777;}
.probiotics-item-txt strong {color: #333;}
.probiotics-item-rgt {float: right; position: relative; }
.probiotics-item-rgt p {margin: 25px 0;}
.gauge {position: absolute; left: 165px;top: 30px;}
.care {background: #bf0a76; color: #fff; border-radius: 5px; font-size: 16px; padding: 0 8px; letter-spacing: 1.5px; margin-right: 5px;}





#footer {clear: both; background-color:#333; border-top: 6px solid #9ec1e5; position: relative; top: 60px;}
.footerwrap {width: 980px; padding: 95px 0; margin: 0 auto; color: #cbcbcb; background: url(../images/foot_logo.png) no-repeat 80px 100px;}
.add {padding-left: 290px;}
.add h1 {font-size: 18px; }
.add p {font-size: 14px;margin: 10px 0;}






@media all and (max-width: 780px) {


.mobile {display: block;}
.pc {display: none;}

#header-wrap {width: 100%; background-color:#fff; margin: 0 auto; height:60px;position: fixed;z-index:10;}
.header {width:100%; position: relative; top:0; margin: 0 auto;}
.sub-logo {position: absolute; left: 10px; top:5px; }
.sub-logo img {width: 7rem;}
.gnb {display: none; position: absolute; top: 60px; width: 100%; right:0;}
.gnb ul li {float: none; padding: 10px 20px;  line-height: 3; background: #f2f2f2; font-size: 1.3rem;}
.gnb ul li a:hover {font-weight: 500;}
.gnb ul li a:before {content:''; padding: 0; }
.gnb ul li:last-child a:before {content:''; padding: 0;}
.gnb ul li:first-child a:before {content:''; padding: 0;}
.regi-btn a {background: #453979; border-radius: 10px; margin: 0; padding: 5px 15px; font-weight: 500;  line-height: 27px; color: #fff;}
.regi-btn a:hover {background: #9ec1e5;}
.m_nav {display: block;  width: 25px; height: 25px; position: absolute; right: 15px; top: 15px;}



#container {top: 60px;}

.report-signin-top-box {width: 100%;}
.report-signin {width: 90%; margin: 100px auto; padding: 50px 0 100px;}
.report-signin-box {border-top: 3px solid #9dbe5d; border-bottom: 3px solid #9dbe5d; padding: 50px 0;}
.report-signin-box p {text-align: center; padding: 20px; margin-bottom: 50px;}
.report-signin-box-id, .report-signin-box-brc {width: 90%; padding: 20px;}
.report-signin-box label {font-weight: 600; display: block; width:100%; ;color: #555;}
.report-signin-box input {border: 1px solid #555; border-radius: 10px; padding: 6px 20px; width: 90%;margin: 10px 0;}
.report-signin-box-brc input.save {width: 30px; margin: 0;;}

.signin-btn {width: 90%; display: block; background: #453979; margin:0 auto; border: 0 none; color: #fff; font-size: 22px; font-family: 'Noto Sans KR'; font-weight: 500; border-radius: 10px; padding: 3px 0;cursor: pointer;}




.report-top-box {width: 100%; padding: 40px 30px;}
.report-detail-item p {font-size: 1rem;}

.report-section-1 {width: 100%; padding: 150px 30px;}
.report-section-1-detail-lft {float: none;}
.report-section-1-detail-rgt {float: none; width: 100%;}

.report-section-1-info-3 {width: 180px;}

.report-section-2-info {width: 100%; padding: 0 30px;}
.report-section-2-detail {width: 100%; padding: 0 30px;}
/*1017수정*/
.report-section-2-detail-lft, .report-section-2-detail-lft2, .report-section-2-detail-lft3 {float: none; margin: 0 auto;}


.report-section-2-detail-rgt {float: none; width: 100%;}
.report-section-2-detail-rgt2 {float: none; margin: 0 auto; width: 70%;}

.report-section-3 {width: 100%; padding: 150px 30px;}
.report-section-3-box-in {padding: 50px;}

.report-section-3-box-in2 {padding: 50px;}
.report-section-3-box-in2-ul {width: 100%;}
.report-section-3-box-in2-ul2 li h2 {width: 60%;}
.report-section-3-box-in3 img {width: 10rem;}

.report-section-3-box-in4 img {margin: 0 auto; display: block;}
.report-section-3-box-in4-check {width: 100%;}

/*수정 1025*/
.report-section-3-box-in6-good {background:none;  width: 100%; height: 100%; position: relative; top: 0; margin-bottom: 30px;}
.report-section-3-box-in6-good p {font-size: 22px; position: relative; left: 0; bottom: 0; letter-spacing: -0.5px;}
.report-section-3-box-in6-warning {background: none; width: 100%; height: 100%; position: relative; bottom: 0; float: none;}
.report-section-3-box-in6-warning p {font-size: 22px; position: relative; left: 0; bottom: 0; letter-spacing: -0.5px;}
.in6-good-pc, .in6-bad-pc {display: block; font-size: 24px;}
.in6-good-pc img, .in6-bad-pc img {width: 40px;}
.m-box {background: #ebebeb; border: 1px solid #999; padding: 5px; border-radius: 5px;}


.report-section-4 {width: 100%; padding: 0 30px;}

.report-section-5 {width: 100%;}
.report-section-5-mn {float: none; margin: 0 auto;}
.report-section-5-mn-1 {display: none;}
.report-section-5-info {float: none; width: 100%; padding: 0 50px; margin-top: 50px;}




.report-section-6 {width: 100%; padding: 100px 30px 0 30px;}
.report-section-6-lft, .report-section-6-rgt {float: none; margin: 25px auto;}

.report-section-8 {width: 100%; padding: 0 30px;}

.Lactobacillus, .Lactococcus, .Streptococcus,.Enterococcus,.Bifidobacterium {background-size: 100%; width: 100%; margin: 0 auto;}

.probiotics-item-lft {width: 45%;}
.probiotics-item-rgt {width: 50%;}
.probiotics-item-rgt img {width: 100%;}
.probiotics-tit {font-size: 26px; padding: 20px 60px;}


.gauge {position: absolute; left: 165px;top: 30px; width: 50px;}
.gauge1 {width: 50px;}
.gauge2 {width: 50px;}
.gauge3 {width: 50px;}
.gauge4 {width: 50px;}
.gauge5 {width: 50px;}
.gauge6 {width: 50px;}
.gauge7 {width: 50px;}
.gauge8 {width: 50px;}
.gauge9 {width: 50px;}
.gauge10 {width: 50px;}
.gauge11 {width: 50px;}
.gauge12 {width: 50px;}
.gauge13 {width: 50px;}
.gauge14 {width: 50px;}
.gauge15 {width: 50px;}
.gauge16 {width: 50px;}
.gauge17 {width: 50px;}
.gauge18 {width: 50px;}
.gauge19 {width: 50px;}





.footerwrap {width: 100%; background: url(../images/foot_logo.png) no-repeat 30px 30px; padding: 50px 0;}
.add {padding: 50px 30px;}




}







@media all and (max-width: 460px) { 

.report-top {height: 400px;}
.report-info {float: none; padding: 30px 0;}
.report-info li {display: block;}
.report-info li:before {content: none;}
.report-down {float: none;}

.report-detail-item {height: 80px;}
.report-detail-item p {display: none;}
.report-detail-item h1 {font-size: 2rem;}
.report-detail-item h1 img {width: 2rem;}
.report-detail-item h2 {display: none;}
.i-focus-1:after {content: ' ';background: url(../images/report/report_tab_arrow1.png) no-repeat; width: 50px; height: 31px; display: block; margin: 0 auto; background-size: 50px;}
.i-focus-2:after {content: ' ';background: url(../images/report/report_tab_arrow2.png) no-repeat; width: 50px; height: 31px; display: block; margin: 0 auto; background-size: 50px;}
.i-focus-3:after {content: ' ';background: url(../images/report/report_tab_arrow3.png) no-repeat; width: 50px; height: 31px; display: block; margin: 0 auto; background-size: 50px;}
.i-focus-4:after {content: ' ';background: url(../images/report/report_tab_arrow4.png) no-repeat; width: 50px; height: 31px; display: block; margin: 0 auto; background-size: 50px;}
.i-focus-5:after {content: ' ';background: url(../images/report/report_tab_arrow5.png) no-repeat; width: 50px; height: 31px; display: block; margin: 0 auto; background-size: 50px;}




.detail-1 {margin: 0 auto;}
.detail-2 {border: none;}

.geno-detail, .geno-detail-3 {margin: 30px auto;}



.report-section-1-table {font-size: 0.6rem;}
/*1017수정*/.report-section-2-detail-lft, .report-section-2-detail-lft2, .report-section-2-detail-lft3 {background-size: 20rem;}
.graph-bar-1, .graph-bar-2, .graph-bar-3, .graph-bar-4 {width: 1.5rem;}


.report-section-2-detail-rgt2 {width: 100%;}
.detail-7 img {display: block; margin: 20px auto;}


.report-section-3-box-in li .img {float: none; margin: 20px auto;}
.report-section-3-box-in2 {padding: 30px;}
.report-section-3-box-in2 h2 {width: 70%;}
.report-section-3-box-in2 p {border: none; padding: 0; margin: 20px 0;}

.report-section-3-box-in2-ul li h2 {width: 60%;}
.report-section-3-box-in2-ul li p {width: 100%; border: none; padding: 0;}
.report-section-3-box-in2-ul2 li p {width: 100%; border: none; padding: 0;}

.report-section-3-box-in3 {width: 100%; padding: 0; margin: 30px auto;}
.report-section-3-box2 {padding: 30px;}


.report-section-3-box-in4 img {width: 15rem;}

.report-section-3-box-in5 {width: 100%; margin: 50px auto 0;}
.report-section-3-box-in5 h2 {width: 100%;}
.report-section-3-tit img {width: 100px;}

.report-section-5-item-2 {border: none; margin:0;}

.report-section-6-lft, .report-section-6-rgt {width: 100%; height: 100%;}
.report-section-7-in, .report-section-7-in {width: 100%; height: 100%;}
.report-section-3-box-in7 {padding:0 0 0 30px;}

.report-section-1-info-2  {width: 100%; border: none; padding: 0;}
.report-section-1-info-3 {float: none; clear: both; width: 100%;}
.report-section-4 {margin-top: -50px;}
.gray-box {font-size: 16px; margin: 30px auto;}

.probiotics-graph-ico {font-size: 16px;}
.Lactobacillus {background: url(../images/report/m_report_graph55.png) no-repeat; background-size: 100%;}
.Lactococcus {background: url(../images/report/m_report_graph56.png) no-repeat; background-size: 100%;}
.Streptococcus {background: url(../images/report/m_report_graph57.png) no-repeat; background-size: 100%;}
.Enterococcus {background: url(../images/report/m_report_graph58.png) no-repeat; background-size: 100%;}
.Bifidobacterium {background: url(../images/report/m_report_graph59.png) no-repeat; background-size: 100%;}

.probiotics-tit {font-size: 18px; padding: 18px 50px;}
.probiotics-tit span  {font-size: 14px;}

.probiotics-item-lft, .probiotics-item-rgt {width: 100%;}
.probiotics-item-rgt {height: 80px;}
.probiotics-item-tit {font-size: 18px;}
.probiotics-item-line {width: 90%;}
.probiotics-item-img img {width: 80%;}






}