@charset "utf-8";

html,body {font-family:'Pretendard-Regular'; width:100%; font-weight:400;}
body{overflow-y:visible; overflow-x:hidden;}


.directFocus {height: 0;}
.directFocus .directBtn{position:absolute; top:-1000px; left:-1000px; z-index: 9999;padding:10px 15px; font-size:16px; background-color:#4362b2; display: inline-block; color:#fff; text-align: center;}
.directFocus .directBtn:focus{top:0; left:0;}


/* TOP 버튼 */
.topBtn {position: absolute;  bottom: 136px; right: 172px; background-color: #49a937; width: 72px; height: 72px; box-shadow: 2px 3px 8px 1px rgba(0,0,0,0.25); text-align: center; z-index: 9;}
.topBtn span {font-family: 'NotoKrM'; color: #fff; font-size: 16px; letter-spacing: -0.025em; display: inline-block; padding-top: 36px; background: url("/images/layout/topArrow.png") no-repeat center top; background-position-y: 14px;}



.mainWrap {position: relative; width: 1560px; margin: 0 auto;}
.section_inner {width: 100%; max-width: 1560px; margin: 0 auto; box-sizing: border-box; padding: 0px 0;}


/* 메인메뉴 */
.main-header {width: auto;}
.main-header .gnb-wrap .gnb ul.dl li .sub-gnb {display: none !important; opacity: 0;}

.main-header {position: absolute; left: 180px;}
.main-header .gnb-box {display: inline-block; width: 255px; height: 100%; background-color: #246e13; opacity: 0.9; padding: 50px 35px; outline: 6px solid #3eb92f9e; box-shadow: 2px 6px 10px 6px rgba(0, 0, 0, 0.5);}
.main-header .gnb-box h1.logo {width: 100%; display: flex; justify-content: center; padding-bottom: 20px; padding-right: 10px; text-align: center;}
.main-header .gnb-box h1.logo a.corp {background: url("/images/main/main-logo.png") no-repeat center; width: 62px; height: 76px; margin-right: 7px;}
.main-header .gnb-box h1.sub-logo {display: inline-block; width: 100%; text-align: center;}
.main-header .gnb-box h1.sub-logo a {background: url("/images/main/sub-logo.png") no-repeat center; width: 199px; height: 60px; display:none; vertical-align: middle; font-size: 0px;}
.main-header .gnb-box h1.logo a.sub-logo span {position: relative; text-align: right; line-height: 1.3; font-size: 28px;}
.main-header .gnb-box h1.logo a.sub-logo span::before {content: ''; position: absolute; top: 41px; left: -5px; background: url("/images/main/subLogoBg-l.png") no-repeat center left; width: 39px; height: 23px;}
.main-header .gnb-box h1.logo a.sub-logo span::after {content: ''; position: absolute; top: 22px;
right: -26px; background: url("/images/main/subLogoBg-r.png") no-repeat center right; width: 48px; height: 42px; z-index: -1;}


.main-header .gnb-box .gnb-wrap {width: initial; height: 100%;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl {display: initial; margin: inherit;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl li {width: inherit; padding-bottom: 20px;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl li:first-child {margin-top: 43px;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl li:last-child {padding-bottom: 0;}
.main-header .header-box .gnb-wrap .gnb ul.dl > li:before {display: none !important;}
.main-header .gnb-wrap .gnb ul.dl li:hover > a {color: #fff;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl li > a{line-height: 70px; letter-spacing: -0.025em; background-color: #00000036; border: 1px solid #ffffff66; transition: 0.3s ease;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl li > a.blank span{padding-right:20px; background:url("/images/layout/btnNew.png") no-repeat right;}
.main-header .gnb-box .gnb-wrap .gnb ul.dl li:hover > a {background-color: #00000082; border-color: #ffffff9e;}

.main-header .header-box {border-bottom: 0;}

.sysbtn { position: absolute; top: 35px; right: 180px; transform: initial; z-index: 20;}
.sysbtn .btn.sitemap { font-family: 'NotoKrR'; font-size: 18px; letter-spacing: -0.025em; position: relative; padding-right: 35px; color: #fff;}
.sysbtn .btn.sitemap::before { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -15px; width: 30px; height: 30px; background: url(/images/layout/ham-menu.png) no-repeat center;
}


/* footer */
footer .wrap {width: 1560px;}
footer .foot-silde .control {width: 12%;}
footer .foot-silde .silde {width: 88%;}



@media all and (max-width:1800px){
    .section_inner {width: 1400px;}
    
    .topBtn {right: 204px;}

    footer .wrap {width: 1400px;}
    footer .foot-silde .silde {width: 88%;}
}

@media all and (max-width:1600px){
    .section_inner {width: 1400px;}

    .topBtn {right: 0;margin-right: 100px;}
}

@media all and (max-width:1400px){
    .section_inner {width: 95%;}

    .main-header .gnb-box {padding: 40px 25px;}
    .main-header .gnb-box h1.logo a.sub-logo span {font-size: 26px;}
    .header .gnb-box h1.logo a.corp {background-size: 55px !important;}

    footer .wrap {width: 1200px;}
    footer .foot-silde .control {width: 20%;}
    footer .foot-silde .silde {width: 80%;}
}

@media all and (max-width:1280px) {
    .topBtn {margin-right: 72px;}
}

@media all and (max-width:1000px){
    .topBtn {margin-right: 1.5%; bottom: 50px;}

    .main-header .gnb-box {position: static; box-shadow: 2px 5px 24px 7px rgba(0, 0, 0, 0.2);}

    .main-header .gnb-box {width: 100%; outline: 0; display: flex; align-items: center; padding: 10px 25px; background-color: #33a218;}    
    .header .gnb-box h1.logo {padding: 0;}
    .header .gnb-box h1.logo a.corp {background-size: 50px !important; margin-right: 0;}
    .main-header .gnb-box h1.logo {position: relative; width: fit-content; padding-right: 90px;}
    .main-header .gnb-box h1.logo::before {content: ''; position: absolute; top: 14px; right: 36px; width: 1px; height: 50px; background-color: #99d18c;}
    .main-header .gnb-box h1.logo a.sub-logo span {font-size: 22px; line-height: 1.1;}
    .main-header .gnb-box h1.logo a.sub-logo span::before {background-size: 32px; top: 24px;}
    .main-header .gnb-box h1.logo a.sub-logo span::after {top: 9px; right: -20px;background-size: 35px;}
    .main-header .gnb-box > br {display: none;}
    .main-header .gnb-box h1.sub-logo {width: fit-content;}
    .main-header .gnb-box h1.sub-logo a {background-size: 192px;}
    .header a.toggle {background-color: #303030; width: 100px; height: 100px; background-image: url("/images/layout/ham-menu-main.png");}

    .header .mobile-gnb .mbmenu-top .other-links li.btn a {display: inline-block; width: fit-content; padding-right: 0;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a.subLogo {background: url(/images/main/sub-logo.png) no-repeat center; width: 199px; display: inline-block; vertical-align: middle; font-size: 0px; background-size: 180px; padding: 0; margin-top: -21px;}

    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo {padding-right: 70px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a.subLogo {width: 188px;}

    footer .wrap {width: 95%; padding-left: 0;}

}

@media all and (max-width:780px){
    .header a.toggle {width: 90px; height: 90px;}

    .header .gnb-box h1.logo a.corp {background-size: 45px !important;}
    .main-header .gnb-box h1.sub-logo a {background-size: 176px; width: 180px;}

    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo {padding-right: 35px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a span.corp {background-size: 30px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo::before {top: 14px; right: 8px; width: 1px; height: 42px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a.subLogo {background-size: 151px; margin-top: -16px; width: 170px;}

    footer .fb .address ul li {padding-right: 0; width: 49%;}
}

@media all and (max-width:680px){
    .header a.toggle { width: 80px; height: 80px;}

    .main-header .gnb-box {padding: 10px;}
    .main-header .gnb-box h1.logo {padding-right: 50px;}
    .main-header .gnb-box h1.logo::before {top: 8px; right: 12px; width: 1px; height: 45px;}
    .main-header .gnb-box h1.logo a.sub-logo span::before { background-size: 25px; top: 18px; left: -3px;}
    .main-header .gnb-box h1.logo a.sub-logo span::after { top: 3px; right: -18px; background-size: 31px;}
    .header .gnb-box h1.logo a.corp {background-size: 40px !important;}
    .main-header .gnb-box h1.logo a.sub-logo span {font-size: 19px;}
    .main-header .gnb-box h1.sub-logo a {background-size: 157px;}

    .header .mobile-gnb .mbmenu-top {height: 70px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a {line-height: 70px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo {padding-top: 10px;}
    .header .mobile-gnb .close-box .mb-closebtn {width: 70px; height: 70px;}

    footer .fb .address ul li {width: 100%;}
}

@media all and (max-width:480px){
    .header a.toggle {background-size: 22px;}

    .main-header .gnb-box h1.logo::before {top: 1px;}
    .header .gnb-box h1.logo a.corp {background-size: 33px !important; width:40px;}
    .main-header .gnb-box h1.logo a.sub-logo span {font-size: 16px;}
    .main-header .gnb-box h1.sub-logo a {width: 150px; background-size: 135px; transform: translateY(-2px);}

    .header .mobile-gnb .mbmenu-top {height: 60px;}
    .header .mobile-gnb .close-box .mb-closebtn {background-size: 22px; width: 60px;height: 60px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a.subLogo { background-size: 134px; margin-top: -14px; width: 142px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo {padding-right: 18px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo::before { top: 10px; right: 4px; width: 1px; height: 36px;}

    footer .wrap {padding: 0;}
    footer .foot-silde .control {flex-wrap: wrap;}
    footer .foot-silde .silde {width: 100%;}
}

@media all and (max-width:360px){
    .header a.toggle {background-size: 19px; width: 70px; height: 70px;}

    .header .gnb-box h1.logo a.corp { background-size: 25px !important; width: 28px;}
    .main-header .gnb-box {padding: 5px 10px;}
    .main-header .gnb-box h1.logo {padding-right: 25px;}
    .main-header .gnb-box h1.logo::before {display: none;}
    .main-header .gnb-box h1.logo a.sub-logo span {font-size: 15px;}
    .main-header .gnb-box h1.sub-logo a { width: 100px; background-size: 100px;}

    .header .mobile-gnb .mbmenu-top .other-links li.btn a span.corp {background-size: 21px; width: 21px; margin-right: 5px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a span.tit {font-size: 14px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a h1.logo {padding-right: 10px;}
    .header .mobile-gnb .mbmenu-top .other-links li.btn a.subLogo {background-size: 94px;
    width: 94px;}
    .header .mobile-gnb .close-box .mb-closebtn {background-size: 20px;}

    footer .foot-silde .control {width: 25%;}
}