@charset "UTF-8";


* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif;}
h1, h2, h3, h4, h5, h6, p, span, a {font-family: 'Pretendard', sans-serif; /*color: #333;*/ text-decoration: none;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,/*table, caption, tbody, tfoot, thead, tr, th, td,*/ iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0; /*font-family: inherit;*/vertical-align: baseline;box-sizing: border-box;word-break: keep-all;font-weight: $font-weight-base; letter-spacing:-0.3px;}
li {text-decoration: none; list-style: none;}
.mo {display: none;}

body {width: 100%; height: auto; overflow-x:hidden;}
.clearfix:after{content:""; display:block; clear:both;}
.fix-layout{position: relative; max-width:1840px; margin:0 auto; width:100%; padding:0 12px;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{ outline: none; }
button{text-transform: none; vertical-align: middle}
button,[type="button"],[type="reset"],[type="submit"] {background-color:transparent; cursor: pointer; }
em,address {
    font-style: normal;
}

.fsitelink {display:inline-block;width:210px;position:relative; box-sizing:border-box;z-index:200; text-align: left;}
.fsitelink:last-child {margin:0}
.fsitelink .tit a {display:block;position:relative; padding:16px 0;font-size:16px;font-weight:300;white-space:nowrap;letter-spacing:-.05em; color:#fff; font-size: 18px;  border-bottom: 1px solid #e5e5e5; padding-left:12px;}
.fsitelink .tit a:hover, #footer-wr .fsitelink-wr .fsitelink .tit a:active, #footer-wr .fsitelink-wr .fsitelink .tit a:focus { text-decoration: none; }
.fsitelink .tit a .gogo {/* display:block;*/ display:none; position:absolute;box-sizing:border-box;right:0;top:0;height:100%;color:#4b403a;background:#fff;font-weight:500;line-height:1;padding:7px 11px 0 12px}
.fsitelink .tit a:after {content:"";display:block;position:absolute;/* right:50px;*/ right:15px;top:50%;background:url(/resources/custom/images/hrc/common/fsitelink.png) no-repeat 0px 0;width:12px;height:12px;transition:all .3s ease}
.fsitelink .tit{background:none; padding-left:0; margin-bottom:0; border-bottom:0; display:block;}
.fsitelink.is-open .tit a:after {transform:rotate(180deg);margin-top:-7px}
.fsitelink .fsitelink-cate-box {position:absolute;bottom:100%;left:0;background:#222;width:100%;height:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease}
.fsitelink.is-open .fsitelink-cate-box {display:block;height:261px;overflow-y:auto;border:1px solid #fff;border-bottom:0}
.fsitelink .fsitelink-cate-box .inwr {height:240px;margin:10px;box-sizing:border-box}
.fsitelink .fsitelink-cate-box ul {margin:0px 10px}
.fsitelink .fsitelink-cate-box li {margin:1px 0}
.fsitelink .fsitelink-cate-box li a {display:block;padding:2px 0; color:#fff;}
.fsitelink .fsitelink-cate-box li a span {font-size:14px;color:#bfa89c;transition:all .3s ease}
.fsitelink .fsitelink-cate-box li a:hover span,
.fsitelink .fsitelink-cate-box li a:focus span,
.fsitelink .fsitelink-cate-box li a:active span {text-decoration:underline;color:#fff} 
 

@media all and (max-width:1300px) {
	.fsitelink-wr{float:none; margin-top:50px;}
	.fsitelink-wr .fsitelink{float:none; margin-bottom:10px; width:100%;}
}
@media all and (max-width:1000px) {
	.fsitelink{display:inline-block; margin-bottom:0; margin-right:12px;}
}	

@media all and (max-width:767px){
	.fsitelink{/*margin:0 auto; margin-bottom:20px; display:block;*/}
	.fsitelink .tit a{text-align:left;}
    .ft-bn .desc{display:block; margin-bottom:12px;}
	.ft-bn .bn-list-box{display:block; margin-left:0; width:100%;}
}

footer{padding: 50px 0; background:#222222; font-family:'Pretendard'}
footer .fix-layout{display:flex; justify-content:space-between; }
footer .top{display:flex; gap:18px;}
footer .top a{font-size:18px; display:block; width:175px; border:1px solid #fff; border-radius:50px; padding:14px 2px; color:#fff; font-size:18px; text-align:center;}
footer  h1{margin:80px 0 30px;}
footer .bottom p{color:#ffffff; font-size:18px; font-weight:100; margin-bottom:10px}
footer .bottom span{color:#888; font-size:15px; font-weight:100;}

@media all and (max-width:1300px) {
	footer .top {gap:8px; } 
	footer .top a{width:auto; padding:12px 20px; }
}
@media all and (max-width:1000px) {
	footer .top {gap:8px; flex-wrap:wrap; width:50%;} 
}
@media all and (max-width:767px) {
	footer h1{margin:30px 0;}
	footer .top{width:100%;}
	footer .fix-layout{display:block; text-align:center;}
	footer .top a, footer .bottom p, footer .bottom span, .fsitelink .tit a{font-size:16px;}
}