@import url(common.css);
body{ background: #FEF6FF;}
.wrap{
	margin:0 auto;
	width:100%;
	max-width: 1024px;
}
header{
	position:fixed;
	top:0;
	left:0;
	z-index:500;
	width:100%;
	text-align:center;
}
/*////////////////////////////////////// 메뉴바 */
.gnb{
	margin:0 auto;
	padding:5px 0;
	position:relative;
	top:0;
	right:0;
	z-index: 500;
	max-width:1024px;
	height:61px;
	background:#fff;
}
.gnb h1{ /* 로고 */
	padding-left:2%;
	float:left;
}
.gnb h1 a img{ /* 로고 이미지 */
	width:140px;
}
.gnb .back_btn{ /* 뒤로가기 버튼*/
	padding-left:2%;
	float:left;
}
.gnb .back_btn>img{
	width:30px;
	margin-top: 15px;
}
.gnb>h2{ /* 서브페이지 텍스트 */
	display:inline-block;
	line-height:61px;
	font-size:20px;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.gnb .gnb_search{ /* 헤더 검색 박스 */
	display:inline-block;
	position:relative;
	top:13px;
	left:-2%;
	width:450px;
}
.gnb .gnb_search input{
	padding:5px 0;
	width:100%;
	font-size:18px;
	text-indent:20px;
	border-radius:20px;
	border:1px solid #6E3EFA;
}
.gnb .gnb_search img{ /* 돋보기 아이콘 */
	position:absolute;
	right:15px;
	top:9px;
	width:20px;
	cursor:pointer;
}
.gnb .menu_btn{ /* 햄버거메뉴버튼 */
	padding:13px 2% 0 0;
	float:right;
	cursor:pointer;
}
.gnb .menu_btn>img{ /* 햄버거 아이콘 */
	width:35px;
}
/*////////////////////////////////////// 검색창 */
.gnb_search_in{
	display: none;
	padding:20px 35px 30px 35px;
	position:absolute;
	top:70px;
	left:50%;
	transform:translateX(-45%);
	width:480px;
	border-radius:0 0 20px 20px;
	background: #fff;
	box-shadow:0px 3px 6px #00000029;
}
.gnb_search_in .search_close{ /* 닫기 */
	float:right;
}
.gnb_search_in .search_close>img{ /* 닫기 아이콘*/
	width:30px;
	cursor:pointer;
}
.gnb_search_in .search_text{ /* 텍스트 */
	padding:10px 0 20px 0;
	text-align:left;
	font-weight:500;
}
.gnb_search_in ul li{
	margin:0 5px 15px 5px;
	padding:5px 15px;
	float:left;
	/* width:calc(100% / 4 - 22px); */
	border:1px solid #ccc;
	border-radius:20px;
	color:#666;
	cursor:pointer;
	font-size: 14px;
    letter-spacing: -1px;
}
/* .gnb_search_in ul .search_area{ 
	width:130px;
} */

/*////////////////////////////////////// 햄버거 메뉴 */
.M_bg{ /*검은 배경*/
	display:none;
	position:fixed;
	top:0;
	right:0;
	z-index:600;
	width:100%;
	height:100%;
	background:#000000;
	opacity: .7;
}

.wrap2{
	position:fixed;
	left:100%;
	z-index: 1000;
	transform: translateX(-100%);
	width:100%;
	max-width: 1024px;
	height:100%;
	transition: .3s;
	visibility:hidden;
	opacity:0;
}
.active{
	opacity:1;
	visibility:visible;
	left:50%;
	transform: translateX(-50%);
}
.menu{
	float:right;
	width:100%;
	max-width:714px;
    height:100%;
	background: #fff;
	overflow-y: auto;
}
.M_menu{ 
	float:right;
	width:100%;
	max-width:1024px;
    height:auto;
	background: #fff;
}
.M_menub{ /*햄버거 메뉴 박스 안 스크롤*/
	margin:0 auto;
	width:90%;
	height:100%;
	text-align:left;
}
.close_b{ /* 닫기 박스 */
	width:100%;
	height:70.67px;
}
.close_b .close_btn{ /* 닫기 버튼 */
	padding-top:18px;
	cursor:pointer;
	float:right;
}
.close_b .close_btn>img{ /* 닫기 아이콘 */
	width:33px;
}
/*////////////////////////////////////// 로그인 박스 */
.login_b{ /* 로그인 박스 */
	padding:35px 0 35px 60px;
	margin-bottom:20px;
	max-width:100%;
	border:1px solid #F6F6F6;
	border-radius:30px;
	box-shadow:0px 3px 6px #00000029;
}
.login_b .login_txt>a{ /* 로그인 텍스트 */
	font-size:25px;
	font-weight:500;
}
.login_b .login_txt>a>img{ /* 로그인 아이콘 */
	margin-top:8px;
	width:25px;
}
.login_b .login_sub{ /* 로그인 서브텍스트 */
	padding-top:10px;
	color:#666;
}
/*////////////////////////////////////// 로그인 후 박스 */
.login_in{ /* 로그인 후 박스 */
	padding:10px 0;
	max-width:100%;
	border:1px solid #F6F6F6;
	border-radius:25px;
	box-shadow:0px 3px 6px #00000029;
	text-align:left;
}
.login_in>ul>li{
	float:left;
	width:50%;
	text-align:center;
}
.login_in>ul>li>a{
	display:block;
	padding:10px 0;
	font-size:20px;
	font-weight:500;
	cursor: pointer;
}
.login_in>ul>li:last-child{
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
.login_in>ul>li>a>img{ /* 로그인 박스 아이콘 */
	margin:5px 10px 0 0;
	width:23px;
}
/*////////////////////////////////////// 햄버거메뉴 안 메뉴 */
.menu_b{ /* 햄버거메뉴 안 서브메뉴 */
	font-size:18px;
	color:#666;
}
.menu_b>ul{
	padding:25px 0;
}
.menu_b>ul>li>a{
	display:block;
	padding:20px 0px 20px 30px;
	cursor:pointer;
}
.menu_b>ul>li>a>img{
	padding:0 10px;
	width:33px;
	margin-top: -2px;
}
.menu_b>ul>li>a .new_icon{
	width:40px;
	margin-top:-5px;
}
/*////////////////////////////////////// 배너 */
.menu_banner{ /* 배너 박스 */
	width:100%;
  	height:auto;
}
.menu_banner>a>img{
	width:100%;
  	border-radius: 30px;
}
/*////////////////////////////////////// 고객센터 */
.menu_customer{
	margin-top:20px;
	padding:20px;
	background:#FFF6FE;
	border-radius:30px;
	text-align:center;
}
.menu_customer>h3{
	font-size:22px;
	font-weight:400;
}
.menu_customer>h3>span>img{
	margin-top:5px;
	width:23px;
}
.menu_customer>h4{
	padding:5px 0;
	font-size:25px;
}
.menu_customer>h5{
	font-size:18px;
	font-weight:400;
}
/*////////////////////////////////////// 로그아웃 */
.logout{ /* 로그아웃 */
	display: inline-block;
	padding:20px 30px;
	font-size:16px;
	color:#666;
	cursor:pointer;
}
/* 햄버거 메뉴 클릭시 스크롤 방지 */
.not_scroll{
	position:fixed;
	overflow:hidden;
	width:100%;
	height:100%
}
.not_scroll .cont {
	position:relative;
	top:0;
}
@media screen and (min-width:768px) and (max-width:1300px){
	.wrap2{
		position:fixed;
		left:150%;
		z-index: 1000;
		transform: translateX(-100%);
		width:100%;
		max-width: 1024px;
		height:100%;
		transition: .3s;
		visibility:hidden;
		opacity:0;
	}
	.active{
		opacity:1;
		visibility:visible;
		left:50%;
		transform: translateX(-50%);
	}
}
/*_______________________________________________모바일 기준으로*/
@media screen and (max-width:767px){
	/*////////////////////////////////////// 메뉴바 */
	.gnb{
		max-width:none;
		height:46px;
	}
	.gnb h1{ /* 로고 */
		padding-left:3%;
	}
	.gnb h1 a img{ /* 로고 이미지 */
		width:100px;
	}
	.gnb .back_btn{ /* 뒤로가기 버튼*/
		padding-left:3%;
	}
	.gnb .back_btn>img{
		width:18px;
		margin-top:16px;
	}
	.gnb>h2{ /* 서브페이지 텍스트 */
		line-height:46px;
		font-size:16px;
	}
	.gnb .gnb_search{ /* 헤더 검색 박스 */
		top:9px;
		width:45%;
		margin:0 10px 0 0;
	}
	.gnb .gnb_search input{
		padding:3px 0;
		font-size:14px;
		text-indent: 6px;
		border-radius: 15px;
	}
	.gnb .gnb_search img{ /* 돋보기 아이콘 */
		right:5px;
		top:6px;
		width:15px;
	}
	.gnb .menu_btn{ /* 햄버거메뉴버튼 */
		padding:11px 3% 0 0;
	}
	.gnb .menu_btn>img{ /* 햄버거 아이콘 */
		width:25px;
	}
	/*////////////////////////////////////// 검색창 */
	.gnb_search_in{
		display: none;
		padding:10px 5%;
		position:absolute;
		top:56px;
		left:50%;
		transform:translateX(-50%);
		width:90%;
		font-size: 14px;
	}

	.gnb_search_in .search_close>img{ /* 닫기 아이콘*/
		width:25px;
	}
	.gnb_search_in .search_text{ /* 텍스트 */
		padding:5px 0 15px 0;
	}
	.gnb_search_in ul li{
		margin:0 3px 10px 3px;
		padding:3px 8px;
		/* width:calc(100% / 3 - 6px); */
		font-size: 12px;
	}
	/* .gnb_search_in ul .search_area{ 
		width:110px;
	} */
	/*////////////////////////////////////// 햄버거 메뉴 */
	.wrap2{
		position:fixed;
		left:200%;
		z-index: 1000;
		transform: translateX(-100%);
		width:100%;
		max-width: 1024px;
		height:100%;
		transition: .3s;
		opacity:0;
		visibility:hidden;
	}
	.active{
		visibility:visible;
		left:50%;
		transform: translateX(-50%);
		opacity:1;
	}
	.menu{
		float:right;
		width:90%;
		max-width:714px;
		height:100%;
	}
	.M_menu{ /*햄버거 메뉴 박스*/
		float:right;
		width:100%;
		max-width:1024px;
		height:100%;
		background: #fff;
	}
	.close_b{ /* 닫기 박스 */
		height:56px;
	}
	.close_b .close_btn>img{ /* 닫기 아이콘 */
		width:23px;
	}
	/*////////////////////////////////////// 로그인 박스 */
	.login_b{ /* 로그인 박스 */
		padding:20px;
		margin-bottom:15px;
		border-radius:20px;
	}
	.login_b .login_txt>a{ /* 로그인 텍스트 */
		font-size:16px;
	}
	.login_b .login_txt>a>img{ /* 로그인 아이콘 */
		margin-top:3px;
		width:20px;
	}
	.login_b .login_sub{ /* 로그인 서브텍스트 */
		padding-top:5px;
		font-size: 14px;
	}
	/*////////////////////////////////////// 로그인 후 박스 */
	.login_in{ /* 로그인 후 박스 */
		padding:7px 0;
		border-radius:15px;
	}
	.login_in>ul>li>a{
		padding:3px 0;
		font-size:14px;
	}
	.login_in>ul>li>a>img{ /* 로그인 박스 아이콘 */
		margin:2px 5px 0 0;
		width:18px;
	}
	/*////////////////////////////////////// 햄버거메뉴 안 메뉴 */
	.menu_b{ /* 햄버거메뉴 안 서브메뉴 */
		font-size:14px;
	}
	.menu_b>ul{
		padding:15px 0;
	}
	.menu_b>ul>li>a{
		padding:10px 0px 10px 15px;
	}
	.menu_b>ul>li>a>img{
		padding:0 5px;
		width:25px;
		margin-top: -2px;
	}
	.menu_b>ul>li>a .new_icon{
		width:33px;
		margin-top:-5px;
	}
	/*////////////////////////////////////// 배너 */
	.menu_banner>a>img{
		border-radius: 15px;
	}
	/*////////////////////////////////////// 고객센터 */
	.menu_customer{
		margin-top:10px;
		padding:10px;
		border-radius:15px;
	}
	.menu_customer>h3{
		font-size:16px;
	}
	.menu_customer>h3>span>img{
		width:16px;
	}
	.menu_customer>h4{
		padding:2px 0;
		font-size:18px;
	}
	.menu_customer>h5{
		font-size:14px;
	}
	/*////////////////////////////////////// 로그아웃 */
	.logout{ /* 로그아웃 */
		padding:15px 0 0 15px;
		font-size:14px;
	}
}