@charset "utf-8";

#main_visual {position:relative;}
#main_visual .swiper-slide {height:877px; background:no-repeat center; background-size:cover;}
#main_visual .swiper-pagination {display:none; bottom:44px; z-index:100; text-align:center;}
#main_visual .swiper-pagination-bullet {position:relative; width:15px; height:15px; margin:0 5px; opacity:0.5; background:#fff;}
#main_visual .swiper-pagination-bullet-active {margin:0 11px; opacity:1;}
#main_visual .swiper-pagination-bullet-active:after {position:absolute; top:-6px; left:-6px; width:27px; height:27px; border-radius:50%; border:2px solid #fff; content:'';}
#main_visual .swiper-button-prev,
#main_visual .swiper-button-next {width:53px; height:102px; margin-top:-51px; background:no-repeat center;}
#main_visual .swiper-button-prev {left:50%; margin-left:-780px; background-image:url('../images/main/visual_prev.png');}
#main_visual .swiper-button-next {right:50%; margin-right:-780px; background-image:url('../images/main/visual_next.png');}

#main_visual .txt {width:96%; max-width:1194px; margin:0 auto; padding-top:320px; line-height:1.2;}
#main_visual .slide01 .t01 {margin-top:10px; font-size:48px; color:#f27420; font-weight:700;}
#main_visual .slide01 .t02 {margin-top:35px; font-size:20px; color:#193f5f; line-height:1.5;}
#main_visual .slide02 .t01 {font-size:70px; color:#f27420; font-weight:700;}
#main_visual .slide02 .t02 {font-size:48px; color:#193f5f; font-weight:500;}
#main_visual .slide02 ul {margin-top:38px; font-size:0;}
#main_visual .slide02 li {float:left; border-radius:50%; background:#193f5f;}
#main_visual .slide02 li+li {margin-left:25px;}
#main_visual .slide02 li p {display:table-cell; width:140px; height:140px; font-size:25px; color:#fff; text-align:center; vertical-align:middle;}
#main_visual .slide03 .t01 {font-size:70px; color:#f27420; font-weight:700;}
#main_visual .slide03 .t02 {font-size:48px; color:#193f5f; font-weight:500;}
#main_visual .slide03 .btn_more {display:inline-block; margin-top:35px; padding:0 40px; border:1px solid #f27420; font-size:18px; color:#f27420; line-height:3.22; text-align:center; transition:all 0.4s;}
.pc #main_visual .slide03 .btn_more:hover {color:#fff; background:#f27420;}
#main_visual .slide04 .t01 {font-size:48px; color:#f27420; font-weight:500;}
#main_visual .slide04 .t02 {font-size:70px; color:#f27420; font-weight:700;}
#main_visual .slide04 .t03 {margin-top:23px; font-size:40px; color:#193f5f; font-weight:500;}



#disease_info_swiper .swiper-slide {overflow:hidden;}
#disease_info_swiper .swiper-slide img {width:100%; transition:all 0.4s;}
#disease_info_swiper .swiper-slide a {display:block; position:relative;}
#disease_info_swiper .swiper-slide p {position:absolute; top:50%; left:5px; right:5px; transform:translateY(-50%); text-align:center;}
#disease_info_swiper .swiper-slide a:after {position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; border:5px solid #f69f03; opacity:0; transition:opacity 0.4s; content:'';}
#disease_info_swiper .swiper-slide span {display:block; font-size:35px; color:#fff;}
#disease_info_swiper .swiper-slide span.en {font-size:25px;}
.pc #disease_info_swiper .swiper-slide a:hover:after {opacity:1;}
.pc #disease_info_swiper .swiper-slide a:hover img {transform:scale(1.15);}


#product_info {width:100%; position:relative; background:url('../images/main/product_bg.jpg') center; background-size:cover;}
#product_info a {display:block; height:370px;}
#product_info .mtitle {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); color:#fff;}
#product_info .mtitle p {letter-spacing:0.2em; font-weight:300;}


