body{font-family: "Pretendard"; letter-spacing: normal; word-break: keep-all;}
/* header */
.h2Position{position: absolute;left:-9999px;width:1px;height:1px;line-height: 0;font-size:1px;overflow:hidden;}
.background_class{background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.clear0:after{content:"";display:block;clear:both;}

.GB{font-family: 'Gmarket_B';}
.GM{font-family: 'Gmarket_M';}
.GL{font-family: 'Gmarket_L';}

.NBGB{font-family: 'NanumBarunGothicBold';}
.NBGL{font-family: 'NanumBarunGothicLight';}
.NBGUL{font-family: 'NanumBarunGothicUltraLight';}
.NBGR{font-family: 'NanumBarunpenR';}

@media screen and (max-width:767px){
    header{width: 100%;  position: fixed; top: 0; left: 0; background-color: #ffffff; padding: 20px; z-index: 9999; box-shadow: 0px -2px 10px #ebebeb;}
    header h1{text-align: center;}
    header h1 a img{width: 100%; max-width: 180px;}
    header h1 a{display: block;}
    header nav{display: none; width: 100%; background-color: #F9F9F9; padding: 20px;}
    header nav ul{display: flex; width: 100%; justify-content: space-between;}
    header nav ul li{font-size: 18px; line-height: 26px; font-weight: 500; color: #222222; padding: 0 10px;}
    header nav ul li a{display: inline-block; }
    header nav ul li a:hover{color: #0D2E87; font-weight: 600;}

 

    footer{background-color: #303030; padding: 100px 20px; text-align: center;}
    footer address{color: #C4C4C4; margin-bottom: 50px;}
    footer address p{font-size: 14px; line-height: 20px; font-weight: 200;}
    footer address p:nth-of-type(1){margin-bottom: 5px;}
    footer address p:nth-of-type(2){margin-bottom: 20px;}
    footer address span{font-size: 12px; line-height: 16px; color: #8D8D8D;}
    footer a{display: inline-block; font-size: 14px; color: #C4C4C4; border: 2px solid #959595; padding: 10px 30px; border-radius: 50px;}
    footer a:hover{background-color: #0D2E87; color: #ffffff; border: 0;}
}

@media screen and (min-width:768px) and (max-width:1279px) {
    header{width: 100%;  position: fixed; top: 0; left: 0; background-color: #ffffff; padding-top: 30px; z-index: 9999; box-shadow: 0px -2px 10px #ebebeb;}
    header h1{margin-bottom: 20px; text-align: center;}
    header h1 a img{width: 100%; max-width: 297px;}
    header h1 a{display: block;}
    header nav{width: 100%; background-color: #F9F9F9; padding: 20px;}
    header nav ul{display: flex; width: 100%; justify-content: space-between;}
    header nav ul li{font-size: 18px; line-height: 26px; font-weight: 500; color: #222222;}
    header nav ul li a{display: inline-block; }
    header nav ul li a:hover{color: #0D2E87; font-weight: 600;}

   
    footer{background-color: #303030; padding: 100px 50px; text-align: center;}
    footer address{color: #C4C4C4; margin-bottom: 50px;}
    footer address p{font-size: 16px; line-height: 22px; font-weight: 200;}
    footer address p:nth-of-type(1){margin-bottom: 5px;}
    footer address p:nth-of-type(2){margin-bottom: 20px;}
    footer address span{font-size: 12px; color: #8D8D8D;}
    footer a{display: inline-block; font-size: 20px; color: #C4C4C4; border: 2px solid #959595; padding: 10px 30px; border-radius: 50px;}
    footer a:hover{background-color: #0D2E87; color: #ffffff; border: 0;}
}

@media screen and (min-width:1280px) {
    header{width: 100%; height: 100px; position: fixed; top: 0; left: 0; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; padding: 30px 260px; z-index: 9999; box-shadow: 0px -2px 10px #ebebeb;}
    header h1 img{width: 100%; max-width: 297px;}
    header nav{width: 50%;}
    header nav ul{display: flex; justify-content: space-between;}
    header nav ul li{font-size: 18px; line-height: 26px; font-weight: 500; color: #222222;}
    header nav ul li a{display: inline-block; }
    header nav ul li a:hover{color: #0D2E87; font-weight: 600;}

  
    footer{background-color: #303030; padding: 100px 260px; display: flex; justify-content: space-between; align-items: center;}
    footer address{color: #C4C4C4;}
    footer address p{font-size: 16px; line-height: 22px; font-weight: 200;}
    footer address p:nth-of-type(1){margin-bottom: 5px;}
    footer address p:nth-of-type(2){margin-bottom: 20px;}
    footer address span{font-size: 12px; color: #8D8D8D;}
    footer a{display: inline-block; font-size: 20px; color: #C4C4C4; border: 2px solid #959595; padding: 10px 30px; border-radius: 50px;}
    footer a:hover{background-color: #0D2E87; color: #ffffff; border: 0;}

}