.wrap{
    width: 100%;
    overflow: auto;
    height: 100%;
}

.wrap header{
	border-bottom: 0.4vw solid #ff3b50;
	position: relative;
	padding: 4vw 0;
}
.wrap header:after{
	content: "";
	display: block;
	clear: both;
}
.wrap header .lo_btn{
	position: absolute;
	top: 4vw; left: 3vw;
	width: 20%;
}
.wrap header .lo_btn img{
	width: 100%;
}
.wrap header .logo{
	width: 30%;
	margin: 0 auto;
}
.wrap header .logo img{
	width: 100%;
}
.wrap header .mem_btn{
	position: absolute;
	top: 4vw; right: 3vw;
	width: 20%;
}
.wrap header .mem_btn img{
	width: 100%;
}

/*푸터*/
footer{
	width: 100%;
    box-sizing: border-box;
}

footer.mb41{ margin-bottom: 41vw;}
footer.mb16{ margin-bottom: 16.5vw;}

footer .foo{
	background: #665e55;
	padding: 7vw 4vw 5vw;
}
footer .foo .top{
    box-sizing: border-box;
	border-bottom: 0.05vw solid #969696;
	padding-bottom: 4.8vw;
}
footer .foo .top a{
    box-sizing: border-box;
	font-size: 6vw;
	color: #fff;
	letter-spacing: -0.03vw;
	text-align: center;
	line-height: 6.7vw;
    margin: 0 auto;
}
footer .foo .top a span{
	display: block;
	font-size: 3.8vw;
	color: #dbdbdb;
	letter-spacing: 0.02vw;
}
footer .foo .bottom{
	padding-top: 4vw;
	color: rgba(255, 255, 255, 0.37);
	letter-spacing: -0.02vw;
}
footer .foo .bottom p{
	font-size: 3.5vw;
	width: 80%;
	box-sizing: border-box;
	line-height: 4.5vw;
	margin: 0 auto;
}



footer .ri .f_nem{
	display: inline-block;
}




/* 메인 */
.wrap .page01 .img{
    width: 100%;
	box-sizing: border-box;
}
.wrap .page01 .img img{
    width: 100%;
    display: block;
}
.wrap .page01 .pa{
	background: #f3f2ec;
}

.wrap .m_bottom{
    width: 100%;
	box-sizing: border-box;
    position: fixed;
    left: 0; bottom:0;
    z-index: 999;
    background-color: #4a3b2e;
}
.wrap .m_bottom>p{
    width: 100%;
    font-weight: 500;
    text-align: center;
    font-size: 4.5vw;
	letter-spacing: -0.1vw;
    color: #ffdf2c;
    margin: 3vw auto 2vw;
}
.wrap .m_bottom .put{
	width: 90%;
	margin: 0 auto 0vw;
}
.wrap .m_bottom .put:after{
	content: "";
	display: block;
	clear: both;
}
.wrap .m_bottom .put>ul{
	float: left;
}
.wrap .m_bottom .put>ul li{}
.wrap .m_bottom .put>ul li p.txt input{
	width: 60vw; height: 9vw;
	box-sizing: border-box;
	font-size: 4vw;
	padding-left: 3vw;
	outline: none;
	border: 0.1vw solid #ddd;
}
.wrap .m_bottom .put>ul li p.txt input:first-child{
	margin-bottom: 1vw;
}
.wrap .m_bottom .check{
	width: 90%;
	margin: 1vw auto 2vw;
}
.wrap .m_bottom .check:after{
	content: "";
	display: block;
	clear: both;
}
.wrap .m_bottom .check .che{
	float: left;
	line-height: 6vw;
}
.wrap .m_bottom .check .che:after{
	content: "";
	display: block;
	clear: both;
}
.wrap .m_bottom .check .che p{
	float: left;
	line-height: 6vw;
}
.wrap .m_bottom .check .che p input{}
.wrap .m_bottom .check .che p.in_t,
.wrap .m_bottom .check .che2 p.in_t{
	color: #dfd6cf;
	font-size: 3.5vw;
	margin: 0 1.5vw;
	line-height: 6vw;
}
.wrap .m_bottom .check .che p input,
.wrap .m_bottom .check .che2 p input{
	width: 4vw; height: 4vw;
	outline: none;
	position: relative;
	bottom: 0.5vw;
}

.wrap .m_bottom .check .che a.page,
.wrap .m_bottom .check .che2 a.page{
	width: 10vw; height: 6vw;
	box-sizing: border-box;
	background: #1a1a1a;
	float: left;
	font-size: 3.5vw;
	text-align: center;
	line-height: 6vw;
	color: #bcac9f;
}

.wrap .m_bottom .check .che2{
	float: right;
	line-height: 6vw;
}
.wrap .m_bottom .check .che2 p{
	float: left;
}


.wrap .m_bottom .put>a{
	float: right;
    width: 30%; height: 19vw;
    box-sizing: border-box;
    background: #ffdf2c;
    color: #111;
    font-weight: 600;
    font-size: 4.5vw;
    line-height: 19vw;
	letter-spacing: -0.2vw;
    text-align: center;
}

