body {overflow:hidden;}

/*레이아웃*/

/* 공통컬러 */
.pt-clr01 {
    color:#3D9270;
}

/*헤더*/
header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:20;
    background-color:#fff;
    border-bottom:2px solid #F1E0C2;    
    height: 7rem;
	font-family: 'Paperlogy-7Bold';
    padding:0 1rem;
}
header .iw{
    display:flex;
    align-items: center;
    justify-content: space-between;
    max-width:100%;
    height:70px;
	padding:0 1rem;
}

/*전체메뉴 버튼*/
.all-bt{
    position:relative;
    width:40px;
    height:34px;
    margin-left:auto;
    cursor: pointer;
    z-index:200;
}
.all-bt span{
    position:absolute;
    left:0;
    width:100%;
    height:3px;
    background-color:#472410;
    transition: top 0.2s, transform 0.2s ,opacity 0.2s;
    transition-delay: 0.2s, 0s, 0.2s;
}
.all-bt.open span{
    background-color:#472410;
    transition: top 0.2s, transform 0.2s ,opacity 0.2s;
    transition-delay: 0s, 0.2s, 0s;
}
.all-bt .top{
    top:0px;
    transform: rotate(0deg);
}
.all-bt .middle{
    top:16px;
    transform: rotate(0deg);
}
.all-bt .bottom{
    top:31px;
}
.all-bt.open .top{
    top:13px;
    transform: rotate(45deg);
}
.all-bt.open .middle{
    opacity: 0;
}
.all-bt.open .bottom{
    top:13px;
    transform: rotate(-45deg);
}
@media (max-width:1280px){
    .all-bt{
        display:block;
    }
}

/*전체메뉴*/
.all-nav{	
    display:none;
    align-items: flex-start;
    justify-content: flex-end;
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.8);
    z-index:10;
}
.all-nav.open{
    display:flex;
}
.all-nav > ul{
    width:50%;
    height:100%;
    padding:15rem 2rem 0;;
    background-color:#fff;
}
.all-nav .gnb-item{
    margin-bottom:2rem;
    padding-bottom:2rem;
    border-bottom:1px solid #ddd
}
.all-nav .gnb-item:last-of-type{
    border-bottom:none;
}
.all-nav .gnb-item a{
    display: flex;
    align-items: center;
}
.all-nav .gnb-item a img{
    width:5rem;
    margin-right:2rem;
}
.all-nav .gnb-item a h2{
    font-size:2.2rem;
    font-weight:400;
    color:#472410;
}
.all-nav .gnb-item ul{
    display:flex;
    align-items: center;
    justify-content: center;   
    flex-direction: column;
    width:100%;
    margin-top:3rem; 
}
.all-nav .gnb-item ul li{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
	padding:1rem 0;
    margin-bottom:1rem;
}
.all-nav .gnb-item ul li:nth-of-type(1){
    background-color:#006CB7;
}
.all-nav .gnb-item ul li:nth-of-type(2){
    background-color:#49a644;
}

.all-nav .gnb-item ul li a{
    color:#fff;
    font-size:2.6rem;
}

@media (max-width:768px){
    .all-nav > ul{
        width:80%;
    }
    .all-nav .gnb-item a h2{
		width:100%;
        font-size:2.6rem;
    }
}

/*퀵메뉴*/
.quick{
    position:fixed;
    right:1rem;
    bottom:20px;
	text-align:center;
}
.quick li{
    margin-bottom:0.8rem;
}
.quick li a {
	display:inline-block;
}
.quick li a img{
	width:100%;
}
.quick .top__btn {
    width:60px;
	margin: 0 auto;
    vertical-align:middle;
	overflow:hidden;
}

@media (max-width:1200px){
    .quick li a{
        width:9rem;
    }
	.quick .top__btn a{
		width:58px;
	}
}

@media (max-width:640px){
	.quick{
		bottom: 3rem;
	}
    .quick li{
        margin-bottom: 1rem;
    }
}

/*footer*/
footer{    
    background-color:#955926;
    width:100%;
    height:210px;
    display: flex;
    align-items: center;
    justify-content: center; 
}


/* 기타 공통 */
b {
	font-family: 'Paperlogy-7Bold';
	vertical-align:bottom;
}
@media (min-width:900px){
	br.br-mo {display:none;}
}


/* scroll bar */
html::-webkit-scrollbar {
width: 16px;
padding:0;
margin:0;

}

html::-webkit-scrollbar-track {
background: #A67F41;
border-left: 2px solid #A67F41;
border-right: 2px solid #A67F41;
}

html::-webkit-scrollbar-thumb {
background: #E6B75A;
border: 2px solid #A67F41;
border-radius:7px;
}
/* end */
