@charset "utf-8";
#foot_layout{position:relative;font-family:'sebang'}
#foot_layout.active{z-index:999}
#foot_layout .footer-info{position:relative;padding:40px 0 50px;background:#fff;border-top:1px solid #dbdbdb}
#foot_layout .footer-info .group{position:relative;padding-left:280px}
#foot_layout .footer-info .group .footlogo{position:absolute;left:0;top:0;width:214px;text-align:center;opacity:.5}
#foot_layout .footer-info .utile_wrap{margin:0 0 25px}
#foot_layout .footer-info .utile_wrap:after{display:block;clear:both;visibility:hidden;content:''}
#foot_layout .footer-info .utile_wrap li{display:inline-block;position:relative;margin-right:30px}
#foot_layout .footer-info .utile_wrap li:last-child{margin-right:0}
#foot_layout .footer-info .utile_wrap li:after{display:block;position:absolute;top:9px;right:-19px;width:3px;height:3px;border-radius:50%;background:#83878c;content:''}
#foot_layout .footer-info .utile_wrap li:last-child:after{display:none}
#foot_layout .footer-info .utile_wrap li a{display:block;width:100%;height:24px;font-size:15px;color:#363636}
#foot_layout .footer-info address{display:block;margin:0 0 3px;color:#757575;font-size:15px;line-height:1.2}
#foot_layout .footer-info address a{display:inline-block;color:#757575;}
#foot_layout .footer-info address span{display:inline-block;position:relative;margin-left:10px}
#foot_layout .footer-info p{margin:0;font-size:15px;color:#757575}
#foot_layout .footer-info .snsbox{position:absolute;right:0;bottom:0;}
#foot_layout .footer-info .snsbox ul{display:inline-block;display:none;vertical-align:middle}
#foot_layout .footer-info .snsbox ul li{display:inline-block;margin:0 5px;vertical-align:top}
#foot_layout .footer-info .snsbox ul li a{display:block;}
#foot_layout .footer-info .snsbox ul li span{display:block;width:30px;height:30px;background-image:url(/img/ko/common/ico_ir.png);font-size:0;vertical-align:top}
#foot_layout .footer-info .snsbox ul li.n1 span{background-position:0 -70px}
#foot_layout .footer-info .snsbox ul li.n2 span{width:31px;background-position:-33px -70px}
#foot_layout .footer-info .snsbox ul li.n3 span{background-position:-67px -70px}
#foot_layout .footer-info .snsbox ul li.n4 span{background-position:-100px -70px}
#foot_layout .footer-info .snsbox ul li.n5 span{background-position:-133px -70px}

#foot_layout .footer-info .snsbox .ftop{display:inline-block;width:65px;height:65px;padding:11px;margin-left:20px;border-radius:50%;background:rgba(0,86,170,.15)}
#foot_layout .footer-info .snsbox .ftop button{width:100%;height:100%;padding:5px 0 0;border-radius:50%;background:#0056aa url('/img/ko/common/arrow.png')no-repeat center;font-size:0;text-align:center}

@media(max-width:1279px){
    #foot_layout .footer-info .group{padding:0}
    #foot_layout .footer-info .group .footlogo{display:none}
}

@media(max-width:1023px){
    #foot_layout .footer-info{padding:40px 0 30px;text-align:center}
    #foot_layout .footer-info .snsbox{position:static;margin:20px 0 0}
    #foot_layout .footer-info .snsbox .ftop{margin:0}
}

/* 풋터 배너모음  */
#banner{border-top:1px solid #dbdbdb}
#banner *{font-family:'sebang','gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif !important;font-weight:500}
#banner .banner_box{overflow:hidden;position:relative}
#banner .banner_box:before{display:block;position:absolute;right:0;top:0;z-index:1;content:'';width:30px;height:100%;background:linear-gradient(to right, rgba(255,255,255,.1), #fff);}
#banner .banner_box .banner_wrap{position:relative;width:100%;height:60px;padding-left:180px}
#banner .banner_box .banner_wrap .control{position:absolute;left:25px;top:18px}
#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 strong{display:none}
#banner .banner_box .banner_wrap .control button{display:block;float:left;position:relative;width:26px;height:26px;margin:0;padding:0;border:none;background:none;font-size:0}
#banner .banner_box .banner_wrap .control button[data-control="prev"]:before{right:-3px;width:7px;height:7px;border-color:#00a0a0}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before{left:-3px;width:7px;height:7px;border-color:#00a0a0}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before{height:13px;box-shadow:-3px 0 #00a0a0, 3px 0 #00a0a0}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before{right:-2px;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #00a0a0}
#banner .banner_box .banner_wrap .grap{overflow:hidden;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:54px}
#banner .banner_box .banner_wrap .grap .obj li a{display:block;height:60px;line-height:60px;font-size:16px;color:#60656c}
#banner .banner_box .banner_wrap .grap .obj li a img{width:auto;height:100%}

@media(max-width:1279px){
    #banner .banner_box .banner_wrap .control{left:0}
    #banner .banner_box .banner_wrap{padding-left:100px}
}

@media(max-width:580px){
    #banner .banner_box .banner_wrap{height:auto;padding:60px 0 20px}
    #banner .banner_box .banner_wrap .control strong{display:inline-block;float:left;margin-right:10px;color:#00a0a0;font-weight:bold;font-size:16px}
    #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}
    #foot_layout .footer-info .utile_wrap li a{font-size:13px;}
    #foot_layout .footer-info address{font-size:12px}
}