@charset "utf-8";

#banner {border-bottom: 1px solid #f3f3f3;}
#banner .layout{padding:0}
#banner .banner_box {overflow: hidden;}
#banner .banner_box .banner_wrap {position:relative;width:100%;height: 58px;padding-left: 295px;;}
#banner .banner_box .banner_wrap strong {display:block;position:absolute;left:0;top:0;line-height:58px;font-size: 18px;color: #000;font-weight:700;letter-spacing: -0.05em;}
#banner .banner_box .banner_wrap .control {position:absolute;left: 188px;top: 14px;}
#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="next"],
#banner .banner_box .banner_wrap .control button[data-control="prev"],
#banner .banner_box .banner_wrap .control button[data-control="stop"],
#banner .banner_box .banner_wrap .control button[data-control="play"]{display:inline-block;position:relative;width: 29px;height: 29px;margin-left: -1px;font-size:0;background: none;border: 1px solid rgba(0,0,0,0.5);}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before,
#banner .banner_box .banner_wrap .control button[data-control="prev"]:before{content:'';position:absolute;top: 10px;left: 11px;right:15px;display:block;width: 8px;height: 8px;border: 1px solid rgba(0,0,0,0.5);border-width: 1px 1px 0 0;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before{top: 9px;left: 8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#banner .banner_box .banner_wrap .control button[data-control="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before{content:'';position:absolute;top: 8px;left: 12px;right: 0;display:block;width: 5px;height: 11px;box-shadow: -1px 0 rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5);}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before{content:'';position:absolute;top: 8px;left: 12px;right:20px;display:block;width: 0;height: 0;border-width: 5px 0 5px 5px;border-style: solid;border-color: transparent transparent transparent #7a7f88;}


#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:60px;}
#banner .banner_box .banner_wrap .grap .obj li:after {display:block;position:absolute;right:28px;top: 24px;width: 1px;height: 11px;background: rgba(221,221,221,0.3);content:'';}
#banner .banner_box .banner_wrap .grap .obj li a {display:block;line-height: 58px;font-size:15px;color:#333;vertical-align: middle;}
#banner .banner_box .banner_wrap .grap .obj li a img{display:inline-block;vertical-align:middle}


/* 풋터 */
#foot_layout {clear: both;padding: 0 0 40px;border-top: 1px solid #f3f3f3;}
#foot_layout > .layout{padding: 30px 220px 0 225px;}
#foot_layout .flogo {display:block;position:absolute;top: 30px;left:0;width: 189px;height: 70px;font-size:0;line-height:0;background: url(/images/eng/common/footer_logo.png);}

#foot_layout .footer_site{position: absolute;top: 30px;right: 0;width: 211px;height: 42px;overflow:hidden;}
#foot_layout .footer_site > a{display:block;position: relative;width:100%;height:100%;padding: 0 15px;border: 1px solid #d9d9d9;color: #bfbfbf;line-height: 42px;font-size: 14px;}
#foot_layout .footer_site > a:after{content:'';position:absolute;top: 50%;right: 26px;display:block;width: 7px;height: 7px;margin-top: -1.5px;border: 2px solid #a7a7a8;border-width: 1px 1px 0 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: 50% 50%;}
#foot_layout .footer_site ul{position:absolute;bottom: 56px;width:100%;border-top: 1px solid #dadada;}
#foot_layout .footer_site.on{overflow:visible;}
#foot_layout .footer_site.on ul{bottom: 56px;}
#foot_layout .footer_site.on ul li{ width:100%; background-color:#fff; padding:0 0 0 15px; margin:0; display:inline-block; box-sizing:border-box; border:1px solid #dadada; border-top:0;}
#foot_layout .footer_site.on ul a{ width:100%; color:#000; text-align:left; line-height:30px; margin:0; box-sizing:border-box;}

#foot_layout address {padding-top:0;color: #a8a7a7;font-size: 14px;line-height:1.3;letter-spacing: -0.02em;}
#foot_layout address span{position:relative;letter-spacing: -0.02em; display: inline-block; padding-right: 20px;}
#foot_layout address span:after { content: ""; display: inline-block; position: absolute; width: 1px; height: 10px; top: calc(50% - 5px); right: 10px; background: #dadada; } 

#foot_layout address span:last-child:after { display: none; } 
#foot_layout .mark { position: absolute; top: 0; right: 0;border-radius:6px;overflow:hidden;}
#foot_layout .mark a {margin-left: 10px;}
#foot_layout .copy{margin-top: 10px;color: #7e8085;font-size: 14px;line-height:1.3;letter-spacing: -0.02em;}
#btn-top{position:fixed;z-index:2;bottom:0;width:100%;opacity:0;transition-duration:0.4s;transition-timing-function:ease-out;-webkit-transition-duration:0.4s;-webkit-transition-timing-function:ease-out;}
#btn-top.show{opacity:1;}
#btn-top .layout a{display:block;position:absolute;right:-45px;bottom:156px;width:45px;height:45px;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.15);-webkit-box-shadow:3px 3px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow:3px 3px 10px 0px rgba(0,0,0,0.15);}
#btn-top span{display:block;text-indent:-9999px}

@media screen and (max-width:1199px){
	#foot_layout{padding: 0px 11px 40px;}
}
@media screen and (max-width:1023px){
	#banner .banner_box .banner_wrap{padding-left: 185px;}
	#banner .banner_box .banner_wrap .control{left:86px;}

	#foot_layout{padding: 0px 20px 40px;}
	#foot_layout > .layout{padding: 70px 0 0;}
	#foot_layout .flogo {top: 25px;left: 50%;width:135px;height:50px;margin-left: -62.5px;background-size:100%;}
	#foot_layout .mark {position: relative; top: auto; right: auto;margin-top:10px;text-align:center;}
	#foot_layout .footer-info ul li{float:none;display:inline-block}
	#foot_layout .footer-info ul{text-align:center}
	#foot_layout address{margin-top:20px;text-align: center;}
	#foot_layout .copy{text-align:center;}
}
@media screen and (max-width:767px){
	#banner .banner_box .banner_wrap{height: 99px;padding: 43px 0 0;}
	#banner .banner_box .banner_wrap .control{left:auto;right:0;}

	#foot_layout{padding: 0px 15px 30px;}
	#foot_layout .footer_site{top: 15px;width: 100%;height: 41px;}

}