/*********** 2022-02-05 ***********/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@400;500;700&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
/* font-family: 'Roboto', sans-serif; */
@font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    src: url(../fonts/NanumSquareL.eot);
    src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NanumSquareL.woff) format('woff'),
        url(../fonts/NanumSquareL.ttf) format('ttf');
}

@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    src: url(../fonts/NanumSquareR.eot);
    src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NanumSquareR.woff) format('woff'),
        url(../fonts/NanumSquareR.ttf) format('ttf');
}

@font-face {
    font-family: 'NanumSquare';
    font-weight: 600;
    src: url(../fonts/NanumSquareB.eot);
    src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NanumSquareB.woff) format('woff'),
        url(../fonts/NanumSquareB.ttf) format('ttf');
}

@font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    src: url(../fonts/NanumSquareEB.eot);
    src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NanumSquareEB.woff) format('woff'),
        url(../fonts/NanumSquareEB.ttf) format('ttf');
}

body {
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
    color: #1a1a1a;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

body.over {
    overflow-y: hidden;
}

a {
    cursor: pointer;
}

.wrapper {
    overflow: hidden;
}

/* 소식 보기 */

.popToggle {
    position: relative;
    text-align: center;
    padding: 15px 0;
    background: #000;
    display: none;
}

.popToggle .txt {
    color: #fff;    
}

.popToggle .txt span {
    color: #01db6b;
}

.popToggle .tglBtn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 0;
    width: 14px;
    height: 14px;
    background: url('../images/common/icon_close_14.png') no-repeat 50%;
    cursor: pointer;
}

.popToggle.close {
    height: 0;
    padding: 0;
    font-size: 0;
    display: block;
}

.popToggle.close .tglBtn {
    display: none;
}

/* 헤더 */

header {
    display: block;
    position: relative;
    z-index: 100;
    background: #fff;
}

.topMenu {
    position: relative;
    width: 1280px;
    height: 32px;
    margin: 0 auto;
    z-index: 200;
}

.topMenu button.gen {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    text-align: center;
    background: none;
    height: 32px;
    padding: 0 20px;
    
}

.topMenu button.gen span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('../images/common/icon_plus.png') no-repeat;
}

.topMenu .fltRight {
    float: right;
}

.topMenu .fltRight li {
    float: left;
    font-size: 14px;
    line-height: 32px;
    transform: skew(-0.3deg);
    font-weight: 400;
    color: #222;
    margin-right: 43px;
}

.topMenu .fltRight li.langBtn {
    color: #222;
    text-align: center;
    margin-right: 0;
}

.topMenu .fltRight li.langBtn a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.topMenu .fltRight li.langBtn a:hover{
    background-color: rgba(0,0,0,0.1);
}

.topMenu .fltRight li.langBtn a::after{
    content: '';
    width: 10px;
    height: 5px;
    display: block;
    background: url(../images/common/icon_down.png)no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
    margin-left: 5px;;
}

.topMenu .fltRight li.langBtn a:last-child{
    position: absolute;
    left: 0;
    top: 32px;
    text-align: left;
    display: none;
}

.topMenu .fltRight li.langBtn a:last-child::after{
    display: none;
}

.topMenu .fltRight li.langBtn.on a:last-child{
    display: block;
}

.gnb {
    background: #fff;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    z-index: 150;
    position: relative;
}

.gnb .inner {
    width: 1280px;
    height: 88px;
    margin: 0 auto;
}

.gnb h1 {
    margin-top: 25px;
    float: left;
}

.gnb h1 img {
    width: 260px;
}

.gnb .mobileHeader .gnbToggle .gnbToggleBtn {
    background: url('../images/common/m_gnb.png') no-repeat;
    width: 28px;
    height: 21px;
    margin: 0;
}

.gnb .gnbRight {
    float: right;
    font-size: 0;
}