/* 버튼버전 */

.wrap .m_bottom_btn{
    width: 100%;
	box-sizing: border-box;
    position: fixed;
    left: 0; bottom:0;
    z-index: 999;
}
.wrap .m_bottom_btn a{
	width: 100%; height: 17vw;
	box-sizing: border-box;
	text-align: center;
	line-height: 17vw;
	color: #fff;
	font-size: 5.5vw;
	background: #ef3d19;
	font-weight: 500;
}

/*-------------------.page02 입력폼-----------------------*/

.page02{
	width: 100%;
	box-sizing: border-box;
}
.page02 .txt{
	width: 100%;
	box-sizing: border-box;
	background: #f3f2ec;
}
.page02 .txt p{
	font-size: 7.5vw;
	color: #38332f;
	letter-spacing: -0.5vw;
	text-align: center;
	line-height: 9.5vw;
	font-weight: 600;
	padding: 7vw 0;
}
.page02 .txt p span{
	display: block;
	font-size: 5vw;
	color: #6a6460;
	font-weight: 400;
}
.page02 .kakao{
	background: #584c43;
	padding: 8vw 1vw;
}
.page02 .kakao table{
	width: 100%;
}
.page02 .kakao table tr{
	display: block;
	padding-bottom: 2vw;
}
.page02 .kakao table tr th{
	width: 25vw;
}
.page02 .kakao table tr th p,
.page02 .kakao table tr th label{
	font-size: 4.5vw;
	color: #fff;
	line-height: 5.5vw;
}
.page02 .kakao table tr th label.top1{
	position: relative;
	top: -3vw;
}
.page02 .kakao table tr th label.top2{
	position: relative;
	top: -2vw;
}
.page02 .kakao table tr th p.spacing span{
	letter-spacing: 8.5vw;
}
.page02 .kakao table tr td input{
	width: 43vw; height: 11vw;
	box-sizing: border-box;
	padding-left: 2vw;
	font-size: 4.5vw;
	line-height: 10vw;
	float: left;
}
.page02 .kakao table tr td .fixed{
	width: 43vw; height: 11vw;
	box-sizing: border-box;
	padding-left: 2vw;
	font-size: 4.5vw;
	line-height: 10vw;
	background: #e3e3e3;
	color: #584c43;
}
.page02 .kakao table tr td .okbtn{
	width: 23vw; height: 11vw;
	box-sizing: border-box;
	float: left;
	background: #1a1a1a;
	color: #bcac9f;
	text-align: center;
	line-height: 11vw;
	margin-left: 3vw;
}

.page02 .kakao table tr td .tp1{
	display: block;
	clear: both;
	color: #fff;
	font-size: 3.7vw;
	padding: 2.5vw 0 1vw 0;
}
.page02 .kakao .kabtn{
	width: 83%; height: 13vw;
	margin: 3vw auto 0;
	background: #ffdf2c;
	border-radius: 1vw;
	line-height: 13vw;
	text-align: center;
	font-size: 5.5vw;
	letter-spacing: -0.25vw;
	font-weight: 500;
	color: #111;
}




/*-------------------.page03--------------------------*/
.page03{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 7.5vw 0;
	background: #f3f2ec;
}
.page03 img{
	width: 100%;
}
.page03 .btns{
	position: absolute;
	bottom: 27vw; left: 48.5vw;
}
.page03 .btns:after{
	content: "";
	display: block;
	clear: both;
}
.page03 .btns a{
	color: #755f5e;
	font-size: 3.5vw;
	border: 1px solid #bebaa5;
	background: #dedbc7;
	text-align: center;
	line-height: 8vw;
	float: left;
	font-weight: 300;
}
.page03 .btns a.home{
	padding: 0 1.5vw;
	box-sizing: border-box;
	margin-right: 1vw;
	background: #d41313!important;
	color: #fff!important;
}
.page03 .btns a.back{
	width: 11vw;
	box-sizing: border-box;
}


/*-------------------.page04--------------------------*/

.page04{
	width: 100%;
	box-sizing: border-box;
	background: #e9e8e3;
	padding-bottom: 30px;
	position: relative;
}
.page04 h3{
	font-size: 7vw;
	font-weight: 500;
	letter-spacing: -1px;
	color: #393939;
	padding: 5vw 0 5vw 8vw;
}
.page04 .scroll{
    width: 85%;
    height: 139vw;
    padding: 5vw 7vw;
    box-sizing: border-box;
    overflow-y: auto;
    border: 1px solid #ddd;
    line-height: 5.2vw;
    font-size: 4vw;
	background: #fff;
	margin: 0 0 0 8vw;
	color: #696969;
}
.page04 .scroll .bold{
	font-weight: 800;
}
.page04 .scroll .block{
	display: block;
}
.page04 a.xbtn{
	font-size: 6.5vw;
	position: absolute;
	top: 5.5vw; right: 8vw;
}