#qna .mtitle {margin-bottom:50px;}
#qna .board {position:relative;}
#qna li+li {margin-top:20px;}
#qna li a {display:block; overflow:hidden; position:relative; font-size:18px; line-height:4.444;}
#qna li a:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #aaaaaa; content:'';}
.pc #qna li a:after {position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #193f5f; opacity:0; transition:opacity 0.3s; content:'';}
.pc #qna li a:hover:after {opacity:1;}
#qna .num {position:absolute; top:0; left:0; width:100px; text-align:center;}
#qna .title {display:block; overflow:hidden; margin:0 230px 0 100px; white-space:nowrap; text-overflow:ellipsis;}
#qna .date {position:absolute; top:0; right:114px;}
#qna i {position:absolute; right:40px; top:50%; width:15px; height:15px; margin-top:-8px;}
#qna i:before {position:absolute; top:7px; left:0; width:100%; height:1px; background:#002569; content:'';}
#qna i:after {position:absolute; top:0; left:7px; width:1px; height:100%; background:#002569; content:'';}
#qna .btn_more {position:absolute; right:0; top:-43px; width:80px; border-radius:3px; line-height:1.22; font-size:18px; color:#fff; text-align:center; font-weight:300; background:#5b6e7a;}


#notice .mtitle {margin-bottom:50px;}
#notice .board {position:relative; border-top:1px solid #9e9e9e;}
#notice li {display:inline-block; width:100%; padding:15px 30px; border-bottom:1px solid #dddddd;}
#notice li a {display:block; overflow:hidden; position:relative; font-size:18px; line-height:70px;}
#notice .img_wrap {float:left; width:132px; height:70px; overflow:hidden;}
#notice .img_wrap img {width:100%; min-height:100%;}
#notice .title {display:block; overflow:hidden; margin:0 130px 0 170px; white-space:nowrap; text-overflow:ellipsis;}
#notice .date {position:absolute; top:0; right:30px; font-size:16px;}
#notice .btn_more {position:absolute; right:0; top:-43px; width:80px; border-radius:3px; line-height:1.22; font-size:18px; color:#fff; text-align:center; font-weight:300; background:#5b6e7a;}



