@charset "utf-8";



#visual { width:100%; overflow:hidden; position:relative;  height:930px; background:#000 ; }
/* Visual Fade Effect */
.visual_left{ background:url('/html/images/yega_topleftbg.jpg')center;background-size:100%;position:relative; float:left; width:20%;   height:720px; }
.leftcontact {width:80%; bottom:0; position:absolute; left:10%; padding-bottom:10%;}

.lefttt01{color:#fff; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:25px;}
.lefttt02{color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:22px;}
.lefttt02 span{padding-left:15px; padding-right:15px; }
.pl4{padding-left:3px;}

.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;   float:right; }

.visual_box { position:absolute; width:100%; margin:0 auto; }
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:930px; width:100%;    border:0px solid red; }
.visual_box div  img{width:100%;}
.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }

.v_btn01 a{ display:inline-block; position:absolute;  border-radius:0px; top:40%;  right:15%; 
background:rgba(250,250,250,0.2) url(/images/arrow_right.png)center;
box-shadow:5px 5px 5px rgba(0,0,0,0.1); bordeR-radius:35px;
width:60px; height:60px; cursor:pointer; 
color:#fff ! important; font-weight:600;  font-size:14px; line-height:40px; opacity:0.9; text-transform:uppercase;z-index:55; }

.v_btn02 a { display:inline-block;  position:absolute;  border-radius:0px; z-index:1;  background:rgba(250,250,250,0.2) url(/images/arrow_left.png)center;
box-shadow:5px 5px 5px rgba(0,0,0,0.1); bordeR-radius:35px;
 top:48%;  right:15%;  width:60px; height:60px; cursor:pointer; 
color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:55;  }

.v_btn01 a:hover{display:block;  background:rgba(203,53,29,1);}
.v_btn02 a:hover{display:block;  background:rgba(203,53,29,1);}



.btnArrowBox { position:absolute; z-index:999; left:50px; }

.visual_p { /*position:absolute;*/  left:0;}

#visual .visual_p { /*position:absolute;*/  left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute;  border:0px solid red; width:1400px; text-align:left;
left:50%; top:27%; margin-left:-700px; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt {font-size:60px; font-weight:700; color:#fff; line-height:75px;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:60px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt1 span{font-weight:100; font-size:55px; }
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {line-height:37px;font-size:25px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt2 span{font-size:26px;color:#cc0000; font-weight:800; }

#visual .vs_txt .m-txt3 {line-height:36px;font-size:22px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt3 span{ color:#cc0000;font-weight:800; font-size:23px;}

.mainbg01{background:url('/images/main01.jpg')top;background-size:cover;}
.mainbg02{background:url('/images/main02.jpg'); background-size:cover;}
.mainbg03{background:url('/images/main03.jpg'); background-size:cover;}

.main_btn {
	background:#fff url(/images/arrow_01.png);
	border-radius:35px;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-weight:600;
	width:230px;
	height:60px;
	font-size:18px;
	text-decoration:none;
	line-height:60px;
	font-weight:600;
	padding-left:45px;
	margin-right:25px;
	margin-top:2%;
	
	
	
}
.main_btn:hover {
	color:#fff;	
	background:rgba(203,53,29,1) url(/images/arrow_01_on.png);

}
.main_btn:active {
	position:relative;

}



.main_btn1 {
	background:rgba(203,53,29,1) url(/images/arrow_01_on.png);
	border-radius:35px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:600;
	width:230px;
	height:60px;
	font-size:18px;
	text-decoration:none;
	line-height:60px;
	font-weight:600;
	padding-left:45px;
	margin-right:20px; margin-top:2%;
	
	
	
}
.main_btn1:hover {
	color:#000;	
	background:#fff url(/images/arrow_01.png);

}
.main_btn1:active {
	position:relative;

}


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

#visual .vs_txt{width:100%; left:3%; top:27%; margin-left:0px; }

}

@media all and (max-width: 1024px){
#visual{height:600px;}
#visual .vs_txt{width:100%; left:3%; top:27%; margin-left:0px; }
#visual .vs_txt .m-txt {font-size:40px; font-weight:700; color:#fff; line-height:75px;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:40px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt1 span{font-weight:100; font-size:40px; }
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {line-height:37px;font-size:20px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt2 span{font-size:20px;color:#cc0000; font-weight:800; }

#visual .vs_txt .m-txt3 {line-height:36px;font-size:20px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt3 span{ color:#cc0000;font-weight:800; font-size:23px;}

.v_btn01 a{right:2%;}
.v_btn02 a{right:2%;}
}


/** 모바일가로 및  태블릿 세로**/
@media all and (max-width:979px){

#visual{height:700px; border:0px solid red;}
#visual .vs_txt{width:100%; left:3%; top:20%; margin-left:0px; }
#visual .vs_txt .m-txt {font-size:37px; font-weight:700; color:#fff; line-height:45px;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:37px; font-weight:700; color:#fff; line-height:45px;}
#visual .vs_txt .m-txt1 span{font-weight:100; font-size:39px; }
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {display:block; width:90%; line-height:32px;font-size:19px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt2 span{font-size:19px;color:#cc0000; font-weight:800; }

#visual .vs_txt .m-txt3 {line-height:36px;font-size:20px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt3 span{ color:#cc0000;font-weight:800; font-size:23px;}

.v_btn01 a{right:2%;  top:70%;}
.v_btn02 a{right:2%;  top:80%;}
}





/** 모바일**/
@media all and (max-width:479px){
#visual{height:700px; border:0px solid red;}
#visual .vs_txt{width:100%; left:3%; top:20%; margin-left:0px; }
#visual .vs_txt .m-txt {font-size:37px; font-weight:700; color:#fff; line-height:45px;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:37px; font-weight:700; color:#fff; line-height:45px;}
#visual .vs_txt .m-txt1 span{font-weight:100; font-size:39px; }
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {display:block; width:90%; line-height:32px;font-size:19px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt2 span{font-size:19px;color:#cc0000; font-weight:800; }

#visual .vs_txt .m-txt3 {line-height:36px;font-size:20px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt3 span{ color:#cc0000;font-weight:800; font-size:23px;}

.v_btn01 a{right:2%;  top:70%;}
.v_btn02 a{right:2%;  top:80%;}
}







.maincon01{width:1460px; margin:0 auto;  padding:95px 0px 35px 0px; text-align:center; bordeR:0px solid red; overflow:hidden;}
.maintt{font-size:50px; font-weight:800; color:#000; }
.maintt span{font-size:50px; font-weight:200; color:#000;} 
.maincon01 ul{width:100%; float:left; position:relative; margin-top:75px; }
.maincon01 ul li{width:50%; display:inline-block;   float:left; margin-bottom:65px;}
.maincon01 ul li dl{width:100%; float:left;}
.maincon01 ul li dl dt{width:30%; float:left;}
.maincon01 ul li dl dd{width:70%; float:left; text-align:left;}
.maincon01 ul li dl dd p{font-weight:700; font-size:32px; color:#000; line-height:55px; }
.maincon01 ul li dl dd span{font-weight:700; font-size:18px; color:#333333; line-height:30px;}



@media all and (max-width: 1280px){
.maincon01{width:100%; padding:55px 0px 35px 0px; }
}




@media all and (max-width: 1024px){
.maincon01{width:100%; padding:55px 0px 0px 0px; }
.maincon01 ul{width:98%;margin-left:1%; margin-right:1%; float:left; position:relative; margin-top:15px; }
.maincon01 ul li{width:100%; display:inline-block;   float:left; margin-bottom:45px;}
.maincon01 ul li dl dt{width:30%; float:left;}
.maincon01 ul li dl dt img{width:80%;}
.maincon01 ul li dl dd{width:70%; float:left; text-align:left;}
.maincon01 ul li dl dd p{font-weight:700; font-size:22px; color:#000; line-height:33px; }
.maincon01 ul li dl dd span{font-weight:600; font-size:17px; color:#333333; line-height:26px;}

.maintt{font-size:33px; font-weight:800; color:#000; line-height:45px !important;}
.maintt span{font-size:35px; font-weight:200; color:#000;} 
.mobilenone{display:none;}
}




@media all and (max-width: 479px){
.maincon01{width:100%; padding:55px 0px 0px 0px;  }
.maincon01 ul{width:98%; margin-left:1%; margin-right:1%; float:left; position:relative; margin-top:15px; }
.maincon01 ul li{width:100%; display:inline-block;   float:left; margin-bottom:45px;}
.maincon01 ul li dl dt{width:27%; float:left;}
.maincon01 ul li dl dt img{width:80%;}
.maincon01 ul li dl dd{width:73%; float:left; text-align:left;}
.maincon01 ul li dl dd p{font-weight:700; font-size:21.5px; color:#000; line-height:33px; }
.maincon01 ul li dl dd span{font-weight:600; font-size:16.5px; color:#333333; line-height:26px;}

.maintt{font-size:33px; font-weight:800; color:#000; line-height:35px !important;}
.maintt span{font-size:35px; font-weight:200; color:#000;} 
.mobilenone{display:none;}
}






.maincon02{width:1460px; margin:0 auto;  text-align:center;  overflow:hidden;}
.main01left{width:50%; float:left; }
.main01left ul{width:100%; float:left; }
.main01left ul li{position:relative;  width:90%; float:left;  text-align:left; border-radius:45px; position:relative;
bordeR:0px solid red; padding:85px 85px 155px 85px;}
.main01left ul li:last-child{margin-top:100px;}
.main01left ul li.bg001{background:url(/images/libg01.jpg);  background-size:cover;}
.main01left ul li.bg002{background:url(/images/libg02.jpg);   background-size:cover;}


.main01leftt{font-size:30px; font-weight:100; color:#fff; letter-spacing:0.5px; line-height:45px;}
.main01leftt span{font-weight:800;}
.main01leftt1{font-size:50px; font-weight:800; color:#fff;}
.main01leftt2{font-size:19px; font-weight:600; color:#fff; line-height:30px; margin-top:35px;}

.more{position:absolute; right:55px; bottom:55px; display:inline-block;
	cursor:pointer;
	color:#000; font-size:14px; 
	padding:20px 35px; font-weight:800; border-radius:35px; background:#fff;
	}

.main01right{width:50%; float:left; margin-top:85px;}
.main01right ul{width:100%; float:left; }
.main01right ul li{position:relative;  width:90%; float:left;  text-align:left; border-radius:45px; position:relative;
bordeR:0px solid red; padding:85px 85px 155px 85px;}
.main01right ul li:last-child{margin-top:100px;}
.main01right ul li.bg003{background:url(/images/libg03.jpg); background-size:cover;} 
.main01right ul li.bg004{background:url(/images/libg04.jpg);   background-size:cover;}


@media all and (max-width: 1280px){
.maincon02{width:100%;  }

}

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

.main01left{width:100%; float:left; }
.main01left ul{width:98%; margin-left:1%; margin-right:1%; float:left; }
.main01left ul li{width:100%; padding:35px 35px 105px 35px;  margin:0 auto;}
.main01left ul li:last-child{margin-top:50px;}
.main01right{width:100%; float:left; margin-top:50px;}
.main01right ul{width:98%; margin-left:1%; margin-right:1%; float:left; }
.main01right ul li{width:100%;padding:35px 35px 105px 35px;   margin:0 auto;}
.main01right ul li:last-child{margin-top:50px;}
.main01leftt{font-size:22px; font-weight:100; color:#fff; letter-spacing:0.5px; line-height:45px;}
.main01leftt1{font-size:35px; font-weight:800; color:#fff;}

.more{position:absolute; right:35px; bottom:35px; display:inline-block;
	cursor:pointer;
	color:#000; font-size:14px; 
	padding:15px 25px; font-weight:800; border-radius:35px; background:#fff;
	}

}




/** 모바일**/
@media all and (max-width: 479px){

.main01left{width:100%; float:left; }
.main01left ul{width:98%; margin-left:1%; margin-right:1%; float:left; }
.main01left ul li{width:100%; padding:35px 35px 105px 35px;  margin:0 auto; border-radius:35px;}
.main01left ul li:last-child{margin-top:50px;}
.main01right{width:100%; float:left; margin-top:50px;}
.main01right ul{width:98%; margin-left:1%; margin-right:1%; float:left;}
.main01right ul li{width:100%;padding:35px 35px 105px 35px;   margin:0 auto; border-radius:35px;}
.main01right ul li:last-child{margin-top:50px;}
.main01leftt{font-size:22px; font-weight:100; color:#fff; letter-spacing:0.5px; line-height:45px;}
.main01leftt1{font-size:35px; font-weight:800; color:#fff;}
.main01leftt2{font-size:17px; font-weight:600; color:#fff; line-height:27px; margin-top:25px;}


.more{position:absolute; right:35px; bottom:35px; display:inline-block;
	cursor:pointer;
	color:#000; font-size:14px; 
	padding:15px 25px; font-weight:800; border-radius:35px; background:#fff;
	}

}




.maincon03{width:1900px; margin:0 auto;  padding:135px 0px; text-align:center; bordeR:0px solid red; overflow:hidden;}

.portarea{width:100%; float:left; position:relative; }
.portarea ul{width:100%; float:left; position:relative; bordeR:0px solid red; overflow:hidden; margin-top:25px;}
.portarea ul li{display:inline-block; width:550px; margin:1%; height:530px; bordeR:0px solid red;  
overflow:hidden;}



/** 모바일**/
@media all and (max-width: 479px){

.portarea{width:100%; padding:0%; box-sizing:border-box;  }
.portarea ul{width:100%; padding:1%; margin:0 auto; }
.portarea ul li{width:100%;  float:left; margin:0%; bordeR:0px solid red;  }
.portarea ul li img{width:90%; height:auto; border:0px solid red; }
}





@media all and (max-width:1600px){
.maincon03{width:100%;  padding:55px 0px;}

}


.actionImg10 { background-color: #fff;  overflow: hidden;    position: relative;  height:440px; border-radius:15px; }
.actionImg10 .lm_img img {  filter: grayscale(0%);   transition: all 0.8s ease 0s; width: 100%;  height:100%;}
.actionImg10 .lm_txt { position: absolute; right:0;   top:15%; width:100%; float:right;  text-align:center; color:#fff; z-index:666;}
.actionImg10 .lm_txt h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt p { font-size:18px; line-height:15px;}

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:15%; width:63%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt1 p { font-size:18px; line-height:15px;}

.actionImg10 .lm_txt .more { width:170px; text-align:center; margin:20px auto 0;
background:url(/img/main/s_bt_bg.png) repeat; border:1px solid #fff; font-size:15px; padding:7px 0; }
.actionImg10 a:hover .lm_txt {display:show; cursor:pointer; }
.actionImg10:hover::after {transform: scaleX(1.2); }
.actionImg10:hover .lm_img img { filter: grayscale(0%); transform: scale(1.2); }

.porttt{width:100%; padding:15px 0px;  position: relative; font-weight:600; font-size:23px; COLOR:#000; }
.portmore{position:absolute; right:10px; bottom:15px; display:inline-block;
	cursor:pointer; line-height:27px;text-align:Center;
	color:#fff; font-size:20px; 
	width:30px; height:30px; font-weight:200; border-radius:35px; background:#cc0000;
	}
.portmore:hover{
	}


/** 모바일**/
@media all and (max-width: 479px){
.actionImg10{height:auto;}

}






.main_btn2 {
	background:#000 url(/images/arrow_01_on.png)right;
	border-radius:35px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:600;
	width:240px;
	height:60px;
	font-size:18px;
	text-decoration:none;
	line-height:60px;
	font-weight:600;
	
	margin-right:20px;
	
	
	
}
.main_btn2:hover {
	color:#000;	
	background:#fff url(/images/arrow_01.png)right;
	border:2px solid #000;

}
.main_btn2:active {
	position:relative;

}





.maincon04{background:#fff url(/images/mainbg01.jpg)top; width:100%; margin:0 auto;  padding:100px 0px; text-align:center; bordeR:0px solid red; overflow:hidden;}
.maincon04tt{font-size:45px; font-weight:700; line-height:55px; color:#fff;}
.maincon04tt span{font-size:22px; font-weight:400;}

.maincon04tt1{font-size:27px; color:#000; width:100%; text-align:left; font-weight:700; line-height:30px; padding:10px 0px; margin-top:13px;}
.maincon04tt2{font-size:18px; color:#000; width:100%; text-align:left; font-weight:500; line-height:30px; padding-left:25px; margin-bottom:15px; }



.maincon04 ul{width:65%; margin:0 auto; padding-top:2%;  }
.maincon04 ul li{display:inline-block; float:left; width:29%; margin:2%;  bordeR:1px solid #ccc; background:#fff; padding:20px; border-radius:30px; }

.maincon04 ul li a {
    display: block;
    border: 0px solid #eb7906;
   
    color: #ff6600;
}


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

.maincon04 ul{width:100%; margin:0 auto; padding-top:2%;  }
.maincon04 ul li{display:inline-block; float:left; width:96%; margin:2%;  bordeR:1px solid #ccc; background:#fff; padding:20px; border-radius:30px; }


}



.iconarea1{width:100%; padding:25px 0px; background:#fcf3f3; text-align:center;  border-radius:25px;}
.iconarea2{width:100%; padding:25px 0px; background:#eaf9fa; text-align:center;  border-radius:25px;}
.iconarea3{width:100%; padding:25px 0px; background:#f2f5e6; text-align:center;  border-radius:25px;}


.maincon05{background-size:cover; background:#fff url(/images/mainbg02.jpg)top; width:100%; margin:0 auto; 
padding:120px 0px; text-align:center; bordeR:0px solid red; overflow:hidden;}
.maincon05tt{font-size:40px; font-weight:700; line-height:55px; color:#fff;}

.maincon05 ul{width:50%; margin:0 auto;bordeR:0px solid red;  padding-top:3%; overflow:hidden;}
.maincon05 ul li{width:33.3%; display:inline-block; float:left; text-align:center;}

.maincon05tt3{font-size:20px; color:#fff;  font-weight:300;}
.maincon05tt1{font-size:70px; color:#fff;  font-weight:700;}
.maincon05tt2{font-size:18px; font-weight:600; margin-top:15px; line-height:28px;  color:#fff;}

.num1{font-size:70px; color:#fff;  font-weight:700;}
.num2{font-size:70px; color:#fff;  font-weight:700;}
.num3{font-size:70px; color:#fff;  font-weight:700;}

@media all and (max-width: 1024px){
.maincon05 ul{width:100%; margin:0 auto;bordeR:0px solid red;  padding-top:3%; overflow:hidden;}
.maincon05 ul li{width:96%; margin:2%; display:inline-block; float:left; text-align:center; margin-top:3%; }


}




.maincon06{background:#fff url(/images/mainbg03.jpg)top; width:100%; margin:0 auto;  padding:120px 0px; text-align:center; bordeR:0px solid red; overflow:hidden;}
.maincon06tt{font-size:40px; font-weight:700; line-height:55px; color:#fff;}


.more1{ display:inline-block;
	cursor:pointer;
	color:#000; font-size:20px; 
	padding:20px 35px; font-weight:800; border-radius:35px; background:#fff;
	}

.more1:hover{background:rgba(203,53,29,1); color:#fff;

	}




.inquiry_btn {
	background:rgba(203,53,29,1) url(/images/btnbg.png)left no-repeat;
	border-radius:35px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:600;
	width:220px;
	height:50px;
	font-size:18px;
	text-decoration:none;
	line-height:50px;
	font-weight:600;
	margin-top:25px;
	padding-lefT:60px;
	
	
	
	
}
.inquiry_btn:hover {
	color:#000;	
	background:#fff url(/images/btnbg_on.png)left no-repeat;
	border:2px solid #000;

}
.inquiry_btn:active {
	position:relative;

}


@media all and (max-width:1280px){
.inquiry_btn {margin-top:14px;}
}

@media all and (max-width:1024px){
.maincon06{background:#fff url(/images/mainbg03.jpg)top; width:100%; margin:0 auto; 
padding:60px 0px; text-align:center; bordeR:0px solid red; overflow:hidden;}
.maincon06tt{font-size:30px; font-weight:700; line-height:40px; color:#fff;}
}





@media all and (max-width:890px){
.inquiry_btn{display:none;}
}




.maincon03_1{width:100%; margin:0 auto;  padding-bottom:115px;   padding-top:0x;   text-align:center; bordeR:0px solid red; overflow:hidden;}

.flow_banner {overflow: hidden; display:flex; margin: 30px auto;background:none; }
.flow_banner .list {display: flex;}
.flow_banner .list > li {width:460px !important; border:0px solid #ccc; margin:0px; white-space: nowrap; font-size: 18px;color: #fff; padding:0px;}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* ¹ÝÀÀÇü ½ºÅ¸ÀÏ */
@media (max-width: 1280px) {
    .flow_banner .list > li {font-size: 16px;padding: 10px;}
}

@media (max-width: 1024px) {
.flow_banner {overflow: hidden; display: flex; margin: 10px auto;background: #fff;}
    .flow_banner .list > li {width:300px !important;font-size: 14px; padding: 5px; margin-right:10%;}

  .flow_banner .list > li > img{width:80% !important;}

}




#top_btn {border-radius:30px; position: fixed; bottom: 100px; right: 25px; width: 50px; height: 50px;  line-height: 50px; border: 0;
background:red; color: #FFF;font-weight:800; text-align: center; font-size:1.4em; z-index: 99; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
#top_btn:hover{background-color:#cc0000;}


.quick{position: fixed; right:15px; top:36%; width:185px;  border-radius:25px; border:0px solid #ccc; 
box-shadow: 5px 5px 15px rgba(0,0,0,0.1); Z-INDEX:5555;
 overflow:hidden;}

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

#top_btn{width:50px; height:50px;  bottom:85px; right:25px;  line-height:40px; display:none;}
}