@charset "euc-kr";

:root {
	--orange:#fc8e28;
	--green:#028170;
	/*--yellow:#fffc14;*/
	--yellow:#ffe3ae;
	--yellow2:#fffc14;
	--border1:#e5e5e5;
	--border2:#ccc;
	--border3:rgba(0,0,0,.15);
}

* {border:0; padding:0; margin:0;}
html,body {overflow-x:hidden;}
body {min-width:320px; max-width:780px; margin:0 auto; font-size:16px; color:#666; font-family:'NEXON'; font-weight:400; line-height:1.7; word-break:keep-all;}
body * {box-sizing:border-box;}
a {color:#666; text-decoration:none; -webkit-tap-highlight-color:transparent;}
img {max-width:100%;}

.sm {display:none;}
.md {display:none;}
/* Çì´õ */

header {width:100%; overflow:hidden; background:var(--orange);}
header .head {}
header .head h1 {font-size:24px; line-height:60px; text-align:center; font-weight:500;}
header .head h1 a {color:#fff;}
header .head h1 img {}
header .head .menu_btn {position:absolute; right:30px; top:0; height:60px; display:flex; align-items:center; z-index:99;}
header .head .menu_btn img {width:28px;}
header .head .back_btn {position:absolute; left:30px; top:0; height:60px; display:flex; align-items:center; z-index:99;}
header .head .back_btn img {width:34px;}

/* Àüü¸Þ´º */
.gnbCover {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); z-index:99; display:none;}
nav {z-index:999; width:60%; height:100vh; position:absolute; right:-60%; top:0; overflow:hidden; box-shadow:-10px 0 10px rgba(0,0,0,.1); display:none;}
nav .gnb {width:100%; height:100%; background:#fff;}
nav .gnb .top {padding-left:20px; height:60px; border-bottom:5px solid #ccc; position:relative; background:var(--orange); position:relative;}
nav .gnb .top .gnbHome {color:#fff; line-height:55px; display:inline-block; font-size:14px;}
nav .gnb .top .gnbClose {width:55px; height:55px; display:flex; align-items:center; justify-content:center; border-left:1px solid #fff; position:absolute; right:0; top:0;}
nav .gnb .top .gnbClose img {width:24px;}
nav .gnb ul {}
nav .gnb ul li {border-bottom:1px solid var(--border1);}
nav .gnb ul li a {padding:16px 20px; display:block;}
nav .gnb ul li.on a {border-bottom:3px solid var(--orange); color:var(--orange);}

.lnb {padding:0 30px; background:#666;}
.lnb h2 {font-size:19px; font-weight:400; line-height:50px; color:#fff;}


footer {padding:40px 0 30px; text-align:center;}
footer .copy {font-size:14px; font-weight:500; color:#999; line-height:1.4;}



@media screen and (max-width:560px){
	.lg {display:none;}
	.md {display:block;}
	
	header .head .menu_btn {}
	header .head .menu_btn img {width:26px;}
	header .head .back_btn img {width:28px;}
}

@media screen and (max-width:450px){
	
	.sm {display:block;}
	
	header .head h1 {font-size:20px; font-weight:500;}
	header .head .menu_btn {right:4vw;}
	header .head .menu_btn img {width:21px;}
	header .head .back_btn {left:4vw;}
	header .head .back_btn img {width:24px;}
	
	nav .gnb .top .gnbClose img {width:17px;}
	nav .gnb .top .gnbHome {font-size:12px;}
	nav .gnb ul li a {padding:12px 20px; font-size:14px;}
	
	
	.lnb {padding:0 4vw;}
	.lnb h2 {font-size:16px;}
	
}