.gnb .gnbToggle {
    float: right;
    margin-left: 91px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gnb .gnbToggle .gnbToggleBtn {
    font-size: 0;
    margin: 34px 0;
    width: 20px;
    height: 14px; 
    line-height: 20px;
    background: url('../images/common/icon_gnb.png') no-repeat;
    background-size: contain;
}

.gnb .gnbToggle .gnbToggleBtn.on {
    background: url('../images/common/icon_gnbclose.png') no-repeat 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 33px 0;
    background-size: contain;
}

.gnb .gnbToggle .searchBtn {
    font-size: 0;
    margin: 34px 0;
    width: 20px;
    height: 20px; 
    background: url('../images/main/icon_search.png') no-repeat;
}

.gnb .megaMenuBg {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: block;
}

.gnb .megaMenu {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 10000px;
    width: 100%;
    left: 0;
    top: 89px;
    z-index: 100;
    font-size: 14px;
    z-index: 120;
    box-sizing: border-box;
    display: none;
}

.gnb .megaMenu .megaMenuWrap {
    background: #fff;
    border-top: 2px solid #568aed;    
    padding-bottom: 9px;
}

.gnb .megaMenu .megaMenuSet {
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.gnb .megaMenu .megaMenuSet:last-child {
    border-bottom: 0;
}

.megaMenu .megaMenuTit {
    line-height: 49px;
    font-size: 18px;
    color: #568aed;
    font-weight: 700;
    padding: 0 0 0 32px;
    width: 198px;
    border-right: 1px solid #e3e3e3;
    position: relative;    
}

.megaMenu .megaMenuSub {
    width: 100%;
    padding-left: 37px;
    margin: 24px 0;
}

.megaMenu .megaMenuSub::after{
    content: '';
    display: block;
    clear: both;
}

.megaMenuSet:nth-child(1) .megaMenuTit,
.megaMenuSet:nth-child(2) .megaMenuTit{
    padding-bottom: 36px;
}

.megaMenu .megaMenuSub li {
    float: left;
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    margin-right: 34px;
    padding: 10px 0;
    position: relative;    
}

.megaMenu .megaMenuSub li::after{
    content: '';
    display: block;
    clear: both;
}

.megaMenu .megaMenuSub li.endMenuPlus{
    padding-right: 150px;
}


.megaMenu .megaMenuSub .megaDep2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
   
.megaMenu .megaMenuSub .megaSubinner{
    float: left;
}

.megaMenu .megaMenuSub .megaSubinner li{
    padding-right: 19px;
    margin: 0;
}

.megaMenu .megaMenuSub .megaSubinner li:first-child{
    padding-left: 23px;
}

.megaMenu .megaMenuSub .megaSubinner li:last-child{
    padding-right: 0;
}

.megaMenu .megaMenuSub .megaSubinner li a{
    font-size: 15px;
    font-weight: 400;
    color: #568aed;
}

.gnb .gnbMain {
    float: left;
}

.gnb .gnbMain > ul > li.main {
    float: left;
    line-height: 88px;
    font-size: 22px;
    font-weight: 500;
    padding-right: 51px;
    text-align: center;
}

.gnb .gnbMain > ul > li.main:last-child{
    padding-right: 0;
}

.gnb .gnbMain > ul > li.main.on {
    color: #568aed;
    position: relative;
}

.gnb .gnbMain > ul > li.main:hover>a{
    position: relative;
    display: block;
}
.gnb .gnbMain > ul > li.main:hover>a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #568aed;
}

.gnb .gnbMain > ul > li.main:last-child::after{
    width: 100%;
}

.gnb .gnbMain > ul > li.main > ul.sub {
    position: absolute;
    display: none;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 70px;    
    top: 88px;
    border-top: 1px solid #568aed;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);   
    justify-content: center;
    align-items: center;
}

/* .gnb .gnbMain > ul > li.main > ul.sub#sub1 {
    left: calc((100% - 1137px)/2);
}    

.gnb .gnbMain > ul > li.main > ul.sub#sub2 {
    left: calc((100% - 433px)/2);    
} 

.gnb .gnbMain > ul > li.main > ul.sub#sub3 {
    left: calc((100% - 79px)/2);
}

.gnb .gnbMain > ul > li.main > ul.sub#sub4 {
    left: calc((100% - 899px)/2);
}

.gnb .gnbMain > ul > li.main > ul.sub#sub5 {
    left: calc((100% - 1180px)/2);
}

.gnb .gnbMain > ul > li.main > ul.sub#sub6 {
    left: calc((100% - 1180px)/2);
} */

.gnb .gnbMain > ul > li.main > ul.sub li {
    float: left;
    line-height: 70px;
    color: #656565;
    font-size: 16px;
    margin: 0 15px;
}

.gnb .gnbMain > ul > li.main > ul.sub li a {
    display: block;
    width: 100%;
    height: 100%;
}

.gnb .gnbMain > ul > li.main > ul.sub li:hover {
    color: #568aed;
}

.gnb .subBg {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 70px;
    left: 0;
    top: 88px;
    border-top: 1px solid #568aed;
    box-sizing: border-box;
    display: none;
}

.gnb .gnbMain > ul > li.main > ul.sub > li.dep3{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gnb .gnbMain > ul > li.main > ul.sub > li.dep3>a{
    width:fit-content;
    display: block;
}

.gnb .gnbMain > ul > li.main > ul.sub > li.dep3 .subinner{
    width: fit-content;
    margin-left: 15px;
}

.gnb .gnbMain > ul > li.main > ul.sub > li.dep3 .subinner li{
    margin: 0;
    margin-left: 10px;
}

.gnb .gnbMain > ul > li.main > ul.sub > li.dep3 .subinner li:first-child{
    margin-left: 0;
}

.gnb .gnbMain > ul > li.main > ul.sub > li.dep3 .subinner li a{
    font-size: 12px;
}

/* 모바일용 GNB */

header .m_header {
    display: none;
    height: 100px;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.mobileTop {
    position: relative;
}

.mobileTop .logo {
    text-align: center;
    padding-top: 27px;
}

.mobileTop .mobileSearch {
    position: absolute;
    top: 29px;
    right: 26px;
    
}

.mobileTop .mobileSearch button {
    background: none;
}

.mobileTop .mobileSearch button span {
    width: 40px;
    height: 40px;
    display: block;
    background: url('../images/main/icon_search_big.png') no-repeat;
    margin: 0 auto;
}

.mobileTop .mobileGnbBtn {
    position: absolute;
    top: 36px;
    left: 30px;
}

.mobileTop .mobileGnbBtn button {
    background: url('../images/common/m_gnb.png') no-repeat;
    width: 40px;
    height: 28px;
    font-size: 0;
}

.mobileMenu {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    display: none;
}

.mobileMenu .mobileMenuWrap {
    width: 75%;
    height: 100%;
    background: #fff;
    overflow: auto;
}

.mobileMenu .mMenuTitle {
    position: relative;
    height: 100px;
    padding: 32px 26px;
    box-sizing: border-box;
    background: url('../images/h1_logo.png') no-repeat 18px 50%;
}

.mobileMenu .mMenuTitle .mobileLang {
    position: absolute;
    right: 31px;
    top: 50%;
    transform: translateY(-50%);    
}

.mobileMenu .mMenuTitle .mobileLang::after{
    content: '';
    display: block;
    clear: both;
}

.mobileMenu .mMenuTitle .mobileLang li{
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobileMenu .mMenuTitle .mobileLang li:first-child::after{
    content: '';
    display: block;
    width: 2px;
    height: 20px;
    margin: 0 22px;
    background-color: #DDD;
}

.mobileMenu .mMenuTitle .mobileLang li h3{
    font-size: 22px;
    color: #999;
}

.mobileMenu .mMenuTitle .mobileLang li.on h3{
    color: #568aed;
}

.mobileMenu .mobileMember {
    background-color: #568aed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 23.5px;
}

.mobileMenu .mobileMember a {  
    width: fit-content; 
    line-height: 100px; 
    color: #FFF;
    font-size: 28px;
    font-weight: 400;
    display: flex;
    align-items: center; 
    justify-content: center;
}

.mobileMenu .mobileMember a:nth-child(2)::before{
    content: '';
    display: block;
    width: 2px;
    height: 26px;
    background-color: rgba(255,255,255,0.3);
    margin: 0 48px;   
}  

.mobileMenu .mobileMember a:nth-child(2)::after{
    content: '';
    display: block;
    width: 2px;
    height: 26px;
    background-color: rgba(255,255,255,0.3);
    margin: 0 48px;   
}      

.mobileMenu .mobileMember a:last-child {
    border-right: 0;
}

.mobileMenu .mobileMenuList ul > li.main {
    width: 100%;
    line-height: 82px;
    font-size: 28px;
    font-weight: 500;
    box-sizing: border-box;
    border-bottom: 1px solid #dedede;
}

.mobileMenu .mobileMenuList ul li.main > a {
    padding-left: 30px;
    box-sizing: border-box;
    width: 100%;
    display: block;
    background: url('../images/common/m_menutoggle.png') no-repeat 94% 50%;
}

.mobileMenu .mobileMenuList ul li.main > a.on {
    background: url('../images/common/m_menutoggle2.png') no-repeat 94% 50%;
}

.mobileMenu .mobileMenuList ul li.main ul {
    margin: 0;
    border-top: 1px solid #dedede;
    box-sizing: border-box;
    display: none;
}

.mobileMenu .mobileMenuList ul li.main ul li {
    font-size: 26px;
    font-weight: 400;
    color: #545454;
    line-height: 68px;
    background: #f6f7fb;
    padding: 0 30px;
    border: 0;
}

.mobileMenu .mobileMenuList ul li.main .mobileDep2>a{
    display: block;
    line-height: 1;
    padding: 30px 0;
    color: #545454;
}

.mobileMenu .mobileMenuList ul li.main .mobileDep2 .mobileDep3{
    display: block;
    border: 0;
}

.mobileMenu .mobileMenuList ul li.main .mobileDep2 .mobileDep3 li{
    padding: 0 0 0 5px;
    font-size: 24px;
    line-height: 1;
    padding-bottom: 26px;
    color: #555;
}

/* 서치바 */
.searchWrap{
    position: fixed;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 200;
}

.searchBar{
    position: fixed;
    width: 100%;
    height: 176px;
    background: #FFF;
    left: 0;
    top: 0;    
}

.searchBox{
    width: 664px;
    height: 50px;
    border: 2px solid #558beb;
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-top: 60px;
}

.searchInput{
    font-size: 20px;
    color: #222;
    line-height: 48px;
    margin-left: 31px;
    width: 80%;
    background-color: transparent;
}

.searchInput::placeholder{
    font-family: 'Noto Sans KR', sans-serif;
    color: #aaa;
}

.searchInput:focus{
    outline:none;
}

.searchBox .searchBtn{
    font-size: 0;
    margin: 34px 0;
    padding: 0 27px;;
    width: 30px;
    height: 30px; 
    background: url('../images/main/icon_search_big.png') no-repeat;
    box-sizing: border-box;
}

.searchBar .close{
    background: url(../images/common/icon_gnbclose.png) no-repeat 100%;
    width: 28px;
    height: 28px;
    background-size: cover;
    display: block;
    position: absolute;
    right: 30px;
    top: 27px;
}

/* 모바일 서치바 */
.moblieSearchBar{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF;
    display: none;
}

.moblieSearchBar .searchHeader{
    position: relative;
    width: 100%;
    border-bottom: 2px solid #d0d9eb;
    height: 99px;
    padding: 0 29px 0 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.moblieSearchBar .searchHeader .mobileSearchTitle{
    font-size: 34px;
    color: #1A1A1A;
    font-weight: 500;
}

.moblieSearchBar .close{
    background: url(../images/common/icon_gnbclose.png) no-repeat 100%;
    width: 34px;
    height: 34px;
    background-size: cover;
    display: block;
}

.moblieSearchBar .searchBox{
    width: 88%;
    height: 50px;
    border: 2px solid #558beb;
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-top: 40px;
}

/* 푸터 */


footer {
    background: #1a1a1a;
    color: #fff;
}

.footerMenu {
    border-bottom: 1px solid #3e3e3e;
}

.footerMenu .inner {
    width: 1280px;
    margin: 0 auto;
}

.footerMenu .left {
    float: left;
}

.footerMenu .left ul:after, .footerMenu .right ul:after {
    clear: both;
    content: "";
    display: block;
}

.footerMenu .left li {
    font-size: 14px;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: 0px;;
    float: left;
    margin-right: 39px;
    cursor: pointer;
}

.footerMenu .left li.psn {
    font-weight: 500;
    color: #568aed;
}

.footerMenu .left li:nth-child(2){
    margin-right: 0;
}

.footerMenu .left ul li:nth-child(3){
    display: none;
}

.footerMenu .right {
    float: right;
}

.footerMenu .right li {
    float: left;
    line-height: 70px;
    padding-left: 47px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.footerMenu .right li:first-child{
    padding-left: 0;
}

.footerCopy .inner {
    width: 1280px;
    margin: 0 auto;
    padding: 35px 0 66px;
    font-size: 0;
    display: flex;
    justify-content: left;
    align-items:flex-start;
}

.footerInfo{
    padding-left: 47px;
}

.footerInfo p{
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,0.5);
}

.footerInfo p:nth-child(2){
    margin-top: 11px;
}

.footerInfo p.copyright{
    font-family: 'NanumSquare';
    font-size: 12px;
    font-weight: 800;
    color: #5c5c5c;
    margin-top: 20px;
    letter-spacing: 0px;;
}

.footerInfo p span{
    margin-left: 17px;
    letter-spacing: 0px;
}

.footerInfo p span:first-child{
    margin-left: 0;
}

.footerCopy .inner .mobileFooterInfo{
    display: none;
}


/* 컨텐츠 영역 */

.pageContents {
    position: relative;
}


/* 위로 가기 버튼 */

.topBtn {
    position: fixed;
    right: 20px;
    bottom: 34px;
    z-index: 300;
}

.topBtn button {
    font-size: 0;
    width: 59px;
    height: 59px;
    background: url('../images/common/icon_top.png') no-repeat;
}


/* 모바일용 줄 개행 태그 */

.mo_br {
    display: none;
}


/* ****** RESPONSIVE ****** */

@media all and (max-width: 1280px) {
    .popToggle {
        padding: 8px 0;
    }
    
    .popToggle .tglBtn {
        top: 8px;
        right: 12px;
    }
    
    header .pc_header {
        display: none;
    }
    
    header .m_header {
        display: block;
    }
    
    .gnb {
        border-top: 0;
    }
    
    .footerMenu .inner, 
    .footerCopy .inner {
        width: 100%;
    }

    .footerMenu .left, .footerMenu .right {
        float: none;
        width: 100%;
        text-align: center;
        height: 70px;
    }
    
    .footerMenu .left {
        border-bottom: 1px solid #3e3e3e;
    }
    
    .footerMenu .left ul, .footerMenu .right ul {
        text-align: center;
        display: inline-block;
    }
    
    .footerCopy .footerLogo {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    
    .footerCopy .inner {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .footerCopy .inner span {
        display: block;
        margin-bottom: 5px;
        margin-left: 0;
    }

    .footerInfo{
        padding-left: 0;
    }
}

@media all and (max-width: 768px) {
    header .m_header {
        height: 50px;
    }
    
    .mobileTop .logo {
        padding-top: 14px;
    }
    
    .mobileTop .logo img, .footerCopy .footerLogo img {
        width: 160px;
    }
    
    .mobileTop .mobileGnbBtn {
        top: 18px;
        left: 18px;
    }
    
    .mobileTop .mobileGnbBtn button {
        display: block;
        width: 20px;
        height: 14px;
        background-size: contain;
    }

    .mobileMenu .mobileMember a:nth-child(2)::before{        
        width: 1px;
        height: 13px;
        background-color: rgba(255,255,255,0.3);
        margin: 0 18.5px;   
    }  
    
    .mobileMenu .mobileMember a:nth-child(2)::after{        
        width: 1px;
        height: 13px;
        background-color: rgba(255,255,255,0.3);
        margin: 0 18.5px;   
    }   
    
    .mobileTop .mobileSearch {
        top: 15px;
        right: 18px;
    }
    
    .mobileTop .mobileSearch button span {
        width: 25px;
        height: 25px;
        padding-bottom: 2px;
        background: url(../images/main/icon_search.png) no-repeat;
        background-size: 100%;
    }

    .mobileMenu .mMenuTitle .mobileLang {        
        right: 15.5px;         
    }

    .mobileMenu .mMenuTitle .mobileLang li:first-child::after{
        content: '';
        display: block;
        width: 1px;
        height: 10px;
        margin: 0 11px;
        background-color: #DDD;
    }
    
    .mobileMenu .mMenuTitle .mobileLang li h3{
        font-size: 13px;
    } 

    .mobileMenu .mobileMember a {
        font-size: 18px;
        line-height: 50px;
    }

    .mobileMenu .mobileMenuList ul > li.main{
        border-bottom: 1px solid #dedede;
    }

    .mobileMenu .mobileMenuList ul li.main .mobileDep2>a{
        padding-top: 12px;
        padding-bottom: 12.5px;
    }

    .mobileMenu .mobileMenuList ul li.main .mobileDep2 .mobileDep3 li{
        font-size: 12px;
        padding-bottom: 13px;
    }

    .mobileMenu .mobileMenuList ul li.main .mobileDep2 .mobileDep3 li:last-child{
        padding-bottom: 0;
    }

    /* 모바일 메뉴*/
    .mobileMenu .mMenuTitle {
        height: 50px;
        padding: 18px 18px;
        background-size: 153px;
        background-position: 13px 14px;
    }
    
    .mobileMenu .mMenuTitle button {
        width: 18px;
        height: 18px;
        background-size: contain;
    }
    
    .mobileMenu .mobileMember a {
        line-height: 50px;
        font-size: 14px;
    }
    
    .mobileMenu .mobileMenuList ul > li.main {
        line-height: 50px;
        font-size: 15px;
    }
    
    .mobileMenu .mobileMenuList ul li.main ul li {
        font-size: 13px;
        line-height: 38px;
        padding: 0 20px;
    }
    
    .mobileMenu .mobileMenuList ul li.main > a, .mobileMenu .mobileMenuList ul li.main > a.on {
        background-size: 14px;
        padding-left: 20px;
    }
    
    .mobileMenu .mobileMenuList ul li.main ul {
        padding: 4px 0;
        background: #f9f9f9;
    }
    
    .mobileMenu .mobileMenuList ul li.main ul li a:before {
        width: 5px;
        height: 9px;
        background-size: cover;
        margin-right: 12px;
    }
    
    .mobileMenu .mobileGenMenu a {
        line-height: 50px;
        font-size: 14px;
        transform: skew(-0.03deg);
    }
    
    .mobileMenu .mobileGenMenu a span {
        font-size: 20px;
    }

    .footerMenu .left, .footerMenu .right {
        height: 44px;
    }
    
    .footerMenu .left li, .footerMenu .right li {
        font-size: 11px;
        line-height: 44px;
    }

    .footerMenu .left li:nth-child(2){
        margin-right: 39px;
    }

    .footerMenu .left ul li:nth-child(3){
        display: block;
        margin-right: 0;
    }

    .footerMenu .right li:nth-child(4){
        display: block;
    }
    
    .footerCopy .inner span {
        font-size: 10px;
    }
    
    .footerCopy .inner p {
        font-size: 10px;
    }
    
    .footerCopy .inner {
        padding: 24px 0;
    }

    .moblieSearchBar .searchHeader {
        border-bottom: 1px solid #d0d9eb;
        height: 50px;
        padding: 0 15px 0 22px;
    }

    .moblieSearchBar .searchHeader .mobileSearchTitle{
        font-size: 17px;
    }

    .moblieSearchBar .close{
        width: 17px;
        height: 17px;
    }
}

@media all and (max-width: 480px) {
    .mobileTop .logo {
/*        padding-top: 27px;*/
    }
    
    .mobileTop .logo img, .footerCopy .footerLogo img {
        width: 157px;
        padding-right: 10px;
    }

    .moblieSearchBar .searchBox{
        width: 88%;
        height: 39px;        
        border-radius: 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        margin-top: 22.5px;
    }

    .searchInput{
        font-size: 16px;
        color: #222;
        line-height: 39px;
        margin-left: 21.5px;
        width: 80%;
        background-color: transparent;
    }
    
    .searchInput::placeholder{
        font-family: 'Noto Sans KR', sans-serif;
        color: #aaa;
    }

    .searchBox .searchBtn{
        font-size: 0;
        margin: 34px 0;
        padding: 0 18.5px;;
        width: 18px;
        height: 18px; 
        background: url('../images/main/icon_search_big.png') no-repeat;
        background-size: contain;
        box-sizing: border-box;
    }

    .footerMenu .left li {
        margin-right: 10px;
        font-size: 11px;
    }

    .footerMenu .right>ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 34px;
        box-sizing: border-box;
    }
    .footerMenu .right li{
        padding-left: 0;
    }

    .footerMenu .right li:nth-child(4){
        display: none;
    }

    .footerMenu .left li:nth-child(2){
        margin-right: 10px;
    }
    
    .footerCopy .inner {
        padding: 18.5px 18px;
        box-sizing: border-box;
    }

    .footerCopy .inner .footerInfo{
        display: none;
    }

    .footerCopy .inner .mobileFooterInfo{
        display: block;
    }

    .footerCopy .inner .mobileFooterInfo p{
        margin-bottom: 6.5px;
    }

    .footerCopy .inner .mobileFooterInfo p:nth-child(2){
        margin-bottom: 13.5;
        
    }

    .footerCopy .inner .mobileFooterInfo p span{
        display: inline-block;
        letter-spacing: 0;
    }

    .footerCopy .inner p.copyright{
        color: #5c5c5c;
        letter-spacing: 0;
        font-size: 8px;
    }

    .footerCopy .footerLogo{
        margin-bottom: 19px;
    }

    .topBtn{
        right: 0;
        bottom: 40px
    }
}

@media all and (max-width: 380px) {
    .mobileTop .logo {
/*        padding-top: 25px;*/
    }
    
    .mobileTop .logo img {
/*        width: 190px;*/
        padding-right: 10px;
    }
}

@media all and (max-width: 320px) {
    .mobileMenu .mMenuTitle {
        padding-top: 37px;
    }
    
    .mobileMenu .mMenuTitle button {
        width: 24px;
        height: 24px;
        background-size: cover;
    }
    
    .mobileMenu .mobileMenuList ul li.main > a,
    .mobileMenu .mobileMenuList ul li.main ul li {
        padding-left: 20px;
    }
    
    .mobileTop .mobileLogin {
        right: 10px;
    }
    
    .mobileTop .logo img {
        padding-right: 5px;
    }
    
}


/* ******************************* 일반인 사이트 ******************************* */

.wrapper.gen .gnb {
    box-shadow: none;
    border-bottom: 1px solid #c0c0c0;
}

.wrapper.gen .gnb .inner {
    height: 110px;
}

.wrapper.gen .gnb h1 {
    margin-top: 24.5px;
}

.wrapper.gen .gnb .gnbMain > ul > li.main {
    line-height: 110px;
}

.wrapper.gen .gnb .gnbMain > ul > li.main:hover {
    background: none;
}

.wrapper.gen .gnb .gnbMain > ul > li.main.on {
    position: relative;
}

.wrapper.gen .gnb .gnbMain > ul > li.main.on a:after {
    width: calc(100% - 58px);
    height: 2px;
    background: #00a450;
    content: "";
    display: block;
    position: absolute;
    bottom: 38px;
    left: 29px;
}

.wrapper.gen .gnb .gnbAdd {
    float: right;
    margin-left: 60px;
}

.wrapper.gen .gnb .gnbAdd li {
    font-size: 14px;
    font-weight: 500;    
    float: left;
    line-height: 110px;
}

.wrapper.gen .gnb .gnbAdd li + li:before {
    width: 1px;
    height: 14px;
    background: #666;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
}

.wrapper.gen .mobileMenu .mMenuTitle {
    border-bottom: 1px solid #c1c1c1;
}

.wrapper.gen .mobileMenu .mobileMenuList ul li.main > a {
    background: none;
}

.wrapper.gen header .m_header {
    box-shadow: none;
    border-bottom: 1px solid #c1c1c1;
}