@charset "utf-8";

@-webkit-keyframes mouse-scroll {0%   { opacity: 0;}50%  { opacity: .5;}100% { opacity: 1;}}
@keyframes mouse-scroll {0%   { opacity: 0; }50%  { opacity: .5; }100% { opacity: 1; }}


#foot_layout {position: relative;/* z-index: 20; */background: #394049;}
#foot_layout.active {z-index: 999;}
#foot_layout:before {display:block;position:absolute;content:'';z-index: -1;left: 60px;top: -142px;width: 801px;height: 142px;background: url(/images/kor/common/foot_bg.png)no-repeat right bottom;}
#foot_layout:after {display:block;position:absolute;content:'';right: 25px;z-index: -1;top: -83px;width: 717px;height: 83px;background: url(/images/kor/common/foot_bg2.png)no-repeat left bottom;}

#foot_layout .footer-info {position: relative;padding: 40px 0 50px;}
#foot_layout .footer-info .layout:before {content: '';display: inline-block;width: 125px;height: 61px;position: absolute;left: 0;top: 38px;background: url(/images/kor/common/logo_footer.png) no-repeat;}
#foot_layout .footer-info .utile_wrap {margin: 0 0 20px;}
#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: #c1c3c6;}
#foot_layout .footer-info .utile_wrap li:first-child a {font-weight:bold;color: #fff;}
#foot_layout .footer-info address {display:block;margin:0 0 5px;color: #c1c3c6;font-size: 15px;line-height:1.3; padding-left: 140px; letter-spacing: -1px;}
#foot_layout .footer-info address a {display:inline-block;color: #c1c3c6; }
#foot_layout .footer-info address span {display:inline-block;position:relative; margin-left:12px; }
#foot_layout .footer-info p {margin:0;font-size:15px;color: #c1c3c6;     padding-left: 140px; letter-spacing: -1px;}
#foot_layout .footer-info .snsbox {position:absolute; right:0; bottom:0; }
#foot_layout .footer-info .snsbox ul {display:inline-block;vertical-align: middle;}
#foot_layout .footer-info .snsbox ul li {display:inline-block;margin: 0 3px;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; 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 ul li.n6 span {background-position:-166px -70px}

#foot_layout .footer-info .snsbox .ftop {display:inline-block;width: 65px;height: 65px;padding: 11px;margin-left: 5px;border-radius: 50%;background: rgba(47,104,194,.15);}
#foot_layout .footer-info .snsbox .ftop button {width: 100%;height: 100%;padding: 5px 0 0;border-radius:50%;background:#4a7ed0;font-size:0;text-align:center;}
#foot_layout .footer-info .snsbox .ftop span {display: block;width: 5px;height: 5px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);border-right: 2px solid white;border-bottom: 2px solid white;border-radius: 1px;margin: 4px auto;width: 8px;height: 8px;}
#foot_layout .footer-info .snsbox .ftop span.unu, 
#foot_layout .footer-info .snsbox .ftop span.doi, 
#foot_layout .footer-info .snsbox .ftop span.trei{-webkit-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite;}
#foot_layout .footer-info .snsbox .ftop span.unu{margin-top: 1px;-webkit-animation-delay: .3s;-webkit-animation-direction: alternate;animation-direction: alternate;animation-delay: .3s;}
#foot_layout .footer-info .snsbox .ftop span.doi{-webkit-animation-delay: .2s;-webkit-animation-direction: alternate;animation-delay: .2s;animation-direction: alternate;margin-top: -6px;}
#foot_layout .footer-info .snsbox .ftop span.trei{-webkit-animation-delay: .1s;-webkit-animation-direction: alternate;animation-delay: .1s;animation-direction: alternate;margin-top: -6px;}
#foot_layout .footer-info .web_mark{position:absolute;right:100px;bottom:50px; width:80px; height:68px;}
#foot_layout .footer-info .web_mark a{width:100%;height:100%; display: block;}