@media all and (min-width: 1024px){
	#main_visual .slide01 {background-image:url('../images/main/main_bg01.jpg');}
	#main_visual .slide02 {background-image:url('../images/main/main_bg02.jpg');}
	#main_visual .slide03 {background-image:url('../images/main/main_bg03.jpg');}
	#main_visual .slide04 {background-image:url('../images/main/main_bg04.jpg');}
}
@media all and (max-width: 1600px){
	#main_visual .swiper-button-prev {left:2%; margin-left:0;}
	#main_visual .swiper-button-next {right:2%; margin-right:0;}
}
@media all and (max-width: 1400px){
	#main_visual .swiper-button-prev,
	#main_visual .swiper-button-next {display:none;}
	#main_visual .swiper-pagination {display:block;}
}
@media all and (max-width: 1023.99px){
	/* 태블릿 사이즈 */
	#main_visual .swiper-slide {height:auto; padding-bottom:133%}
	#main_visual .slide01 {background-image:url('../images/main/main_bg01_m.jpg');}
	#main_visual .slide02 {background-image:url('../images/main/main_bg02_m.jpg');}
	#main_visual .slide03 {background-image:url('../images/main/main_bg03_m.jpg');}
	#main_visual .slide04 {background-image:url('../images/main/main_bg04_m.jpg');}	
	
	#main_visual .txt {position:absolute; bottom:115px; left:3%; right:3%; padding-top:130px; text-align:center;}
	#main_visual .txt:before {position:absolute; top:0; left:50%; width:3px; height:120px; margin-left:-1px; background:#fff; content:'';}
	#main_visual .slide01 .txt img {display:none;}
	#main_visual .slide01 .t01 {color:#fff;}
	#main_visual .slide01 .t02 {margin-top:25px; color:#fff;}
	#main_visual .slide02 .t01 {font-size:48px; color:#fff;}
	#main_visual .slide02 .t02 {font-size:48px; color:#fff;}
	#main_visual .slide02 ul {display:inline-block;}
	#main_visual .slide02 li {border:2px solid #fff; background:none;}
	#main_visual .slide03 .t01 {font-size:48px; color:#fff;}
	#main_visual .slide03 .t02 {font-size:48px; color:#fff;}
	#main_visual .slide03 .btn_more {margin-top:28px; border-color:#fff; color:#fff;}
	.pc #main_visual .slide03 .btn_more:hover {color:#193f5f; background:#fff;}
	#main_visual .slide04 .t01 {margin-top:13px; font-size:34px; color:#fff;}
	#main_visual .slide04 .t02 {font-size:48px; color:#fff;}
	#main_visual .slide04 .t03 {font-size:34px; color:#fff;}
	

	#disease_info_swiper .swiper-container {margin:0 -45%;}


}
@media all and (max-width: 767.9px){
	/* 모바일 사이즈 */
	#main_visual .swiper-slide {height:100vh; padding-bottom:0}
	#main_visual .txt {bottom:90px; padding-top:78px;}
	#main_visual .txt:before {width:2px; height:72px;}
	#main_visual .slide01 .t01 {font-size:28px;}
	#main_visual .slide01 .t01 span {display:block;}
	#main_visual .slide01 .t02 {margin-top:15px; font-size:12px;}
	#main_visual .slide02 .t01 {font-size:28px;}
	#main_visual .slide02 .t02 {font-size:28px;}
	#main_visual .slide02 ul {width:90%; max-width:498px; margin-top:23px;}
	#main_visual .slide02 li {float:left; width:30%;}
	#main_visual .slide02 li+li {margin-left:5%;}
	#main_visual .slide02 li p {display:block; position:relative; width:100%; height:auto; padding-bottom:100%;}
	#main_visual .slide02 li span {position:absolute; top:50%; left:0; right:0; font-size:17px; transform:translateY(-50%);}
	#main_visual .slide03 .t01 {font-size:28px;}
	#main_visual .slide03 .t02 {font-size:28px;}
	#main_visual .slide03 .btn_more {margin-top:17px; padding:0 27px; font-size:12px;}
	#main_visual .slide04 .t01 {margin-top:7px; font-size:20px;}
	#main_visual .slide04 .t02 {font-size:28px;}
	#main_visual .slide04 .t03 {font-size:20px;}
	
	#disease_info_swiper .swiper-slide span {font-size:21px;}
	#disease_info_swiper .swiper-slide span.en {font-size:15px;}

	#product_info a {position:relative; height:222px;}

	#qna .mtitle {margin-bottom:40px;}
	#qna li+li {margin-top:12px;}
	#qna li a {font-size:14px;}
	#qna .num {width:55px;}
	#qna .title {margin:0 125px 0 50px;}
	#qna .date {right:50px;}
	#qna i {right:20px; width:11px; height:11px; margin-top:-6px;}
	#qna i:before {top:5px;}
	#qna i:after {left:5px;}
	#qna .btn_more {top:-25px; width:56px; font-size:13px;}
	
	
	#notice .mtitle {margin-bottom:40px;}
	#notice li {padding:8px 10px;}
	#notice li a {font-size:14px; line-height:53px;}
	#notice .img_wrap {width:100px; height:53px;}
	#notice .title {margin:0 0px 0 115px;}
	#notice .date {display:none; right:10px; font-size:13px;}
	#notice .btn_more {top:-25px; width:56px; font-size:13px;}
	/*
	#notice .mtitle {margin-bottom:50px;}
	#notice .board {position:relative; border-top:1px solid #9e9e9e;}
	#notice li {display:inline-block; width:100%; padding:15px 30px; border-bottom:1px solid #dddddd;}
	#notice li a {display:block; overflow:hidden; position:relative; font-size:18px; line-height:70px;}
	#notice .img_wrap {float:left; width:132px; height:70px; overflow:hidden;}
	#notice .img_wrap img {width:100%; min-height:100%;}
	#notice .title {display:block; overflow:hidden; margin:0 130px 0 170px; white-space:nowrap; text-overflow:ellipsis;}
	#notice .date {position:absolute; top:0; right:30px; font-size:16px;}
	#notice .btn_more {position:absolute; right:0; top:-43px; width:80px; border-radius:3px; line-height:1.22; font-size:18px; color:#fff; text-align:center; font-weight:300; background:#5b6e7a;}
	*/



}

/*
60% 최소폰트 12px
*/