.gnb_3dul {
	display:none;
}
#hd{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
	pointer-events:none;
}

#logo{
    left: 20px;
    top: 20px;
    position: absolute;
    z-index: 9997;
	pointer-events:auto;
}

.gnb_line {
	width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 157px;
	opacity:1;
	transition:all 1.0s;
}
.main .gnb_line {
	display:none;
}
#hd.down .gnb_line {
	opacity:0;
	transition:all 1.0s;
}

.clear{
    content: "";
    display: block;
    clear: both;
}

.btn-menu{
    position: absolute;
    right:124px; /* right: 47px; right:104px;*/
    top: 40px;
    z-index: 9999;
    cursor: pointer;
	pointer-events:auto;
	text-align:center;
}
.btn-menu__icon, .btn-menu__inner, .btn-menu__text {
	position:relative;
}
.btn-menu__icon {
	opacity:1;
}
#hd.on .btn-menu__icon {
	opacity:0;
}
.btn-menu__inner .line {
	display: block;
	width:35px;
	height:25px;
}
.btn-menu__text{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    color: #fff;
	margin-top:4px;
	transition: all 0.3s ease-in-out;
	border:none;
	outline:none;
}
.btn-menu__text_off {
	display:block;
	letter-spacing:1px;
	transition: all 0.3s ease-in-out;
}
.btn-menu__text_on {
	display:none;
	transition: all 0.3s ease-in-out;
}
#hd.on .btn-menu__text_off {
	display:none;
	transition: all 0.3s ease-in-out;
}
#hd.on .btn-menu__text_on {
	display:block;
	transition: all 0.3s ease-in-out;
	color:#000;
}


.btn-menu__inner .line span {
	position: absolute;
	display: block;
	width:41px;
	height:2px;
	left:50%; 
	background: #fff;
	transform: translate(-50%, 0px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-menu__line.no1 {
	top:0px;
}
.btn-menu__line.no2 {
	top:10px;
}
.btn-menu__line.no3 {
	bottom:3px;
}

#hd.on .btn-menu {
	/*
	top:20px;
	*/
	top:40px;
	right:125px;
}
#hd.on .btn-menu__line{
    background: #000;
}
#hd.on .btn-menu__line.no1 {
	transform: translate(-50%, 13.5px) rotate(45deg);
	-ms-transform: translate(-50%, 13.5px) rotate(45deg);
	-webkit-transform: translate(-50%, 13.5px) rotate(45deg);
}
#hd.on .btn-menu__line.no2 {
	opacity:0; filter: alpha(opacity=0;);
}
#hd.on .btn-menu__line.no3 {
	transform: translate(-50%, -7.5px)
	rotate(-45deg); -ms-transform: translate(-50%, -8.5px) rotate(-45deg);
	-webkit-transform: translate(-50%, -8.5px) rotate(-45deg);
}

.quick_menu {
	position:absolute;
	right:305px;
	top:47px;
	/*
	right:215px;
	top:58px;
	right: 375px;
    top: 50px;
	*/
    z-index: 9998;
    pointer-events: auto;
}
.quick_menu li {
	float:left;
	margin:0 3px;
}

#gnb{
    text-align: right;
    padding-top: 55px;
    transition: .7s ease;
    -webkit-transition: .7s ease;
    background: rgba(255, 255, 255, 0);
    opacity: 0;
    visibility: collapse;
	pointer-events:auto;
}

#gnb:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -150px;
    right: 0;
    height: 150px;
    background-image: url('../../../img/deco-hd.png');
    background-position: bottom left;
    background-size: cover;
    transition: .7s ease;
    -webkit-transition: .7s ease;
    opacity: 0;
}

#hd.on #gnb{
    /*background: rgba(255, 255, 255, 1);*/
    opacity: 1;
    visibility: visible;
	transition: .7s ease;
    -webkit-transition: .7s ease;
	padding-top:30px;
}

#hd.on #gnb:after{
    opacity: 1;
}

