/* overflow:hidden 금지. 메인 페이지에서 스크롤 이벤트가 정상 작동하지 않음 */
.wrap {width:100%;max-width:94%;}

/* Header */
header {
    padding:0;position:fixed;width:100%;background:none;z-index:1000;background:#000;height:45px;transition:all 0.5s;
}

header a{font-family:Sen, sans-serif; }
header #logo {position:relative;z-index:100;}
.pc-layout header.white {background:transparent;margin-top:20px;height:51px;}
.pc-layout header.white #logo {background-image:url(/images/layout/logo.png); width:180px;}
.pc-layout header.white #tnb ul.m1 {float:right;}
.pc-layout header.white #tnb li.m1 > a {font-size:18px;}

header.white #language  {
    position: relative;
    top: -39px;
    right: 89px;
    font-size: 12px;
}

header #language {
    position: relative;
    top:-32px;
    right: 89px;
    font-size: 12px;
}

header #language a{color:#fff;}
header #language .langEng{text-decoration:underline;}

.sub-layout header #language{top: -33px}

/**/
#main-btn {position:fixed;right:5%;bottom:5%;z-index:1000;text-align:right;}
#main-btn div {
    border-radius:50px 50px;background:#00a4ef;width:75px;height:75px;transition:all 500ms;cursor:pointer;
    position:relative; box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
#main-btn img {position:absolute;margin:auto;top:28px;right:22px;}
#mail-btn:hover {width:175px;}
#top-btn {transition:all 300ms;opacity:0;width:0;height:0;overflow:hidden;display:inline-block;}
#main-btn a > #top-btn{background-color:rgba(255,255,255,0.9);}
#top-btn img {top:26px;right:24px;}
#top-btn.active {animation:topBtnShow 500ms both;display:block;}
#top-btn.active.top-hide {animation:topBtnHide 500ms both;}

/**/
#logo {
    user-select:none;float:left;height:100%;background:url(/images/layout/logo_wh.png) no-repeat center left;
    background-size: auto;transition:all 0.5s;width:79px;position:relative;z-index:100;
}
#tnb-rect,
#tnb-rect .wrap {height:100%;}
header.white #logo {width:144px;}

/**/
#tnb {
    background:transparent;text-align:center;position:absolute;top:7px;height:28px;width:100%;margin-left:0;float:left;
    padding:0 0 0 80px;
}
#tnb ul.m1 {}
#tnb li.m1 {position:relative;float:left;margin-left:48px;}
#tnb li.m1:last-child::after {display:none;}
#tnb li.m1 > a {font-size:15px;color:#fff; }
#tnb ul.m2 {position:absolute;width:100%;background:rgba(255,255,255,0.9);top:60px;left:0;padding:12px 0;display:none;}
#tnb li.m2 {float:none;width:100%;padding:6px 0;}
#tnb li.m2 a {}
header.white #tnb {float:right;margin-left:0;padding-right:168px;}

/**/
#snb {
    display:none;position:fixed;z-index:90;left:0;top:0;
    background:rgba(0,0,0,0.9);width:100%;height:100%;
}
#snb div.m1 {padding:12% 0;display:block;left:0;top:0;z-index:90;}
#snb ul.m1 {top:20%;}
#snb li.m1 {display:block;float:none;width:100%;margin:0;text-align:center;}
#snb li.m1 > a {font-size:45px;color:#fff; position:relative;}
#snb li.m1 > a:after {
    content:'';height:2px;background:#00a4ef;position:absolute;margin:auto;width:0; top:4px; bottom:0;left:0;right:0;transition:all 500ms;}
#snb li.m1 > a.active {font-weight:bold;}
#snb li.m1 > a:hover:after,
#snb li.m1 > a.active:after {width:100%;}

/**/
#site-map {display: none;}
#site-map-toggle {display:block;}

/**/
#sub-title{text-transform:uppercase;  font-family: 'Montserrat Subrayada', sans-serif;}
#sub-title div.fs-60{position:relative;}
#sub-title div.fs-60:after{content:''; position:absolute; top:10px; left:5px; background:#00a4ef; width:6px; height:6px; border-radius:6px;}
/**/
.container-section {padding:160px 0 0 0;}

