@charset "utf-8";
@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */



/** 메인비주얼 **/
#visual{position:relative; width:100%; overflow:hidden; top:0; }
	.jssorb05 {width:100% !important; position: absolute; bottom:5%; left:0 !important; z-index:999; text-align:center;}
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 15px !important;  height: 15px; background:url('/img/navi_off.png') center center no-repeat; background-size:100%; cursor:pointer; margin:0 8px 0 0 !important; padding:0; left:0px !important; display:inline-block; }
    .jssorb05 div:last-child {margin-right:0}
    .jssorb05 .av:hover {background:url('/img/navi_on.png') center center no-repeat; background-size:100%; height: 15px; width:15px !important;}
    .jssorb05 .av {background:url('/img/navi_on.png') center center no-repeat; background-size:100%;  height: 15px; width:15px !important;}

#visual .txt_area{width:100%; position:absolute; top:52%; left:50%; transform: translate(-50%, -52%); text-align:center; z-index:99}
#visual .txt_area h3 {font-family:'NotoKR-Thin', sans-serif; font-weight:normal; font-size:45px; letter-spacing:-1.3pt; color:#fff; margin:0 0 3% 0; text-shadow:rgba(0,0,0,.2) 0 0 9px; line-height:110%}
#visual .txt_area span {font-family:'NotoKR-Bold', sans-serif; letter-spacing:-1.3pt; line-height:110%}

/*  공통  */
#contents {position:relative; overflow:hidden; width:100%;}
#contents h3.con_tit {color:#333; font-weight:100; font-family:'NotoKR-Thin', sans-serif; font-size:30px; letter-spacing:-1pt; margin-bottom:15px; text-align:center;}
#contents h3.con_tit.eng {font-family:'Montserrat', sans-serif; letter-spacing:0; line-height:100%;}
#contents h3.con_tit.eng.bold {font-weight:700}
#contents span.green_color {color:#8cab24; font-weight:100; font-family:'NotoKR-Bold', sans-serif; letter-spacing:-1pt;}
#contents span.bold {font-weight:100; font-family:'NotoKR-Bold', sans-serif; letter-spacing:-1pt;}
#contents span.eng {letter-spacing:0; font-family:'Montserrat', sans-serif; line-height:100%;}
#contents a.read_more {font-family:'Montserrat', sans-serif;}
#contents a.more {font-family:'Montserrat', sans-serif;}

.show480{display:none;}

