@charset "utf-8";

#sub_visual {position:relative; height:400px; color:#fff; text-align:center; background:no-repeat center; background-size:cover;}
#sub_visual.qna {background-image:url('/asset/images/sub/visual_qna.jpg')}
#sub_visual.notice {background-image:url('/asset/images/sub/visual_notice.jpg')}
#sub_visual.contact {background-image:url('/asset/images/sub/visual_contact.jpg')}
#sub_visual.disease01 {background-image:url('/asset/images/sub/visual_disease01.jpg')}
#sub_visual.disease02 {background-image:url('/asset/images/sub/visual_disease02.jpg')}
#sub_visual.disease03 {background-image:url('/asset/images/sub/visual_disease03.jpg')}
#sub_visual.privacy {background-image:url('/asset/images/sub/visual_privacy.jpg')}

#sub_visual .txt {position:absolute; top:50%; left:0; right:0; margin-top:-50px; padding:0 10px;}
#sub_visual em {font-size:20px; font-weight:700;}
#sub_visual h2 {font-size:48px; font-weight:700;}
#sub_visual p {margin-top:22px; font-size:18px; line-height:1.55;}

#sub_visual.disease .txt {top:80px; margin:0;}


.disease_s02 {padding:100px 0; background:url('../images/sub/disease_s02_bg.jpg') no-repeat center; background-size:cover;}
.disease_s02 ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center!important; justify-content: center!important; margin:-15px; }
.disease_s02 ul li {-ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; padding:15px;}
.disease_s02 em {font-weight:700;}
.disease_s02 .img {border:1px solid #aaaaaa;}
.disease_s02 .box {height:100%; background:#5b6e7a;}
.disease_s02 .box div {padding:20px 15px; color:#fff; text-align:center; line-height:1.55}


.disease_s03 li+li {margin-top:30px;}
.disease_s03 li {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch!important; align-items: stretch!important; border:1px solid #aaaaaa; background:#f5f5f5;}
.disease_s03 .img {width:378px; border-right:1px solid #aaaaaa; background:#fff;}
.disease_s03 .cont {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex: 1; flex: 1; -ms-flex-align: center!important; align-items: center!important; position:relative; padding:65px 50px 35px; line-height:1.55;}
.disease_s03 .cont .box {}
.disease_s03 strong {position:absolute; top:0; left:0; width:180px; font-size:20px; line-height:2; text-align:center; color:#fff; background:#f27420;}
.disease_s03 em {color:#f27420;}


.disease_s04 {position:relative; background:url('../images/sub/disease_s04_bg.jpg') no-repeat center; background-size:cover;}
.disease_s04 div {width:50%; padding:135px 50px 130px 20px; text-align:right; background:rgba(255,255,255,0.8);}
.disease_s04 p {position:relative; padding-top:30px; line-height:1.29; font-size:34px; color:#193f5f;}
.disease_s04 p:before {position:absolute; top:0; right:0; width:50px; height:2px; background:#193f5f; content:'';}
.disease_s04 p em {font-weight:700;}
.disease_s04 p strong {font-size:48px; font-weight:700;}


.disease_s05 {position:relative; padding-bottom:80px;}
.disease_s05 div {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center!important; align-items: center!important; position:absolute; top:80px; right:50px; width:510px; min-height:500px; padding:50px 40px; text-align:center; background:rgba(255,255,255,0.8); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);}
.disease_s05 dl {text-align:center;}
.disease_s05 dt {font-size:48px; color:#193f5f; font-weight:700;}
.disease_s05 dd {margin-top:20px; line-height:1.55;}
.disease_s05 dd em {font-weight:500; color:#f27420;}


.disease_s06 {}
.disease_s06 .box {padding:50px 20px; color:#fff; text-align:center; line-height:1.55; background:url('../images/sub/disease_s06_bg.jpg') no-repeat center; background-size:cover;}
.disease_s06 .box .stitle {margin-bottom:25px;}
.disease_s06 .box .stitle {color:#fff;}
.disease_s06 .t01 {display:inline-block; line-height:1.33; background:rgba(255,255,255,0.15);}
.disease_s06 .t02 {margin-top:15px;}
.disease_s06 .t03 {margin-top:15px; color:#dddddd; font-style:italic;}
.disease_s06 em {font-weight:700;}
.disease_s06 .desc {padding:15px; text-align:center; font-size:14px; color:#555555; line-height:1.714; background:#dddddd;}


.hospotal_search {position:relative; height:233px; background:url('../images/sub/hospotal_search_bg.jpg') no-repeat center; background-size:cover;}
.hospotal_search .mtitle {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); color:#fff; color:#fff;}
.hospotal_search .mtitle p {margin-top:0;}
.pc .hospotal_search .btn_go:hover {color:#f27420;}


/* 제품소개 */
.product_visual {padding:200px 0; background:center; background-size:cover;}
.product_visual .txt {width:94%; max-width:1300px; margin:0 auto; padding-right:30%; color:#fff; text-shadow: 0 0px 15px rgba(242,116,32,0.5);}
.product_visual .t01 {margin-top:16px; font-size:34px; font-weight:700;}
.product_visual .t02 {margin-top:35px; line-height:1.55;}


.cont_rlist {width:94%; margin:0 auto; padding:25px; text-align:center; font-size:0;}
.cont_rlist li {display:inline-block; position:relative; width:480px; height:480px; margin:-25px; padding-top:80px; border-radius:50%; background:rgba(242,116,32,0.8);}
.cont_rlist .txt {font-size:18px; line-height:1.5; color:#fff;}
.cont_rlist .txt img {margin-bottom:20px;}
.cont_rlist strong {display:block; margin-bottom:5px; font-size:34px; font-weight:700;}
.cont_rlist.abs_pos .txt {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}
.cont_rlist.size01 li {width:420px; height:420px; padding-top:47px; margin:-16px;}
.cont_rlist.size02 li {width:612px; height:612px; padding-top:115px;}



.faq {padding:100px 0; background:url('../images/sub/product_s02_bg.jpg') center; background-size:cover;}
.faq em {color:#f27420;}
.faq_list li {margin-top:30px; padding:30px 50px; border:1px solid #aaaaaa; line-height:1.4; background:#fff;}
.faq_list dt {min-height:38px; padding-left:62px; font-weight:700; background:url('../images/icon/icon_q.png') 0 0 no-repeat;}
.faq_list dd {min-height:48px; margin-top:20px; padding-left:62px; background:url('../images/icon/icon_a.png') 0 0 no-repeat;}
.faq .desc {margin:30px -50px 0; text-align:center;}
.faq .desc dl {display:inline-block; position:relative; padding:0 40px; color:#555555;}
.faq .desc dt {display:inline-block; position:relative; padding-left:40px; padding-right:15px; margin-right:15px; background:url('../images/icon/icon_i.png') 0 center no-repeat;}
.faq .desc dt:before {position:absolute; top:0; right:0; content:'|';}
.faq .desc dd {display:inline-block;}
.faq .desc dl+dl:before {position:absolute; top:0; left:0; width:1px; height:30px; background:#aaaaaa; content:'';}
.faq .desc .txt {margin-top:30px; color:#aaaaaa; font-size:14px;}
.faq .desc .txt span {display:inline-block; position:relative; padding:0 15px;}
.faq .desc .txt span+span:before {position:absolute; top:0; left:0; width:1px; height:16px; background:#aaaaaa; content:'';}


.product_qna {position:relative; height:612px; background:url('../images/sub/product_qna.jpg') center; background-size:cover;}
.product_qna .mtitle {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); color:#fff; color:#fff;}

.privacy_scroll_box {overflow-y:scroll; height:600px; padding:17px 20px; border:1px solid #dddddd; line-height:1.7; color:#555555; background:#fff; }






@media all and (max-width: 1023.99px){
	#sub_visual .txt {margin-top:-30px;}
	#sub_visual.disease .txt {top:130px;}
	.product_visual .txt {padding-right:35%;}

	.disease_s04 {background-position:100% center;}
	.disease_s04 div {padding:80px 40px 80px 20px;}

	.disease_s05 div {right:0px; width:45%; min-height:400px; padding:30px;}

	.faq .desc dl {display:block; padding:0 30px;}
	.faq .desc dl+dl {margin-top:15px;}
	.faq .desc dl+dl:before {display:none;}

}


@media all and (min-width: 768px){
	.product_visual {background-image:url('../images/sub/visual_product.jpg')}
}
@media all and (max-width: 767.9px){
	#sub_visual {height:250px;}
	#sub_visual em {font-size:14px;}
	#sub_visual h2 {font-size:28px;}
	#sub_visual p {margin-top:11px; font-size:11px;}
	#sub_visual .txt {margin-top:-5px}	
	#sub_visual.disease .txt {top:95px;}

	.disease_s02 {padding:60px 0;}
	.disease_s02 ul {max-width:378px; margin:-8px auto;}
	.disease_s02 ul li {-ms-flex: 100%; flex: 100%; max-width: 100%; padding:8px 0;}

	.disease_s03 {max-width:378px; margin:0 auto;}
	.disease_s03 li+li {margin-top:20px;}
	.disease_s03 .img {width:100%; border:0;}
	.disease_s03 .img img {width:100%;}
	.disease_s03 .cont {padding:15px;}
	.disease_s03 strong {top:-28px; width:100px; font-size:14px;}

	.disease_s04 div {padding:50px 25px 50px 15px;}
	.disease_s04 p {padding-top:15px; font-size:17px;}
	.disease_s04 p:before {width:25px; height:1px;}
	.disease_s04 p strong {font-size:24px;}

	
	.disease_s05 {padding-bottom:0;}
	.disease_s05 img {width:70%;}
	.disease_s05 div {position:relative; top:0; right:0px; left:15%; width:85%; min-height:auto; margin-top:-7%; padding:40px 20px 30px;}
	.disease_s05 dt {font-size:28px;}
	.disease_s05 dd {margin-top:12px;}
	.disease_s05 dd br {display:none;}

	.disease_s06 .box {padding:30px 15px;}
	.disease_s06 .box .stitle {margin-bottom:13px;}
	.disease_s06 .t02 {margin-top:8px;}
	.disease_s06 .t03 {margin-top:8px;}
	.disease_s06 .box br {display:none;}
	.disease_s06 .desc {padding:10px 15px; font-size:12px;}

	.hospotal_search {height:150px;}
	
	.product_visual {padding:100px 0 50px; background:url('../images/sub/visual_product_m.jpg') no-repeat #feaf89 center 90%;; background-size:cover;}
	.product_visual img {display:none;}
	.product_visual .txt {width:auto; padding-left:20px; padding-right:45%;}
	.product_visual .txt br {display:none;}
	.product_visual .t01 {margin-top:9px; font-size:20px;}
	.product_visual .t02 {margin-top:21px; font-size:14px; line-height:1.4;}

	.cont_rlist {padding:12px;}
	.cont_rlist li {width:290px; height:290px; margin:-12px;}
	.cont_rlist .txt {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:13px; padding:20px 0; margin-top:-5px; font-size:12px; letter-spacinG:-0.06em;}
	.cont_rlist .txt img {height:22px; margin-bottom:12px;}
	.cont_rlist strong {font-size:20px;}
	
	.cont_rlist.size01 li {width:280px; height:280px;}
	.cont_rlist.size02 li {width:310px; height:310px;}
	
	.faq {padding:60px 0;}
	.faq_list li {margin-top:15px; padding:15px;}
	.faq_list dt {min-height:24px; padding-left:40px; background-size:25px auto;}
	.faq_list dd {min-height:30px; margin-top:10px; padding-left:40px; background-size:25px auto;}
	.faq .desc {margin:20px 0 0;}
	.faq .desc dl+dl {margin-top:8px;}
	.faq .desc dl {padding-left:85px; text-align:left;}
	.faq .desc dt {position:absolute; top:0; left:0; padding-left:22px; padding-right:9px; margin-right:9px; background-size:14px 14px;}
	.faq .desc .txt {margin-top:20px; font-size:12px;}
	.faq .desc .txt span {display:block; line-height:1.5;}
	.faq .desc .txt span+span:before {display:none;}


	.product_qna {height:250px;}

	.privacy_scroll_box {height:300px;}

	
}