@charset "utf-8";

/*
font-family: 'SUIT'
SUIT-Regular			font-weight:400;
SUIT-Medium			font-weight:500;
SUIT-Bold				font-weight:700;
SUIT-ExtraBold		font-weight:800;

font-family: 'SBAggro';
SBAggroLight			font-weight:300;
SBAggroMedium		font-weight:500;
SBAggroBold			font-weight:700;
*/


/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:14px;font-weight:400;font-family: "SUIT", sans-serif;box-sizing: border-box;letter-spacing: -0.4px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break: break-word;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%;height:100%;scroll-behavior: smooth;}
body{overflow-x:hidden;}
body.hide{overflow:hidden;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;max-height:100%;}
table{border-collapse:collapse;width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
select{/*border:0;position:relative;background: url(../images/common/select.png) no-repeat right 10px center;padding: 0 30px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;*/}
select::-ms-expand { /*display: none;*/}

[hidden]{display:none!important}

.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;}

.skip-nav a {position:absolute; left:-3000%;}
.skip-nav a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#ee2a32; color:#fff; text-align:center;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}

.txl{text-align:left !important;}
.txc{text-align:center !important;}
.txr{text-align: right !important;}

.inner{max-width: 1540px;margin:0 auto;padding: 0 20px;}
.header{border-bottom:1px solid #e5e5e5;}
.header .inner{display: flex;justify-content: space-between;align-items: center;}
.header .logo{flex: 0 0 auto;width: 135px;}
.header .logo a{f}
.header #gnb{flex: 1 1 auto;}
.header #gnb > ul{display: flex;justify-content: space-evenly;}
.header #gnb > ul > li{width: calc(100% / 4);text-align: center;}
.header #gnb > ul > li > a{position: relative;height: 100px;display: inline-flex;align-items: center;justify-content: center;font-size: 22px;font-weight: 500;color: #000000;}
.header #gnb > ul > li > a:hover,
.header #gnb > ul > li > a.on{font-weight:800;;color:#0064de;}
.header #gnb > ul > li > a:hover::after,
.header #gnb > ul > li > a.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#0064de;}
.header .lang{flex: 0 0 auto;width: 135px;display: flex;align-items: center;justify-content: space-between;border-radius: 26px;overflow: hidden;background: #cccccc;position: relative;}
.header .lang a{width: 50%;height: 26px;line-height: 26px;background: #cccccc;text-align: center;font-size: 14px;color: #888888;}
.header .lang a.on{flex: 0 0 auto;background:#0064de;font-weight: 700;color: #fff;border-radius: 26px;width: 72px;}

.footer{border-top: 1px solid #e5e5e5;}
.footer .inner{display: flex;align-items: center;padding: 57px 20px;}
.footer .ft-logo{display: flex;align-items: center;}
.footer .ft-logo > div{margin-right:40px;}
.footer .ft-logo > div:first-child{}
.footer .ft-txt{font-size: 18px;font-weight: 500;color: #444444;line-height: 1.5;}
.footer .ft-txt span{margin-left: 20px;}

.top{position:fixed;right: 75px;bottom: 138px;z-index: 101;}

@media screen and (max-width: 1540px){
    .top{right:20px;}
}
@media screen and (max-width: 1024px){
    .header .logo a img{width:97px;}
    .header .lang{width:124px;}
    .header .lang a{height:24px;line-height:24px;;}
    .header .lang a.on{width:66px;}
    .header .inner{flex-wrap:wrap;padding-top: 20px;}
    .header #gnb{order:3;width: 100%;margin-top: 10px;}
    .header #gnb > ul{justify-content:space-between;}
    .header #gnb > ul > li{width:auto;}
    .header #gnb > ul > li > a{height: 50px;font-size: 17px;}

    .footer .inner{padding:60px 20px 55px;flex-direction: column;text-align: center;}
    .footer .ft-logo > div{margin-right:0;}
    .footer .ft-logo > div:first-child{margin-right:40px;}
    .footer .ft-txt{margin-top: 30px;}
    .footer .ft-txt br{display:none;}
    .footer .ft-txt span{display:block;width:100%;margin-left: 0;margin-bottom: 25px;}

    .top{bottom: 20px;}
    .top a img{width:50px;}
}
@media screen and (max-width: 640px){
    .header #gnb > ul > li > a{font-size:14px;height: 40px;}
	.header #gnb{margin-top:20px;}

    .footer .inner{padding:45px 20px;}
    .footer .ft-logo > div:first-child{margin-right:30px;}
    .footer .ft-txt{font-size:14px;}
    .footer .ft-txt span{margin: 20px 0;}
}
@media screen and (max-width: 480px){
	.inner{padding: 0px 10px;}
    .header .inner{padding-top:10px;}
    .header #gnb{margin-top:10px;overflow-x: auto;}
    .header #gnb > ul{gap:10px;}
    .header #gnb > ul > li > a{white-space:nowrap;}

    .footer .inner{padding:20px 10px;}
	.footer .ft-txt{font-size:12px;margin-top: 20px;}
	.footer .ft-txt span{margin:10px 0;}
}