@charset "UTF-8";

/*** CSS Style 사용자 전용                                                    ***/
/*** 디자인통에서 제공하는 스킨 패치시 임의 파일에 기술한 내용은 삭제 되며,   ***/
/*** 해당 문서의 내용은 삭제 되지 않습니다. 




/** 레이아웃 **/
#wrap #container #contents .sub_content { max-width: 1080px; padding: 0; letter-spacing: 0em; }
.body-board.body-view #wrap #container #contents .sub_content { position: static; max-width: 660px; }


/** 모바일 레이아웃 **/
.mobile .body-board.body-list #wrap #container #contents .sub_content { padding-top: 0; }
.mobile .body-board.body-view #wrap #container #contents .sub_content { padding-top: 0; }


/** 숨김 처리 **/
#editor, #js-hiddenContents { display: none; }


/** 상단 배너 **/
.addition_zone { display: none; padding: 0; }
.body-board.body-list .addition_zone { display: block; }


/** 모바일 상단 배너 **/
.mobile .body-board.body-list .addition_zone { width: calc(100% + 20px); margin-left: -10px; }


/** 검색 **/
.board_search_box { margin: 0; padding: 10px 15px; border: none; background: none; }
.board_search_box.galleryType { padding: 10px 0; }
.board_search_box input[type="text"] { position: relative; width: 100%; max-width: 500px; height: 50px; line-height: 50px; border-color: #cfcecd; text-align: center; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; letter-spacing: -0.04em; padding: 0 96px; background: url("../../img/main/btn_board_search.png") no-repeat 60px center; background-size: 30px; }
.board_search_box input[type="text"]::placeholder { text-align: center; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #b5b5b5; }
.board_search_box input[type="text"]::after { content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 15px); width: 30px; height: 30px; background: url("../../img/main/btn_board_search.png") no-repeat center; background-size: 30px; }
.board_search_box .recommedKeyword { display: flex; justify-content: center; align-items: center; padding: 20px 0; }
.board_search_box .recommedKeyword h3 { font-family: 'Noto Sans KR'; font-weight: 700; font-size: 20px; color: #84388e; }
.board_search_box .recommedKeyword a { margin-left: 40px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; color: #000; }
.board_search_box .recommedKeyword a:hover { color: #84388e; }


/** 모바일 검색 **/
.mobile .board_search_box { margin: 14px 0; padding: 0; }
.mobile .board_search_box .recommedKeyword { padding: 13.5px 0 0 0; }
.mobile .board_search_box input[type="text"] { width: 100%; height: 25px; line-height: 25px; font-size: 13px; padding: 0 46px; background-size: 20px; background-position: 28px center; }
.mobile .board_search_box input[type="text"]::placeholder { font-size: 13px; }
.mobile .board_search_box .recommedKeyword h3 { font-size: 11px; }
.mobile .board_search_box .recommedKeyword a { margin-left: 20px; font-size: 11px; }


/** 카테고리 **/
.bdCategory { display: flex; justify-content: space-between; padding: 35px 0 15px 0; }
.bdCategory a { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; padding: 11px 21px; border-radius: 23px; background-color: #f5f5f5; }
.bdCategory a:hover { background-color: #ebe0f4; color: #84388e; }
.bdCategory a.on { background-color: #ebe0f4; color: #84388e; }


/** 모바일 카테고리 **/
.mobile .bdCategory { flex-wrap: wrap; justify-content: flex-start; padding: 10px 0 0 0; }
.mobile .bdCategory a { font-size: 10px; padding: 4px 9px; border-radius: 11.5px; margin: 10px 5px 0 0; }


/** 정렬 & 버튼 **/
.boardPickList { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 20px 0; }
.boardPickList .total { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; }
.boardPickList .sort select { min-width: 90px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; border: none; }
.boardPickList .sort .chosen-container { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; }
.boardPickList .sort .chosen-container .chosen-single { border: none !important; color: #000 !important; }
.boardPickList .sort .chosen-container .chosen-single div b { background-image: url("../../img/main/btn_arrowDown_bold.png") !important; background-size: 12px !important; background-position: center !important; }
.boardPickList .sort .chosen-container .chosen-drop { border-top: 1px solid #cccccc !important; border-radius: 4px; }
.boardPickList .sort .chosen-container .chosen-results { padding: 4px 0 0 4px; }
.boardPickList .sort .chosen-container-active .chosen-single { box-shadow: none; }
.boardPickList .sort .chosen-container-active.chosen-with-drop .chosen-single div b { background-image: url("../../img/main/btn_arrowUp_bold.png") !important; }
.boardPickList .button { font-size: 0; }
.boardPickList .button button { position: static; width: auto; height: 50px; line-height: normal; padding: 0 30px; margin-left: 10px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; color: #84388e; border: solid 1px #84388e; border-radius: 5px; }
.boardPickList .button button.btn_write { background-color: #84388e; color: #fff; }


/** 모바일 정렬 & 버튼 **/
.mobile .boardPickList { margin: 0 0 14px 0; }
.mobile .boardPickList .total { font-size: 11px; }
.mobile .boardPickList .sort select { min-width: 50px; font-size: 11px; }
.mobile .boardPickList .button button { height: 25px !important; font-size: 11px; padding: 0 13.5px; margin-left: 5px; }


/** 리스트 **/
.boardContent { display: inline-block; width: 100%; border-top: solid 1px #cfcecd; }
.boardContent + .boardContent { border-top: none; }
.boardContent li { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: solid 1px #cfcecd; padding: 30px 8px; }
.boardContent li.notice { padding: 20px 8px; }
.boardContent li.notice a { display: flex; align-items: center; }
.boardContent li.notice a em { padding: 1px 16px 3px 16px; margin: 0 8px 0 0; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 18px; color: #84388e; background-color: #ebe0f4; border-radius: 15px; }
.boardContent li.notice a strong { font-family: 'Noto Sans KR'; font-weight: 700; font-size: 22px; color: #000; }
.boardContent li > .left { width: calc(100% - 120px); }
.boardContent li > .right { width: 100px; }
.boardContent li .subject a strong { display: inline-block; margin-right: 5px; vertical-align: middle; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 22px; color: #000; }
.boardContent li .subject a img { margin: 0 2px; vertical-align: middle; }
.boardContent li .contents { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow: hidden; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; margin: 20px 10px; }
.boardContent li .thumbnail a { display: inline-block; max-width: 100px; max-height: 100px; overflow: hidden; border-radius: 10px; }
.boardContent li .thumbnail a img { max-width: 100%; min-height: 100px; aspect-ratio: auto 1 / 1; }
.boardContent li .bottom { display: flex; justify-content: space-between; width: 100%; }
.boardContent li .bottom .left { display: flex; align-items: center; }
.boardContent li .bottom .writerProfileImage { display: inline-block; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background-color: #530e8e; }
.boardContent li .bottom .writerProfileImage img { aspect-ratio: auto 1 / 1; }
.boardContent li .bottom .writer { margin: 0 8px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; }
.boardContent li .bottom .regDate { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; color: #000; margin-right: 8px; }
.boardContent li .bottom .icon { display: flex; }
.boardContent li .bottom .icon img { margin: 0 1px; }
.boardContent li .bottom .right span { margin-left: 8px; padding-left: 29px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; color: #000; background-repeat: no-repeat; background-position: left center; background-size: 21px; }
.boardContent li .bottom .right span.recommend { background-image: url("../../img/main/btn_board_recommend.png"); }
.boardContent li .bottom .right span.memoCnt { background-image: url("../../img/main/btn_board_comment.png"); }
.boardContent li .bottom .right span.hit { background-image: url("../../img/main/btn_board_hit.png"); padding-left: 37px; background-size: 29px; }
.boardContent li.noData > div { margin: auto; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 22px; color: #000; }


/** 모바일 리스트 **/
.mobile .boardContent li.notice { padding: 10px 0; }
.mobile .boardContent li { padding: 20px 0; }
.mobile .boardContent li.notice a { width: 100%; align-items: center; }
.mobile .boardContent li.notice a em { padding: 0.9px 10px 1.7px 10px; font-size: 10px; }
.mobile .boardContent li.notice a strong { display: -webkit-box; width: calc(100% - 47px); -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 11px; }
.mobile .boardContent li > .left { width: calc(100% - 60px); }
.mobile .boardContent li > .right { width: 50px; }
.boardContent li .bottom .regDate { display: flex; align-items: center; }
.mobile .boardContent li .subject a strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 11px; }
.mobile .boardContent li .contents { height: auto; font-size: 11px; margin: 10px 0; }
.mobile .boardContent li .thumbnail a { max-width: 50px; max-height: 50px; border-radius: 5px; }
.mobile .boardContent li .thumbnail a img { min-height: 50px; }
.mobile .boardContent li .bottom .writerProfileImage { width: 12px; height: 12px; }
.mobile .boardContent li .bottom .writer { margin: 0 5px; font-size: 11px; }
.mobile .boardContent li .bottom .regDate { display: none; }
.mobile .boardContent li .bottom .right span { font-size: 10px; margin-left: 5px; padding-left: 15.5px; background-size: 10.5px; }
.mobile .boardContent li .bottom .right span.hit { padding-left: 20px; background-size: 15px; }
.mobile .boardContent li.noData > div { font-size: 14px; }


/** 갤러리 리스트 **/
.boardContent.galleryType { width: calc(100% + 20px); margin-left: -10px; border: none; font-size: 0; }
.boardContent.galleryType li { display: inline-block; padding: 0; border: none; vertical-align: top; }
.boardContent.galleryType li .item { margin: 0 10px 25px 10px; }
.boardContent.galleryType li .item .thumbnail a { display: block; max-width: none; max-height: 360px; overflow: hidden; }
.boardContent.galleryType li .item .thumbnail a img { position: relative; max-width: 126.31%; }
.boardContent.galleryType li .item .thumbnail a img.center { left: 50%; transform: translate(-50%, 0); }
.boardContent.galleryType li .item .contents_box { padding: 25px 15px; }
.boardContent.galleryType li .item .contents_box .profile { display: flex; align-items: center; }
.boardContent.galleryType li .item .contents_box .profile .writerProfileImage { display: inline-block; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background-color: #530e8e; }
.boardContent.galleryType li .item .contents_box .profile .writerProfileImage img { aspect-ratio: auto 1 / 1; }
.boardContent.galleryType li .item .contents_box .profile .writer { margin: 0 8px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; }
.boardContent.galleryType li .item .contents_box .profile .icon img { margin: 0 1px; }
.boardContent.galleryType li .item .contents_box .subject { margin-top: 10px; }
.boardContent.galleryType li .item .contents_box .subject a { display: block; }
.boardContent.galleryType li .item .contents_box .subject a strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-weight: 400; font-size: 16px; }
.boardContent.galleryType li .bottom { margin-top: 10px; }
.boardContent.galleryType li .bottom > div > span { margin-left: 8px; padding-left: 29px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; color: #000; background-repeat: no-repeat; background-position: left center; background-size: 21px; }
.boardContent.galleryType li .bottom > div > span.recommend { background-image: url("../../img/main/btn_board_recommend.png"); }
.boardContent.galleryType li .bottom > div > span.memoCnt { background-image: url("../../img/main/btn_board_comment.png"); }
.boardContent.galleryType li .bottom > div > span.hit { background-image: url("../../img/main/btn_board_hit.png"); padding-left: 37px; background-size: 29px; }
.boardContent.galleryType li .bottom .left span.recommend { margin: 0; }
.boardContent.galleryType li.noData { display: flex; justify-content: center; padding: 30px 0; }


/** 모바일 갤러리 리스트 **/
.mobile .boardContent.galleryType { width: calc(100% + 10px); margin-left: -5px; }
.mobile .boardContent.galleryType li { width: 50% !important; }
.mobile .boardContent.galleryType li .item { margin: 0 5px 13px 5px; }
.mobile .boardContent.galleryType li .item .contents_box { padding: 10px 7px; }
.mobile .boardContent.galleryType li .item .contents_box .profile .writerProfileImage { width: 12px; height: 12px; }
.mobile .boardContent.galleryType li .item .contents_box .profile .writer { margin: 0 5px; font-size: 11px; }
.mobile .boardContent.galleryType li .item .contents_box .subject { margin-top: 5px; }
.mobile .boardContent.galleryType li .item .contents_box .subject a strong { font-size: 11px; }
.mobile .boardContent.galleryType li .bottom { margin-top: 5px; }
.mobile .boardContent.galleryType li .bottom > div > span { font-size: 10px; margin-left: 5px; padding-left: 15.5px; background-size: 10.5px; }


/** 더보기 버튼 **/
.js-board-more button { display: block; width: 384px; height: 60px; line-height: 60px; border: solid 1px #6d6d6c; border-radius: 5px; margin: 80px auto 0 auto; text-align: center; font-family: 'NanumBarunGothicBold'; font-size: 18.67px; color: #000; letter-spacing: 0em; cursor: pointer; }


/** 상품 이미지뷰 레이어 **/
#lyComment { left: 50%; top: 50%; width: 720px; height: auto; transform: translate(-50%, -50%); overflow: visible; }
#lyComment .ly_cont { padding: 0 20px 20px 20px; }
#lyComment .ly_cont .title { display: flex; align-items: center; padding: 0 20px; }
#lyComment .ly_cont .title .subject { font-family: 'Noto Sans KR'; font-weight: 700; font-size: 24px; line-height: 60px; }
#lyComment .ly_cont .title .subject em { display: inline-block; font-weight: 400; margin-left: 10px; }
#lyComment .ly_cont > .contents { position: relative; max-height: 700px; overflow: auto; padding:  0 20px; }
#lyComment .ly_cont > .contents ul li { border-top: solid 1px #cfcecd; padding: 10px 0; }
#lyComment .ly_cont > .contents ul li:first-child { border-top: none; }
#lyComment .ly_cont > .contents ul li .subject { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 18px; color: #000; }
#lyComment .ly_cont > .contents ul li .contents { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow: hidden; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; }
#lyComment .ly_cont > .contents ul li .comment { border: solid 1px #e2e2e2; margin: 10px 0 0 0; }
#lyComment .ly_cont > .contents ul li .comment textarea { width: calc(100% - 70px); height: 60px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; color: #000; letter-spacing: 0em; padding: 15px; border: none; resize: none; }
#lyComment .ly_cont > .contents ul li .comment textarea::placeholder { color: #bdbdbd; }
#lyComment .ly_cont > .contents ul li .comment button { font-family: 'Noto Sans KR'; width: 70px; font-weight: 400; font-size: 20px; color: #bdbdbd; }


/** 모바일 상품 이미지뷰 레이어 **/
.mobile #lyComment { width: calc(100% - 20px); }
.mobile #lyComment .ly_cont { padding: 0 20px; }
.mobile #lyComment .ly_cont .title { padding: 0; }
.mobile #lyComment .ly_cont .title .subject { font-size: 12px; line-height: 35px; }
.mobile #lyComment .ly_cont .title .subject em { font-size: 11px; margin-left: 5px; }
.mobile #lyComment .ly_cont > .contents { padding: 0; }
.mobile #lyComment .ly_cont > .contents ul li .subject { font-size: 12px; }
.mobile #lyComment .ly_cont > .contents ul li .contents { font-size: 11px; }
.mobile #lyComment .ly_cont > .contents ul li .comment textarea { width: calc(100% - 40px); height: 35px; font-size: 10px; padding: 10px; }
.mobile #lyComment .ly_cont > .contents ul li .comment button { width: 40px; font-size: 10px; }
.mobile #lyComment .ly_close { padding: 12px 20px; }
.mobile #lyComment .ly_close img { width: 12px; }


/** 상세보기 **/
.body-board.body-view .sub_content .js-coverImage img { width: calc(100% + 60px); margin-left: -30px; max-width: none; }
.body-board.body-view .sub_content .board_zone_tit { display: flex; align-items: center; justify-content: space-between; padding: 50px 0 30px 0; }
.body-board.body-view .sub_content .board_zone_tit h2 { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; }
.body-board.body-view .sub_content .board_zone_tit .view_info_hits { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_tit { padding: 0; border: none; background-color: transparent; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_tit h3 { font-family: 'Noto Sans KR'; font-weight: 500; font-size: 26px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info { display: flex; align-items: center; padding: 30px 0; border: none; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writerProfileImage { display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background-color: #530e8e; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writerProfileImage img { aspect-ratio: auto 1 / 1; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writer { margin: 0 8px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writer em { font-weight: 300; font-size: 20px; color: #858585; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .regDate { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 20px; color: #858585; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .seem_cont { padding: 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; line-height: 1.6; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .seem_cont img { width: calc(100% + 60px); margin-left: -30px; max-width: none; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .js-hashTag { display: none; }


/** 모바일 상세보기 **/
.mobile .body-board.body-view .sub_content .board_zone_tit { padding: 25px 0 17px 0; }
.mobile .body-board.body-view .sub_content .board_zone_tit h2 { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_tit .view_info_hits { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_tit h3 { font-size: 13px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info { padding: 17px 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writerProfileImage { width: 15px; height: 15px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writer { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .writer em { font-size: 10px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_info .regDate { font-size: 10px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .seem_cont { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .seem_cont img { width: calc(100% + 20px); margin-left: -10px; max-width: none !important; }


/** 상세보기 - 선택 상품 **/
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item { width: 100%; max-width: 360px; margin: 40px auto; padding: 20px; border: solid 1px #e2e2e2; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_img { width: 170px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_img img { border: none; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info { width: calc(100% - 200px); padding:  0 0 0 30px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .title { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .goodsNm { font-family: 'NanumBarunGothic'; font-size: 20px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box { padding: 5px 0 0 0; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > span.discountRate { display: inline-block; font-family: 'Roboto'; font-size: 20px; color: #84388e; font-weight: 500; text-decoration: none; vertical-align: middle; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > span.fixedPrice { display: inline-block; font-family: 'NanumBarunGothic'; font-size: 12px; color: #000; text-decoration: line-through; vertical-align: middle; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > span.fixedPrice em { text-decoration: line-through; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > strong.item_price { display: block; position: relative; font-family: 'NanumBarunGothicBold'; font-size: 20px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box em { display: inline-block; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box { padding: 7px 0 0 0; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box > span { display: inline-block; vertical-align: middle; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box .reviewAverage { position: relative; font-family: 'NanumBarunGothicBold'; font-size: 14px; color: #000; letter-spacing: 0em; padding-left: 18px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box .reviewAverage::before { content: ''; position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background: url("../../img/main/icon_star.png") no-repeat left center; background-size: 15px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box .reviewCnt { font-family: 'NanumBarunGothic'; font-size: 14px; color: #a1a09e; letter-spacing: 0em; padding-left: 7px; }


/** 모바일 상세보기 - 선택 상품 **/
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item { margin: 25px auto; padding: 12px; max-width: 200px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_img { width: 90px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info { width: calc(100% - 105px); padding: 0 0 0 15px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .title { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .goodsNm { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box { padding: 3px 0 0 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > span.discountRate { font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > span.fixedPrice { font-size: 9px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_money_box > strong.item_price { font-size: 11px; padding: 3px 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box { padding: 3px 0 0 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box .reviewAverage { font-size: 9px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box .reviewAverage::before { width: 15px; height: 15px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_content .view_goods_select_item .view_select_item_info .item_review_box .reviewCnt { font-size: 9px; }


/** 상세보기 - 회원정보 **/
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons { text-align: center; font-size: 0; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button { position: relative; width: 180px; height: 50px; border: solid 1px #e2e2e2; margin: 0 10px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; padding-left: 30px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button:hover { border-color: #84388e; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button::before { content: ''; position: absolute; left: 32px; top: 0; width: 30px; height: 50px; background: no-repeat center; background-size: 21px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button.recommend::before { background-image: url("../../img/main/btn_board_recommend.png"); }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button.scrap::before { background-image: url("../../img/main/btn_board_scrap.png"); }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info { display: flex; width: 100%; max-width: 520px; margin: 50px auto 30px auto; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfileImage { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; background-color: #530e8e; margin-right: 25px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfileImage img { aspect-ratio: auto 1 / 1; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfile { width: calc(100% - 175px); font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfile h3 { font-weight: 700; font-size: 22px; margin-bottom: 10px; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink { display: flex; justify-content: center; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span { width: 150px; height: 40px; border: solid 1px #e2e2e2; margin: 0 6px; transition-duration: 0.5s; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span:hover { border-color: #84388e; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span a img { margin-right: 5px; }


/** 모바일 상세보기 - 회원정보 **/
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button { width: 90px; height: 25px; margin: 0 6px; font-size: 11px; padding-left: 16px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .buttons button::before { left: 13px; width: 17px; height: 25px; background-size: 12px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info { max-width: 260px; margin: 30px auto 15px auto; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfileImage { width: 75px; height: 75px; margin-right: 12.5px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfile { width: calc(100% - 88px); font-size: 8px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .info .writerProfile h3 { font-size: 11px; margin-bottom: 5px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span { width: 80px; height: 20px; margin: 0 3px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span a { font-size: 8px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view .board_view_member .snsLink > span a img { width: 8px; margin-right: 3px; }


/** 상세보기 - 해시태그 **/
.body-board.body-view .sub_content .board_zone_cont .board_zone_view #hashTag { width: calc(100% + 10px); margin: 50px 0 0 -5px; font-size: 0; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view #hashTag a { display: inline-block; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; padding: 10px; margin: 5px; background-color: #ececec; }
.body-board.body-view .sub_content .board_zone_cont .board_zone_view #hashTag a:hover { color: #84388e; }


/** 모바일 상세보기 - 해시태그 **/
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view #hashTag { width: calc(100% + 6px); margin: 25px 0 0 -3px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_zone_view #hashTag a { padding: 3px; margin: 3px; font-size: 9px; }


/** 상세보기 - 댓글 **/
.body-board.body-view .sub_content .board_zone_cont .board_view_comment { padding: 50px 0; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment { border: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_top { padding: 30px 0 20px 0; border: none; border-top: solid 1px #e2e2e2; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_top .comment_num { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_top .comment_num strong { font-weight: 400; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box { padding: 0; background-color: transparent; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write {  padding: 0; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .form_element { display: block; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea { border: solid 1px #e2e2e2; font-size: 0; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info { display: flex; align-items: center; position: relative; left: 15px; top: 15px; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info .writerProfileImage { display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background-color: #530e8e; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info .writerProfileImage img { aspect-ratio: auto 1 / 1; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info .writer { margin: 0 8px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea textarea { width: calc(100% - 70px); height: 60px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; color: #000; letter-spacing: 0em; padding: 15px; border: none; resize: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea textarea::placeholder { color: #bdbdbd; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .btn_comment_box { position: static; padding: 0; border: none; background: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .btn_comment_box button { font-family: 'Noto Sans KR'; width: 70px; height: auto; font-weight: 400; font-size: 20px; color: #bdbdbd; border: none; background: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list { background: none; padding: 15px 0; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li { border: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info { display: flex; align-items: center; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .writerProfileImage { display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background-color: #530e8e; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .writerProfileImage img { aspect-ratio: auto 1 / 1; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .writer { margin: 0 8px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .regDate { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; color: #858585; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo { display: flex; align-items: center; margin-left: 37px; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo em { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 20px; color: #000; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons { margin-left: 15px; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span button { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; color: #858585; background: none; padding: 0; border: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span button:hover { color: #530e8e; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span button::before { content: '·'; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span button:hover::before { color: #858585; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span:first-child button::before { display: none; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span button span { line-height: normal; padding: 0; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .board_comment_box { border: none; margin-left: 35px; }
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li.comment_reply { padding: 15px 0 15px 35px; } 
.body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li.comment_reply .board_comment_box { margin-left: 35px; }


/** 모바일 상세보기 - 댓글 **/
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment { padding: 20px 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_top { padding: 15px 0 10px 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_top .comment_num { font-size: 10px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info { left: 7.5px; top: 7.5px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info .writerProfileImage { width: 15px; height: 15px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .info .writer { margin: 0 4px; font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea textarea { width: calc(100% - 35px); height: 30px; padding: 7.5px; font-size: 10px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .board_comment_box .board_comment_write .comment_textarea .btn_comment_box button { width: 35px; font-size: 10px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list { padding: 7.5px 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li { padding: 7.5px 0; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .writerProfileImage { width: 15px; height: 15px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .writer { margin: 0 4px; font-size: 11px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .info .regDate { font-size: 9px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo { margin-left: 18.5px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo em { font-size: 10px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons { margin-left: 7.5px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .memo .buttons span button { font-size: 9px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li .board_comment_box { margin-left: 17.5px }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li.comment_reply { padding: 7.5px 0 7.5px 17.5px; }
.mobile .body-board.body-view .sub_content .board_zone_cont .board_view_comment .view_comment .view_comment_list ul li.comment_reply .board_comment_box { margin-left: 17.5px; }


/** 상세보기 - 퀵메뉴 **/
#boardViewQuickMenu { display: flex; position: fixed; flex-direction: column; left: 71%; top: 50%; transform: translate(0%, -50%); z-index: 99; }
#boardViewQuickMenu button { position: relative; width: 75px; height: 75px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; margin: 10px 0; }
#boardViewQuickMenu button::before { content: ''; display: block; width: 50px; height: 50px; background: no-repeat center; background-size: 23px; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; margin: auto; border: solid 1px #e2e2e2; transition-duration: 0.5s; }
#boardViewQuickMenu button:hover::before { border-color: #84388e; }
#boardViewQuickMenu button.recommend::before { background-image: url("../../img/main/btn_board_recommend.png"); }
#boardViewQuickMenu button.scrap::before { background-image: url("../../img/main/btn_board_scrap.png"); }
#boardViewQuickMenu button.comment::before { background-image: url("../../img/main/btn_board_comment.png"); }
#boardViewQuickMenu button.snsShare::before { background-image: url("../../img/main/goods_sns_share.png"); }
#boardViewQuickMenu button.snsShare #lySnsShare { position: absolute; left: 85px; top: 0; width: 180px; border: solid 1px #e2e2e2; padding: 5px 10px; border-radius: 5px; background-color: #fff; }
#boardViewQuickMenu button.snsShare #lySnsShare::after { content: ''; display: block; position: absolute; left: -13px; top: 18px; border-style: solid; border-width: 6px 12px 6px 0; border-color: #fff transparent; width: 0; z-index: 2; }
#boardViewQuickMenu button.snsShare #lySnsShare::before { content: ''; display: block; position: absolute; left: -13px; top: 18px; border-style: solid; border-width: 6px 12px 6px 0; border-color: #ccc transparent; background-color: #fff; width: 1px; z-index: 1; }
#boardViewQuickMenu button.snsShare #lySnsShare a { display: flex; align-items: center; text-align: left; padding: 5px 0; }
#boardViewQuickMenu button.snsShare #lySnsShare a:hover { color: #84388e; }
#boardViewQuickMenu button.snsShare #lySnsShare a img { margin-right: 12px; }


/** 상세보기 - 퀵메뉴 **/
.mobile #boardViewQuickMenu { display: none; }


/** 상세보기 - 하단 공통 **/
.anotherWrap { display: inline-block; width: calc(100% + 540px); margin-left: -270px; }
.anotherWrap .js-banner, .anotherWrap .slick-slider li em { display: none; }


/** 모바일 상세보기 - 하단 공통 **/
.mobile .anotherWrap { width: 100%; margin-left: 0; }


/** 상세보기 - 광고 배너 **/
#boardViewBanner { margin: 50px 0 0 0; }


/** 모바일 상세보기 - 광고 배너 **/
#boardViewBannerMobile { width: calc(100% + 20px); margin: 30px 0 0 -10px; }


/** 상세보기 - 플로리스트 MD 추천 **/
#mdChoice { position: relative; }
#mdChoice .goods_list { margin-top: 30px !important; }
#mdChoice .goods_list .goods_list_tit { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; }
#mdChoice .goods_list .goods_list_tit .btn_goods_more { position: static; }
#mdChoice .goods_list .goods_list_cont ul li { margin: 0; }
#mdChoice .control { position: absolute; left: 50%; top: calc(50% - 50px); width: 100%; max-width: 1280px; height: 0; transform: translate(-50%, -50%); transition-duration: 0.5s; }
#mdChoice .control .arrow { position: absolute; top: 0; width: 42px; height: 42px; border: solid 1px #bcbcbc; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); background-repeat: no-repeat; background-position: center; background-size: 6px; cursor: pointer; transition-duration: 0.5s; }
#mdChoice .control .arrow.prev { left: -21px; background-image: url("../../img/main/btn_arrowLeft.png"); }
#mdChoice .control .arrow.next { right: -21px; background-image: url("../../img/main/btn_arrowRight.png"); }
#mdChoice .control .arrow img { max-width: 100%; }
#mdChoice .control .arrow:hover { border-color: #84388e; }


/** 모바일 상세보기 - 플로리스트 MD 추천 **/
.mobile #mdChoiceMobile .goods_list { margin-top: 15px !important; }
.mobile #mdChoiceMobile .goods_list .goods_list_tit { display: flex; align-items: center; justify-content: space-between; padding: 15px 0 0 0; }
.mobile #mdChoiceMobile .goods_list .goods_list_tit .btn_goods_more { position: static; }
.mobile #mdChoiceMobile .goods_list .goods_list_cont ul { width: calc(100% + 8px); margin-left: -4px; white-space: nowrap; overflow-y: auto; }
.mobile #mdChoiceMobile .goods_list .goods_list_cont ul li { width: 45% !important; margin: 15px 0 0 0; }


/** 상세보기 - 오늘의 꽃담화 **/
#talkFlower { position: relative; margin-top: 30px; }
#talkFlower .title { display: inline-block; font-family: 'NanumBarunGothicBold'; font-size: 20px; color: #000; font-weight: normal; padding: 30px 0; }
#talkFlower ul { width: calc(100% + 24px); margin-left: -12px; }
#talkFlower ul li .item { padding: 0 12px; }
#talkFlower ul li .item .contents_box .subject { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; line-height: 30px; margin-top: 10px; }
#talkFlower .control { position: absolute; left: 50%; top: calc(50% - 10px); width: 100%; max-width: 1280px; height: 0; transform: translate(-50%, -50%); transition-duration: 0.5s; }
#talkFlower .control .arrow { position: absolute; top: 0; width: 42px; height: 42px; border: solid 1px #bcbcbc; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); background-repeat: no-repeat; background-position: center; background-size: 6px; cursor: pointer; transition-duration: 0.5s; }
#talkFlower .control .arrow.prev { left: -21px; background-image: url("../../img/main/btn_arrowLeft.png"); }
#talkFlower .control .arrow.next { right: -21px; background-image: url("../../img/main/btn_arrowRight.png"); }
#talkFlower .control .arrow img { max-width: 100%; }
#talkFlower .control .arrow:hover { border-color: #84388e; }


/** 모바일 오늘의 꽃담화 **/
.mobile #talkFlowerMobile { margin-top: 15px; }
.mobile #talkFlowerMobile .title { padding: 15px 0 0 0; }
.mobile #talkFlowerMobile ul { width: calc(100% + 8px); margin-left: -4px; white-space: nowrap; overflow-y: auto; }
.mobile #talkFlowerMobile ul li { display: inline-block; width: 45% !important; margin: 15px 0 0 0; }
.mobile #talkFlowerMobile ul li .item { padding: 0 4px; }
.mobile #talkFlowerMobile ul li .item .contents_box .subject { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 9px; color: #000; line-height: 15px; margin-top: 5px; text-align: center; }


/** 글쓰기 - 헤더 **/
#topMenu { display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; border-bottom: solid 1px #ccc; z-index: 100; }
#topMenu .left { min-width: 93px; margin: 0 10px; }
#topMenu #execCommand { width: 100%; max-width: 600px; height: 80px; margin: 0 50px; }
#topMenu #execCommand #execCommandFrame { width: 100%; height: calc(100% - 20px); padding-top: 20px; }
#topMenu .right { display: flex; margin: 0 10px; }
#topMenu .right button { width: 120px; min-width: inherit; height: 46px; border-radius: 5px; border-color: #93999c !important; padding: 0; }
#topMenu .right button strong { font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: #93999c; transition-duration: 0.5s; }
#topMenu .right button.btn_before:hover { border-color: #000 !important; }
#topMenu .right button.btn_before:hover strong { color: #000; }
#topMenu .right button.btn_write_ok { display: none; }
#topMenu .right button.js-submit { background-color: #84388e !important; border: solid 1px #84388e !important; }
#topMenu .right button.js-submit strong { color: #fff !important; }
#topMenu .right button.js-submit:hover { background-color: #fff !important; border-color: #84388e !important; }
#topMenu .right button.js-submit:hover strong { color: #84388e !important;  }


/** 모바일 글쓰기 - 헤더 **/
.mobile #topMenu { height: 40px; }
.mobile #topMenu #execCommand { height: 40px; margin: 0 10px; }
.mobile #topMenu #execCommand #execCommandFrame { height: 100%; padding-top: 0; }
.mobile #topMenu .left { max-width: 93px; }
.mobile #topMenu .right button { width: 60px; height: 23px; border-radius: 2.5px; }
.mobile #topMenu .right button strong { font-size: 11px; }
@media screen and (max-width: 750px) {
    .mobile #topMenu { justify-content: space-between; }
    .mobile #topMenu #execCommand { position: fixed; left: 0; top: 40px; width: calc(100% - 10px); max-width: none; margin: 0; padding: 0 5px; z-index: 100; background-color: #f7f8fa; }
}


/** 글쓰기 - 토글메뉴 공통 **/
.toggle_menu { font-size: 0; border: solid 1px #bababa; border-radius: 5px; margin-bottom: 20px; transition-duration: 0.5s; }
.toggle_menu .title { position: relative; background-color: #fff; padding: 16.5px 20px; cursor: pointer; border-radius: 5px; transition-duration: 0.5s; }
.toggle_menu .title::after { content: ''; position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url("../../img/main/btn_arrowDown.png") no-repeat center; background-size: 15px; }
.toggle_menu .title h2 { display: inline-block; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: #000; }
.toggle_menu .title h3 { display: inline-block; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #b3b3b3; padding-left: 10px; }
.toggle_menu .contents { display: none; border-radius: 5px; }
.toggle_menu .contents > ul, .toggle_menu .contents table { width: calc(100% - 40px); margin: 16.5px 20px; }
.toggle_menu .contents > ul li { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; }
.toggle_menu:hover { box-shadow: 0 5px 5px rgb(0, 0, 0, 0.1); }
.toggle_menu:hover .title { background-color: #f5f5f5; }
.toggle_menu.on .title::after { background-image: url("../../img/main/btn_arrowUp.png"); }
.toggle_menu.static .contents { display: block; }


/** 모바일 글쓰기 - 토글메뉴 공통 **/
.mobile .toggle_menu { margin-bottom: 10px; }
.mobile .toggle_menu .title { padding: 10px; }
.mobile .toggle_menu .title::after { width: 36.5px; height: 36.5px; background-size: 10px; }
.mobile .toggle_menu .title h2 { font-size: 11px; }
.mobile .toggle_menu .title h3 { font-size: 10px; }
.mobile .toggle_menu .contents > ul, .mobile .toggle_menu .contents table { margin: 10px; }
.mobile .toggle_menu .contents > ul li { font-size: 10px; }


/** 글쓰기 - 필수 정보 입력 **/
#required_input table { border: none; }
#required_input table th { line-height: 40px; padding: 5px 0; border: none; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: #000; background-color: #fff; }
#required_input table td { padding: 5px 0; border: none; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #000; }
#required_input table td input { width: 300px; }
#required_input table td input[type="text"], input[type="password"] { border-radius: 5px; }
#required_input table td select { min-width: 150px; height: 40px; line-height: 40px; padding: 0 20px; border: solid 1px #b3b3b3; border-radius: 5px; cursor: pointer; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #000; }
#required_input table td select:hover { /*background-color: #f2f2f2;*/ }
#required_input table td select option { background-color: #fff; color: #333; }
#required_input table td select.error { display: inline-block; padding: 0; text-align: left; }
#required_input table td .chosen-container .chosen-single { height: 40px; line-height: 40px; padding: 0 0 0 20px; border: solid 1px #b3b3b3; border-radius: 5px; }
#required_input table td .chosen-container .chosen-single > span { line-height: 40px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #000; }
#required_input table td .chosen-container .chosen-single div { width: 40px; }
#required_input table td .chosen-container .chosen-single div b { width: 40px; height: 40px; background: url("../../img/main/btn_arrowDown.png") no-repeat center !important; background-size: 15px !important; }
#required_input table td .chosen-with-drop .chosen-single { border-radius: 5px 5px 0 0; }
#required_input table td .chosen-with-drop .chosen-single div b { background-image: url("../../img/main/btn_arrowUp.png") !important; }
#required_input table td .chosen-container .chosen-drop { border-radius: 0 0 5px 5px; margin-bottom: 10px; }
#required_input table td .chosen-container .chosen-drop .chosen-results { padding: 0; }
#required_input table td .chosen-container .chosen-drop .chosen-results li { line-height: 25px; padding: 5px 20px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; }
#required_input table td .chosen-container .chosen-drop .chosen-results li:hover { color: #fff; }
#required_input table td .chosen-container .chosen-drop .chosen-results li.highlighted { color: #fff; }
#required_input table td .chosen-container:hover .chosen-single { background-color: #f2f2f2; }
#required_input table td .rating_star_list { display: block; width: auto; margin: 0; }
#required_input table td .rating_star_list li { display: inline-block; margin: 0 10px 0 0; }
#required_input table td .rating_star_list li .rating_star { display: inline-block; position: relative; top: -1px; width: 88px; height: 15px; background: url("../../img/icon/board/icon_star_bg.png") no-repeat left top; vertical-align: middle; text-indent: -9999px; }
#required_input table td .rating_star_list li .rating_star span { display: block; background: url("../../img/icon/board/icon_star_fill.png") no-repeat left top; }
#required_input table td .form_element { top: 2px; }
#required_input table td .btn_goods_select { width: 100px; height: 40px; line-height: 40px; border-color: #e5e7e7; border-radius: 5px; background-color: #e5e7e7; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #000; }


/** 모바일 글쓰기 - 필수 정보 입력 **/
.mobile #required_input table th { height: 20px; line-height: 20px; font-size: 11px; padding: 2.5px 0; }
.mobile #required_input table td { height: 20px; line-height: 20px; padding: 2.5px 0; }
.mobile #required_input table td select { width: auto !important; min-width: inherit; height: 20px; line-height: 20px; padding: 0 5px; font-size: 11px; border-radius: 2.5px; }
.mobile #required_input table td .chosen-container .chosen-single { height: 20px; line-height: 20px; padding: 0 0 0 10px; border-radius: 2.5px; }
.mobile #required_input table td .chosen-container .chosen-single > span { line-height: 20px; font-size: 11px; }
.mobile #required_input table td .chosen-container .chosen-single div { width: 30px; }
.mobile #required_input table td .chosen-container .chosen-single div b { width: 30px; height: 20px; background-size: 10px !important; }
.mobile #required_input table td .chosen-with-drop .chosen-single { border-radius: 2.5px 2.5px 0 0; }
.mobile #required_input table td .chosen-container .chosen-drop { border-radius: 0 0 2.5px 2.5px; margin-bottom: 5px; }
.mobile #required_input table td .chosen-container .chosen-drop .chosen-results li { line-height: 16px; padding: 2.5px 10px; font-size: 11px; }
.mobile #required_input table td .btn_goods_select { width: 60px; height: 20px; line-height: 20px; font-size: 11px; border-radius: 2.5px; }


/** 글쓰기 - 레이어 공통 **/
.layer_wrap.add_goods_layer { height: auto !important; margin: 0 !important; transform: translate(-50%, -50%); }
.layer_wrap.add_goods_layer .layer_wrap_cont { border: none; border-radius: 5px; }
.layer_wrap.add_goods_layer .ly_cont { min-height: inherit; padding: 30px 15px; }
.layer_wrap.add_goods_layer .ly_cont .btn_center_box { margin: 0; }
.layer_wrap.add_goods_layer .ly_cont .btn_center_box .btn_ly_ok { border: #84388e !important; background-color: #84388e !important; }
.layer_wrap.add_goods_layer .ly_cont .btn_center_box .btn_ly_ok:hover { border: #84388e !important; background-color: #84388e !important; }
.layer_wrap.add_goods_layer .ly_date_list_box { margin: 0 0 30px 0; padding: 0; border: none; }
.layer_wrap.add_goods_layer .ly_date_search_list { display: flex; align-items: center; justify-content: center; }
.layer_wrap.add_goods_layer .ly_date_search_list h5 { float: none; width: auto; padding: 0; margin-right: 15px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: #000; }
.layer_wrap.add_goods_layer .ly_date_search_list input[type="text"] { width: 250px; height: 40px; line-height: 40px; border: solid 1px #b3b3b3; border-right: none; padding: 0 15px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #000; }
.layer_wrap.add_goods_layer .ly_date_search_list input[type="text"]::placeholder { color: #b3b3b3; }
.layer_wrap.add_goods_layer .btn_ly_date_check { min-width: 68px; height: 40px; border: #84388e !important; background-color: #84388e !important; }
.layer_wrap.add_goods_layer .btn_ly_date_check:hover { border: #84388e !important; background-color: #84388e !important; }
.layer_wrap.add_goods_layer .scroll_box { height: auto; border: none; padding: 0; }
.layer_wrap.add_goods_layer .top_table_type ul { display: flex; flex-wrap: wrap; width: calc(100% + 16px); margin-left: -8px; }
.layer_wrap.add_goods_layer .top_table_type ul li { width: 33.33%; }
.layer_wrap.add_goods_layer .top_table_type ul li .item { display: block; margin: 0 8px; }
.layer_wrap.add_goods_layer .top_table_type ul li .item .thumbnail { display: block; width: auto; }
.layer_wrap.add_goods_layer .top_table_type ul li .item .thumbnail img { width: 100%; border: none; }
.layer_wrap.add_goods_layer .top_table_type ul li .item label { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow: hidden; min-width: inherit; margin: 15px 0; padding: 0 0 0 22px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: #000; cursor: pointer; }
.layer_wrap.add_goods_layer .top_table_type ul li .item .form_element { margin: 0; }
.layer_wrap.add_goods_layer .pagination  { margin: 0 0 30px 0; }
.layer_wrap.add_goods_layer .pagination ul { padding: 0; }


/** 모바일 글쓰기 - 레이어 공통 **/
.mobile .layer_wrap.add_goods_layer { width: calc(100% - 20px) !important; height: auto !important; left: 50% !important; top: 50% !important; }
.mobile .layer_wrap.add_goods_layer .ly_cont { padding: 15px 10px; }
.mobile .layer_wrap.add_goods_layer .ly_cont .ly_date_list_box { padding: 0; }
.mobile .layer_wrap.add_goods_layer .ly_date_search_list h5 { display: inline-block !important; font-size: 11px; margin-right: 7px; padding: 0 !important; }
.mobile .layer_wrap.add_goods_layer .ly_date_search_list input[type="text"] { width: 140px !important; height: 20px; line-height: 20px; font-size: 11px; padding: 7px; }
.mobile .layer_wrap.add_goods_layer .btn_ly_date_check { display: flex; align-items: center; justify-content: center; min-width: 45px; height: 20px; }
.mobile .layer_wrap.add_goods_layer .btn_ly_date_check em { line-height: 10px; font-size: 9px; padding: 0 12px 0 0; background-position: right 1px; background-size: 10px; }
.mobile .layer_wrap.add_goods_layer .top_table_type ul { width: calc(100% + 8px); margin: 10px 0 0 -4px; }
.mobile .layer_wrap.add_goods_layer .top_table_type ul li .item { margin: 0 4px; }
.mobile .layer_wrap.add_goods_layer .top_table_type ul li .item label { font-size: 11px; margin: 7px 0; line-height: 20px; }
.mobile .layer_wrap.add_goods_layer .pagination { margin: 0 0 10px 0; }
.mobile .layer_wrap.add_goods_layer .pagination ul { display: flex; justify-content: center; }
.mobile .layer_wrap.add_goods_layer .pagination ul li span { width: 20px; height: 20px; line-height: 20px; font-size: 9px; }
.mobile .layer_wrap.add_goods_layer .pagination ul li a { width: 20px; height: 20px; line-height: 20px; font-size: 9px; }
.mobile .layer_wrap.add_goods_layer .pagination ul li.btn_page a { font-size: 0; }
.mobile .layer_wrap.add_goods_layer .ly_cont > .btn_center_box { display: flex; justify-content: center; position: static; width: calc(100% - 0px); padding: 10px 0 0 0; }
.mobile .layer_wrap.add_goods_layer .ly_cont > .btn_center_box button { display: inline-block; width: 50px; min-width: inherit; height: 20px; line-height: 20px; font-size: 11px; margin: 0 2px; }


/** 글쓰기 - 커버이미지 **/
#coverUploadBox { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 100%; aspect-ratio: auto 1 / 1; font-size: 0; border-radius: 5px; background-color: #f9f9f9; overflow: hidden; }
#coverUploadBox .js-image-view { position: absolute; left: 0; top: 0; width: 100%; }
#coverUploadBox .js-image-view img { width: 100%; }
#coverUploadBox .description { text-align: center; }
#coverUploadBox .description span { display: block; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; color: #000; line-height: 170%; }
#coverUploadBox .description span.size { font-size: 18px; color: #b3b3b3; }
#coverUploadBox .js-file-upload {  }
#coverUploadBox .js-file-upload label { position: relative; display: inline-block; width: 160px; height: 50px; margin-top: 10px; overflow: hidden; }
#coverUploadBox .js-file-upload label button { position: relative; width: 100%; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; background-color: #7f7f7f; cursor: pointer; z-index: 0; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: #fff; }
#coverUploadBox .js-file-upload label input[type=file] { position: absolute; left: -70px; top: 0; width: auto; height: 50px; opacity: 0; z-index: 1; cursor: pointer; }
#coverUploadBox .js-file-upload label input[type=checkbox] { position: absolute; opacity: 0; z-index: 0; }
#coverUploadBox .js-file-upload label:hover button { background-color: rgba(0, 0, 0, 1); }
#coverUploadBox .js-select-box { position: absolute; width: 79.16%; height: calc(100% - 5.5px); border: solid 3px #84388e; cursor: move; }
#coverUploadBox .js-select-box button { position: absolute; left: 10px; top: 10px; width: 129px; height: 33px; line-height: 33px; border-radius: 5px; background-color: #84388e; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 14px; color: #fff; pointer-events: none;  }


/** 모바일 글쓰기 - 커버이미지 **/
.mobile #coverUploadBox .description span { font-size: 15px; }
.mobile #coverUploadBox .description span.size { font-size: 11px; }
.mobile #coverUploadBox { width: calc(100% + 20px); margin-left: -10px; }
.mobile #coverUploadBox .js-file-upload label { width: 80px; height: 25px; margin-top: 5px; }
.mobile #coverUploadBox .js-file-upload label button { height: 25px; line-height: 25px; font-size: 12px; }
.mobile #coverUploadBox .js-select-box { height: calc(100% - 4px); border-width: 2px; }
.mobile #coverUploadBox .js-select-box button { left: 5px; top: 5px; width: 90px; height: 20px; line-height: 20px; font-size: 8px; border-radius: 2.5px; }


/** 글쓰기 - 제목 **/
.body-board.body-write .subject { display: inline-block; position: relative; width: 100%; margin-top: 20px; border-bottom: solid 1px #d6d6d6; transition-duration: 0.5s; }
.body-board.body-write .subject:hover { border-bottom-color: #000; }
.body-board.body-write .subject input { width: calc(100% - 64px); height: auto; line-height: 80px; border: none; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 36px; color: #000; padding: 0; transition-duration: 0.5s; }
.body-board.body-write .subject input::placeholder { color: #b3b3b3; }
.body-board.body-write .subject .maxlength { position: absolute; right: 0; top: 37px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #b3b3b3; }


/** 모바일 글쓰기 - 제목 **/
.mobile .body-board.body-write .subject { margin-top: 10px; }
.mobile .body-board.body-write .subject input { width: calc(100% - 40px); line-height: 40px; font-size: 18px; }
.mobile .body-board.body-write .subject .maxlength { top: 14px; font-size: 11px; }


/** 글쓰기 - 컨텐츠 **/
.js-contentsBox { display: inline-block; position: relative; width: 100%; font-size: 0; /*margin-top: 30px;*/ }
.js-contentsBox .contentsList { position: relative; }
.js-contentsBox .contentsList .image-wrap { position: relative; margin-top: 20px; }
.js-contentsBox .contentsList .js-image-view { position: relative; width: 100%; }
.js-contentsBox .contentsList .js-image-view img { width: 100%; }
.js-contentsBox .contentsList .js-text-view { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; line-height: normal; padding: 10px 0; margin-top: 10px; transition-duration: 0.5s; }
.js-contentsBox .contentsList .js-text-view a { color: dodgerblue; text-decoration: underline; }
.js-contentsBox .contentsList .js-text-view[contenteditable=true]:empty { color: #b3b3b3; }
.js-contentsBox .contentsList .js-file-upload { position: absolute; right: 20px; bottom: 20px; visibility: hidden; opacity: 0; transition-duration: 0.5s; }
.js-contentsBox .contentsList .js-file-upload label { position: relative; display: inline-block; width: 100px; height: 30px; overflow: hidden; }
.js-contentsBox .contentsList .js-file-upload label button { position: relative; width: 100%; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; background-color: rgba(0, 0, 0, 0.7); color: #fff; cursor: pointer; z-index: 0; }
.js-contentsBox .contentsList .js-file-upload label input[type=file] { position: absolute; left: -70px; top: 0; width: auto; height: 30px; opacity: 0; z-index: 1; cursor: pointer; }
.js-contentsBox .contentsList .js-file-upload label input[type=checkbox] { position: absolute; opacity: 0; z-index: 0; }
.js-contentsBox .contentsList .js-file-upload label:hover button { background-color: rgba(0, 0, 0, 1); }
.js-contentsBox .contentsList .button { position: absolute; right: -74px; bottom: 7px; visibility: hidden; opacity: 0; transition-duration: 0.5s; }
.js-contentsBox .contentsList .button label { margin: 0 1px; }
.js-contentsBox .contentsList .button label button { width: 30px; height: 30px; font-size: 0; border-radius: 5px; border: solid 1px #aaa; background: url("../../img/main/icon_hamberger.png") no-repeat center -1px; background-color: #fff; background-size: 30px; }
.js-contentsBox .contentsList .button label button.minus { background-position: center -31px; }
.js-contentsBox .contentsList .button label button:hover { border-color: #333; background-color: #f1f1f1; }
.js-contentsBox .contentsList.icon .image-wrap { position: static; }
.js-contentsBox .contentsList.icon .js-file-upload { right: auto; left: -40px; bottom: 7px; }
.js-contentsBox .contentsList.icon .js-file-upload label { width: 30px; }
.js-contentsBox .contentsList.icon .js-file-upload label button { border: solid 1px #aaa; font-size: 0; background: url("../../img/main/board_icon_image.png") no-repeat center; background-size: 20px; background-color: #fff; }
.js-contentsBox .contentsList.icon .js-file-upload label button:hover { background-color: #eee; border-color: #333; }
.js-contentsBox .contentsList.on .js-image-view > img { border-radius: 5px; }
.js-contentsBox .contentsList.on .js-file-upload { visibility: visible; opacity: 1; transition-duration: 0s; }
.js-contentsBox .contentsList.focus .image-wrap { position: static; }
.js-contentsBox .contentsList.focus .js-file-upload { visibility: visible; opacity: 1; }
.js-contentsBox .contentsList.focus .button { visibility: visible; opacity: 1; }
.js-contentsBox .contentsList.on.focus .image-wrap { position: relative; }


/** 모바일 글쓰기 - 컨텐츠 **/
.mobile .js-contentsBox { margin-top: 15px; }
.mobile .js-contentsBox .contentsList .js-file-upload { right: 10px; bottom: 7px; }
.mobile .js-contentsBox .contentsList .js-file-upload label input[type=file] { left: inherit; right: 0; }
.mobile .js-contentsBox .contentsList.icon .js-file-upload { left: 0; }
.mobile .js-contentsBox .contentsList .button { right: 0; }


/** 글쓰기 - 해시태그 **/
.js-hashTagBox { display: flex; flex-wrap: wrap; padding: 10px; border: solid 1px #bababa; border-radius: 5px; }
.js-hashTagBox li.tagItem { position: relative; padding: 5px 30px 5px 10px; margin: 5px; background-color: #eff0f2; border-radius: 5px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; transition-duration: 0.5s; }
.js-hashTagBox li.tagItem::before { content: '#'; }
.js-hashTagBox li.tagItem .removeTag { position: absolute; right: 0; top: 0; width: 100%; height: 37px; background: url("../../img/main/button_close_block.png") no-repeat right 10px center; background-size: 10px; cursor: pointer; transition-duration: 0.5s; }
.js-hashTagBox li.tagItem:hover { background-color: #84388e; color: #fff; }
.js-hashTagBox li.tagItem:hover .removeTag { background-image: url("../../img/main/button_close_white.png"); }
.js-hashTagBox #hashTagInput { width: 100%; border: none; border-radius: 5px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #000; }
.js-hashTagBox #hashTagInput::placeholder { color: #b3b3b3; }


/** 모바일 글쓰기 - 해시태그 **/
.mobile .js-hashTagBox { padding: 5px; }
.mobile .js-hashTagBox li.tagItem { padding: 2.5px 15px 2.5px 5px; margin: 2.5px; border-radius: 2.5px; font-size: 10px; }
.mobile .js-hashTagBox li.tagItem .removeTag { height: 20px; background-position: right 3px center; background-size: 8px; }
.mobile .js-hashTagBox #hashTagInput { line-height: 25px; font-size: 10px; border-radius: 2.5px; padding: 0 5px; }


/** 확인 레이어 **/
#lyConfirm { left: 50%; top: 50%; max-width: 480px; height: auto; transform: translate(-50%, -50%); border-radius: 5px; }
#lyConfirm .layer_wrap_cont { border: none; }
#lyConfirm .ly_cont { min-height: inherit; padding: 30px; }
#lyConfirm .ly_cont .title { display: flex; align-items: center; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 29px; color: #000; }
#lyConfirm .ly_cont .buttons { margin-top: 30px; }
#lyConfirm .ly_cont .buttons button { display: inline-block; width: 100%; border: solid 1px #6d6d6c; border-radius: 5px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 26px; color: #000; padding: 12px 0; margin: 5px 0; }
#lyConfirm .ly_cont .buttons button.submit, #lyConfirm .ly_cont .buttons button.back { border-color: #84388e; background-color: #84388e; color: #fff; }


/** 모바일 상품 이미지뷰 레이어 **/
.mobile #lyConfirm { width: calc(100% - 20px); }
.mobile #lyConfirm .ly_cont { padding: 20px; }
.mobile #lyConfirm .ly_cont .title { font-size: 15px; }
.mobile #lyConfirm .ly_cont .buttons { margin-top: 20px; }
.mobile #lyConfirm .ly_cont .buttons button { font-size: 14px; }