.quick_tel {position:relative; overflow:hidden; background:#5b9bd5; text-align:center; box-sizing:border-box; line-height:47px; font-size:14px; color:#fff; letter-spacing:-0.5pt;}
.quick_tel dt {float:left; width:calc(100% - 47px); height:47px}
.quick_tel dt span {font-size:19px; letter-spacing:0; line-height:47px; font-weight:700; font-family:'Montserrat', sans-serif;display:inline-block; margin-left:10px}
.quick_tel dd {float:right;}
.quick_tel dd a {display:inline-block; background:#2780d1; width:47px; height:47px; }
.quick_tel dd a img {max-width:100%;}

/* 메인 - 배너 */
.banner_con {position:relative; overflow:hidden; padding:0 10px 25px 10px; margin:0 auto; box-sizing:border-box;}
.banner_con > div {float:left; height:auto; width:50%; box-sizing:border-box;}
.banner_con .ifinder {background:url('/m/img/ifinder_bg.jpg') center center/cover no-repeat;}
.banner_con .result_ex {background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #8ac9af), color-stop(0.5, #8ed0b5));
	background: -moz-linear-gradient(-33deg, #8ac9af 49%, #8ed0b5 50%);
	background: -webkit-linear-gradient(-33deg,  #8ac9af 49%, #8ed0b5 50%);
	background: -o-linear-gradient(-33deg,  #8ac9af 49%, #8ed0b5 50%);
	background: -ms-linear-gradient(-33deg,  #8ac9af 49%, #8ed0b5 50%);
	background: linear-gradient(-33deg,  #8ac9af 49%, #8ed0b5 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ac9af', endColorstr='#8ed0b5', gradientType=1);}
.banner_con .star {background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #8bc8e9), color-stop(0.5, #8fcef1));
	background: -moz-linear-gradient(-33deg, #8bc8e9 49%, #8fcef1 50%);
	background: -webkit-linear-gradient(-33deg,  #8bc8e9 49%, #8fcef1 50%);
	background: -o-linear-gradient(-33deg,  #8bc8e9 49%, #8fcef1 50%);
	background: -ms-linear-gradient(-33deg,  #8bc8e9 49%, #8fcef1 50%);
	background: linear-gradient(-33deg,  #8bc8e9 49%, #8fcef1 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bc8e9', endColorstr='#8fcef1', gradientType=1);}
.banner_con .location {background:url('/m/img/location_bg.jpg') center center/cover no-repeat} 

.banner_con a {display:block; font-size:15px; color:#fff; text-align:center; background:url('/m/img/ifinder_icon.png') center 27% no-repeat; background-size:18%; letter-spacing:-0.5pt; line-height:125%; padding:38% 0 10% 0; box-sizing:border-box; transition: all 0.3s ease-out;}
.banner_con .result_ex a {background:url('/m/img/result_icon.png') center 27% no-repeat; background-size:16%; padding:43.81% 0 14% 0}
.banner_con .star a {background:url('/m/img/star_icon.png') center 42% no-repeat; background-size:20%; padding:43.81% 0 14% 0; font-family:'Montserrat', sans-serif; letter-spacing:0; font-weight:400}
.banner_con .location a {background:url('/m/img/location_icon.png') center 46% no-repeat;  background-size:24%; padding:43.81% 0 14% 0}





/* BIOSTAR */
.biostar {position:relative; width:100%; overflow:hidden; background-color:#f0f0f0; padding:30px 10px; box-sizing:Border-box;}
#contents .biostar h3.con_tit span.bold {font-size:27px; letter-spacing:0; font-family:'Montserrat', sans-serif; font-weight:700; display:inline-block;}

.slider {width:100%;}
	.slick-slide {position:relative; margin: 0; padding:0 6px; display: none;float: left;height: 100%;min-height: 1px;}
	.slider li p.img{border:1px solid rgba(255,255,255,0.01); width:100%; height:100%; overflow:hidden; text-align:center; margin-bottom:15px; box-sizing:border-box; transition: all 0.3s ease-out;}
	.slider li p.img img{width:100%; max-height:100%; }
	.slider li p.name {font-size:14px; color:#aaa; letter-spacing:-0.5pt; font-style:italic}
	.slider li p.name span {width:100%; height:35px; border-radius:35px; background-color:#a3c52f; line-height:35px; text-align:center; color:#fff; display:inline-block; font-size:15px; letter-spacing:-0.5pt;font-style:normal; margin-right:10px;}
	.slider li div.txt_box {display:block; transition: all 0.3s ease-out;}
	.slider li h5 {font-size:15px; color:#333; letter-spacing:-0.5pt; font-weight:100; font-family:'NotoKR-Bold', sans-serif; margin-top:15px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; transition: all 0.3s ease-out;}
	.slider li p.txt {overflow:hidden; font-size:13px; color:#888; letter-spacing:-0.5pt; height:35px; margin:7px 0 13px 0; /*text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; margin:12px 0 20px 0;*/}
	.slider li p.more {font-size:13px; color:#8cab24; font-family:'Montserrat', sans-serif; transition: all 0.3s ease-out;}

	/* 양옆 화살표 */
	.slick-prev:before, .slick-next:before {color: black;}
	.slick-prev,.slick-next{position: absolute; top:20%; margin:0 0 0; display: block;width: 25px;height: 53px; padding: 0; cursor: pointer; color: transparent; border: none; outline:none; background: transparent; z-index:50}
	.slick-prev{left:7px; background:url('/m/img/arrow_prev.png') left top no-repeat; background-size:100%;}
	.slick-next{right:7px; background:url('/m/img/arrow_next.png') left top no-repeat; background-size:100%; }
	/*.pro_more{display:block; position:absolute; top:-46px; right:70px; width:36px; height:36px; background:url('/m/img/main/more.gif') no-repeat left top; background-size:100%; font-size:1px; text-indent:-9999999999px; color:#fff !important}*/
	.slick-slider{position: relative;display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
	.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
	.slick-initialized .slick-slide{display: block;}


/* 메인 - 온라인예약 */
.m_online {position:relative; width:100%; overflow:hidden; margin:0 auto; padding:20px 10px; box-sizing:border-box}
.m_online h3.con_tit {}
.m_online span.green_color {}
.m_online span.bold {}
.m_online .icon {position:relative; overflow:hidden; width:100%; margin:0 auto; text-align:center;}
.m_online .icon li {display:inline-block; border-right:1px dashed #ddd; text-align:center; box-sizing:border-box;padding:0 5%}
.m_online .icon li.consult {padding-left:0}
.m_online .icon li.resv {}
.m_online .icon li.kakao {border-right:none; padding-right:0}
.m_online .icon li a {display:block; position:relative; overflow:hidden; font-size:15px; color:#555; letter-spacing:-0.5pt; background:url('/img/m_quick01.gif') center 10px no-repeat; background-size:48px auto; padding-top:70px; transition: all 0.3s ease-out;}
.m_online .icon li.resv a {background-image:url('/img/m_quick02.gif'); background-position:center 12px}
.m_online .icon li.kakao a {background-image:url('/img/m_quick03.gif');}

/* 비디오영역 */
.video_con{position:relative; width:100%; overflow:hidden; margin:0 auto; padding:0 10px; box-sizing:border-box; margin-top:30px}
#contents .video_con h3.con_tit {position:relative; overflow:hidden; color:#333; font-family:'Montserrat', sans-serif; font-weight:100; letter-spacing:0;}
#contents .video_con h3.con_tit span.bold {font-size:27px; font-weight:700;}

/* 스마트 암검사, 3개메뉴 */
.con_select {position:relative; width:100%; margin:0 auto; padding:30px 10px; box-sizing:border-box}

	.left_con {height:100%; position:relative;overflow:hidden; background:url('/img/company_leftbg.gif') center top no-repeat; background-size:cover; padding:30px 10px; box-sizing:border-box;}
	#contents .left_con h3.con_tit {font-weight:100; font-family:'NotoKR-Light', sans-serif; color:#fff;}
	.left_con .icon {position:relative; overflow:hidden;border:1px solid rgba(255,255,255,0.2)}
	.left_con .icon li {width:50%; float:left;}
	.left_con .icon li a {display:block; position:relative; overflow:hidden; height:88px; font-size:15px; color:#fff; letter-spacing:-0.5pt; line-height:20px; background:url('/img/smart_icon01.png') 8% center no-repeat; background-size:auto 45px; padding:35px 0 25px 30%; box-sizing:border-box;}
	.left_con .icon li.three {clear:both;}
	.left_con .icon li.one a {padding-top:25px}
	.left_con .icon li.two a {background-image:url('/img/smart_icon02.png'); border-left:1px solid rgba(255,255,255,0.2)}
	.left_con .icon li.three a {background-image:url('/img/smart_icon03.png'); background-position:5% center; background-size:50px auto;  border-top:1px solid rgba(255,255,255,0.2)}
	.left_con .icon li.four a {background-image:url('/img/smart_icon04.png'); background-position:7% center; background-size:45px auto;  border-left:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2)}


	.right_con {position:relative;overflow:hidden;}
	.right_con .greeting_ceo {text-align:center; }
	.right_con a {position:relative; top:0; float:left; width:33.33%; background-color:#808284; box-sizing:border-box; transition: all 0.3s ease-out;}
	.right_con a.two {background-color:#66686a}
	.right_con dl {width:100%; text-align:center; padding:30px 0; box-sizing:border-box;}
	.right_con dt {margin-bottom:15px;}
	.right_con dt img {width:50%}
	.right_con dd {color:#fff; font-size:15px; letter-spacing:-0.5pt;}
	#contents .right_con dd p.more {font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0; text-decoration:underline; color:#fff; margin-top:4px}


/* 퀵메뉴 */
.quick_menu {position:relative; width:100%; overflow:hidden; margin:0 auto; padding:0 10px; box-sizing:border-box; }
.quick_menu li {float:left; width:25%; position:relative;}
.quick_menu li a {text-align:center; display:block; position:relative; overflow:hidden; font-size:15px; color:#444; letter-spacing:-0.5pt; background:url('/img/f_quick01.gif') center top no-repeat; background-size:75px; padding:87px 0 0;}
.quick_menu li.two a {background-image:url('/img/f_quick02.gif')}
.quick_menu li.three a {background-image:url('/img/f_quick03.gif')}
.quick_menu li.four a {background-image:url('/img/f_quick04.gif')}


/* Location 
.location {position:relative; width:100%; overflow:hidden; padding:30px 10px; box-sizing:border-box;}*/
/* 네이버 연동 api 지도 임시 페이지*/
.mapArea{width:100%;/*border:1px solid #ddd; box-sizing:border-box;background:#dedede; padding:10% 2%*/}
.loca_info {width:100%; padding:15px; box-sizing:border-box; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
#contents .loca_info h3.con_tit {text-align:left; margin-bottom:10px}
.loca_info p.address {font-size:15px; letter-spacing:-0.5pt; margin:0 0 5px 0;}
.loca_info p.number {font-size:15px; letter-spacing:-0.5pt; color:#999;}
#contents .loca_info span.green_color {font-family:'Montserrat', sans-serif; font-weight:700; font-size:19px; letter-spacing:0; margin-left:4px; display:inline-block;}


/*sns로고*/
.banner_sns{text-align: center; margin-bottom: 20px;}
.sns>dd{margin: 0; display:inline;padding-left: 5px;}
.sns>dd img{width: 42px;}

/*******************************************************************************
	@media 581~640px
*******************************************************************************/
@media all and (max-width:640px){






}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:480px){

.show480{display:block;}

#contents h3.con_tit {font-size:18px; margin-bottom:10px}

.banner_con a {font-size:13px; padding:43.81% 0 14% 0;}
/*
.quick_tel {line-height:35px;}
.quick_tel dt {width:calc(100% - 35px); height:35px}
.quick_tel dt span {line-height:35px;}
.quick_tel dd a {width:35px; height:35px; }
*/
/* 메인 - 온라인예약 */
.m_online .icon li a {font-size:13px; background-size:35px auto; padding-top:55px;}

/* 비디오영역 */
#contents .video_con h3.con_tit span.bold {font-size:16px;}

/* 스마트 암검사, 3개메뉴 */
.left_con .icon li a {height:60px; font-size:13px; line-height:17px; background-size:auto 38px; padding:20px 0 25px 35%; box-sizing:border-box;}
.left_con .icon li.one a {padding-top:14px}
.left_con .icon li.three a {background-size:42px auto;}
.left_con .icon li.four a {background-size:35px auto;}

.right_con dt {margin-bottom:10px;}
.right_con dt img {width:70%}
.right_con dd {font-size:13px; line-height:17px}
#contents .right_con dd p.more {font-size:12px; margin-top:2px}


/* 퀵메뉴 */
.quick_menu li a {font-size:13px; background-size:60px; padding:68px 0 0;}

/* Location */
#contents .loca_info h3.con_tit {margin-bottomL8px}
.loca_info p.address {font-size:13px; margin: 0 0 2px 0;}
.loca_info p.number {font-size:13px}
#contents .loca_info span.green_color {font-size:15px;}

/* BIOSTAR */
#contents .biostar h3.con_tit span.bold {font-size:16px;}

	.slider li p.img{margin-bottom:10px;}
	.slider li p.name {font-size:12px;}
	.slider li p.name span {width:100%; font-size:13px; margin-right:4px; display:block; height:30px; line-height:30px;}
	.slider li h5 {font-size:14px; margin-top:10px;}
	.slider li p.txt {font-size:12px; margin:4px 0 10px}
	.slider li p.more {font-size:12px;}

	/* 양옆 화살표 */
	.slick-prev,.slick-next{display:none !important;}



/*sns로고*/
.sns>dd{padding-left: 4px;}
.sns>dd img{width: 32px;}
}
/*******************************************************************************
	@media 321~420px
*******************************************************************************/

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





}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){





}