/* BASIC css start */
#MAKESHOPLY1{display:none !important;}
#MAKESHOPLY2{display:none !important;}
.intro_footer {font-size:20px; color:#000; font-weight:200;}



.snsintro_certbox {
	clear: both;
	width: 100%;
	background-color: #fff;
	
	margin: 0 auto;

	overflow: auto;
}
.snsintro_certbox h2 {
	padding: 1.25em 0 1em 0;
	font-size: 1.1em;
	color: #000;
}
.snsintro_certbox p {
	display: block;
	background-color: #ff0000;
	width: 43.33333%;
	height: 5em;
	margin: 0 2.5%;
	color: #000;
	float: left;
	font-weight: bold;
	font-size: 0.875em;
	padding: 1em 0 0.5em 0;
    border:1px solid #000;
}
.snsintro_certbox p img {
	margin-bottom: 5px;
   
}


.sns-login {margin:20px 5px;}
.sns-login p {margin-top:30px; margin-bottom:30px; height:11px; border-bottom:1px solid #000; color:#000; text-align:center;}
.sns-login p span {display:inline-block; background:#fff; padding:0 10px; font: 18px/1 'Playfair Display', serif;}

.sns-login spans {display:inline-block; background:#fff;  font-size:18px;  color:#ff0000; margin-top:20px; margin-bottom:0px;}


.sns-login a {display:block; height:30px; box-sizing:border-box;  font-size:16px; font-weight:bold; line-height:29px; background:url() no-repeat; color:#fff; transition:box-shadow .2s; text-align:center; border-radius: 10px;}
.sns-login a df {font-size:12px;}
.sns-login a:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.sns-login a + a {margin-top:10px;}
.sns-login a.nv {background-color:#07b601; }
.sns-login a.kk {background-color:#ffc822; color:#3A1D1D;  }
.sns-login a.ap {background-color:#292929; }



body { background:#fff; }
#joinAdult { padding-bottom:140px; text-align:center; border-bottom:1px solid #ccc; }
#joinAdult .adult-top { position:relative; width:840px; margin:55px auto; }
#joinAdult .adult-top a { position:absolute; top:120px; left:260px; display:inline-block; width:160px; height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:16px; background:#cb3131; text-align:center; letter-spacing:-1px; font-family:dotum; }

#joinAdult .cnt-box:after { clear: both; content: ""; display: block; }
#joinAdult .cnt-box { width:840px; padding:60px 0; margin:0 auto; background:#fff; }

#joinAdult .cnt-box .ipin-big-box { text-align:center; }
#joinAdult .cnt-box .ipin-big-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .ipin-big-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; left:415px; }
#joinAdult .cnt-box .ipin-big-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-top:10px; margin-bottom: 20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .ipin-big-box a img { vertical-align:middle; }

#joinAdult .cnt-box .ipin-box { float:left; width:355px; margin-left:65px; text-align:left; border-right:1px solid #d6d6d6; }
#joinAdult .cnt-box .ipin-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .ipin-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }
#joinAdult .cnt-box .ipin-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .ipin-box a img { vertical-align:middle; }

#joinAdult .cnt-box .phone-big-box { text-align:center; }
#joinAdult .cnt-box .phone-big-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .phone-big-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; left:415px; }
#joinAdult .cnt-box .phone-big-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-top:10px; margin-bottom: 20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .phone-big-box a img { vertical-align:middle; }

#joinAdult .cnt-box .phone-box { float:right; width:300px; margin-right:65px; text-align:left; }
#joinAdult .cnt-box .phone-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .phone-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }
#joinAdult .cnt-box .phone-box a { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .phone-box a img { vertical-align:middle; }


#joinAdult .cnt-box .guest-box { float:left; width:355px; margin-left:65px; text-align:left; border-right:1px solid #d6d6d6; }
#joinAdult .cnt-box .guest-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .guest-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }

#joinAdult .cnt-box .guest-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .guest-box a.btn-s { display:inline-block; width:142px; padding:12px 0; margin-bottom:20px; margin-right:5px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }

#joinAdult .cnt-box .guest-box a img { vertical-align:middle; }

#joinAdult .cnt-box .login-box { float:right; position:relative; width:305px; margin-right:65px; }
#joinAdult .cnt-box .login-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; text-align:left; }
#joinAdult .cnt-box .login-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }
#joinAdult .cnt-box .login-box ul { width:225px; margin-right:80px; border:1px solid #aaa; border-bottom:none; border-right:none; }
#joinAdult .cnt-box .login-box ul li { position:relative; height:36px; line-height:38px; border-bottom:1px solid #aaa; background:#fff; }
#joinAdult .cnt-box .login-box ul li label { position:absolute; top:0; left:10px; font-size:12px; font-weight:bold; color:#b3b3b3; }
#joinAdult .cnt-box .login-box ul li .input-text { width:90%; height:34px; line-height:38px; border:none; font-size:12px; font-weight:bold; color:#000; vertical-align:top; }
#joinAdult .cnt-box .login-box .btn-login { position:absolute; top:42px; right:0; display:inline-block; width:80px; height:75px; line-height:75px; *height:77px; _height:75px; color:#fff; font-size:12px; font-weight:bold; background:#3c3f46; }
#joinAdult .cnt-box .login-box .btn-login-member { position:absolute; top:0px; right:0; display:inline-block; width:80px; height:75px; line-height:75px; *height:77px; _height:75px; color:#fff; font-size:12px; font-weight:bold; background:#3c3f46; }

#joinAdult .cnt-box .login-box .join-find { width:100%; height:55px; line-height:57px; margin-top:5px; color:#808080; font-size:12px; font-weight:bold; text-align:left; }
#joinAdult .cnt-box .login-box .join-find .chk-box { height:20px; line-height:22px; padding-left:20px; background:url(/images/common/h15_ssl_check.gif) no-repeat 0 2px; }
#joinAdult .cnt-box .login-box .join-find .chk-box label { display:inline-block;}
#joinAdult .cnt-box .login-box .join-find .chk-box input { width:0; height:0; filter:alpha(opacity:0); opacity:0; }



#joinAdult .cnt-box .msg-box { float:left; width:355px; margin-left:65px; text-align:left; }
#joinAdult .cnt-box .msg-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .msg-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }

#joinAdult .cnt-box .login-box { float:right; position:relative; width:305px; margin-right:65px; }
#joinAdult .cnt-box .login-box .btn-join { display:inline-block; width:305px; height:46px; line-height:48px; margin-top:10px; color:#fff; font-size:12px; font-weight:bold; background:#7e8999; }

#joinAdult-footer { padding:20px 0; text-align:center; color:#808080; }
#joinAdult-footer .ft-links { font-size:11px; color:#808080; }
#joinAdult-footer .ft-links a { font-size:11px; color:#808080; text-decoration:none; }
#joinAdult-footer .ft-links a strong { font-size:11px; color:#000; }
#joinAdult-footer .ft-links span { display:inline-block; padding:0 8px; color:#e0e0e0; }
#joinAdult-footer .ft-links .cs_center {vertical-align:middle; color:#808080;}






/* login_modal_popup */
 #form_box { display:none;}
.modal_pop { z-index:100; position:absolute; left:50%; top:150px; background:#fff; width:320px;margin-left:-160px; height:inherit;  border:1px solid #eee; box-shadow : 0px 2px 1px 1px #ccc; padding-bottom:20px;}
.modal_layout { width:280px; margin-left:20px; }
.title_img { margin: 20px 0 10px 0; }
.login_goout { position:absolute; right:10px; top:10px; }
input[type=text], input[type=password] { border:1px solid #ccc; padding:3px 5% 3px 5%; line-height:30px; font-size:16px; margin-bottom:10px; color:#666; width:260px; height:30px;}
input[type=text] { background:url() no-repeat right;}
input[type=text]:focus { background:none; }
input[type=password] { background:url() no-repeat right;}
input[type=password]:focus { background:none; }

.loginButton {
	
	background-color:#840026;
	border:1px solid #000;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: 'Noto Sans KR', AppleGothic, Helvetica, sans-serif; 
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	width:340px;
	text-align:center;
	text-decoration:none;
	width:100%;
    
}
.loginButton:hover {
opacity:0.5;
color:#fff;
}
.loginButton:active {
	position:relative;
	top:1px;
}










/* BASIC css end */