body{font-family: 'Noto Sans KR', sans-serif;  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) {

    .q_menu{position: fixed; width: 100%; bottom: 0; right: 0; z-index: 99; text-align: center;}
    .q_menu div{display: none; background-color: #A5875A; padding: 15px;}
    .q_menu ul{display: flex; justify-content: space-around; flex-wrap: wrap;}
    .q_menu ul li{padding: 10px; background-color: #f1f1f1;}
    .q_menu ul li:nth-child(-n+3){width: 33.33%;}
    .q_menu ul li:nth-of-type(4), .q_menu ul li:nth-of-type(5){width: 50%;}
    .q_menu ul li:nth-of-type(2){border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
    .q_menu ul li:nth-of-type(4){border-right: 1px solid #e0e0e0;}
    .q_menu ul li a{display: block; font-size: 12px; color: #333333; font-weight: 500;}
    .q_menu ul li a img{width: 30px; height: 30px;}
    .q_menu ul li a img{display: block; margin: 0 auto 5px;}    
    .q_menu ul li:last-child{display: none; background-color: #6D4C1C; padding: 5px 0;}
    .q_menu ul li:last-child a{display: block;}

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #ffffff;}
    header > div{width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
    header > div h1{width: 92%; margin: 0 auto; text-align: center;}
    header > div h1 a{display: block;}
    header > div h1 a img{width: 100%; max-width: 230px;}
    header > div div span{display: inline-block; font-size: 18px; line-height: 22px; color: #333333; margin-bottom: 5px;}
    header > div .left_box{display: none;}
    header > div .left_box p{font-size: 25px; font-weight: 700; color: #C68119;}
    header > div .right_box{display: none; text-align: right;}
    header > div .right_box p{font-size: 20px; font-weight: 700; color: #C68119;}
    header nav{display: none; background-color: #6D4C1C; width: 100%;}
    header nav ul{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; color: #ffffff; padding: 15px 0;}
    header nav ul li{width: 16.66%; text-align: center; font-size: 20px; line-height: 30px;}


    footer{background-color: #2E2518; padding: 80px 30px; text-align: center;}
    footer div{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #707070; padding-bottom: 30px; margin-bottom: 30px;}
    footer div h2{margin: 0 auto 30px;}
    footer div h2 img{width: 100%; max-width: 230px;}
    footer div a{display: block; margin: 0 auto; font-size: 16px; color: #9F9F9F; border: 2px solid #9F9F9F; padding: 10px 40px;}
    footer div a:hover{background-color: #9F917B; color: #ffffff; border-style: none;}
    footer address p{font-size: 14px; line-height: 20px; color: #b6b6b6;}
    footer address p:not(:last-child){margin-bottom: 5px;}
    footer address span{display: inline-block; margin-top: 20px; font-size: 13px; line-height: 20px; font-weight: 300; color: #888887;} 
}

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

    .q_menu{position: fixed; bottom: 10%; right: 0; z-index: 99; background-color: #ffffff; text-align: center;}
    .q_menu div{background-color: #A5875A; padding: 15px;}
    .q_menu ul li:not(:last-child){padding: 15px 0; margin: 0 10px; border-bottom: 1px solid #C8C8C8;}
    .q_menu ul li:nth-of-type(5){border-bottom: 0;}
    .q_menu ul li a{display: block; font-size: 14px; color: #333333; font-weight: 500;}
    .q_menu ul li a img{width: 60%;}
    .q_menu ul li:not(:last-child) a img{display: block; margin: 0 auto 5px;}    
    .q_menu ul li:last-child{background-color: #6D4C1C; padding: 5px 0;}
    .q_menu ul li:last-child a{display: block;}

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #ffffff;}
    header > div{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
    header > div h1{width: 100%; text-align: center;}
    header > div h1 a{display: block;}
    header > div h1 a img{width: 100%; max-width: 275px;}
    header > div div span{display: inline-block; font-size: 18px; line-height: 22px; color: #333333; margin-bottom: 5px;}
    header > div .left_box{display: none;}
    header > div .left_box p{font-size: 25px; font-weight: 700; color: #C68119;}
    header > div .right_box{display: none; text-align: right;}
    header > div .right_box p{font-size: 20px; font-weight: 700; color: #C68119;}
    header nav{display: none; background-color: #6D4C1C; width: 100%;}
    header nav ul{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; color: #ffffff; padding: 15px 0;}
    header nav ul li{width: 16.66%; text-align: center; font-size: 20px; line-height: 30px;}
    

    footer{background-color: #2E2518; padding: 80px 50px;}
    footer div{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #707070; padding-bottom: 30px; margin-bottom: 30px;}
    footer div a{display: block; font-size: 18px; color: #9F9F9F; border: 2px solid #9F9F9F; padding: 10px 40px;}
    footer div a:hover{background-color: #9F917B; color: #ffffff; border-style: none;}
    footer address p{font-size: 18px; line-height: 22px; color: #b6b6b6;}
    footer address p:not(:last-child){margin-bottom: 5px;}
    footer address span{display: inline-block; margin-top: 20px; font-size: 14px; font-weight: 300; color: #888887;} 
}

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

    .q_menu{position: fixed; bottom: 10%; right: 0; z-index: 99; background-color: #ffffff; text-align: center;}
    .q_menu div{background-color: #A5875A; padding: 15px;}
    .q_menu ul li:not(:last-child){padding: 15px 0; margin: 0 10px; border-bottom: 1px solid #C8C8C8;}
    .q_menu ul li:nth-of-type(5){border-bottom: 0;}
    .q_menu ul li a{display: block; font-size: 14px; color: #333333; font-weight: 500;}
    .q_menu ul li a img{width: 60%;}
    .q_menu ul li:not(:last-child) a img{display: block; margin: 0 auto 5px;}    
    .q_menu ul li:last-child{background-color: #6D4C1C; padding: 5px 0;}
    .q_menu ul li:last-child a{display: block;}

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #ffffff;}
    header > div{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
    header > div h1 a{display: block;}
    header > div h1 a img{width: 100%; max-width: 280px;}
    header > div div span{display: inline-block; font-size: 18px; line-height: 22px; color: #333333; margin-bottom: 5px;}
    header > div .left_box p{font-size: 25px; font-weight: 700; color: #C68119;}
    header > div .right_box{text-align: right;}
    header > div .right_box p{font-size: 20px; font-weight: 700; color: #C68119;}
    header nav{background-color: #6D4C1C; width: 100%;}
    header nav ul{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; color: #ffffff; padding: 15px 0;}
    header nav ul li{width: 16.66%; text-align: center; font-size: 20px; line-height: 30px;}
    header nav ul li a{display: block;}
    header nav ul li a:hover{color: #ffa721;}


    footer{background-color: #2E2518; padding: 80px 200px;}
    footer div{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #707070; padding-bottom: 30px; margin-bottom: 30px;}
    footer div a{display: block; font-size: 18px; color: #9F9F9F; border: 2px solid #9F9F9F; padding: 10px 40px;}
    footer div a:hover{background-color: #9F917B; color: #ffffff; border-style: none;}
    footer address p{font-size: 18px; line-height: 22px; color: #b6b6b6;}
    footer address p:not(:last-child){margin-bottom: 5px;}
    footer address span{display: inline-block; margin-top: 20px; font-size: 14px; font-weight: 300; color: #888887;}



}