@charset "utf-8";

#foot_layout {position: relative;margin:0 auto;}
#foot_layout.active {z-index: 999;}

#foot_layout .footer-info {position: relative;padding: 80px 0 50px;background: #fff;border-top:1px solid #e0e0e0}

#foot_layout .footer-info .layout{max-width:1560px;padding:0 40px}
#foot_layout .footer-info .group {position:relative; padding:50px 0 0 0}
#foot_layout .footer-info .group .footlogo {position:absolute; left:0; top:0; width:214px; text-align:center;/* opacity: .5;*/}
#foot_layout .footer-info .address-block {display:flex;align-items:center}
#foot_layout .footer-info .address-block span.MAL20 {margin-left:10px}
#foot_layout .footer-info .f-dash{}
#foot_layout .footer-info .utile_wrap {position:absolute;top:0;right:0;color:#ff7154;font-weight:500}
#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: 600;color:#000;}
#foot_layout .footer-info address {font-weight: 300;display:block;margin: 0 0 3px;color: #444;font-size: 15px;line-height: 1.2;}
#foot_layout .footer-info address a {display:inline-block;color: #444; }
#foot_layout .footer-info address span {display:inline-block;position:relative}
#foot_layout .footer-info p {margin:0;font-size:15px;color: #888;font-weight:300}
span.f-red{color:red}
span.f-black{color:black}
#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,75,142,.15);}
#foot_layout .footer-info .snsbox .ftop button {width: 100%;height: 100%;padding: 5px 0 0;border-radius:50%;background: #004b8e url('/img/ko/common/arrow.png')no-repeat center;font-size:0;text-align:center;}

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

@media(max-width:1023px){
    #foot_layout .footer-info {padding: 40px 0 30px}
    #foot_layout .footer-info .snsbox {position:absolute; margin:20px 0 0;}
    #foot_layout .footer-info .snsbox .ftop {margin:0;}
}
@media(max-width:600px){
	.f-dash{display:block!important;font-size:0}
	.m-b{display:block!important;margin-top:10px}
	
}



/* 풋터 배너모음  */
#banner {border-top:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#banner *{font-family: 'gmarket','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: #004b8e;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before {left:-3px;width:7px; height:7px; border-color: #004b8e;}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before {height: 13px;box-shadow: -3px 0 #004b8e, 3px 0 #004b8e;}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before {right:-2px; border-width:7px 0 7px 10px;border-color: transparent transparent transparent #004b8e;}
#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:800px){
	#foot_layout .footer-info .address-block {display:block}
	#foot_layout .footer-info .address-block span.MLeft20 {margin-left:0}
	#foot_layout .footer-info .utile_wrap {position:relative}
}
@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:#004b8e; 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;}


}
@media(max-width:500px){
	#foot_layout .footer-info .snsbox {display:none}
	#foot_layout .footer-info .snsbox .ftop {margin:0;width:47px;height:47px;padding:11%}
	
}
@media(max-width:400px){
	#foot_layout .footer-info .group .footlogo {width:165px}
	#foot_layout .footer-info {padding:24px 0 30px}
	#foot_layout .footer-info .group {padding:30px 0 0 0}
	#foot_layout .footer-info .layout {padding:0 20px}
	
}