@charset "utf-8";

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

	 게시판형 : 기본/갤러리/이벤트/QA

───────────────────────────────────────────────────────────*/
/*** 기본 | skin/default ***/
@import url("skin/default/list.css");
@import url("skin/default/view.css");
@import url("skin/default/write.css");

/*** 갤러리 | skin/gallery ***/
@import url("skin/gallery/list.css");
@import url("skin/gallery/view.css");
@import url("skin/gallery/write.css");

/*** 이벤트 | skin/event ***/
@import url("skin/event/list.css");
@import url("skin/event/view.css");
@import url("skin/event/write.css");

/*** qa | skin/qa ***/
@import url("skin/qa/list.css");
@import url("skin/qa/view.css");
@import url("skin/qa/write.css");


.body-event .visual_iwrap {
    position: relative;
    padding-bottom: 68.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.body-event .visual_iwrap iframe {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 101%;
    width: 101%;
}
/* v콜라겐 */
.body-event .visual_iwrap.vample {
    padding-bottom: 57.25%;
}
.body-event .visual_iwrap.vample1 {    
    padding-bottom: 141.25%;
}
.body-event .visual_iwrap.vample2 {
    padding-bottom: 58.25%;
}
.body-event .visual_iwrap.vample3 {
    padding-bottom: 97.25%;
}


/* 판테토인 */
.body-event .visual_iwrap.panthetoin {
	padding-bottom: 156.25%;
}
.body-event .visual_iwrap.panthetoin1{
	padding-bottom: 69.1%;
}
.body-event .visual_iwrap.panthetoin2{
	padding-bottom: 448.25%;
}
.body-event .visual_iwrap.panthetoin3{
	padding-bottom: 138.1%;
}
.body-event .visual_iwrap.panthetoin4{
	padding-bottom: 113.25%;
}
.body-event .visual_iwrap.panthetoin5{
	padding-bottom: 178.25%;
}
.body-event .visual_iwrap.panthetoin6{
	padding-bottom: 200.25%;
}
.body-event .visual_iwrap.panthetoin7{
	padding-bottom: 203.25%;
}
.body-event .visual_iwrap.panthetoin8{
	padding-bottom: 188.25%;
}

/* 온천수 */
.body-event .visual_iwrap.thermal{
    padding-bottom: 146.25%;
}
.body-event .visual_iwrap.thermal1{
	padding-bottom: 116.25%;
}

/* 바닐라부티크 */
.body-event .visual_iwrap.boutique{
	padding-bottom: 142.25%;
}

/* 아워비건 */
.body-event .visual_iwrap.vegan{
	padding-bottom: 79.25%;
}
.body-event .visual_iwrap.vegan1{
	padding-bottom: 90.25%;
}
.body-event .visual_iwrap.vegan2{
	padding-bottom: 91.25%;
}
.body-event .visual_iwrap.vegan3{
	padding-bottom: 126.25%;
}
.body-event .visual_iwrap.vegan4{
	padding-bottom: 104.25%;
}
.body-event .visual_iwrap.vegan5{
	padding-bottom: 100.25%;
}
.body-event .visual_iwrap.vegan6{
	padding-bottom: 107.25%;
}

/* 퓨어 클렌징 */
.body-event .visual_iwrap.pure{
	padding-bottom: 77.25%;
}
.body-event .visual_iwrap.pure1{
	padding-bottom: 136.25%;
}
.body-event .visual_iwrap.pure2{
	padding-bottom: 182.25%;
}
.body-event .visual_iwrap.pure3{
	padding-bottom: 55.25%;
}
.body-event .visual_iwrap.pure4{
	padding-bottom: 71.25%;
}
.body-event .visual_iwrap.pure5{
	padding-bottom: 81.25%;
}
.body-event .visual_iwrap.pure6{
	padding-bottom: 73.25%;
}
.body-event .visual_iwrap.pure7{
    padding-bottom: 59%;
}
.body-event .visual_iwrap.pure8{
	padding-bottom: 64.25%;
}

/* 바이옥실 */
.body-event .visual_iwrap.bioxyl{
	padding-bottom: 54.25%;
}
.body-event .visual_iwrap.bioxyl1{
	padding-bottom: 120.25%;
    margin-bottom: 3.5rem;
}
.body-event .visual_iwrap.bioxyl2{
	padding-bottom: 73.25%;
}

/* 기타 제품 */
.body-event .visual_iwrap.etc{
	padding-bottom: 154.25%;
}
.body-event .visual_iwrap.etc2{
	padding-bottom: 121.25%;
}
.body-event .visual_iwrap.etc3{
	padding-bottom: 129.25%;
}
.body-event .visual_iwrap.etc4{
	padding-bottom: 66.25%;
}
.body-event .visual_iwrap.etc5{
	padding-bottom: 123.25%;
}
.body-event .visual_iwrap.etc6{
	padding-bottom: 67.25%;
}
.body-event .visual_iwrap.etc7{
	padding-bottom: 111.25%;
}
.body-event .visual_iwrap.etc8{
	padding-bottom: 65.25%;
}
.body-event .visual_iwrap.etc9{
	padding-bottom: 89.25%;
}
.body-event .visual_iwrap.etc10{
	padding-bottom: 114.25%;
}
.body-event .visual_iwrap.etc11{
	padding-bottom: 105.25%;
}
.body-event .visual_iwrap.etc12{
	padding-bottom: 158.25%;
}
.body-event .visual_iwrap.etc14{
	padding-bottom: 128.25%;
}
.body-event .visual_iwrap.etc15{
	padding-bottom: 99.25%;	
}
.body-event .visual_iwrap.etc16{
	padding-bottom: 131.25%;
}
.body-event .visual_iwrap.etc17 {
    padding-bottom: 56.2%;
}

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

	공통 

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

/* write 파일 추가 */
#boardAttach {position:relative; margin-bottom:5px; font-size:0;}
#boardAttach li.item {overflow:hidden; display:inline-block; width:40px; height:41px; margin:0 5px 5px 0;}
#boardAttach li.item button.file_face { width:100%; height:100%; border:none; background:url('/img/icon/mo/btn_file_plus.png')no-repeat center; background-size: contain; font-size:0;}
#boardAttach li.item button.file_face.preview {border:none; background-size:100% auto; }
#boardAttach li.item input.file_hidden {margin-bottom:-20px; opacity:0;}

/*비밀번호 팝업 레이어 공통*/
.cite_layer {position:fixed; top:50%; left:50%; width:307px; height:192px; margin:-96px 0 0 -153px; z-index:100;  }
.cite_layer .wrap {position:relative; height:190px; background:#ffffff; border:1px solid #555555;}
.cite_layer .wrap h4 {height:27px; padding:13px 0 0 17px; background:#f4f4f4; color:#222222; }
.cite_layer .wrap div {color:#666666; text-align:center; }
.cite_layer .wrap div p {padding:25px 0 14px 14px; }
.cite_layer .wrap div input {display:block; width:216px; height:31px; margin:0 auto 12px auto; line-height:31px; text-indent:10px; border:1px solid #ccc; }
.cite_layer .wrap div .btn_box {width:60px; margin:0 auto;}
.cite_layer .wrap .close {display:block; position:absolute; top:11px; right:12px; width:18px; height:18px; text-indent:-9999px; background:url('../../img/icon/icon_x3.png') no-repeat left top; background-size:100%; border:none;}

/* 게시물 신고 */
.text_length{text-align:right; padding:0 10px 5px; color:#777; font-size:13px; }
.write_qa .write_wrap dl dd .inp_chk input{width:20px; height:20px;}
.terms_txt{color:#777; font-size:13px; margin-top:10px;}
.js_btn_report{
    display: inline-block;
    padding: 2px 10px;
    color: #333333;
    font-size: 11px;
    border: 1px solid #c7c7c7;
    background: #ffffff;
    border-radius: 2px;
}

/* 게시물신고 및 회원신고 탭영역 */
.tab_area {border-bottom:1px solid #e1e1e1;}
.popup_tab:after {content:''; display:block; clear:both;}
.popup_tab > li {display:block; float:left; width:50%; box-sizing:border-box;}
.popup_tab > li > a {font-size:14px; color:#999; font-weight:bold; line-height:31px; display:block; width:100%; padding:2px 0; text-align:center;}
.popup_tab > li > a.on {border-bottom:2px solid #ac3c54; background:#ab3e55; color:#fff;}




/* 1:1 문의하기 */
.list_qa .boardlist .goods_area.qa_board .notice_list li .board_qa_noimg .notice_title .text {
    padding-left: 0;
    width:100%;
    font-size: 14px;
    color: #222222;
}
.list_qa .boardlist .goods_area.qa_board .notice_list li .board_qa_noimg .notice_bottom {	
    align-items: baseline;
}
.list_qa .boardlist .goods_area.qa_board .notice_list li .board_qa_noimg .notice_info {
	position: relative; top: inherit; right: inherit;
}
.list_qa .boardlist .goods_area.qa_board li .notice_data {
	width: auto;
}
.list_qa .boardlist .goods_area.qa_board .notice_list li .board_qa_noimg .notice_info span {
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid #999;
    font-weight: normal;
    box-sizing: border-box;
    font-size: 11px;
    color: #999;
    border-radius: 20px;
    margin-right: 5px;
}
.list_qa .boardlist .goods_area.qa_board .notice_list li .board_qa_noimg .notice_info span.reply_complete {
	background: #3d3a35;	
    border: 1px solid #3d3a35;
    color: #fff;        
}
.list_qa .boardlist .goods_area.qa_board li .notice_data time {
    font-size: 11px;
    color: #999;
    
    position: relative;
    top: initial;
    right: initial;
    transform: initial;
}



/* 공지사항 */
.noti_board .btn_bx {
	padding: 20px 14px 0;
}
.list_default .noti_board.boardlist {
	padding: 0 14px;
}
.list_default .boardlist.noti_board .board_search {	
    padding: 0;
    margin: 20px 0 17px;
}
.list_default .boardlist.noti_board .board_search .search_input input {
   	height: 42px;
    opacity: 0.7;
    position: relative;
    background-color: #eeeeee;
    padding: 0 18px;
    border-radius: 36px;
    border: none;
    text-indent: 0;
    font-weight: normal;
}
.list_default .boardlist.noti_board .board_search .search_btn {
	width: 20px;
    right: 20px;
    top: 11px;
}
.list_default .boardlist.noti_board .board_search .search_btn button {	
	display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 12px;
    height: auto;
}
.list_default .boardlist.noti_board .goods_area .notice_list {	
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}
.list_default .boardlist.noti_board .goods_area .notice_list li:first-child {
    border-top: 0;
}
.list_default .boardlist.noti_board .goods_area .notice_list li:last-child {   
    border-bottom: 0;
}
.list_default .boardlist.noti_board .goods_area .notice_bottom span,
.list_default .boardlist.noti_board .goods_area .notice_bottom time {
	font-size: 12px;
    color: #959595;
}
.list_default .boardlist.noti_board .goods_area .notice_bottom .notice_data {
	margin-right: 16px;
	position: relative;
}
.list_default .boardlist.noti_board .goods_area .notice_bottom .notice_data::after {
    position: absolute;
    right: -9px;
    top: 4px;
    width: 1px;
    height: 10px;
    background: #959595;
    content: '';
}
.list_default .boardlist.noti_board .goods_area .notice_list li .notice_box .notice_title {	
    padding: 0;
}
.view_default.noti_board {
	padding-bottom: 20px;
    background: #f5f5f5;
} 
.view_default.noti_board .view_wrap .view_box .view_info_box .view_info .date:first-child:after {
	display: none;
} 
.view_default.noti_board .view_wrap .view_box .view_info_box .view_info .date:after {left: -8px;}
.view_default.noti_board .view_wrap .view_box .view_info_box .view_info .date {position:relative; padding:0 16px 0 0; margin:0 0 0 1px; font-size:12px; color:#aaaaaa;}
.view_default.noti_board .goods_area h3 {
    background: #fff;  
    padding: 0 14px 0;
}
.view_default.noti_board .view_wrap .view_box .view_info_box .view_info {
    padding: 0 14px 10px;
    background: #fff;  
}
.view_default.noti_board .view_wrap .contents_holder {
	padding: 15px 14px;
}