@charset "utf-8";
@media screen and (min-width:1570px){
	.header{width:100%; position:fixed; z-index:1000; }
	.header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(0,0,0,0.5);}
	.header.head-on .header-logo{padding:43px 0 32px 60px ; }
	.header.head-on ul > li >  a{color:#000; font-size:17px; }
	.header.head-on .header-menu > ul {padding-top:55px; }
	.header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
	.header:after{clear:both; content:""; display: block;}
	.header-logo{padding:43px 0 32px 60px ; float:left;}
	.header-menu{float:right; padding-right:60px; }
	.header-menu > ul {padding-top:55px; }
	.header-menu > ul > li{line-height: 37px; position: relative; padding:0 30px; display:inline-block;}
	/* .header-menu > ul > li:last-child{padding-right:20px;}
	.header-menu > ul > li:last-child a i{font-size:20px; } */
	.header-menu > ul > li >  i{color:rgba(255,255,255,0.5); font-size:14px}
	.header-menu > ul > li >  a{color:#fff; font-size:17px; }
	.header-menu > ul > li >  a span{padding-left:10px;  }
	.header-menu > ul > li > ol{width:100%;position: absolute;left:50%; transform: translateX(-50%);background-color: #fff; padding:25px 0; display: none ;border:1px solid rgba(0,0,0,0.5); border-top:4px solid #c4181f ;}
	.header-menu > ul > li > ol > li > a {padding:0px 10px; font-weight:700; font-size:14px; line-height: 20px ; color:#868686 ; display:block;margin-bottom:10px;}
	.header > .header-menu > ul > li.on > a{color:#c4181f }
	.header-menu > ul > li > ol>li > a:hover{color:#c4181f}
}

@media screen and (min-width:1179px) and (max-width:1569px){
    .header{width:100%; position:fixed; z-index:1000; }
    .header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(0,0,0,0.5);}
    .header.head-on .header-logo{padding:43px 0 32px 60px ; }
    .header.head-on ul > li >  a{color:#000; font-size:17px; }
    .header.head-on .header-menu > ul {padding-top:55px; }
    .header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
    .header:after{clear:both; content:""; display: block;}
    .header-logo{padding:60px; float:left;}
    .header-menu{float:right; padding-right:60px; }
    .header-menu > ul {padding-top:70px; }
	.header-menu > ul > li{line-height: 37px; position: relative; padding-right:70px; display:inline-block;}
/* 	.header-menu > ul > li:last-child{padding-right:20px;}
	    .header-menu > ul > li:last-child a i{font-size:20px; } */
    .header-menu > ul > li >  i{color:rgba(255,255,255,0.5); font-size:14px}
    .header-menu > ul > li >  a{color:#fff; font-size:17px; }
    .header-menu > ul > li >  a span{padding-left:10px;  }
    .header-menu > ul > li > ol{width:100%; position: absolute;left:50%; transform: translateX(-50%);background-color: #fff; padding:25px 0; display: none ;border:1px solid rgba(0,0,0,0.5); border-top:4px solid #c4181f ;}
    .header-menu > ul > li > ol > li > a {padding:0px 10px; font-weight:700; font-size:14px; line-height: 20px ; color:#868686 ; display:block;margin-bottom:10px;}
    .header > .header-menu > ul > li.on > a{color:#c4181f }
    .header-menu > ul > li > ol>li > a:hover{color:#c4181f}
}

@media screen and (min-width:700px) and (max-width:1178px){
    .header{width:100%; position:fixed; z-index:1000; }
    .header h1 img{width:70%}
    .header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(0,0,0,0.5);}
    .header.head-on ul > li >  a{color:#000; font-size:15px; }
    .header.head-on .header-menu > ul {padding-top:55px; }
    .header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
    .header:after{clear:both; content:""; display: block;}
    .header-logo{position:fixed; left:60px; top:60px; z-index: 100;}
    .header-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100vh; background-color:  rgba(196,24,31,0.9); display: none;}
    .header-menu > ul {position:absolute; left:60px; top:145px; }
    .header-menu > ul > li{position: relative;margin-bottom:45px;}
   /*  .header-menu > ul > li:last-child a i{font-size:25px; }
    .header-menu > ul > li:last-child{ top: 52px;right: 101px; position: fixed; z-index: 10;} */
    .header-menu > ul > li >  i{color:#fff; font-size:14px}
    .header-menu > ul > li >  a{color:#fff; font-size:22px; }
    .header-menu > ul > li >  a span{padding-left:10px;  }
    .header-menu > ul > li > ol{padding-top:20px !important; margin-left: 20px; display: none;}
    .header-menu > ul > li > ol>li > a {font-size:15px; line-height: 35px ; color:#fff ; transition: all 0.5s;}
    .header > .header-menu > ul > li.on > a{font-weight: 800;}
    .header-menu > ul > li > ol>li:hover a:before{content:"\f0da"; font-family: FontAwesome; margin-right:10px; }
    .hambuger-menu-wrap{height:27px ; position:relative; cursor:pointer; width:35px;right:30px; top:50px; z-index:999; float:right; }
    .hambuger-menu-wrap span{width:35px; height:3px; background-color:#fff; display:block; position: absolute; right:0;border-radius: 10%;transition: all 0.5s;}
    .hambuger-menu-wrap span:nth-of-type(1){top:0px; }
    .hambuger-menu-wrap span:nth-of-type(2){top:50%; transform: translateY(-50%); }
    .hambuger-menu-wrap span:nth-of-type(3){bottom:0px; }
    .hambuger-menu-wrap.on span:nth-of-type(2){opacity:0 }
    .hambuger-menu-wrap.on span:nth-of-type(1){top:50% ;transform:translateY(-50%) rotate(45deg);}
    .hambuger-menu-wrap.on span:nth-of-type(3){bottom: 50%;transform:translateY(50%) rotate(-45deg); }
}

@media screen and (max-width:699px){
    .header{width:100%; position:fixed; z-index:1000; }
    .header h1 img{width:70%}
    .header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(0,0,0,0.5);}
    .header.head-on ul > li > a{color:#fff; font-size:15px; }
    .header.head-on .header-menu > ul {padding-top:55px; }
    .header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
    .header:after{clear:both; content:""; display: block;}
    .header-logo{position:fixed; left:20px; top:45px; z-index: 100;}
    .header-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100vh; background-color:  rgba(196,24,31,0.9); display: none;}
    .header-menu > ul {position:absolute; left:60px; top:145px; }
    .header-menu > ul > li{position: relative;margin-bottom:45px;}
    .header-menu > ul > li:last-child a i{font-size:25px; }
/*     .header-menu > ul > li:last-child{ top: 52px;right: 101px; position: fixed; z-index: 10;} */
    .header-menu > ul > li >  i{color:#fff; font-size:14px}
    .header-menu > ul > li >  a{color:#fff; font-size:22px;pointer-events: none;cursor:default;}
    .header-menu > ul > li >  a span{padding-left:10px;  }
    .header-menu > ul > li > ol{padding-top:20px !important; margin-left: 20px; display: none;}
    .header-menu > ul > li > ol>li > a {font-size:15px; line-height: 35px ; color:#fff ; transition: all 0.5s;}
    .header > .header-menu > ul > li.on > a{font-weight: 800;}
    .header-menu > ul > li > ol>li:hover a:before{content:"\f0da"; font-family: 'Font Awesome 6 Pro'; margin-right:10px; }
    .hambuger-menu-wrap{height:27px ; position:relative; cursor:pointer; width:35px;right:30px; top:45px; z-index:999; float:right; }
    .hambuger-menu-wrap span{width:35px; height:3px; background-color:#fff; display:block; position: absolute; right:0;border-radius: 10%;transition: all 0.5s;}
    .hambuger-menu-wrap span:nth-of-type(1){top:0px; }
    .hambuger-menu-wrap span:nth-of-type(2){top:50%; transform: translateY(-50%); }
    .hambuger-menu-wrap span:nth-of-type(3){bottom:0px; }
    .hambuger-menu-wrap.on span:nth-of-type(2){opacity:0 }
    .hambuger-menu-wrap.on span:nth-of-type(1){top:50% ;transform:translateY(-50%) rotate(45deg);}
    .hambuger-menu-wrap.on span:nth-of-type(3){bottom: 50%;transform:translateY(50%) rotate(-45deg); }
} 

@media screen and (min-width:1870px){
    .footer{width:100%; background-color:#333333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_box1:after{clear: both; content:""; display: block;}
    .footer_sitemap{float:left; }
    .footer_phone{float:right; width:300px;padding-top:67px }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -0.5px;  word-break:keep-all;}
    .footer_sitemap>ul:after{clear: both; content:""; display: block;}
    .footer_sitemap>ul>li{float:left; }
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; line-height: 30px; margin:67px 70px 20px 0; display:block }
    .footer_sitemap>ul>li>ol>li>a{font-size: 14px; color:rgba(255,255,255,0.5); line-height: 28px;}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding:35px 35px 0 0 ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:40px; }
    .footer_copyright{float:right; font-size:12px; color:rgba(255,255,255,0.5); padding-top:43px; }
}

@media screen and (min-width:1220px) and (max-width:1869px){
    .footer{width:100%; background-color:#333333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_box1:after{clear: both; content:""; display: block;}
    .footer_sitemap{float:left; }
    .footer_phone{float:right; width:300px;padding-top:67px }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul:after{clear: both; content:""; display: block;}
    .footer_sitemap>ul>li{float:left; }
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; line-height: 30px; margin:67px 70px 20px 0; display:block }
    .footer_sitemap>ul>li>ol>li>a{font-size: 14px; color:rgba(255,255,255,0.5); line-height: 28px;}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding:35px 35px 0 0 ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:40px; }
    .footer_copyright{float:right; font-size:12px; color:rgba(255,255,255,0.5); padding-top:43px; }
}

@media screen and (min-width:878px) and (max-width:1219px){
    .footer{width:100%; background-color:#333333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_box1:after{clear: both; content:""; display: block;}
    .footer_sitemap{float:left; width:50%}
    .footer_phone{float:right; width:300px;padding-top:67px }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul:after{clear: both; content:""; display: block;}
    .footer_sitemap>ul>li{float:left; }
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; line-height: 30px; margin:67px 70px 20px 0; display:block }
    .footer_sitemap>ul>li>ol{display: none}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding:65px 35px 0 0 ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:40px; }
    .footer_copyright{float:left; font-size:12px; color:rgba(255,255,255,0.5); padding-top:43px; }
}
@media screen and (max-width:877px){
    .footer{width:100%; background-color:#333333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_sitemap{padding-top: 40px;}
    .footer_sitemap ul{display: flex; width: 100%; flex-wrap: wrap;}
    .footer_phone{width:300px;padding-top:40px; margin:0 auto;text-align: center; }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul>li{width:30%; text-align: center;margin-bottom: 20px;}
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; display:block }
    .footer_sitemap>ul>li>ol{display: none}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding-top:20px ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:10px; }
    .footer_copyright{float:left; font-size:12px; color:rgba(255,255,255,0.5); padding-top:10px; }
} 

/* 공통 레이아웃 */ 

/* #subvisual {background-repeat:no-repeat; background-position:center;background-size:cover; padding-top:90px;}
#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:60px 0 30px 0;margin-bottom:30px; position:relative;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
#subvisual p {font-size:15px;color:#fff;line-height:1.5;padding-bottom:150px;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#dd1e3f; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
 */
@media screen and (min-width:1870px){
    #subvisual{background-repeat:no-repeat; background-position:center;background-size:cover; padding:200px 0 180px; position:relative;}
    #subvisual h2{font-size:70px; color:#fff; font-weight:900; margin-bottom:40px;}
    #subvisual p{font-size:22px; line-height:32px; color:#fff;}
    #subvisual .sub-tabmenu{position:absolute; bottom:0; left:50%; width:1340px;transform:translateX(-50%); z-index:100}
    #subvisual .sub-tabmenu ul{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
    #subvisual .sub-tabmenu li{float:left; width:20%; text-align:center; background-color:#fff; box-sizing:border-box;}
    #subvisual .sub-tabmenu li:not(:last-child){border-right:1px solid #e9e9e9;}
    #subvisual .sub-tabmenu li a{color:#000; line-height:80px; font-weight:600; display:block; font-size:18px; }
    #subvisual .sub-tabmenu li.on{background-color:#c4181f;}
    #subvisual .sub-tabmenu li.on a{color:#fff;}

    .sub_section1{padding:100px 0 500px;}
    .sub_section1 h4{text-align:center; font-size:45px; font-weight:900; position:relative; padding-bottom:25px;}
    .sub_section1 h4:after{content:''; display:block; position:absolute; width:1px; height:36px; background-color:#333333; top:100%; left:50%; transform:translateX(-50%);}
}

@media screen and (min-width:1220px) and (max-width:1869px){
    #subvisual{background-repeat:no-repeat; background-position:center;background-size:cover; padding:200px 0 180px; position:relative;}
    #subvisual h2{font-size:70px; color:#fff; font-weight:900; margin-bottom:40px;}
    #subvisual p{font-size:22px; line-height:32px; color:#fff;}
    #subvisual .sub-tabmenu{position:absolute; bottom:0; left:0; width:100%;transform:translateY(50%); z-index:100}
    #subvisual .sub-tabmenu ul{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
    #subvisual .sub-tabmenu li{float:left; width:20%; text-align:center; background-color:#fff; box-sizing:border-box;}
    #subvisual .sub-tabmenu li:not(:last-child){border-right:1px solid #e9e9e9;}
    #subvisual .sub-tabmenu li a{color:#000; line-height:80px; font-weight:600;display:block;}
    #subvisual .sub-tabmenu li.on{background-color:#c4181f;}
    #subvisual .sub-tabmenu li.on a{color:#fff;}

    .sub_section1{padding:100px 0 500px;}
    .sub_section1 h4{text-align:center; font-size:45px; font-weight:900; position:relative; padding-bottom:25px;}
    .sub_section1 h4:after{content:''; display:block; position:absolute; width:1px; height:36px; background-color:#333333; top:100%; left:50%; transform:translateX(-50%);}
}

@media screen and (min-width:878px) and (max-width:1219px){
    #subvisual{background-repeat:no-repeat; background-position:center;background-size:cover; padding:150px 0 120px; position:relative;}
    #subvisual h2{font-size:50px; color:#fff; font-weight:900; margin-bottom:30px;}
    #subvisual p{font-size:19px; line-height:28px; color:#fff;}
    #subvisual .sub-tabmenu{position:absolute; bottom:0; left:0; width:100%;transform:translateY(50%); z-index:100}
    #subvisual .sub-tabmenu ul{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
    #subvisual .sub-tabmenu li{float:left; width:20%; text-align:center; background-color:#fff; box-sizing:border-box;}
    #subvisual .sub-tabmenu li:not(:last-child){border-right:1px solid #e9e9e9;display:block;}
    #subvisual .sub-tabmenu li a{color:#000; line-height:80px; font-weight:600;}
    #subvisual .sub-tabmenu li.on{background-color:#c4181f;}
    #subvisual .sub-tabmenu li.on a{color:#fff;}

    .sub_section1{padding:100px 0 500px;}
    .sub_section1 h4{text-align:center; font-size:45px; font-weight:900; position:relative; padding-bottom:25px;}
    .sub_section1 h4:after{content:''; display:block; position:absolute; width:1px; height:36px; background-color:#333333; top:100%; left:50%; transform:translateX(-50%);}
}
@media screen and (max-width:877px){
	#subvisual{background-repeat:no-repeat; background-position:center;background-size:cover; padding:120px 0 90px; position:relative;}
    #subvisual h2{font-size:30px; color:#fff; font-weight:900; margin-bottom:20px;}
    #subvisual p{font-size:14px; line-height:20px; color:#fff;}
    #subvisual .sub-tabmenu{position:absolute; bottom:0; left:0; width:100%;transform:translateY(50%); z-index:100}
    #subvisual .sub-tabmenu ul{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
    #subvisual .sub-tabmenu li{float:left; width:20%; text-align:center; background-color:#fff; box-sizing:border-box;}
    #subvisual .sub-tabmenu li:not(:last-child){border-right:1px solid #e9e9e9;}
    #subvisual .sub-tabmenu li a{color:#000; line-height:60px; font-weight:600;}
    #subvisual .sub-tabmenu li.on{background-color:#c4181f;}
    #subvisual .sub-tabmenu li.on a{color:#fff;}

    .sub_section1{padding:100px 0 500px;}
    .sub_section1 h4{text-align:center; font-size:25px; font-weight:900; position:relative; padding-bottom:25px;}
    .sub_section1 h4:after{content:''; display:block; position:absolute; width:1px; height:36px; background-color:#333333; top:100%; left:50%; transform:translateX(-50%);}
}

@media screen and (min-width:1870px){
    .inner{width:100%; max-width:1360px; margin:auto;}
}
@media screen and (min-width:1220px) and (max-width:1869px){
	.inner {max-width:90% !important;margin:0 auto;}
}
@media screen and (min-width:878px) and (max-width:1219px){
	.inner {max-width:90% !important;margin:0 auto;}
}
@media screen and (max-width:877px){
	.inner {max-width:90%!important;margin:0 auto;}
} 

.inner:after{content:''; display:block; clear:both; visibility:hidden;}

#container .inner{padding:50px 0;}

/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;background:#fff;}
@media screen and (min-width:1360px){
    .sub_inner{width:1360px; margin:auto; padding:80px 0; font-size:17px;  line-height:30px; color:#777; white-space:normal; word-break:keep-all;}
}

@media screen and (min-width:878px) and (max-width:1359px){
	.sub_inner {max-width:100% !important;margin:0 auto; padding:80px 50px; font-size:17px;  line-height:30px; color:#777; white-space:normal; word-break:keep-all;}
}
@media screen and (max-width:877px){
	.sub_inner {max-width:100% !important; margin:0 auto; padding:40px 20px; font-size:14px;  line-height:22px; color:#777; white-space:normal; word-break:keep-all;}
}

/* 서브페이지 - 타이틀 */ 
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-privacy {}
#container .sub-privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container .sub-privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify;}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:70px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link img {width:40px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:40px;height:40px;line-height:20px;font-size:10px;color:#fff;text-align:center;background:#000;border-radius:100px;padding:10px;cursor:pointer;opacity:0.6;z-index:99999;}
#scroll-link:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}