@charset "utf-8";
/*basic*/
.wrap {max-width:1200px; margin:0 auto; position:relative;}

.shadow_upper {position:absolute; top:0; left:0; width:100%; height:10px; background:url(http://www.osci.kr/images/main/shadow_upper.png); z-index:10;}
.shadow_lower {position:absolute; bottom:0; left:0; width:100%; height:10px; background:url(http://www.osci.kr/images/main/shadow_lower.png); z-index:10;}

@media screen and (max-width:1280px) {
	.wrap {padding:0 15px;}
}

.visual {position:relative; float:left; clear:both; width:100%;}
/*main_layout*/
#main_layout #visual {position:relative;float:left; width:100%;height:400px !important;}
#main_layout #visual p.scroll_down {padding-bottom:52px; background:url(../images/main/scroll_down.png) no-repeat center bottom; position:absolute; bottom:50px; left:50%; margin-left:-45px; z-index:9999; cursor:pointer;}
#main_layout #visual p.scroll_down span {color:#fff; font-family:'Open Sans', sans-serif; font-weight:300; font-size:13px;}
#main_layout #visual .slide_box *:focus {outline:0;}

#main_layout #visual .slick-slide {height:400px !important; background-attachment:inherit !important;}

#main_layout #visual .slide_box .slick-list, #main_layout #visual .slide_box .slick-track {width:100%; overflow:hidden; zoom:1;}
#main_layout #visual .slide_box button {position:absolute; top:50%; margin-top:0px; left:0;  width:55px; height:80px; border:0; font-size:0; background:url(../images/main/visual_prev.png) no-repeat center top; z-index:9998;}
#main_layout #visual .slide_box button.slick-next {left:auto; right:0; background:url(../images/main/visual_next.png) no-repeat center top;}
#main_layout #visual .slide_box button:hover {background-position:center bottom;}
#main_layout #visual .slide_box .slick-slide {width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; /*background-attachment:fixed;*/ float:left; position:relative;}
#main_layout #visual .slide_box .slide_01 {background-image:url(../images/main/m_visual1.jpg);}
#main_layout #visual .slide_box .slide_02 {background-image:url(../images/main/m_visual2.jpg);}
#main_layout #visual .slide_box .slide_03 {background-image:url(../images/main/visual1.jpg);}
#main_layout #visual .slide_box .slide_04 {background-image:url(../images/main/visual2.jpg);}
#main_layout #visual .slide_box ul.text {position:absolute; top:50%; margin-top:-40px; width:70%; background:url(../images/main/bg_txtbox.png) repeat;margin-left:15%; margin-right:15%; padding:25px 0; letter-spacing:-.07em;}
#main_layout #visual .slide_box .slide_01 ul.text {/*margin-top:-95px;*/}
#main_layout #visual .slide_box ul.text li {color:#fff; text-align:center; padding:0 80px;}
#main_layout #visual .slide_box ul.text li.big {font-size:25px; line-height:25px; font-weight:400;}
#main_layout #visual .slide_box ul.text li.deco {margin:15px auto; width:20px; height:3px; background-color:#fff;  padding:0;}
#main_layout #visual .slide_box ul.text li.small {font-size:21px; line-height:30px; margin-top:10px; font-family: 'yoon320'; color:#555; font-weight:bold;}
#main_layout #visual .slide_box ul.text li.btn a {color:#fff; font-size:13px; display:inline-block; height:38px; line-height:38px; border:1px solid #fff; border-radius:20px; font-weight:400; padding:0 40px 0 20px; background:url(http://www.osci.kr/images/main/more_case_w.png) no-repeat right 15px center; transition:all 0.1s ease-out;}
#main_layout #visual .slide_box ul.text li.btn a:hover {color:#55b9ff; background:url(http://www.osci.kr/images/main/more_case_b.png) no-repeat right 15px center #fff;}


.divpop {
	position: absolute;
	z-index: 999;
	top: 100px;
	left: 25px;
	width: 381px;
	height: 412px;
	border: 0px solid black;
	background-color: whitesmoke;
	display: none;
}


.button_area {
	position: absolute;
	bottom: 0;
	left: 10px;
}



@media screen and (max-width:800px) {

	#main_layout #visual p.scroll_down {bottom:30px}
	#main_layout #visual .slide_box button {width:30px; height:44px; background-size:100% !important; margin-top:0px;}
	#main_layout #visual .slide_box ul.text {margin-top:-60px;}
	#main_layout #visual .slide_box ul.text li.big {font-size:25px; line-height:25px;}
	#main_layout #visual .slide_box ul.text li.deco {margin:15px auto; width:20px;}
	#main_layout #visual .slide_box ul.text li.small {font-size:22px; line-height:30px; letter-spacing:-.09em;}
	#main_layout #visual .slide_box ul.text li.btn a {height:30px; line-height:30px; font-size:12px;}
}

@media screen and (max-width:640px) {
	#main_layout #visual .slide_box ul.text li.small br {display:none;}
}

@media screen and (max-width:500px) {

	#main_layout #visual .slide_box ul.text li {padding:0 40px;}
	#main_layout #visual .slide_box ul.text li.big {font-size:20px; line-height:25px; margin-bottom:5px;}
	#main_layout #visual .slide_box ul.text li.big br {display:none;}
	#main_layout #visual .slide_box ul.text li.small {font-size:19px; line-height:24px; }

	#main_layout #visual .slide_box ul.text li.deco {display:none;}
}

@media screen and (max-width:320px) {
	#main_layout #visual .slide_box ul.text {padding-top:90px;}
	#main_layout #visual .slide_box ul.text li {text-align:left;}
	#main_layout #visual .slide_box ul.text li.big {font-size:15px; line-height:20px;}

}


.clinic-part { position:relative; float:left;width:100%;margin-top:1px; }
.clinic-part li {display:block; float:left; list-style:none; width:100%; margin-top:-4px;}
.clinic-part li:first-child {margin:0}
.clinic-part  img {width:100%; margin:0; padding:0}



.social { position:relative; float:left; width:25%; margin:-4px 0}
.social  img {width:100%;}