/* BASIC css start */
.airboard {position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 0px;
    bottom:0;
    height: 0px;}
    
.airboard > ul > li.prev {position:absolute; left:0;}
.airboard > ul > li.next {position:absolute; right:0;}


.boarddetail {width:85%; position:absolute; left:0; right:0; margin:auto;}

.tit-board {    border-bottom: 1px solid #ddd; margin: 0 0 -1px!important;
    line-height: 50px;}
.tit-board h2 {font-size: 26px!important; color: #000!important; font-weight: bold!important; line-height: 40px!important;}
.xans-board-read .boardView table {
	clear:both;
	table-layout:fixed;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	color:#353535;
	line-height:180%
}
.detail img {width:100%!important; height:auto!important;}
.xans-board-read .boardView .view .detail table,.xans-board-read .boardView .view .detail table tr,.xans-board-read .boardView .view .detail table td {
	border:none
}
.xans-board-read .boardView .view .detail table td {
	padding:3px
}
.xans-board-read .boardView .view .detail img {
	max-width:100%
}
.xans-board-read table th {
	width:80px;
	padding:9px 0 9px 15px;
	border-bottom:1px solid #e7e7e7;
	background-color:#fff;
	text-align:left;
	font-weight:normal;
	letter-spacing:1px
}
.xans-board-read table td {
	width:auto;
	padding:9px 0 9px 10px;
	border-bottom:1px solid #e7e7e7
}
.xans-board-read table td.writer img {
	margin-right:2px
}
.xans-board-read table tr:first-child th,.xans-board-read table tr:first-child td {
	border-top:0
}
.xans-board-read table tr.etcArea td {
	padding:0;
	border:0
}
.xans-board-read table tr.etcArea ul {
	position:relative;
	z-index:1;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #e7e7e7;
	margin-top:-1px
}
.xans-board-read table tr.etcArea ul li {
	float:left
}
.xans-board-read table tr.etcArea ul .th {
	float:left;
	padding:9px 0 9px 15px;
	width:80px;
	background-color:#fff;
	font-weight:normal;
	border-top:1px solid #e7e7e7
}
.xans-board-read table tr.etcArea ul .td {
	float:left;
	padding:9px 40px 9px 10px;
	width:90px
}
.xans-board-read table tr.etcArea ul .tdDate {
	float:left;
	padding:9px 10px 9px 10px;
	width:130px
}
.xans-board-read table tr.etcArea ul .tdLike {
	float:left;
	padding:7px 10px 7px 10px;
	width:130px
}
.xans-board-read table tr.etcArea ul li.recom .th,.xans-board-read table tr.etcArea ul li.hit .th {
}
.xans-board-read table tr td.writeDate {
	width:200px
}
.xans-board-read table td img {
	vertical-align:middle
}
.xans-board-read table a {
	text-decoration:none
}
.xans-board-read table tr.view td {
	padding:0;
	border:0;
	line-height:140%;
	border-bottom:1px solid #e7e7e7
}
.xans-board-read table tr.view .detail {
	position:relative;
	min-height:70px;
	z-index:2;
	margin:-1px 0 0;
	padding:30px 10px 35px 10px;
	border-top:1px solid #e7e7e7;
	word-break:break-all;
	line-height:160%
}
.xans-board-read table tr.view ol,.xans-board-read table tr.view ul {
	margin:15px 0;
	padding:0 0 0 40px
}
.xans-board-read table tr.view ol li {
	list-style:decimal
}
.xans-board-read table tr.view ul li {
	list-style:disc
}
.xans-board-read table tr.attach a {
	padding:0 5px 0 0;
	color:#3b3b52
}
.xans-board-read table tr.attach a:hover {
	text-decoration:underline
}
.xans-board-read table .info {
	margin:0 0 0 5px;
	color:#757575;
	font-size:11px
}
.xans-board-read table input {
	height:20px;
	padding:2px;
	border:1px solid #e7e7e7
}
.xans-board-read .btnArea {
	overflow:hidden;
	margin:15px 0 50px;
	text-align:right
}
.xans-board-read .miniType {
	float:left
}
.xans-board-read .btnArea.center {
	text-align:center
}
.xans-board-read .btnArea img {
	cursor:pointer;
	margin:0 1px 0 0
}
.xans-board-read .btnArea span.left {
	float:left;
	margin:0
}
.xans-board-read .icoPoint {
	margin-top:4px;
	width:50px;
	height:13px
}
.xans-board-product {
	float:left;
	width:100%;
	margin:0 0 20px;
	border:1px solid #e8e8e8
}
.xans-board-product .prdThumb {
	float:left
}
.xans-board-product .prdThumb img {
	max-width:130px;
	max-height:90px;
	margin:15px
}
.xans-board-product .prdInfo {
	float:left;
	margin:15px 0 15px 5px
}
.xans-board-product .prdInfo h3 {
	margin:1px 0 7px;
	font-size:11px;
	font-weight:normal;
	color:#333
}
.xans-board-product .prdInfo img {
	margin-right:4px
}
.xans-board-product .prdInfo a {
	margin-right:4px
}
.xans-board-product .prdInfo a:hover {
	text-decoration:none;
	color:#999
}
.xans-board-product .prdInfo .price {
	font-size:11px;
	font-weight:bold;
	color:#777
}
.xans-board-product .prdInfo .button {
	margin:13px 0 0 0
}
.xans-board-movement {
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin:10px 0 40px 0
}
.xans-board-movement li {
	overflow:hidden;
	padding:2px 19px;
	border-bottom:1px dotted #e7e7e7;
	font-size:11px;
	line-height:140%;
	color:#353535
}
.xans-board-movement li strong,.xans-board-movement li a {
	float:left;
	color:#353535;
	padding:10px
}
.xans-board-movement li a:hover {
	text-decoration:none;
	color:#999
}
.xans-board-movement li strong {
	width:6%;
	padding-left:15px;
	font-weight:normal;
	background:url("//img.echosting.cafe24.com/skin/base_ko_KR/board/ico_move_prev.gif") no-repeat 0 15px
}
.xans-board-movement li.next {
	border:0
}
.xans-board-movement li.next strong {
	background:url("//img.echosting.cafe24.com/skin/base_ko_KR/board/ico_move_next.gif") no-repeat 0 15px
}
.xans-board-listsgroup {
	margin:0 0 10px
}
.xans-board-listsgroup h3 {
	margin:0 0 10px;
	font-size:12px;
	color:#353535
}
.xans-board-listsgroup table {
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	color:#353535;
	line-height:100%
}
.xans-board-listsgroup table th {
	padding:14px 0;
	background:#fff;
	font-weight:normal
}
.xans-board-listsgroup table td {
	padding:6px 4px;
	height:32px;
	border-top:1px solid #e7e7e7;
	text-align:center;
	vertical-align:middle;
	font-size:11px
}
.xans-board-listsgroup table th:last-child,.xans-board-listsgroup table td:last-child {
	border-right:none
}
.xans-board-listsgroup table a {
	color:#353535
}
.xans-board-listsgroup table a:hover {
	color:#888;
	text-decoration:none
}
.xans-board-listsgroup table td.subject {
	text-align:left;
	word-break:break-all
}
.xans-board-listsgroup table .subject img {
	vertical-align:middle;
	margin:0 1px
}
.xans-board-listsgroup table .txtLess {
	font-size:12px
}
.xans-board-listsgroup table .thumb img {
	max-width:54px;
	max-height:54px
}
.xans-board-commentwrite {
	margin:0 0 30px 0;
	border:1px solid #e7e7e7;
	background:#f9f9f9;
	padding:17px
}
.xans-board-commentwrite .emptyForm p {
	display:block;
	font-size:11px;
	margin:17px 0;
	text-align:center
}
.xans-board-commentwrite legend {
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0
}
.xans-board-commentwrite fieldset .id,.xans-board-commentwrite fieldset .pw {
	overflow:hidden;
	display:block;
	float:left;
	width:178px;
	margin-right:6px;
	border:1px solid #e7e7e7;
	background:#fff;
	color:#8F8F91
}
.xans-board-commentwrite fieldset .id span,.xans-board-commentwrite fieldset .pw span {
	float:left;
	width:65px;
	height:28px;
	line-height:28px;
	font-size:9px;
	letter-spacing:1px;
	padding:0 0 0 10px;
	font-weight:400;
	color:#111
}
.xans-board-commentwrite fieldset input {
	width:96px;
	height:24px;
	padding:2px 0 2px 6px;
	border:0 none;
	color:#8F8F91;
	font-size:11px;
	font-weight:500;
	color:#333;
	letter-spacing:1px
}
.xans-board-commentwrite fieldset .secret {
	display:block;
	float:left;
	margin:8px 0 0 7px;
	color:#666
}
.xans-board-commentwrite fieldset .secret input {
	width:13px;
	height:13px;
	margin:0 6px 0 0;
	padding:0;
	border:0;
	vertical-align:-2px;
	*vertical-align:1px
}
.xans-board-commentwrite fieldset .adminReply {
	float:right
}
.xans-board-commentwrite .view {
	clear:both;
	padding:10px 18px 12px 0
}
.xans-board-commentwrite .view textarea {
	width:100%;
	height:65px;
	font-size:11px;
	letter-spacing:0.5px;
	margin:0 0 0 0;
	padding:8px;
	border:1px solid #e7e7e7
}
.xans-board-commentwrite .btnAreaWrap {
}
.xans-board-commentwrite .btnAreaWrap .conWrap {
	float:left
}
.xans-board-commentwrite .btnAreaWrap a {
	float:right
}
.xans-board-commentwrite .btnAreaWrap .cmtSize {
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-right:20px;
	padding-bottom:11px;
	letter-spacing:-0.5px
}
.xans-board-commentwrite p.captcha {
	clear:both;
	display:block;
	float:left;
	font-size:11px;
	color:#757575
}
.xans-board-commentwrite p.captcha input {
	height:18px;
	padding:2px 2px 2px 4px;
	border:1px solid #e7e7e7;
	font-size:11px;
	font-weight:bold
}
.xans-board-commentwrite p.captcha img {
	vertical-align:middle;
	margin:0 1px 0 0
}
.xans-board-commentwrite p.grade {
	display:block;
	float:left;
	padding-bottom:11px
}
.xans-board-commentwrite p.grade input {
	width:13px;
	height:13px;
	margin:0 2px 0 0;
	padding:0;
	border:0;
	vertical-align:-2px;
	*vertical-align:1px
}
.xans-board-commentwrite p.grade label {
	padding:0 10px 0 0
}
.xans-board-commentwrite p.grade em {
	font-style:normal
}

.com-wrt-box .wrt textarea{font-size:15px;}

#check_auth .btn{border:none; background:none; display:block;}

.cont-sub-des div { text-align:center;}
.comment-list  { width: 1100px;     margin: 0 auto; }
.comment-write { margin: 0 auto;    width: 1110px; }


/* 타이머 */
.wcountwrap{position:relative;width:100%;max-width:860px;margin:0 auto;padding:3% 0;  background:#910f17;}
.countwrap{position:relative;width:92%;max-width:720px;margin:0 auto;padding:6% 0; background:#fff;}
ul.countsimple {position: relative; width: 100%; margin: 0 auto; padding: 15px 0 5px 0; border-width: 1px 0; overflow: hidden; font-weight: 600;}
ul.countsimple li {position:relative;margin: 0;padding: 0;display: block;width: 25%;text-align: center;float:left;}
ul.countsimple li .number{position:relative;color:#19431f;font-size:100px;}
ul.countsimple li .label{position:relative;color: #19431f;text-transform: uppercase;font-size:26px; margin-top:1%;}
ul.countsimple li .number:after{position:absolute;top:50%;right:-5%;content:':';transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%); font-size:80px}
ul.countsimple li:last-child .number:after{content:""}
ul.countsimple li:last-child .number:after{display:none}
.countdown_title{margin-bottom:0%; font-size:24px; color:#222222;}

 
/* 타이머 이벤트 */
.wcountwrap.event {position:relative;width:100%;max-width:860px;margin:0 auto;padding:4% 0;  background:#f6f6eb;} /*bg컬러*/
.wcountwrap.event ul.countsimple li .number {position:relative; color:#ff6d25; font-size:100px;} /*font*/
.wcountwrap.event ul.countsimple li .label {position:relative; color: #ff6d25; text-transform: uppercase;font-size:26px; margin-top:1%:} /*font*/
.wcountwrap.event .countdown_title {margin-bottom:0px; font-size:40px; color:#222;} /*title font*/

 
/* 타이머 5월 주말이벤트 */
.wcountwrap.mayweekend {position:relative;width:100%;max-width:860px;margin:0 auto; padding:0;  background:#f96512;} /*bg컬러*/
.wcountwrap.mayweekend ul.countsimple li .number {position:relative; color:#fff; font-size:100px;} /*font*/
.wcountwrap.mayweekend ul.countsimple li .label {position:relative; color: #fff; text-transform: uppercase;font-size:26px; margin-top:1%:} /*font*/
.wcountwrap.mayweekend .countdown_title {margin-bottom:0px; font-size:40px; color:#fff;} /*title font*/


/* 타이머 슬립페스타 */
.wcountwrap sleepfesta {position:relative;width:100%;max-width:860px;margin:0 auto;  background:#f96512;} /*bg컬러*/
.wcountwrap.sleepfesta ul.countsimple li .number {position:relative; color:#fff; font-size:100px;} /*font*/
.wcountwrap.sleepfesta ul.countsimple li .label {position:relative; color: #fff; text-transform: uppercase;font-size:26px; margin-top:1%:} /*font*/
.wcountwrap.sleepfesta .countdown_title {margin-bottom:0px; font-size:40px; color:#fff;} /*title font*/  


/* 타이머 가정의달 */
.wcountwrap.gift {position:relative;width:100%;max-width:860px;margin:0 auto;padding:4% 0;  background:#ff704e;} /*bg컬러*/
.wcountwrap.gift ul.countsimple li .number {position:relative; color:#ff704e; font-size:100px;} /*font*/
.wcountwrap.gift ul.countsimple li .label {position:relative; color: #ff704e; text-transform: uppercase;font-size:26px; margin-top:1%:} /*font*/
.wcountwrap.gift .countdown_title {margin-bottom:0px; font-size:40px; color:#222;} /*title font*/
 
/* 타이머 thanksgive */
.wcountwrap.thanksgive {position:relative;width:100%;max-width:860px;margin:0 auto;padding:4% 0;} /*bg컬러*/
.wcountwrap.thanksgive ul.countsimple li .number {position:relative;} /*font*/
.wcountwrap.thanksgive ul.countsimple li .label {position:relative;text-transform: uppercase;font-size:26px; margin-top:1%:} /*font*/
.wcountwrap.thanksgive .countdown_title {margin-bottom:0px; color: #bcbfe9; letter-spacing: -1.2px; font-size: 40px;} /*title font*/
 
 
/* 타이머 school*/
.wcountwrap.school{position:relative;width:100%;max-width:860px;margin:0 auto;padding:4% 0;} /*bg컬러*/
.wcountwrap.school ul.countsimple li .number {position:relative;} /*font*/
.wcountwrap.school ul.countsimple li .label {position:relative;text-transform: uppercase;font-size:26px; margin-top:1%:} /*font*/
.wcountwrap.school .countdown_title {margin-bottom:0px; color: #bcbfe9; letter-spacing: -1.2px; font-size: 40px;} /*title font*/

/* 21.09.30 스와이프 */
.survey_wrap { background:#910f17; width:860px; position:relative; font-family:'Noto Sans KR', sans-serif;}
.survey_wrap *,
.survey_wrap *:before,
.survey_wrap *:after {box-sizing:border-box;}
.survey_wrap .inner_center {width:860px; padding:0 0px; margin:0 auto;}

.survey_topimg {width:860px;}
.survey_botimg {width:860px;}


.survey_review {padding:40px 0 60px; overflow:hidden;}
.survey_review .review_flex .bigimg_swiper {position:relative; width:860px; height: auto; padding:30px 60px 90px;margin:0px auto 0; background:url('http://sleepgongg.img9.kr/event/2021_12/end/end/210104_yearend_event_p2.jpg') no-repeat; background-size:cover; background-position:center bottom;}
.survey_review .review_flex .bigimg_swiper .img { position:relative; width:740px; height:900px; padding:0px 0px; background:no-repeat; background-position:center center; background-size:contain;}

/*.survey_review .swiper-scrollbar {position:absolute; bottom:13px; left:0; right:108px; height:5px; border-radius:3px; background:#eeeeee;}
.survey_review .swiper-scrollbar .swiper-scrollbar-drag {background:#f96512; border-radius:3px;}
.survey_review .swiper-button-prev {position:absolute; top:auto; right:41px; bottom:0; left:auto; width:16px; height:26px; margin:0; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_prev_on.png') no-repeat center center;}
.survey_review .swiper-button-next {position:absolute; top:auto; right:0; bottom:0; left:auto; width:16px; height:26px; margin:0; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_next_on.png') no-repeat center center;}
.survey_review .swiper-button-next.swiper-button-disabled {opacity:1; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_next_off.png') no-repeat center center;}
.survey_review .swiper-button-prev.swiper-button-disabled {opacity:1; background:url('/design/sleepgongg/img/web/newnew/btn_prdslide_prev_off.png') no-repeat center center;}*/

.survey_review .review_flex .bigimg_swiper .swiper-button-prev {position:absolute; top:45%;  left:50px !important; width:80px; height:80px; margin-top:-40px; border-radius:100%; background:url('/design/sleepgongg/img/web/newnew/btn_swp_white_prev.png') no-repeat center center rgba(0,0,0,0.1);}
.survey_review .review_flex .bigimg_swiper .swiper-button-next {position:absolute; top:45%;  right:50px !important; width:80px; height:80px; margin-top:-40px; border-radius:100%; background:url('/design/sleepgongg/img/web/newnew/btn_swp_white_next.png') no-repeat center center rgba(0,0,0,0.1);}
.survey_review .review_flex .bigimg_swiper .swiper-button-prev:hover,
.survey_review .review_flex .bigimg_swiper .swiper-button-next:hover {background-color:rgba(249,101,18,1);}
.survey_review .swiper-scrollbar {display:none; position:relative; right:0px; height:3px; border-radius:2px; background:#eeeeee; top: 80px; overflow: hidden;}
.survey_review .swiper-scrollbar .swiper-scrollbar-drag {  background:#851f1e; border-radius:2px; left:100px;}


/* 21.09.30 팝업창 */
.team-survey{background:#fff1e3;width:860px;height:150px;position: relative; margin:0px auto;}
/*.team-survey>p{text-align: center;padding:100px 0 15px;font-size:45px;font-weight: 700;color:#2e2d2c}*/
.team-survey .surveywrap { width:850px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
/*.team-survey .surveywrap .sbtn { cursor: pointer;;width:740px;height:120px;background:#ff7e3c; border-radius: 70px; margin:15px;display:flex;justify-content: center;align-items:center;text-align: center; }*/
.team-survey .surveywrap .sbtn {padding: 0 20px; }
.team-survey .surveywrap .sbtn { cursor: pointer;;width:737px; height:auto;  }
.team-survey .surveywrap .sbtn span { width:100%;height:100%;display:flex; align-items: center;justify-content: center;font-size: 35px;font-weight: 600;color: #fff; }
.team-survey .surveywrap .view { position:absolute; background: #ffffff; display: inline-block;  display: none;  right: 0; left: 0; width: 860px; top: 0%; margin: auto; height: auto; box-sizing: border-box; overflow: scroll;  z-index: 99;  max-height: 750px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);}
.team-survey .surveywrap .view img { width:100%; height:auto;  }
.team-survey .surveywrap .view span {  display:flex; position: sticky; cursor:pointer; right: 20px; font-size: 40px; top: 30px; line-height: 0px; font-weight:300; color:#222; justify-content: flex-end; margin-right: 15px; }

/* BASIC css end */