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

#logo{
    left: 50px;
    top: 40px;
    position: absolute;
    z-index: 9999;
	pointer-events:auto;
}

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

.btn-menu{
    position: absolute;
    right: 47px;
    top: 50px;
    z-index: 9999;
    cursor: pointer;
	pointer-events:auto;
}

.btn-menu__text{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 800;
    margin-right: 50px;
    margin-top: 5px;
    float: left;
    color: #fff;
}

#hd.on .btn-menu__text{
    color: #000;
}

/*.btn-menu__inner{
    width: 35px;
    height: 25px;
    float: left;
    position: relative;
}

.btn-menu__line{
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
}
#hd.on .btn-menu__line{
    background: #000;
}

.btn-menu__line.no1{
    top: 0;
}

.btn-menu__line.no2{
    top: 11px;
}

.btn-menu__line.no3{
    top: 22px;
}
#hd.on .btn-menu__line.no1 {
	transform:translate(-50%, 7.5px) rotate(45deg);
}
#hd.on .btn-menu__line.no2 {
	filter:alpha(opacity=0;);
	opacity:0;
}
#hd.on .btn-menu__line.no3 {
	transform:translate(-50%, -7.5px) rotate(-45deg);
}
*/
.btn-menu__inner .line {
	position: absolute;
	display: block;
	width:35px;
	height:25px;
	right:4px;
	top:0;
}
.btn-menu__inner .line span {
	position: absolute;
	display: block;
	width:35px;
	height:3px;
	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:11px;
}
.btn-menu__line.no3 {
	bottom:0px;
}
#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%, -8.5px)
	rotate(-45deg); -ms-transform: translate(-50%, -8.5px) rotate(-45deg);
	-webkit-transform: translate(-50%, -8.5px) rotate(-45deg);
}

.btn-menu2 {
	position: absolute;
    right: 44px;
    top: 100px;
    z-index: 9999;
    cursor: pointer;
	pointer-events:auto;
	width:45px;
	height:45px;
}
.btn-menu2 img {
	width:100%;
}
.btn-menu2 a {
	position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.btn-menu2off {
	display:none;
}
#hd.on .btn-menu2off {
	display:block;
}
#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;
}

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

#gnb_1dul{
    display: inline-block;
    text-align: left;
    padding-right: 200px;
    font-family: 'Noto Sans KR', sans-serif;
}

#gnb_1dul a{
    color: #000;
}

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

#gnb_1dul>li.gnb_1dli.no1{
    margin-right: 35px;
}

#gnb_1dul>li.gnb_1dli.no2 {
	margin-right:35px;
}
#gnb_1dul>li.gnb_1dli.no3{
    margin-right: 35px;
}

#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;
}

#phone {
	display:none;   
	position: fixed;
    top: 133px;
    right: 4px;
    width: 50px;
    height: 50px;
	line-height:50px;
    background-color: #fdd32c;
    border-radius: 100%;
    text-align: center;
	z-index:9999;
	pointer-events:auto;
}
#phone .iconify {
	width: 25px;
    height: 25px;
    vertical-align: middle;
    color: #000;

}

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

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

    #gnb_1dul{
        text-align: center;
        display: block;
        padding-right: 0;
    }

    #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;
    }
}
@media(max-width: 560px){
	#logo {
		left:10px;
		top:20px;
	}
	#logo img {
		width:80px;
	}
	.btn-menu {
		right:10px;
		top:20px;
	}
	.btn-menu__text {
		font-size:15px;
		margin-top:8px;
	}
	.btn-menu2 {
		right:5px;
		top:60px;
	}
	#phone {
		display:block;
	}

    #gnb_1dul>li.gnb_1dli.no1, #gnb_1dul>li.gnb_1dli.no2{
        margin-right: 0;
    }
}