﻿.pcwnd .header .header-charatmark {
    width: 90px;
    top: 12px;
}

.pcwnd .header .menu-collapser {
    position: relative;
    width: 40px;
    height: 100%;
    color: #FFF;
    font-size: 16px;
}
.pcwnd .header .menu-collapser .collapse-button {
	position: absolute;
    left: 16px;
    height: 19px;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    top: 2px;
}
.pcwnd .container {
    height: auto;
    overflow: hidden;
	top: 0;
}

.pcwnd .container .content {
	width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FAFAFA;
    padding-top: 42px;
}
.pcwnd .pcarea {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.pcwnd .pcarea .share {
    width: 248px;
    height: 30px;
    margin-left: auto;
	margin-top: 10px;
	position:relative;
	z-index:20000;
}
.pcwnd .pcarea .share ul {
	list-style:none;
	margin:0;
	padding:0;
	height:32px;
}
.pcwnd .pcarea .share li {
	float:left;
}
.pcwnd .pcarea .share .fb {
	float:left;
    width: 140px;
}

.pcwnd .pcarea .share .tw {
	float:left;
}

.pcwnd .pcarea .share2 {
    width: 220px;
    height: 30px;
    margin-left: auto;
	position:relative;
	z-index:20000;
}
.pcwnd .pcarea .share2 .snsbtn-con{
    margin: 0 auto;
    width: 70%;
    display:flex;
    justify-content: space-around;
    padding-top: 0;
}
.pcwnd .pcarea .share2 .snsbtn-con img{
	width: 30px;
	height:30px;
	margin:3px;
}





.pcwnd .pcarea .pc-logo {
    position: absolute;
    left: 17%;
    top: 25%;
    width: 374px;
    height: 194px;
    background: url(img/images/02_PClogo.png) left top no-repeat;
    background-size: cover;
    transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.pcwnd .pcarea .pc-qr {
    position: absolute;
    left: 17%;
    top: 90%;
    width: 374px;
    height: 94px;
    background: url(img/images/01_PCimage_qr.png) left top no-repeat;
    background-size: contain;
    transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.pcwnd .pcarea .pc-charat {
    position: absolute;
    top: 50%;
	left: 82%;
    width: 380px;
    height: 536px;
    background: url(img/images/04_charaani.gif) left top no-repeat;
    background-size: cover;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.pcwnd .pcarea .pc-ad {
	position: absolute;
    margin-top: 261px;
    top: 50%;
    left: 82%;
    width: 380px;
    height: 280px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.pcwnd .pcarea .pc-ad2 {
	position: absolute;
    margin-top: 261px;
    top: 30%;
    left: 17%;
    width: 380px;
    height: 280px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.pcwnd .sparea {
    position: relative;
    margin: 0 auto;
    height: 536px;
    width: 319px;
    padding-left: 30px;
    padding-right: 34px;
    padding-top: 16px;
    padding-bottom: 202px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(img/images/03_gawa.png);
    background-size: cover;
}
.pcwnd .main-privacy .container {
    width: 100%;
	background-color: #fafafa;
}
.pcwnd .main-company .container {
    width: 100%;
    background-color: #fafafa;
}
.pcwnd .main-contact .container {
    width: 100%;
    background-color: #fafafa;
}

.pcwnd .footer-member {
    bottom: 25px;
    height: 70px;
	z-index:100;
}
.pcwnd .flexcroll {
	overflow-y: auto;
    height: 490px;
    width: 318px;
    padding-right: 2px;
}
.pcwnd .flexcroll::-webkit-scrollbar {
	width:10px;
	background:#eee;
}
.pcwnd .flexcroll::-webkit-scrollbar-thumb {
	background:#999;
}
.pcwnd #makecomp .btn {
    height:initial;
}
.pcwnd #makecomp .message {
	top: -3px;	
}

@media all and (max-width: 1150px) {
	.pcwnd .pcarea .pc-logo {
		display:none;
	}
	.pcwnd .pcarea .pc-qr {
		display:none;
	}
	.pcwnd .pcarea .pc-charat {
		display:none;
	}
	.pcwnd .pcarea .pc-ad {
		display:none;
	}
	.pcwnd .pcarea .pc-ad2 {
		display:none;
	}
}
@media all and (min-width: 1150px) {
	.pcwnd .sparea .sp-ad {
		display:none;
	}
}