#gnb_1dul{
    display: inline-block;
    text-align: left;
    padding-right: 125px;
    padding-top: 195px;
    padding-left: 170px;
    padding-bottom: 94px;
    margin-right: 27px;
	margin-top:3px;
    font-family: 'Noto Sans KR', sans-serif;
	background-repeat:no-repeat;;
	/*
	margin-top:90px;
	*/
}

#gnb_1dul a{
    color: #000;
}

#gnb_1dul>li{
    float: left;
    position: relative;
}

#gnb_1dul>li>a{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.8px;
    padding-bottom: 25px;
    padding-right: 50px;
    text-transform: capitalize;
}

#gnb_1dul>li>ul{
    opacity: 0.7;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: -0.48px;
    margin-top: 20px;
    /* position: absolute; */
    /* left: 0;
    top: 50px;
    width: 100%; */
    white-space: nowrap;
}

@media(max-width: 1400px){
    #gnb{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        overflow: auto;
        text-align: center;
        padding: 80px 0 0 0;
    }

    #gnb_1dul>li{
        float: none;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        max-width: 900px;
        margin: auto;
        margin-bottom: 10px;
    }

    #gnb_1dul{
        text-align: center;
        display: block;
        padding: 0;
		width:100%;
		padding-top:50px;
    }

    #gnb_1dul>li>a{
        font-size: 25px;
        text-transform: uppercase;
        padding-right: 0;
    }

    #gnb_1dul>li>ul{
        white-space: initial;
        
    }

    #gnb_1dul>li>ul>li{
        display: inline-block;
        font-size: 18px;
        margin: 0 7px;
    }
	.quick_menu {
		right:12%;
	}
}
@media(max-width: 1024px){
	.quick_menu {
		right:15%;
	}
	.quick_menu ul li {
		width:16%;
	}
	.btn-menu {
		right:5px;
	}
	#hd.on .btn-menu {
		right:5px;
	}
	#gnb_1dul {
		padding-top:200px;
	}
}
@media(max-width: 768px){
	#logo img {
		width:70%;
	}
	#logo {
		top:40px;
	}
}
@media(max-width: 560px){
	#logo {
		left:15px;
		top:20px;
	}
	#logo img {
		width:38%;
	}
	#gnb {
		background:rgba(255,255,255,1);
	}
	#gnb_1dul {
		background:transparent !important;
	}

	.btn-menu {
		right:2px;
		top:15px;
		width:50px;
	}
	#hd.on .btn-menu {
		top: 13px;
		right:5px;
	}
	.btn-menu2 {
		right:5px;
		top:60px;
	}
	.btn-menu__icon img {
		width:100%;
	}
	.btn-menu__inner .line {
		width:25px;
		height:20px;
	}
	.btn-menu__inner .line span {
		width:25px;
	}
	.btn-menu__line.no2 {
		top:5px;
	}
	.btn-menu__line.no3 {
		bottom:7px;
	}
	.btn-menu__text {
		font-size:0.8rem;
		margin-top:-5px;
	}
	#hd.on .btn-menu__line.no1 {
		transform: translate(-50%, 2.5px) rotate(45deg);
		-ms-transform: translate(-50%, 2.5px) rotate(45deg);
		-webkit-transform: translate(-50%, 2.5px) rotate(45deg);
	}
	#hd.on .btn-menu__line {
		background:#000;
	}
	#hd.on .btn-menu__text_on {
		color:#000;
	}

	#gnb_1dul{
        text-align: center;
        display: block;
        padding: 15% 0 0;
		width:95%;
		margin:0 auto;
    }
	#gnb_1dul>li>ul>li {
		font-size:13px;
	}
	.quick_menu {
		right: -16%;
		top: 24px;
	}
	.quick_menu ul li {
		width:10%;
		margin:0 1px;
	}
	.quick_menu ul li img {
		width:100%;
	}

}
@media (max-width: 361px) {
	.quick_menu {
		right: -19%;
		top: 24px;
	}
}
@media (max-width: 321px) {
	.quick_menu {
		right: -27%;
		top: 24px;
	}
	.quick_menu ul li {
		width: 9%;
		margin: 0 1px;
	}
}