body{ font-family: 'Pretendard'; letter-spacing: -0.8px; 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; z-index: 9999; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #E6DFD5; }
    header h1{text-align: center; padding: 20px 0; }
    header h1 a{display: block;}
    header h1 a img{width: 100%; max-width: 150px;}
    header nav{display: none; width: 100%;}
    header nav ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
    header nav ul li{text-align: center; font-size: 18px; line-height: 26px; color: #ffffff; font-weight: 500;}
    header .call_box{display: none; width: 12%; background-color: rgba(255, 255, 255, 1); padding: 12px 5px; border-radius: 100px;}
    header .call_box a{display: block; font-size: 20px; color: #333333; font-weight: 700; text-align: center;}

    
    footer{background-color: #222222; padding: 70px 10px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    footer h2{margin-bottom: 30px;}
    footer h2 img{width: 100%; max-width: 170px;}
    footer div{color: #8F8F8F;}
    footer div address{margin-bottom: 50px; text-align: center;}
    footer div address p{ font-size: 12px; line-height: 18px;}
    footer div address p:nth-of-type(1){font-weight: 600; margin-bottom: 3px;}
    footer div address p:nth-of-type(2){margin-bottom: 10px;}
    footer div address span{display: inline-block; font-size: 12px; line-height: 20px;}
    footer div a{display: block; width: 60%; margin: 0 auto; text-align: center; border: 1px solid #CECECE; font-size: 14px; padding: 10px;}
    footer div a:hover{background-color: #F68D00; color: #ffffff; border: 1px solid #F68D00;}

}


@media screen and (min-width:768px) and (max-width:1279px){

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    header h1{width: 100%; text-align: center; margin-bottom: 20px;}
    header h1 a{display: block;}
    header h1 a img{width: 100%; max-width: 220px;}
    header nav{width: 100%;}
    header nav ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
    header nav ul li{text-align: center; font-size: 18px; line-height: 26px; color: #ffffff; font-weight: 500;}
    header .call_box{display: none; width: 12%; background-color: rgba(255, 255, 255, 1); padding: 12px 5px; border-radius: 100px;}
    header .call_box a{display: block; font-size: 20px; color: #333333; font-weight: 700; text-align: center;}


    footer{background-color: #222222; padding: 100px 70px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    footer h2{margin-bottom: 30px;}
    footer h2 img{width: 100%; max-width: 250px;}
    footer div{color: #8F8F8F;}
    footer div address{margin-bottom: 50px; text-align: center;}
    footer div address p{ font-size: 16px; line-height: 22px;}
    footer div address p:nth-of-type(1){font-weight: 600; margin-bottom: 3px;}
    footer div address p:nth-of-type(2){margin-bottom: 10px;}
    footer div address span{display: inline-block; font-size: 14px; line-height: 20px;}
    footer div a{display: block; width: 40%; margin: 0 auto; text-align: center; border: 1px solid #CECECE; font-size: 16px; padding: 10px 50px;}
    footer div a:hover{background-color: #F68D00; color: #ffffff; border: 1px solid #F68D00;}


}


@media screen and (min-width: 1280px){

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 20px 100px; display: flex; justify-content: space-between; align-items: center;}
    header h1 a{display: block;}
    header h1 a img{width: 100%; max-width: 250px;}
    header nav{margin: 0 50px;}
    header nav ul{display: flex; flex-wrap:wrap;}
    header nav ul li{text-align: center; font-size: 18px; line-height: 26px; color: #ffffff; font-weight: 500;}
    header nav ul li:not(:last-child){margin-right: 50px;}
    header .call_box{width: 12%; background-color: rgba(255, 255, 255, 1); padding: 12px 5px; border-radius: 100px;}
    header .call_box a{display: block; font-size: 18px; color: #333333; font-weight: 700; text-align: center;}


    footer{background-color: #222222; padding: 100px; display: flex; justify-content: space-between; align-items: center;}
    footer h2{order: 1;}
    footer h2 img{width: 100%; max-width: 260px;}
    footer div{color: #8F8F8F;}
    footer div address{margin-bottom: 30px; }
    footer div address p{ font-size: 16px; line-height: 22px;}
    footer div address p:nth-of-type(1){font-weight: 600; margin-bottom: 3px;}
    footer div address p:nth-of-type(2){margin-bottom: 10px;}
    footer div address span{display: inline-block; font-size: 14px; line-height: 20px;}
    footer div a{display: inline-block; border: 1px solid #CECECE; font-size: 16px; padding: 10px 50px;}
    footer div a:hover{background-color: #F68D00; color: #ffffff; border: 1px solid #F68D00;}
    

}