@font-face { font-family: 'MyLotteBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.0/MyLotteBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MyLotteMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.0/MyLotteMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR";}
a {text-decoration:none; color:#4f4f4f; }
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}
/*
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer;}
input{box-sizing:border-box; vertical-align:middle; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand {display: none;}
*/

#wrap {position:relative; width:100%; margin:0 auto; max-width:640px; overflow:hidden;}
#wrap img {max-width:100%;}


/*header*/
#header {position:fixed; top:0; width:100%; max-width:640px; margin:0 auto; z-index:99; background:rgba(13,18,40,0.9);}
#header .nav {width:100%; margin:0 auto; max-width:640px;}
#header .nav .all_menu_btn .no02 {display:none;}
#header.b_type .all_menu_btn .no01 {display:none;}
#header.b_type .all_menu_btn .no02 {display:block;}

#header .nav .all_menu_btn img {cursor:pointer;}
.all_menu_btn {float:left;}

.logo {float:right; text-align:right;padding:15px 20px 0 0; color:#fff; font-family: 'MyLotteBold'; font-size:25px;}
.logo img {width:80%;}

#header.b_type .logo .no01 {display:none;}
#header.b_type .logo .no02 {display:block;}

/*all_menu*/
.all_menu_wrap {position:fixed; left:-100%; width:100%; height:100%; top:0; z-index:9999; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear;}
.all_menu_wrap.view {left:0;}
.all_menu_wrap .inner_type {position:relative; width:100%; height:100%; max-width:640px; margin:0 auto;}
.all_menu_wrap .inner_type .all_close {position:absolute; top:0px; right:45px; cursor:pointer;}
.all_menu_wrap .inner_type .r_menu {position:relative; width:84%; height:100%; background:#020618; box-sizing:border-box; padding:30px 27px;}
.all_menu_wrap .inner_type .r_menu .up .left {cursor:pointer;}
.all_menu_wrap .inner_type .r_menu .up .left img {width:6%;}
.all_menu_wrap .inner_type .r_menu .up h1 {font-family: 'MyLotteBold'; font-size:30px; color:#fff; margin:0; padding:19px 0 37px; text-align:center; border-bottom:1px solid #0d1228;}
.all_menu_wrap .inner_type .r_menu .up h1 a {color:#fff;}
.all_menu_wrap .inner_type .r_menu .up h1 img {width:60.7654320988%;}
.all_menu_wrap .inner_type .r_menu ul {padding:20px 0 15px; border-bottom:1px solid #0d1228;}
.all_menu_wrap .inner_type .r_menu ul li a {display:block; width:100%; padding:25px 0; text-align:center; color:#fff; font-size:25px; line-height:1; background:url('/m/img/arrow2.png') no-repeat right 50%;  font-family: 'MyLotteBold';}
.all_menu_wrap .inner_type .r_menu .last a {display:block; width:100%; margin-top:40px; font-size:37px; letter-spacing:-0.05em; color:#cefd51; text-align:center; font-weight:300;}
.all_menu_wrap .inner_type .r_menu .address {position:absolute; bottom:5%; left:0; width:100%; text-align:center; font-size:15px; color:#b4b2b0; line-height:1.4em;}

@media all and (max-width:640px){
	/*header*/
	#header .nav .all_menu_btn {width:13%;}

	/*all_menu*/
	.all_menu_wrap .inner_type .all_close {width:9%; top:0vw; right:8.3%;}
	.all_menu_wrap .inner_type .r_menu {padding:4.7% 4%;}
	.all_menu_wrap .inner_type .r_menu .up h1 {padding:4% 0 7.65%; font-size:6.3125vw;}
	.all_menu_wrap .inner_type .r_menu ul {padding:5% 0;}
	.all_menu_wrap .inner_type .r_menu ul li a {padding:4.2% 0 3.2%; font-size:5.3125vw; background-size:3.8% auto;}
	.all_menu_wrap .inner_type .r_menu .last a {margin-top:8%; font-size:5.78125vw;}
	.all_menu_wrap .inner_type .r_menu .address {font-size:3.14375vw;}

	.logo {float:right; padding:5px 20px 0 0; font-size:20px;}
	.logo img {width:60%;}
}



#scrldown{
    position: fixed;
    left: 50%;
	margin-left:55px;
    bottom: 20px;
    z-index: 3000;
    cursor: pointer;
    transform: translateX(-50%) rotate(0deg);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform-origin: center;
    -webkit-transform-origin: center;
}
#scrldown img {width:15%; }

#scrldown.last{
    transform: translateX(-50%) rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg);
}

.sub #scrldown{
    /* display: none; */
}

.sub #scrldown.btm{
    transform: translateX(-50%) rotate(180deg);
}


#scrldown_s{
    position: fixed;
    bottom: 20px;
    z-index: 3000;
    cursor: pointer;
    transform: translateX(-50%) rotate(0deg);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform-origin: center;
    -webkit-transform-origin: center;
}
#scrldown_s img {width:30%; }

@media all and (max-width:640px){
	#scrldown_s{
	left: 50%;
	margin-left:30px;
    bottom: 0px;
    z-index: 3000;
    cursor: pointer;
    transform: translateX(-50%) rotate(0deg);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform-origin: center;
    -webkit-transform-origin: center;
}
	
	#scrldown_s img {width:40%; }
}


#ft{
    background: #fff;
	border-top:1px solid #d7d7d7;
    color: #737373;
    text-align: center;
    padding: 20px 20px;
    font-size: 12px;
    font-weight: 100;
	line-height:20px;

}

@media all and (max-width:640px){
	#ft{
    background: #fff;
	border-top:1px solid #d7d7d7;
    color: #737373;
    text-align: center;
    padding: 20px 20px;
    font-size: 12px;
    font-weight: 100;
	line-height:20px;
	margin-bottom:50px;
	letter-spacing:-0.5px;


}
}