body{font-family: 'Noto Sans KR', sans-serif;}
/* 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{width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999; background-color: #FFFAEF; display: flex; justify-content: space-between; padding: 5px 10px;}
	.q_menu li{ cursor: pointer;}
	.q_menu li a{display: block; width: 50px; height: 50px; text-indent: -9999px;}
	.q_menu li:nth-of-type(1){background: url("/img/q_icon01.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(2){background: url("/img/q_icon02.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(3){background: url("/img/q_icon03.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(4){background: url("/img/q_icon04.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(5){background: url("/img/q_icon05.png")no-repeat center / cover;}

	
	header{width: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding: 20px 0;}
	header div{width: 92%; margin: 0 auto;}
	header div h2{text-align: center;}
	header div h2 img{width: 100%; max-width: 180px;}
	header div nav{display: none; width: 60%;}
	header div nav ul{display: flex; justify-content: space-between; align-items: center;}
	header div nav ul li{width: 16.66%; text-align: center;}
	header div nav ul li a{display: block; font-size: 18px; font-weight: 600;}
	.clean_header{display: none !important; border-bottom: 1px solid #F1F1F1;}
	.clean_header div nav ul li a{color: #ffffff;}
	.white_header{display: block !important; position: fixed; background-color: #ffffff; box-shadow: 10px -5px 15px 1px gray}
	.white_header div nav ul li a{color: #222222;}

    footer{background-color: #C89E6F; padding: 50px 0 100px;}
	footer h2{text-align: center; margin-bottom: 20px;}
	footer h2 img{width: 100%; max-width: 100px;}
	footer address{text-align: center; width: 92%; margin: 0 auto; color: #ffffff; font-size: 12px; line-height: 22px; font-weight: 100;}
}

@media screen and (min-width: 768px) and (max-width: 1279px){
    .q_menu{position: fixed; bottom: 1%; right: 1%; z-index: 999;}
	.q_menu li{ cursor: pointer;}
	.q_menu li a{display: block; width: 60px; height: 60px; text-indent: -9999px;}
	.q_menu li:nth-of-type(1){background: url("/img/q_icon01.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(2){background: url("/img/q_icon02.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(3){background: url("/img/q_icon03.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(4){background: url("/img/q_icon04.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(5){background: url("/img/q_icon05.png")no-repeat center / cover;}

	header{width: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding: 20px 0;}
	header div{width: 92%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
	header div nav{width: 60%;}
	header div nav ul{display: flex; justify-content: space-between; align-items: center;}
	header div nav ul li{width: 16.66%; text-align: center;}
	header div nav ul li a{display: block; font-size: 18px; font-weight: 600;}
	.clean_header{border-bottom: 1px solid #F1F1F1;}
	.clean_header div nav ul li a{color: #ffffff;}
	.white_header{display: none; background-color: #ffffff; box-shadow: 10px -5px 15px 1px gray}
	.white_header div nav ul li a{color: #222222;}

    footer{background-color: #C89E6F; padding: 50px 0 100px;}
	footer h2{text-align: center; margin-bottom: 20px;}
	footer address{text-align: center; color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 100;}
}

@media screen and (min-width: 1280px){
    .q_menu{position: fixed; bottom: 1%; right: 1%; z-index: 999;}
	.q_menu li{ cursor: pointer;}
	.q_menu li a{display: block; width: 60px; height: 60px;text-indent: -9999px;}
	.q_menu li:nth-of-type(1){background: url("/img/q_icon01.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(2){background: url("/img/q_icon02.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(3){background: url("/img/q_icon03.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(4){background: url("/img/q_icon04.png")no-repeat center / cover;}
	.q_menu li:nth-of-type(5){background: url("/img/q_icon05.png")no-repeat center / cover;}

	header{width: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding: 20px 0;}
	header div{width: 92%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
	header div nav{width: 40%;}
	header div nav ul{display: flex; justify-content: space-between; align-items: center;}
	header div nav ul li{width: 16.66%; text-align: center;}
	header div nav ul li a{display: block; font-size: 18px; font-weight: 600;}
	.clean_header{border-bottom: 1px solid #F1F1F1;}
	.clean_header div nav ul li a{color: #ffffff;}
	.white_header{display: none; background-color: #ffffff; box-shadow: 10px -5px 15px 1px gray}
	.white_header div nav ul li a{color: #222222;}

    footer{background-color: #C89E6F; padding: 50px 0 100px;}
	footer h2{text-align: center; margin-bottom: 20px;}
	footer address{text-align: center; color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 100;}
}