/*───────────────────────────────────────────────────────────

	 공통

───────────────────────────────────────────────────────────*/
/* 로그인 */
.login_box legend{display:none;}
.login_box dl {}
.login_box dl dt {display:none;}
.login_box dl dd {padding:0 0 5px 0;}
.login_box dl dd input {width:100%; height:37px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;}
.login_box .inp_chk {padding:10px 0 0 0;}
.login_box .inp_chk label {margin:0 10px 0 0;} 
.login_box .inp_chk input {display:inline-block; width:20px; height:20px; margin:-3px 5px 0 0; vertical-align:middle; background:url('../../img/icon/icon_chk.gif') no-repeat center; background-size:100%;}
.login_box .inp_chk input:checked {background:url('../../img/icon/icon_chk_on.gif') no-repeat center; background-size:100%;}
.login_box .submit {padding:10px 0 5px 0;}

/* 회원가입 / 아이디찾기 / 비밀번호 intro/member.html & */
.login_find { 
    margin: 15px 0 0 0;
    padding: 5px 0;
    text-align: center;
}
.login_find li {position:relative; display:inline-block; padding:0 5px 0 10px; color:#333; font-weight:bold; }
.login_find li:before {position:absolute; top:2px; left:0; width:1px; height:14px; background:#dedede; content:""}
.login_find li:first-child:before {display:none;}

/* SNS 로그인 (페이스북 / 페이코 / 네이버 / 카카오)  인트로 공통 버튼*/
.sns_login {}
.sns_login li {display:block; margin:7px 0 7px 0; text-align:center; border:#ccc 1px solid;}
.sns_login li#btnJoin {padding:13px 0 13px 0; font-size:13px; background:#3e3d3c; border:1px solid #3e3d3c;}
.sns_login li#btnJoin a {color:#fff;}
.sns_login li.payco {background:url('../../img/etc/ico_mo_payco.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.sns_login li.payco img{height:42px;}
.sns_login li.facebook {background:url('../../img/etc/ico_mo_facebook.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.sns_login li.facebook img{height:42px;}
.sns_login li.naver {background:url('../../img/etc/ico_mo_naver.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.sns_login li.naver img{height:42px;}
.sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.sns_login li.kakao img{height:42px;}
.sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.sns_login li.wonder img{height:42px;}
.sns_login li.apple {background:url('../../img/etc/ico_mo_apple.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px; margin-top:3px;}
.sns_login li.apple img{height:42px;}

.snsLogin {
    text-align: center;
    vertical-align: top;
	display: flex;
	/* 
	gap:7px; 
	*/
	width:85%;
	margin:20px auto 0;
	align-items: center;

}

.snsLogin a {
    flex: 1;
	/*
    border: 1px solid #444;
    background: #151617;
    border-radius: 6px;
    padding: 13px 0 9px;
*/
    box-sizing: border-box;
}
.snsLogin a img { margin:0; }
.snsLogin a span {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 0.8em;
}

/*** 인트로 - 일반 | intro/intro.html ***/
.intro {display:table; width:100%; height:100%; padding:40px 10px 40px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.intro > div { display:table-cell; vertical-align: middle; text-align: center; }
.intro strong { display:block; padding:110px 0 0 0; background:url('../../img/intro/coming_soon02.png') no-repeat center top; background-size:80px 80px; color:#333333; font-size:15px;}
.intro p { padding:8px 0 0 0; color:#888888; font-size:12px;}

/*** 인트로 - 성인인증 비회원 | adult_guest.html ***/
.adult_guest {padding:30px;}

.adult_guest .msg { padding: 0 0 0 99px; 
	background:url('../../img/intro/adult03.png') no-repeat left top; background-size:80px 80px; background-position: 0 10px;
	text-align:left; font-size:12px; color:#5e5e5e; 
	min-height:90px;
}
.adult_guest .msg strong { color:#eee; font-size:1.2em; font-weight:500; line-height:1.4; }
.adult_guest .msg strong span { color:#fa2828; }
.adult_guest .msg p { font-size:0.9em; color:#aaa; padding:10px 0 0 0; }

.adult_guest .tit { display:block; padding:11px 0 6px 0px; font-size:13px; border-top:1px solid #e5e5e5; }
.adult_guest .tit.top_line {margin:20px 0 0; padding-top:15px; border-top:1px solid #e5e5e5; }
.adult_guest .url {display:block; padding:15px 0 0 0; text-align:center; font-size:10px; color:#666666; }

/*** 인트로 - 성인인증 회원 | adult_guest.html ***/
.adult_member {padding:30px;}
.adult_member .msg {padding:99px 0 0 0; background:url('../../img/intro/adult03.png') no-repeat center top; background-size:80px 80px; text-align:center; font-size:12px; color:#5e5e5e; }
.adult_member .msg strong { color:#eee; font-size:16px; line-height:1.5;}
.adult_member .msg strong span { color:#fa2828; }
.adult_member .msg p { font-size:14px; color:#eee; padding:17px 0 0 0; }
.adult_member .msg p span { color:#fa2828; }
.adult_member .tit {display:block; padding:11px 0 6px 0px; font-size:13px; border-top:1px solid #e5e5e5; }
.adult_member .tit.top_line {margin:20px 0 0; padding-top:15px; border-top:1px solid #e5e5e5; }
.adult_member .url {display:block; padding:15px 0 0 0; text-align:center; font-size:10px; color:#666666; }

/*** 인트로 - 회원전용 | intro/member.html ***/
.member {padding:30px;}
.member .msg {padding:0 0 20px 0; text-align:center;}
.member .msg strong { display:block; padding:110px 0 0 0; background:url('../../img/intro/member_only02.png') no-repeat center top; background-size:60px 67px; color:#333333; font-size:15px; letter-spacing:-1px; }
.member .msg p {padding:7px 0 0 0; color:#888; font-size:12px; line-height:1.4; }

/*** 인트로 - 이용제한 | intro/walkout.html ***/
.walkout {display:table; width:100%; height:100%; text-align:center; padding:40px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.walkout > div {display:table-cell; vertical-align:middle; text-align:center;}
.walkout div > strong {display:block; padding:100px 0 0; background:url('https://m.www.sxjoa.com/data/skin/mobile/showdang_m/css/img/intro/blackout02.png') no-repeat center top; background-size:80px 80px; color:#333; font-size:15px; }
.walkout div p {padding:8px 0 0; color:#777; font-size:12px; }