/*-----기본-----*/
html{font-size:20px;}
body{font-size:1rem;background:#fef4da;}
.tablet{display:none;}
.mob{display:none;}
#wrap{position:relative; line-height:1.5; overflow:hidden; font-size: .9rem;}
#wrap img { border:none; }
#wrap i{vertical-align:inherit;}
/*------폰트------*/



/*------헤더------*/
#header{height:5rem;}
#header .header-inner{display:flex;width:1400px;margin:0 auto;justify-content:space-between;align-items:center;height:100%;}
#header .header-inner h1 img {height:3.35rem;}
#header .header-inner #nav ul {display:flex;}
#header .header-inner #nav ul li a{font-family: 'GmarketSans';font-size:1.1rem;font-weight:700;color:#333;padding:0 1.75rem;position:relative;}
#header .header-inner #nav ul li a:hover{color:#009063}
#header .header-inner #nav ul li:first-child a{padding-left:0;}
#header .header-inner #nav ul li:last-child a{padding-right:0;}
#header .header-inner #nav ul li:not(:last-child) a:after{content:'';display:block;position:absolute;width:5px;height:5px;background:#ed7598;border-radius:50%;right:0;top:50%;transform:translateY(-50%);}


@media (max-width:1400px){
	#header .header-inner{width:100%;}
}

.top-btn{position:fixed;width:2.5rem;height:2.5rem;border-radius:0.4rem;background:#ed7598 url(/images/default/content/top-arrow.svg)no-repeat center center;background-size:0.8rem;right:7rem;bottom:5rem;cursor:pointer;z-index:999999;}
/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1300px){
	/*헤더*/
	#header .header_inner{width: 100%;}
	#header .header_inner #nav ul{}
	#header .header_inner #nav ul li a {font-size: .9rem; padding: 0 1.5rem;}
	#footer ul{left:80%;}

	.top-btn{right:1rem;bottom:1rem;width:2rem;height:2rem;}
}



/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	html{font-size:16px;}
    body{font-size:1rem}
	#wrap{font-size:1rem;}
	.tablet{display:block;}



}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	html,body,#wrap{height:auto;}
	html{font-size:15px;}
    body{font-size:1rem; position:relative;}
	.web{display:none;}
	.mob{display:block;}

	/*팝업 롤링 추가*/
	.mobile_dim{width: 100%; height:100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1039; display: inline-block; background: rgba(0,0,0,0.5);}
	.layerPopup img{width:100% !important;}
	.layerPopup {left:5% !important;  transform:translateX(0%); width:90% !important; height:auto !important; top:130px;}
	.chkvsb{font-size:0.7rem !important;}
}
@media (max-width:500px){
#header .header-inner h1 img {height:2.5rem;}
}