#foot_layout .footer-site {border-bottom:1px solid #616161;}
#foot_layout .footer-site .footer-site-inner {position:relative;z-index: 1;border-left:1px solid #616161;}
#foot_layout .footer-site .footer-site-inner strong {display:block;position:absolute;left:0;top:0;color:#fff;line-height:60px;font-weight: 700;font-size: 16px;}
#foot_layout .footer-site .footer-site-inner .family_site {float:left;position:relative;width: 25%;border-right:1px solid #616161;}
#foot_layout .footer-site .footer-site-inner .family_site > button {display:block;width:100%;height: 60px;line-height: 60px;padding: 0 35px;font-size: 15px;text-align: left;color:rgba(255,255,255,.7);}
#foot_layout .footer-site .footer-site-inner .family_site > button span {display:inline-block;position:absolute;right: 30px;top: 26px;width:7px;height:7px;margin-left:10px;border:solid rgba(255,255,255,.7);border-width:1px 0 0 1px;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);vertical-align:middle;}
#foot_layout .footer-site .footer-site-inner .family_site > div {display:none;position:absolute;left:0;bottom: 0;width:100%;}
#foot_layout .footer-site .footer-site-inner .family_site.on > div {display:block;}
#foot_layout .footer-site .footer-site-inner .family_site > div .inner { overflow-y: auto;max-height: 300px;padding: 30px 0;background: #394049;}
#foot_layout .footer-site .footer-site-inner .family_site > div ul {/* overflow-y:auto; *//* max-height: 300px; */}
#foot_layout .footer-site .footer-site-inner .family_site > div ul li {}
#foot_layout .footer-site .footer-site-inner .family_site > div ul li a {display:block;position: relative;padding: 8px 35px 8px 45px;background:#394049;color: rgba(255,255,255,.7);}
#foot_layout .footer-site .footer-site-inner .family_site > div ul li a:before {display:block;position:absolute;left:35px;top: 19px;content:'';width:2px;height:2px;border-radius:50%;background:#d1d2d4;}
#foot_layout .footer-site .footer-site-inner .family_site > div .clickClose {display:block;position:relative;width:100%;line-height:60px;padding: 0 35px;border-top: 1px solid #616161;background:#394049;font-size: 15px;color: rgba(255,255,255,.7);text-align: left;}
#foot_layout .footer-site .footer-site-inner .family_site > div .clickClose:after {display:block; clear:both; visibility:hidden; content:''; }
#foot_layout .footer-site .footer-site-inner .family_site > div .clickClose span {display:block;position:absolute;right: 30px;top: 26px;width:7px;height:7px;margin:-2px 0 0 10px;border: solid rgba(255,255,255,.7);border-width:0 1px 1px 0;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);vertical-align:middle;}

@media(max-width:1680px){
    #foot_layout:before {left: 0;width: 650px;}
    #foot_layout:after {right: 0;width: 600px;}
}
@media(max-width:1499px){
    #foot_layout .footer-site .layout {padding:0;}
    #foot_layout .footer-site .footer-site-inner {margin:0;border:none;}
    #foot_layout .footer-site .footer-site-inner .family_site4 {border:none;}
    #foot_layout .footer-info .snsbox {top: 70px;right:40px;}
    #foot_layout .footer-info .layout:before{left:35px;}
}

@media(max-width:1279px){
    #foot_layout:before {width: 700px;background-size: auto 142px;}
    #foot_layout:after {opacity: 0.5;top: -100px;width: 274px;height: 100px;background:url(/images/kor/main/bg2.jpg)no-repeat;background-size: auto 100px;}
    #foot_layout .footer-info .snsbox ul {display:none;}
	#foot_layout .footer-info .web_mark{bottom: auto;top: -14px;right: 50px;}
    
}

@media(max-width:1023px){
    #foot_layout .footer-site .footer-site-inner {border:none;}

    #foot_layout .footer-info .snsbox {right:35px;}
    #foot_layout .footer-info address span {display:block; margin:5px 0 0}
}

@media(max-width:767px){
    #foot_layout:before {width:100%; background-size:cover; background-position:40% bottom;}
    #foot_layout:after {display:none;}
    
    #foot_layout .footer-site .footer-site-inner {}
    #foot_layout .footer-site .footer-site-inner .family_site {width:50%;}
    #foot_layout .footer-site .footer-site-inner .family_site1 {border-bottom: 1px solid #616161;}
    #foot_layout .footer-site .footer-site-inner .family_site2 {border-right:none;border-bottom: 1px solid #616161;}
    #foot_layout .footer-site .footer-site-inner .family_site > button {padding:0 20px}
    #foot_layout .footer-site .footer-site-inner .family_site > button span {right:20px;}
    #foot_layout .footer-site .footer-site-inner .family_site > div .inner {padding:20px 0;}
    #foot_layout .footer-site .footer-site-inner .family_site > div .clickClose {padding:0 20px}
    #foot_layout .footer-site .footer-site-inner .family_site > div .clickClose span {top:27px;right:20px; }
    #foot_layout .footer-site .footer-site-inner .family_site > div ul li a {padding: 10px 20px 6px 30px;}
    #foot_layout .footer-site .footer-site-inner .family_site > div ul li a:before {left: 21px;top: 17px;}

    #foot_layout .footer-info {text-align:center;}
    #foot_layout .footer-info .layout:before {display: block;position: static;top: 0;margin: 0 auto 15px;}
    #foot_layout .footer-info address,#foot_layout .footer-info p{padding-left:0;}
    #foot_layout .footer-info .snsbox {position:static;}
    #foot_layout .footer-info .snsbox .ftop {width:130px;height:40px;margin: 40px 0 0;padding: 0;border:1px solid #616161;border-radius:10px;background: none;}
    #foot_layout .footer-info .snsbox .ftop button {padding: 0;background: none;font-size: 15px;color: #c1c3c6;}
    #foot_layout .footer-info .snsbox .ftop button span {display:none;}

	#foot_layout .footer-info .web_mark{position: relative;right: auto;bottom: auto;margin: 0 auto;}
}