@charset "utf-8";

#foot_layout {position: relative;z-index: 2;}
.foot_sns{position: relative;z-index: -1;padding:38px 0;background:#eff9ff;}
.foot_sns strong{display: inline-block;position:relative;width: 183px;height: 23px;margin-bottom:5px;background: url(/template/C/images/sns_ir.png) -308px 0;font-size:0;}
.foot_sns p{position:relative;font-size:14px;color:#333;font-family:'Gimpo'}
.foot_sns p:after{display:block;position:absolute;content:'';top: -7px;left: 220px;right: 64%;width:auto;height:1px;background:#8f9ba4;opacity:0.3;}
.foot_sns ul{position:absolute;right:435px;top: 20px;}
.foot_sns ul li{display:inline-block;width:35px;height:35px;margin-right:17px;vertical-align: middle;}
.foot_sns ul li a{display:block;width:100%;height:100%;background:url(/template/C/images/sns_ir.png);font-size:0;}
.foot_sns ul li.fb a{background-position: 0px 0;}
.foot_sns ul li.bl a{background-position: -54px 0;}
.foot_sns ul li.yu a{background-position: -107px 0;}
.foot_sns ul li.in a{background-position: -161px 0;}
.foot_sns ul li.ks a{background-position: -268px 0;}
.foot_sns ul li.kc a{background-position: -214px 0;}

.foot_sns .bg{position:absolute;right:0;bottom: -75px;width:350px;height:221px;background:url(/template/C/images/sns_bg.png);}
.foot_sns #cnum1{position: absolute;left: 25px;top: 65px;width: 20px;height: 30px;}
.foot_sns #cnum2{position: absolute;right: -3px;top: -2px;width: 20px;height: 30px;}
.foot_sns #cnum1 g,.foot_sns #cnum2 g{fill:#fff;}
.move_top {display: block;position: absolute;right: 50%;top: -20px;width: 50px;height: 51px;margin-right: -670px;background: #ffbd2e;font-size: 0;}
.move_top a{display:block;position:relative;width:100%;height:100%;}
.move_top a:before{position:absolute;left: 50%;top: 50%;width:18px;height:18px;margin: -4px 0 0 -9px;border:1px solid #fff;border-width:1px 1px 0 0;transform: rotate(-45deg);content:'';}
.foot_wrap {position: relative;padding:60px 0;background:#505256;}
.foot_wrap .footer-info {position: relative;padding-left: 210px;}
.foot_wrap .footer-info .logo{position:absolute;left:0;top:-15px;width:145px;height:100px;background:url(/template/C/images/footer_logo.png);font-size:0;}
.foot_wrap .footer-info ul {margin:0 0 10px;}
.foot_wrap .footer-info ul:after {display:block; clear:both; visibility:hidden; content:'';}
.foot_wrap .footer-info ul li {float:left; position:relative;margin-right:36px;}
.foot_wrap .footer-info ul li:after {display:block; position:absolute;top:6px; right:-18px; content:''; width:1px; height:13px; background:#fff;}
.foot_wrap .footer-info ul li:first-child{margin-left:0}
.foot_wrap .footer-info ul li:last-child:after {display:none;}
.foot_wrap .footer-info ul li a {display:block; font-size:15px; color:#fff;}
.foot_wrap .footer-info ul li:first-child a {font-weight:700; }
.foot_wrap .footer-info address {display:block;font-size:14px;color: rgba(255,255,255,0.6);}
.foot_wrap .footer-info address span {display:inline-block; font-size:14px; color: rgba(255,255,255,0.6);}
.foot_wrap .footer-info .copy {display:block; margin:0;font-size:14px;color: rgba(255,255,255,0.6);}


#banner {border-top: 1px solid #d6d6d6;background:#fff;}
#banner .banner_box {overflow: hidden;}
#banner .banner_box .banner_wrap {position:relative;width:100%;height: 80px;padding: 0 110px 0 175px;}
#banner .banner_box .banner_wrap strong {display:block;position:absolute;left:0;top: 16px;width: 125px;height: 48px;line-height: 48px;border-radius: 30px;background: #4f5b69;font-size:15px;color: #fff;font-weight:700;text-align: center;}
#banner .banner_box .banner_wrap strong span {display:inline-block; width:17px; height:16px; margin:-3px 8px 0 0; background:url(/template/A/images/banner_icon.png)no-repeat; vertical-align:middle;}
#banner .banner_box .banner_wrap .control {position:absolute;right: 0;top: 28px;}
#banner .banner_box .banner_wrap .control:after {display:block; clear:both; visibility:hidden; content:'';}
#banner .banner_box .banner_wrap .control a {display:block; float:left; position:relative; width:26px; height:26px; margin:0 2px; border-radius:50%; background:#888;font-size:0; }
#banner .banner_box .banner_wrap .control a:before,
#banner .banner_box .banner_wrap .control a:after {display:block; position:absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto; content:'';}
#banner .banner_box .banner_wrap .control a:before {width:10px; height:2px;background: #fff;}
#banner .banner_box .banner_wrap .control a:after {width: 2px;height:10px;background: #fff;}

#banner .banner_box .banner_wrap .control button{display:block;float:left;position:relative;width:26px;height:26px;margin: 0;padding:0;font-size:0;}
#banner .banner_box .banner_wrap .control button[data-control="prev"]:before {right:-3px; width:10px; height:10px; border-color: #333;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before {left:-3px;width:10px; height:10px; border-color: #333;}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before {height:15px; box-shadow: -3px 0 #333, 3px 0 #333;}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before {right:-2px; border-width:9px 0 9px 12px;border-color: transparent transparent transparent #333;}
#banner .banner_box .banner_wrap .grap {overflow:hidden;position: relative;width:100%;}
#banner .banner_box .banner_wrap .grap .obj {position:relative; width:1000%;}
#banner .banner_box .banner_wrap .grap .obj:after {display:block; clear:both; visibility:hidden; content:'';}
#banner .banner_box .banner_wrap .grap .obj li {float:left;position:relative; padding-right:60px;}
#banner .banner_box .banner_wrap .grap .obj li a {display:block;padding: 0;height: 80px;line-height: 80px;font-size:15px;color:#333;}
#banner .banner_box .banner_wrap .grap .obj li a img {width:auto; height:100%;}

@media (max-width:1279px){
    .foot_sns p:after {right: 68%;}
    .foot_sns ul{right: auto;left: 35%;}
    .foot_sns .bg{right:30px;width: 310px;height: 196px;background-size: 100%;}
    .foot_sns #cnum1 {top: 56px;left: 21px;}
    .move_top {margin-right:0;right: 65px;top: 40px;}

    .foot_wrap {padding: 55px 0 70px;}
    .foot_wrap .footer-info ul {}
    .foot_wrap .footer-info ul li {margin: 0 10px;}
    .foot_wrap .footer-info ul li:after {display:none;}
    .foot_wrap .footer-info ul li a {font-size:14px;line-height:35px; text-align:center;}
    .foot_wrap .footer-info {padding-left: 150px;}
    .foot_wrap .footer-info .logo{width:133px;height:91px;background-size:100%;}
}
@media screen and (max-width:1023px){
    #banner {border:none;}
    #banner .banner_box .banner_wrap .grap .obj li {padding-right:40px;}
}
@media screen and (max-width:999px){
    .foot_sns .bg{display:none;}
    .foot_sns p:after {right: 340px;}
    .foot_sns ul{left:auto;right:0}
    .move_top{right: 20px;top: 35px;}
    .foot_wrap{padding:25px 0 70px}
    .foot_wrap .footer-info{padding:0}
    .foot_wrap .footer-info .logo{display:none;}

}
@media screen and (max-width:767px){
    .move_top{top: -30px;right: 20px;}
    .foot_sns{padding: 20px 0 30px;text-align:center;}
    .foot_sns p{font-size:13px;}
    .foot_sns p:after {display:none;}
    .foot_sns ul{position:relative;top: auto;margin-top:20px;vertical-align: top;}
    .foot_sns ul li {margin: 3px;}
    .foot_wrap{padding: 35px 0 40px;text-align:center;}
    .foot_wrap .footer-info ul li {width:100%;margin:0 0 8px;border:1px solid #6d6d6d;}
    .foot_wrap .footer-info ul li a{padding: 0 15px;text-align:left;color: #aeaeae;}

    #banner .banner_box .banner_wrap {height:auto;padding: 50px 0 15px;}
    #banner .banner_box .banner_wrap strong {width:105px;height:30px;line-height:30px;}
    #banner .banner_box .banner_wrap .control {top:12px; left:auto; right:0;}
    #banner .banner_box .banner_wrap .grap .obj li { padding-right: 30px;}
    #banner .banner_box .banner_wrap .grap .obj li a {height:30px;line-height:30px;padding: 0;}
    #banner .banner_box .banner_wrap .grap .obj li:after {top: 37.5px;right: 15px;}
}