@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");

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

	공통

───────────────────────────────────────────────────────────*/
/* write 파일 추가 */
#boardAttach {position:relative; margin-bottom:5px; font-size:0;}
#boardAttach li.item {overflow:hidden; display:inline-block; width:84px; height:84px; margin:0 7px 7px 0;}
#boardAttach li.item button.file_face { width:84px; height:84px; border:none; background:url('../../images/common/file_face.png') center; background-size:100% 100%;  }
#boardAttach li.item button.file_face::after {content:"사진등록";  }
#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; margin:-96px 0 0 ; transform: translateX(-50%); z-index:4000; max-width: 500px;  }
.cite_layer .wrap {position:relative; background:#ffffff; border:1px solid #555555;}
.cite_layer .wrap h4 {height:40px; 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:100%; 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:4px 16px 0; color:#888; font-size:12px; }
.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 #f7f7f7;}
.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:16px; height:56px; color:#333; line-height:54px;   display:block; width:100%; padding:2px 0; text-align:center;}
.popup_tab > li > a.on {border-bottom:2px solid #00B373; background:#fff; font-weight:bold; color:#222;  }


.store_infomation .sel_box     { display:flex; padding:14px 20px; align-items: center; }
.store_infomation .sel_box .total       { font-weight: 600; }
.store_infomation .sel_box .inp_sel     { margin-left:auto }

.store_infomation ul.store_list         {}
.store_infomation ul.store_list li      {padding:12px 20px;}
.store_infomation ul.store_list li + li    { border-top:1px solid #f7f7f7 }
.store_infomation ul.store_list li .board_store  {display:flex; align-items: center; gap: 12px }
.store_infomation ul.store_list li .board_store .info  {flex:1;}
.store_infomation ul.store_list li .board_store .info .tit  {display:block; font-size: 16px; font-weight: 600; color:#333 }
.store_infomation ul.store_list li .board_store .info .address{ display:block; margin-top:6px; color:#888  }
.store_infomation ul.store_list li .board_store .info .tel  {display:block; margin-top:2px;  }
.store_infomation a.callStore    { margin-left:auto; min-width: 44px; width:44px; height:44px; border:1px solid #DFDFDF; border-radius: 50%; background:url(../../images/icon/cs.png) no-repeat 50% 50%/24px;  }


.store_infomation .view_store    { padding:24px 20px;  }
.store_infomation .view_store .titBox    { display: flex; align-items: center;  }
.store_infomation .view_store .titBox h3        { font-size: 24px; }
.store_infomation .view_store .map    { position: relative; margin:24px -20px 0; width:calc(100% + 40px); height:300px; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#f7f7f7;  }
.store_infomation .view_store .map span.pos    { position: absolute; width:60px; text-align: center; font-size:12px;line-height:16px; color:#222; transform: translateX(-50%) translateY(-50%); padding-top:32px; background:url(../../images/icon/map_pos.png) no-repeat 50% 0/24px;    }

.store_infomation .view_store .info {margin:17px 0; }
.store_infomation .view_store .info table   { width:100%; border-top:1px solid #f7f7f7 }
.store_infomation .view_store .info table th   { border-bottom:1px solid #f7f7f7; width:105px; text-align: left; color:#888; vertical-align: middle; }
.store_infomation .view_store .info table td   { border-bottom:1px solid #f7f7f7; padding:14px 0; padding-left:10px;   }
/*.store_infomation .view_store .editorContents   {  margin:0 -20px; width:calc(100% + 40px)  }*/
.store_infomation .view_store .editorContents   {  width:100%;  }
.store_infomation .view_store .editorContents *    {  max-width:100%;  }


/* 2025.03.24 @graysoar 추가 S */
/* 게시물 상세 - 공유하기 레이어 팝업 */
.view_default  .ly_share {position:fixed; top:0px; left:0; width:100%; height:100%; padding:0 0 0px 0; z-index:1000;}
.view_default  .ly_share .ly_share_bg {width:100%; height:100%; background:rgba(0,0,0,0.8);}
.view_default  .ly_share .ly_share_content {position:absolute; top:50%; left:50%; margin:0 0 0 -145px;}
.view_default  .ly_share .ly_share_content .ly_share_box {position:relative; width:290px; background:#ffffff;}
.view_default  .ly_share .ly_share_content .ly_share_box h3 {padding:10px 0 10px 0; background:#f2f3f3;text-align:center;}
.view_default  .ly_share .ly_share_content .ly_share_box ul {width:240px; margin:0 auto; padding:20px 25px 0 25px; font-size:0; text-align:left;}
.view_default  .ly_share .ly_share_content .ly_share_box ul li {display:inline-block; width:33.3%; padding:0 0 20px 0; vertical-align:top; text-align:center;}
.view_default  .ly_share .ly_share_content .ly_share_box ul li a {font-size:11px; color:#888888;}
.view_default  .ly_share .ly_share_content .ly_share_box ul li a img {width:47px;}
.view_default  .ly_share .ly_share_content .ly_share_box .copy {width:100%; display:table; padding-bottom:20px; text-align:center;}
.view_default  .ly_share .ly_share_content .ly_share_box .copy div.input {padding:0 10px 0 10px;}
.view_default  .ly_share .ly_share_content .ly_share_box .copy div.input input {width:210px; height:31px; padding:0 10px 0 10px; font-size:14px; font-weight:bold; background:#fafafa; border:1px solid #dadada; box-sizing:border-box;}
.view_default  .ly_share .ly_share_content .ly_share_box .copy div.btn {padding:5px 40px 0 40px;}
.view_default  .ly_share .ly_share_content .ly_share_box .btn_box {position:absolute; top:0; right:0;}

/* 공유하기 & 찜 버튼 */
.view_default {}
.view_default .share_btn_box {border-bottom:1px solid #ccc; padding:0 0 24px;}
.view_default .share_btn_box ul {padding:0 16px; box-sizing:border-box;}
.view_default .share_btn_box ul li {display:inline-block; width:48%; margin:0 5px 0 0; box-sizing:border-box; border:1px solid #ccc; border-radius:4px;}
.view_default .share_btn_box ul li:last-child {margin:0;}
.view_default .share_btn_box ul li button {display:block; margin:0 auto; padding:10px 0; font-size:18px; text-align:center; background:none; border:0;}
.view_default .share_btn_box ul li.d_share button {padding-left:28px; background:url('../../img/icon/icon_share.png') no-repeat 0 center; background-size:24px;}
.view_default .share_btn_box ul li.d_share button.on {background:url('../../img/icon/icon_share_on.png') no-repeat left center; background-size:19px;}
.view_default .share_btn_box ul li.d_share {background:url('../../img/icon/icon_line1.gif') no-repeat right center; background-size:1px 20px;}
.view_default .share_btn_box ul li.d_wish button {padding-left:28px; background:url('../../img/icon/icon_heart.png') no-repeat 0 center; background-size:24px;}
.view_default .share_btn_box ul li.d_wish.on button {background-image:url('../../img/icon/icon_heart_on.png');}
/* 2025.03.24 @graysoar 추가 E */



/* 장바구니 옵션 창 */
#popupOption.show {
    height: auto;
    top: auto;
    z-index: 30001;
    overflow: visible;
}

#popupOption.show::before {
    position: fixed;
    content: "";
    z-index: 1;
    width: 100%;
    height: 100vh;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25)
}

#popupOption.show .layer_option {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding-bottom: 105px;
}
/* 2025.07.02 @graysoar 추가 E */