/* BASIC css start */
body #terms_agree .terms-agree dd .lst li {width:48%;}


body #terms_agree .terms-agree dt > li { position: absolute; right: 9px; font-size: 25px; top: 0px;}
body #terms_agree .terms-agree dt > li:after {content:"+"; display:block; top: 0; right: 0; position: absolute;}
body #terms_agree .terms-agree dt > li.on:after {content:"-";}
.idCheck > td > input.placeholder {font-size:50px;}
#password1 {font-size:12px;}
.idCheck > td > input {font-size:12px;}
#terms_agree .terms-agree dd .txt p {display:none;}
#terms_agree .terms-agree dd .txt {white-space: unset!important;}

.join-msg {margin: 0 10px;}
body #terms_agree .terms-agree dt {margin-top:0; position:relative;}

#layerTermsWrap, #layerPrivercyWrap, #layerTermsWrap-A, #layerTermsWrap-B, #layerTermsWrap-C, #layerTermsWrap-D {display:none;}
#layerTermsWrap .txt, #layerPrivercyWrap .txt, #layerThirdPartyWrap .txt, #layerTrustWrap .txt {padding: 15px 10px; }
.layerArea .layer-pop {width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:80px auto;}
#layerTermsWrap .layer .layer-pop, #layerTerms-A, #layerTerms-B, #layerTerms-C, #layerTerms-D {width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:80px auto;}
#layerTermsWrap .layer .txt, .layerArea .layer-pop .txt {max-height: 300px; overflow-y: auto; padding:10px;background-color: #fff;}
.layerArea .layer-pop h3 {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.layerArea .layer-pop .btns { margin: 25px 0; padding: 0 15px; }
.layer-pop .btns .btn-type-03, .layer-pop .btns .btn-type-04 { padding: 7px 20px; }
.layerArea .layer-pop .btns .f-right { float: right; }
.layerArea .layer-pop .close {display: block; width:45px; height:36px; position: absolute; right:0; top:0; background:url("/images/d3/m_04/btn_del_gray@2x.gif") no-repeat center center; background-size: 45px 36px; text-indent: -9999px; font-size: 0;}
.layerArea .txt table {width:100%;}

.outlogin {
	position:relative;
	margin:7px;
	border:1px solid #e2e2e2;
	border-radius:4px
}
.outlogin:after {
	display:block;
	position:absolute;
	left:-9px;
	bottom:-9px;
	width:110%;
	height:1px;
	background:#e2e2e2;
	content:''
}
.outlogin h3 {
	padding:0 9px;
	line-height:33px;
	font-size:13px;
	font-weight:normal;
	background:#f2f2f2;
	border-bottom:1px solid #e2e2e2
}
.outlogin ul {
	padding:4px
}
.outlogin ul:after {
	display:block;
	clear:both;
	content:''
}
.outlogin li {
	padding:4px
}
.outlogin a {
	display:inline-block;
	width:100%;
	height:36px
}
.outlogin .btnNaver,.outlogin .btnLine,.outlogin .btnKakao,.outlogin .btnFacebook,.outlogin .btnGoogle,.outlogin .btnYahoo {
	position:relative;
	color:#fff;
	border-radius:2px;
	font-size:13px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box
}
.outlogin i {
	float:left;
	font-size:17px;
	width:36px;
	line-height:37px;
	margin-left:1.5px
}
.outlogin .btnNaver i {
}
.outlogin .btnLine i {
	line-height:34px
}
.outlogin .btnKakao i {
	line-height:34px
}
.outlogin .btnFacebook i {
	line-height:38px
}
.outlogin .btnGoogle i {
	margin-left:2.5px
}
.outlogin .btnYahoo i {
	font-size:16px;
	line-height:37px
}
.outlogin span:before {
	position:absolute;
	top:0;
	left:37px;
	content:'';
	display:inline-block;
	width:1px;
	height:100%;
	background:#fff;
	opacity:0.5
}
.outlogin span {
	line-height:36px
}
.outlogin .btnNaver {
	background:#26c826
}
.outlogin .btnNaver i {
	font-weight:800;
	font-style:normal;
	font-weight:bold
}
.outlogin .btnLine {
	background:#26c826
}
.outlogin .btnKakao {
	background:#eedb00;
	color:#252525
}
.outlogin .btnFacebook {
	background:#536fac
}
.outlogin .btnGoogle {
	background:#d64220
}
.outlogin .btnYahoo {
	background:#ff0033
}
	font-size:12px;
	line-height:1.2;
	vertical-align:middle;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.du-table {
	display:table;
	width:100%
}
.du-table>.du-cell {
	display:table-cell;
	vertical-align:middle
}
.du-table>.du-cell>* {
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	line-height:1.2;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.du-tab {
}
.du-tab .du-tab-title {
	display:flex;
	height:38px;
	border-bottom:1px solid #c8cdd2;
	line-height:37px;
	color:#444;
	font-size:13px;
	text-align:center
}
.du-tab .du-tab-title>li {
	position:relative;
	flex:1
}
.du-tab .du-tab-title>li.selected {
	font-weight:bold
}
.du-tab .du-tab-title>li.selected:after {
	display:block;
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:2px;
	background:#666;
	content:''
}
.du-tab .du-tab-content {
}
.du-tab .du-tab-content>div {
	display:none
}
.du-tab .du-tab-content>div.selected {
	display:block !important
}
.du-cols1>.du-cell {
	width:100%
}
.du-cols2>.du-cell {
	width:50%
}
.du-cols3>.du-cell {
	width:33.333%
}
.du-cols4>.du-cell {
	width:25%
}
.du-cols5>.du-cell {
	width:20%
}
.du-cols6>.du-cell {
	width:16.666%
}
.du-cols7>.du-cell {
	width:14.285%
}
.du-cols8>.du-cell {
	width:12.5%
}
.du-cols9>.du-cell {
	width:11.111%
}
.du-cols10>.du-cell {
	width:10%
}
.du-outXY1 {
	padding:0 1px
}
.du-outXY2 {
	padding:0 2px
}
.du-outXY3 {
	padding:0 3px
}
.du-outXY4 {
	padding:0 4px
}
.du-outXY5 {
	padding:0 5px
}
.du-outXY6 {
	padding:0 6px
}
.du-outXY7 {
	padding:0 7px
}
.du-outXY8 {
	padding:0 8px
}
.du-outXY9 {
	padding:0 9px
}
.du-outXY10 {
	padding:0 10px
}
.du-inXY1 {
	margin-left:-1px
}
.du-inXY2 {
	margin-left:-2px
}
.du-inXY3 {
	margin-left:-3px
}
.du-inXY4 {
	margin-left:-4px
}
.du-inXY5 {
	margin-left:-5px
}
.du-inXY6 {
	margin-left:-6px
}
.du-inXY7 {
	margin-left:-7px
}
.du-inXY8 {
	margin-left:-8px
}
.du-inXY9 {
	margin-left:-9px
}
.du-inXY10 {
	margin-left:-10px
}
.du-inXY1>.du-cell {
	padding-left:1px;
	padding-bottom:1px
}
.du-inXY2>.du-cell {
	padding-left:2px;
	padding-bottom:2px
}
.du-inXY3>.du-cell {
	padding-left:3px;
	padding-bottom:3px
}
.du-inXY4>.du-cell {
	padding-left:4px;
	padding-bottom:4px
}
.du-inXY5>.du-cell {
	padding-left:5px;
	padding-bottom:5px
}
.du-inXY6>.du-cell {
	padding-left:6px;
	padding-bottom:6px
}
.du-inXY7>.du-cell {
	padding-left:7px;
	padding-bottom:7px
}
.du-inXY8>.du-cell {
	padding-left:8px;
	padding-bottom:8px
}
.du-inXY9>.du-cell {
	padding-left:9px;
	padding-bottom:9px
}
.du-inXY10>.du-cell {
	padding-left:10px;
	padding-bottom:10px
}
.du-1div1 {
	width:100%
}
.du-2div1 {
	width:50%
}
.du-3div1 {
	width:33.333%
}
.du-4div1 {
	width:25%
}
.du-5div1 {
	width:20%
}
.du-6div1 {
	width:16.666%
}
.du-7div1 {
	width:14.285%
}
.du-8div1 {
	width:12.5%
}
.du-9div1 {
	width:11.111%
}
.du-10div1 {
	width:10%
}
.du-displayblock {
	display:block !important
}
.xans-product-optionselectlayer #chatis-kakaolink-check {
	display:none
}
.df-movie,.df-youtube,.df-vimeo {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	text-align:initial
}
body #terms_desc .terms-desc dt {font-size:13px;}
body #terms_desc .terms-desc dd textarea {font-size:13px;}
.df-movie iframe,.df-youtube iframe,.df-vimeo iframe {
	position:absolute;
	width:100%;
	height:100%
}
.progress {
	overflow:hidden;
	height:37px;
	background:#f2f2f2;
	border-bottom:1px solid #ddd;
	text-align:center
}
.progress li {
	position:relative;
	float:left;
	padding:0 7px;
	width:50%;
	height:100%;
	line-height:37px;
	color:#999;
	box-sizing:border-box;
	list-style-type:none
}
body #terms_agree .terms-agree dd {padding:5px 10px; display:none;}
.progress li:before,.progress li:after {
	display:block;
	position:absolute;
	top:50%;
	right:-5px;
	margin-left:-5px;
	background:#ccc;
	width:10px;
	height:1px;
	border-radius:2px;
	content:'';
	-o-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.progress li:before {
	margin-top:-4px;
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.progress li:after {
	margin-top:3px;
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.progress li:last-child:before,.progress li:last-child:after {
	display:none
}
.progress li.done {
}
.progress li strong {
	color:#444
}
.xans-member-join {
	margin:7px 15px!important;
	padding:0;
	color:#63666e;
	font-size:11px
}
.xans-member-join .agreeArea {
	margin:0 0 7px;
    font-size:13px;
	background:#fff
}
.xans-member-join .title {
	position:relative;
	line-height:40px;
	color:#333;
	border-bottom:1px solid #e2e2e2
}
.xans-member-join .title h3 {
	padding:0 0 0 14px;
	font-size:13px;
	font-weight:normal
}
.xans-member-join .title h3 label {
	display:none
}
.xans-member-join .title h3 label.check {
	display:inline
}
.xans-member-join .title a.btnMore {
	position:absolute;
	top:0px;
	right:14px;
	font-size:11px;
	text-decoration:underline
}
.xans-member-join .contents {
	overflow:hidden;
	overflow-y:auto;
	height:90px;
	padding:14px;
	color:#757575;
	font-size:11px
}
.xans-member-join .agreeAll {
	padding:14px 14px 13px 12px;
	margin-bottom:7px;
	border:1px solid #e2e2e2;
	background:#f2f2f2
}
.xans-member-join .agreeAll p {
	font-size:13px
}
.xans-member-join .agreeAll h3 {
	display:none;
	margin:14px 0;
	color:#1b1b1b
}
.xans-member-join .agreeAll span.ec-base-chk {
	width:32px;
	height:32px
}
.xans-member-join .agreeAll span.ec-base-chk .checkbox {
	background-position:0 0
}
.xans-member-join .agreeAll span.ec-base-chk input:checked+.checkbox {
	background-position:-34px 0
}
.xans-member-join .agreeAll span.ec-base-chk+label {
	margin-top:-2px;
	width:calc(100% - 46px);
	width:-webkit-calc(100% - 46px);
	color:#444
}
.xans-member-join span.ec-base-chk {
	position:relative;
	display:inline-block;
	margin:0 5px 0 0;
	width:20px;
	height:20px;
	vertical-align:middle;
	cursor:pointer
}
.xans-member-join span.ec-base-chk input {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer
}
.xans-member-join span.ec-base-chk .checkbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("/design/sleepgongg/img/web/upload/dfloor_base/mobile/image/bg_join_check.png") no-repeat 0 -50px;
	background-size:65px auto
}
.xans-member-join span.ec-base-chk input:checked+.checkbox {
	background-position:-25px -50px
}
.xans-member-join span.ec-base-chk+label {
	display:inline-block;
	width:80%;
	width:calc(100% - 34px);
	width:-webkit-calc(100% - 34px);
	min-height:0;
	vertical-align:middle;
	line-height:1.3
}
.xans-member-join input[type="checkbox"].ec-base-chk {
	margin:0 7px 0 0;
	width:20px;
	height:20px;
	border:0;
	-webkit-appearance:none;
	background-image:url("/design/sleepgongg/img/web/upload/dfloor_base/mobile/image/bg_join_check.png");
	background-repeat:no-repeat;
	background-position:0 -50px;
	background-size:65px auto
}
.xans-member-join input[type="checkbox"].ec-base-chk:checked {
	background-position:-25px -50px;
	-webkit-appearance:none
}
.xans-member-join .additional {
	display:flex;
	display:-webkit-flex;
	padding:0 14px;
	border-top:1px solid #e2e2e2;
	background:#fafafa
}
.xans-member-join .additional li {
	flex:1
}
.xans-member-join .additional li label {
	height:35px;
	line-height:35px;
	vertical-align:top;
	background:#fafafa
}
.xans-member-join {
	margin:7px;
	padding:0;
	color:#63666e;
	font-size:11px
}
.xans-member-join .titleArea {
	width:100%;
	margin:0;
	border:none
}
.xans-member-join .titleArea.accountArea {
	margin:0
}
.xans-member-join .titleArea h3 {
	height:30px;
	padding:13px 0 0 14px;
	border:1px solid #d5d5d5;
	font-size:13px;
	font-weight:bold;
	color:#606060;
	font-family:"¸¼Àº °íµñ",Malgun Gothic,"µ¸¿ò",Dotum;
	background:#f1f1f1
}
.xans-member-join .titleArea h3 span {
	float:right;
	padding:0 14px 0 0;
	color:#1b1b1b;
	font:11px normal
}
.xans-member-join .titleArea h3 span img {
	margin:0 3px 0 0;
	padding:4px 0 0;
	vertical-align:top
}
.xans-member-join p.required {
	margin:-25px 0 6px;
	color:#6292db;
	font-size:11px;
	text-align:right
}
.xans-member-join p.required img {
	vertical-align:middle
}
.xans-member-join div.grid {
	margin:7px 0 0
}
.xans-member-join input[type="email"] {height:29px; border:solid 1px #ccc;}
.xans-member-join p.grid {
	margin:0 0 7px 0
}
.xans-member-join ul.grid li {
	margin:5px 0 0
}
.xans-member-join p.txtDesc,.xans-member-join ul.txtDesc li {
	position:relative;
	padding:0 0 0 9px;
	margin:3px 0 0;
	line-height:1.4;
	font-size:12px
}
.xans-member-join p.txtDesc:before,.xans-member-join ul.txtDesc li:before {
	position:absolute;
	top:7px;
	left:0;
	display:block;
	content:"";
	width:4px;
	height:1px;
	background:currentColor
}

.xans-member-join .displaynone+.boardWrite table tr:first-child th,.xans-member-join .displaynone+.boardWrite table tr:first-child td {
	border-top:1px solid #e2e2e2
}
#idMsg, #idMsg span {font-size:12px; color:#777;}
.xans-member-join .boardWrite {
	color:#1b1b1b;
	margin:0 0 7px 0
}
.xans-member-join .boardWrite table {
	font-size:13px;
	word-wrap:break-word;
	border:0;
	border-top:none
}
.xans-member-join .boardWrite table th {
	width:90px;
	padding:7px 0 7px 10px;
	border-top:0;
	color:#757575;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	background:#fff
}
.xans-member-join .boardWrite table th>img {
	vertical-align:middle;
	padding:0;
	margin-top:-8px
}

.xans-member-join .boardWrite table th>img:after {content:""; position:absolute; left:0; top:0; background:#000;}
.xans-member-join .boardWrite table td {
	padding:7px 0 7px 7px;
	border-top:0;
	vertical-align:middle;
	background:#fff
}
.xans-member-join .boardWrite table .emailCheck input {width:100%!important;}
.xans-member-join .boardWrite table .emailCheck,.xans-member-join .boardWrite table .idCheck {
	font-size:11px
}
.xans-member-join .boardWrite table .emailCheck th,.xans-member-join .boardWrite table .idCheck th {
	vertical-align:top;
	padding-top:13px
}
.xans-member-join .boardWrite table .emailCheck .error,.xans-member-join .boardWrite table .idCheck .error {
	color:#f00
}
.xans-member-join .boardWrite table .emailCheck button {
	vertical-align:top
}
.xans-member-join .boardWrite table td.thead {
	border-left:1px solid #e2e2e2
}
.xans-member-join .boardWrite table td.thead label:last-child {
	margin-right:0
}
.xans-member-join .boardWrite table td #foreignerAuth label:last-child {
	margin-right:0
}
.xans-member-join .boardWrite table td.thead label input {
	vertical-align:middle
}
.xans-member-join .boardWrite table td.thead p {
	height:30px;
	padding:6px 0 0;
	color:#757575;
	font-size:13px
}
.xans-member-join .boardWrite table td label {
	margin:0 14px 0 0
}
.xans-member-join .boardWrite .interest label {
	display:inline-block;
	min-width:90px;
	margin:0 7px 14px 0
}
.xans-member-join .boardWrite .interest {
	font-size:11px;
	line-height:1.2em
}
.xans-member-join .boardWrite .interest input {
	margin:0 3px 0 0
}
.xans-member-join .boardWrite .interest span {
	display:inline-block
}
.xans-member-join .boardWrite select {
	margin-right:4px
}
.xans-member-join .boardWrite #authWrap #ipinWrap img,.xans-member-join .boardWrite #authWrap #mobileWrap img,.xans-member-join .boardWrite #authWrap img {
	width:106px
}
.xans-member-join input[type=text],.xans-member-join input[type=password],.xans-member-join input[type=number],.xans-member-join input[type=tel],.xans-member-join select {
	width:100%
}
.xans-member-join #foreigner_ssn {
	width:auto
}
.xans-member-join #user_passwd_confirm,.xans-member-join #hint,.xans-member-join #hint_answer {
	margin-bottom:7px
}
.xans-member-join #member_id {
	width:113px
}
.xans-member-join #postcode1 {
	width:55px;
	text-align:center
}
.xans-member-join #addr1 {
	margin:5px 0 0
}
.xans-member-join #addr2 {
	margin:5px 0 7px
}
.xans-member-join #phone1,.xans-member-join #mobile1 {
	width:33%
}
.xans-member-join #phone2,.xans-member-join #phone3,.xans-member-join #mobile2,.xans-member-join #mobile3 {
	width:25%;
	margin:0 4px
}
.xans-member-join #bssn1,.xans-member-join #bssn2 {
	width:70px
}
.xans-member-join #email1 {
	max-width:40%;
	margin:0 4px 7px 0
}
.xans-member-join #email2 {
	max-width:45%;
	margin:0 4px 7px 4px
}
.xans-member-join #email3 {
	height:29px;
	margin:0 0 7px
}
.xans-member-join #birth_year,.xans-member-join #marry_year,.xans-member-join #partner_year {
	width:45px;
	margin:0 5px 0 0
}
.xans-member-join #birth_month,.xans-member-join #marry_month,.xans-member-join #partner_month {
	width:30px;
	margin:0 5px
}
.xans-member-join #birth_day,.xans-member-join #marry_day,.xans-member-join #partner_day {
	width:30px;
	margin:0 5px
}
.xans-member-join .joinConfirm {
	display:none;
	z-index:300;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	min-width:320px;
	background:#fff
}
.xans-member-join .joinConfirm .header {
	position:relative
}
.xans-member-join .joinConfirm .header h2 {
	height:36px;
	padding:0 38px 0 7px;
	font-size:15px;
	color:#fff;
	line-height:36px;
	background:#606060
}
.xans-member-join .joinConfirm .header .btnClose {
	position:absolute;
	right:0;
	top:0;
	z-index:110;
	width:36px;
	height:36px;
	border:0;
	padding:0;
	font-size:0;
	text-indent:100%;
	background:url("/design/sleepgongg/img/common/ico_close_white.png") center center no-repeat;
	background-size:14px 14px
}
.xans-member-join .joinConfirm .content {
	overflow-y:auto;
	padding:0 10px;
	height:100%;
	-webkit-overflow-scrolling:touch
}
.xans-member-join .joinConfirm .content p {
	margin:20px 0 0;
	font-size:11px;
	line-height:1.4
}
.xans-member-join .joinConfirm .content .boardList {
	margin:10px 0 50px;
	padding:0 0 60px
}
.xans-member-join .joinConfirm .boardList table {
	width:100%;
	table-layout:fixed;
	border:0;
	border-collapse:collapse;
	border-spacing:0
}
.xans-member-join .joinConfirm .boardList th,.xans-member-join .joinConfirm .boardList td {
	padding:8px 10px 7px;
	font-size:12px;
	line-height:1.4;
	border:1px solid #d7d5d5;
	word-wrap:break-word
}
.xans-member-join .joinConfirm .boardList th {
	font-weight:normal;
	text-align:left;
	background-color:#fafafa
}
#terms_agree .terms-agree dl {
    font-size: 1em !important;
}

.type1 dd{width:28%; float:left; margin-right:3px;}

/* BASIC css end */