/* Footer */
section#section-footer > div.rect {background:#f4f4f4;}
#contact-us {font-family: 'Sen',sans-serif;height:17%;}
#contact-us .rect {background:#161a1b;color:#fff;padding:80px 75px;max-height:206px;transform:translateY(-112px);max-width:94%;margin:0 auto;}
#contact-us .sen {font-family: 'Sen',sans-serif;}
#company {height:15%; margin-top:-3%;}
#company .fc-gray {color:#777;}
#copyright {font-family: 'Sen',sans-serif; color:#aaa; font-size:15px; position:absolute; width:100%;bottom:5%;}
#copyright .wrap {}
#copyright .wrap .col-12 {height:26px;}
.sub-layout #contact-us .rect {max-width:100%;padding:20px 0;transform:none;}
.sub-layout #contact-us .float-right{margin-top:3px;}
.sub-layout #company {margin:50px 0;}
.sub-layout #copyright {position:relative;}
.sub-layout footer .wrap {max-width:1280px; width:90%; margin:0 auto; padding-bottom:3vh;}
.sub-layout footer div.footerWrap{width:75%;}

@media (max-width:1366px) {
    .wrap {width:94%;}
    footer {height:auto;overflow:auto;}
    footer .rect {height:auto;position:relative;}
    #contact-us{height: auto; width: 100%; background: #161a1b;}
    #contact-us .rect {transform:none;padding:30px 0;}
    #company {height:auto;margin:0;padding:30px 0;}
    #copyright {position:relative;bottom:0;padding:20px;}
    #copyright .wrap {width:100%;max-width:1280px;padding-left:0.75rem;padding-right:0.75rem;}
     
}

@media (max-width:1280px) {
    .sub-layout footer .wrap {max-width: 100% ;}
    .sub-layout #contact-us .float-right{margin-top:0;}
    #section-footer .wrap {max-width:100% !important;}
}


@media screen and (max-width:1000px) {
    .sub-layout #contact-us .rect{padding:10px 0; background:#00a4ef;}
    .sub-layout #company{margin:0; padding: 10px 0 0 0;}
    #tnb ul.m1 {display:none;}
    #copyright{border-top:1px solid #eee;}
}

@media (max-width:800px) {
    #main-btn div {width:50px;height:50px;}
    #main-btn div img {top:0;right:0;bottom:0;left:0;}
    #main-btn a:nth-child(2) img {top:0;right:10px;bottom:0;left:auto;}
}

@media screen and (max-width:800px) {
    #snb div.m1 {padding:100px 0;margin:0 auto;width:94%;}
    #snb li.m1 > a {font-size:32px;}
    #section-footer div.footerWrap {width:100%;margin:0;}
    #notice {}
    #company .col-lg-3 {width:100%;flex:0 0 100%;max-width:100%;padding:0 0 20px 0;}
    #company .mb-3 {margin-bottom:0 !important;}

}

@media screen and (max-width:690px) {
    #sub-title{margin-bottom:1rem;}
    #sub-title div.fs-60{font-size:30px; position:relative; font-weight:bold; line-height:1;}
    #sub-title div.fs-60:after{content:''; position:absolute; top:-6px; left:0px; background:#00a4ef; width:6px; height:6px; border-radius:6px;}
    .sub-layout footer .wrap{padding-bottom: 0;}
    .sub-layout #company{padding:8px 3% 10px;}
    .sub-layout #contact-us .rect{padding:12px 0;}
   
    #contact-us .rect{padding:10px 3%;}
    #contact-us .fs-28{font-size:19px;}
    #company{padding:10px 0;}    
    #company .fs-28{font-size:20px;}
    #company .col-lg-3{padding:0 0 10px 0;}
    #copyright{position:relative; border-top:1px solid #eee; padding:0.7rem 0; font-size:11px;}
}

@media screen and (max-width:430px) {
    #contact-us .rect{background:#00a4ef;}
    #section-footer{height:auto;}
    #company{margin:0}
    #company .fs-28 {font-size: 16px;}
    #company .fs-15{font-size:12px; letter-spacing: -0.01em;}
}