@charset "utf-8";

.black_bubble	{display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 5px 0; background-color: #333; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: left; z-index: 10;}
.black_bubble li	{white-space: nowrap;}
.black_bubble li button,
.black_bubble li a	{display: inline-block; color: #DDD;}
.black_bubble li button:hover,
.black_bubble li a:hover	{color: #FFF;}

/* list top */
.list_search_key	{position: relative; padding: 15px; min-height: 30px;}
.list_search_key .search_key	{line-height: 30px;}
.list_search_key .search_text	{cursor: pointer;}
.list_search_key .bt_area	{position: absolute; right: 15px; top: 15px;}
.list_search_key .bt_cancel svg	{display: inline-block;}

/* list bottom */
.list_footer	{margin-top: 15px;}
.list_footer .bt_write	{float: right;}

.paging	{position: relative; margin-top: 15px; height: 50px; padding: 0 36px; box-sizing: border-box; background-color: #FFF; border-radius: 2px; text-align: center;}
.paging .page_num	{display: inline-block; margin: 0 3px;}
.paging .page_num.on	{border-radius: 2px;}
.paging .bt_last	{margin-left: 5px;}
.paging .bt_first	{margin-right: 5px;}
.paging .bt_prev	{display: inline-block; position: absolute; top: 0; left: 0; max-width: 16px; height: 50px; line-height: 50px; padding: 0 10px; text-align: center;}
.paging .bt_prev svg	{height: 15px; padding-bottom: 3px; vertical-align: middle;}
.paging .bt_next	{left: auto; right: 0; border-right: none !important;}

/* list_d common */
.list_d .list_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 10;}

/* list_g common */
.list_g .list_unit	{position: relative;}
.list_g .i_check	{position: absolute; left: 10px; top: 10px; z-index: 11;}
.list_g .list_thumb	{display: block; position: relative; background-repeat: no-repeat; background-position: center center; overflow: hidden;}
.list_g .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08); z-index: 3;}
.list_g .now_reading2 .list_thumb::before	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 2;}
.list_g .now_reading2 .list_thumb .fa-arrow-up	{position: absolute; left: 50%; top: 50%; color: #FFF; z-index: 4;}
.list_g .list_thumb img	{display: block; position: absolute; left: 0; top: 0;}
.list_g .no_image	{display: inline-block; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -20px;  width: 40px; height: 36px; text-transform: uppercase; text-align: center;}
.list_g .no_image svg	{height: 35px;}

.list_g .list_ctg	{display: inline-block; margin-bottom: 5px;}
.list_g .list_title	{font-weight: 500; line-height: 140%;}
.list_g .list_summary	{margin-top: 10px; line-height: 160%;}
.list_g .list_info:empty	{display: none;}
.list_g .list_info li	{display: inline-block; margin-right: 10px;}
.list_g .list_info .info_right	{float: right; margin-left: 5px; margin-right: 0;}
.list_g .list_info svg	{height: 13px; width: 13px; margin-right: 3px; vertical-align: middle;}
.list_g .list_vote svg	{height: 9px;}
.list_g .list_profile	{margin-top: 10px;}
.list_g .list_profile .pf	{margin-right: 5px; vertical-align: middle;}

.list_wrap .list_new	{display: inline-block; position: absolute; right: 0; top: 0; width: 25px; height: 25px;font: 10px/25px "Arial"; text-align: center; color: #FFF; z-index: 5;}
.use_bnw .list_thumb img	{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition-property: filter; transition-duration: 0.3s;}
.use_bnw .list_thumb:hover img	{-webkit-filter: none; filter: none;}

/* list gallery */
.ldg .list_body	{padding: 10px; background-color: #FFF; border-top: none !important;}
.ldg .list_info	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid rgba(0,0,0, 0.08);}

.ldg .hided_info .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; background-color: transparent; border: none; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 2;}
.ldg .hided_info.now_reading2 .list_thumb::before	{background-color: #FFF;}
.ldg .hided_info.now_reading2 .list_thumb .fa-arrow-up	{color: #333;}
.ldg .has_profile.hided_info .list_body	{bottom: 40px;}
.ldg .has_profile.hided_info::after	{height: calc(100% - 40px);}

/* list gallery2 */
.ldg2 .list_unit::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg_news.png) repeat-x left bottom;}
.ldg2 .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px; box-sizing: border-box; color: #FFF; z-index: 2;}
.ldg2 .list_summary	{opacity: 0.7;}
.ldg2 .list_info	{margin-top: 10px; opacity: 0.5;}
.ldg2 .list_info svg	{fill: #FFF;}

.ldg2 .hided_info .list_body,
.ldg2 .hided_info::after	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.ldg2 .hided_info::after	{background-image: none; background-color: rgba(0,0,0,0.5);}

.list_g.ldg2 .now_reading2 .list_thumb .fa-arrow-up	{top: 20%;}

.ldg2.use_bnw .list_unit:hover .list_thumb img	{-webkit-filter: none; filter: none;}


/* list blog */
.ldb .list_unit	{position: relative;}
.ldb .pf	{position: relative; left: 50%; width: 60px; height: 60px; margin: 0 0 -30px -30px; box-shadow: 0 0 10px rgba(0,0,0, 0.1); z-index: 5;}
.ldb .i_check	{position: absolute; left: 10px; top: 10px; z-index: 11;}
.ldb .list_thumb	{display: block; position: relative; z-index: 2;}
.ldb .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08);}
.ldb .list_thumb img	{display: block;}
.ldb .list_body	{position: relative; margin-top: -1px; padding-top: 25px; background-color: #FFF; text-align: center; z-index: 1;}
.ldb .list_ctg	{display: inline-block; margin-bottom: 5px;}
.ldb .list_title	{display: inline-block; padding: 0 25px; line-height: 140%; font-size: 16px;}
.ldb .list_title svg	{height: 16px; vertical-align: top; margin-top: 3px;}
.ldb .list_summary	{margin: 20px 25px; text-align: left;}
.ldb .is_secret	{text-align: center;}
.ldb .bt_more	{display: inline-block;}
.ldb .bt_more .dot	{letter-spacing: 3px; font-size: 10px;}
.ldb .bt_more .read_more,
.ldb .bt_more:hover .dot	{display: none;}
.ldb .bt_more:hover .read_more	{display: inline-block; font-size: 11px;}
.ldb .list_info	{display: table; table-layout: fixed; width: 100%; margin-top: 25px;}
.ldb .list_info li	{display: table-cell; padding: 10px 0;}
.ldb .list_info li:last-child	{border-right: none;}
.ldb .list_info svg	{height: 11px; margin-right: 3px;}

.ldb.has_profile .no_thumb	{padding-top: 50px;}
.ldb.has_profile.small_size .no_thumb	{padding-top: 40px;}
.ldb.small_size .pf	{width: 40px; height: 40px; margin: 0 0 -20px -20px;}
.ldb.small_size .list_info svg	{height: 9px;}

/* list faq */
.ldf .list_unit	{position: relative;}
.ldf header	{position: relative;}
.ldf svg	{position: absolute; top: 50%; margin-top: -7px; height: 15px; width: 15px;}
.ldf .text_header	{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.ldf .list_ctg	{display: inline-block; position: relative; margin-right: 5px; z-index: 6;}
.ldf .list_ctg:hover	{text-decoration: underline;}
.ldf h1	{display: inline-block; line-height: 140%;}
.ldf .on .title	{}
.ldf .list_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 5;}
.ldf .i_check	{z-index: 6;}
.ldf .list_body	{display: none; position: relative;}
.ldf .list_body .text_header	{position: absolute; left: 0; top: 20px; -ms-transform: none; transform: none;}
.ldf .list_ctrl	{margin-top: 25px;}
.ldf .list_ctrl a	{margin-right: 10px;}

.ldf_notice	{position: relative; margin-bottom: -1px; z-index: 1;}

/* memo */
.read_top	{margin-bottom: 25px; text-align: center;}
.atc_memo .atc_header	{min-height: 40px;}
.atc_memo.no_profile .atc_header	{padding-left: 15px;}
.atc_memo .atc_buttons	{margin-bottom: 0;}

.bt_memo_write	{position: relative; min-height: 40px;}
.memo_write form	{display: none;}
.bt_memo_write svg	{margin-right: 3px; padding-bottom: 2px; vertical-align: middle;}
.bt_memo_write .textarea_dummy	{display: block; height: 40px; line-height: 40px; box-sizing: border-box; cursor: text;}
.bt_memo_write .button_dummy	{display: inline-block; position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; cursor: pointer;}
.bt_memo_write .bt_box	{display: inline-block; height: 100%;}
.bt_memo_write .bt_box svg	{height: 13px;}

.atc_memo .cmt_write1 .cmt_form	{display: none;}
.atc_memo .cmt_write_ex	{padding-left: 0;}

.memo_write_tags input	{width: 100%; box-sizing: border-box; border: none;}
.memo_write .cmt_write_ex	{padding-left: 0;}

.atc_notice	{position: relative; min-height: 40px;}
.atc_notice .notice_icon	{display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 50%; text-align: center;}
.atc_notice .notice_icon svg	{height: 18px; margin-top: 11px;}
.atc_notice .notice_ctrl	{margin-top: 10px;}
.atc_notice .notice_ctrl a	{margin-right: 10px;}

/* read */
.atc .title_wrap>h1	{word-break: break-all;}
.atc_file	{position: relative; z-index: 1;}
.atc_file::after	{content: ''; position: absolute; left: 0; top: 0; height: 100%; z-index: -1;}
.atc_file h3	{display: inline-block; height: 100%; vertical-align: top;}
.atc_file ol	{display: inline-block; list-style: inside decimal; width: calc(100% - 161px); box-sizing: border-box; padding: 8px 10px 0; line-height: 160%;}
.atc_file li	{margin-bottom: 8px;}
.atc_ex	{position: relative; border-collapse: collapse;}
.atc_ex:empty	{margin: 0;}
.atc_ex th,
.atc_ex td	{padding: 8px 10px;}
.atc_ex th	{text-align: left; font-weight: normal; white-space: nowrap;}
.atc_ex td	{word-break: break-all;}

.atc_secret	{padding: 50px 0; text-align: center;}
.atc_secret h3	{margin-top: 5px;}
.atc_secret .desc	{margin-top: 5px;}
.atc_secret .bt_login,
.atc_secret form	{margin-top: 15px;}

.hg_bd .xe_content ul,
.hg_bd .xe_content ol	{list-style-type: initial; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.hg_bd .xe_content ol	{list-style-type: decimal;}

.atc_tags	{position: relative; padding-left: 25px; margin-top: 20px; margin-right: -10px;}
.atc_tags svg	{position: absolute; left: 0; top: 10px; height: 15px;}
.atc_tags li	{display: inline-block;}
.atc_tags li a	{display: inline-block; padding: 0 10px; margin: 5px 5px 0 0; line-height: 24px; border-radius: 12px;}

.atc_buttons	{text-align: center; margin: 25px 0;}
.atc_buttons ul	{display: inline-block;}
.atc_buttons li	{display: inline-block; margin: 0 2px;}
.atc_buttons button	{display: inline-block; padding: 5px 8px; border-radius: 2px;}
.atc_buttons .voted_count	{display: inline-block; position: relative; margin-left: 15px;}
.atc_buttons .voted_count::before	{content: ''; position: absolute; left: -8px; top: -5px; width: 1px; height: calc(100% + 10px);}
.atc_buttons .pf.lined	{border-radius: 50%; width: 30px; height: 30px; vertical-align: middle; cursor: pointer;}
.atc_buttons .pf.lined::after	{border-radius: 50%;}
.atc_buttons .submitted	{display: inline-block; padding: 5px 8px; border: 1px solid #ebebd7; background-color: #ffffe9; border-radius: 2px;}
.atc_buttons .submitted .voted_count::before	{background-color: #ebebd7}

.atc_box	{margin-bottom: -1px;}
.atc_box h3	{height: 30px; line-height: 30px; padding: 0 15px;}

.bt_who	{width: 300px; margin: -10px auto 15px; text-align: center; cursor: pointer;}
.bt_who .pf	{margin: 0 5px; vertical-align: middle;}
.atc_who	{display: none;}
.atc_who.show	{display: block;}
.atc_who .inner	{height: 88px;}
.atc_who ul	{padding: 15px 15px 0; text-align: center;}
.atc_who li	{display: inline-block; width: 55px; margin-bottom: 13px; vertical-align: top;}

.atc_sign h3	{padding: 0; background-color: #FFF !important; white-space: nowrap; overflow: hidden;}
.atc_sign .writer_text	{display: inline-block; padding: 0 15px; vertical-align: top;}
.atc_sign .nickname	{margin-right: 10px;}
.atc_sign .point_bar	{display: inline-block; position: relative; padding: 0 15px; box-sizing: border-box; vertical-align: top; z-index: 1;}
.atc_sign .current_point	{position: absolute; left: 0; top: 0; height: 30px; z-index: -1;}
.atc_sign .point	{position: absolute; right: 15px; top: 0;}
.atc_sign .sign_body	{padding: 12px 15px;}

.atc .show_author_document	{display: none;}
.atc .show_author_document.atc_box	{display: block; margin: 0;}
.atc .show_author_document h2	{height: 30px; line-height: 30px; padding: 0 15px;}
.atc .show_author_document h2 i	{display: none;}
.atc .show_author_document ul	{border: none; padding: 15px 15px 8px;}
.atc .show_author_document li	{margin-bottom: 7px;}
.atc .show_author_document li a	{height: auto;}
.atc .show_author_document li a .mark	{padding: 2px 6px; margin-right: 5px; border-radius: 2px;}
.atc .show_author_document li .part	{padding-top: 3px;}

.atc_warn	{position: fixed; left: 50%; top: 50%; margin-top: -18px; height: 36px; line-height: 36px; padding: 0 15px; background-color: rgba(0,0,0,0.5); text-align: center; font-size: 14px; color: #FFF; opacity: 0; z-index: -5;}

/* rating */
.rating	{display: inline-block; position: relative; letter-spacing: 2px;}
.rating>span	{display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap; overflow: hidden;}
.rating::after	{content: '★★★★★'; color: #CCC;}
.rating>span::after	{content: '★★★★★';}

/* comment */
.cmt_title	{position: relative;}
.bt_cmt_write	{position: absolute; right: 25px; top: 10px; padding: 5px 7px; max-width: 27px; box-sizing: border-box; background-color: #FFF; border-radius: 2px;}
.bt_cmt_write svg	{height: 13px; vertical-align: middle; padding-bottom: 2px;}
.cmt_notice	{position: relative; padding: 12px 15px 12px 45px; background-color: #FFF; line-height: 180%;}
.cmt_notice svg	{position: absolute; left: 15px; top: 15px; height: 18px; width: 18px;}
.cmt_unit	{position: relative;}
.cmt_header	{padding-left: 60px;}
.cmt.no_profile .cmt_header	{padding-left: 0;}
.cmt_header .writer	{display: inline-block; padding: 2px 5px; margin-left: 3px; border-radius: 2px; border: 1px solid #dfdfc8; background-color: #ffffe9;}
.cmt_secret_icon svg	{height: 16px; vertical-align: middle;}
.cmt_ip	{margin-left: 5px;}
.cmt_rank	{display: inline-block; padding: 2px 4px; margin-right: 5px; border-radius: 2px; font-size: 10px; color: #FFF; z-index: 5;}
.cmt_rank1	{background-color: #D4AF37;}
.cmt_rank2	{background-color: #A9A9A9;}
.cmt_rank3	{background-color: #B08D55;}
.cmt_unit .pf	{margin-right: 15px; vertical-align: top;}

.cmt_member,
.cmt_guest	{margin-top: 10px;}
.cmt_body	{display: inline-block; position: relative; padding: 12px 15px; box-sizing: border-box; background-color: #FFF; vertical-align: top;}
.cmt_body::before	{content: ''; position: absolute; right: 100%; top: 15px; border: 6px solid transparent;}
.cmt_body::after	{content: ''; position: absolute; right: 100%; top: 16px; border: 5px solid transparent; border-top: 5px solid #FFF; border-right: 5px solid #FFF;}
.cmt.no_profile .cmt_body::before	{content: none;}
.cmt.no_profile .cmt_body::after	{content: none;}
.cmt_body.my_cmt	{border: 1px solid #dfdfc8; background-color: #ffffe9;}
.cmt_body.my_cmt::before	{border-top: 6px solid #d2d2b9; border-right: 6px solid #d2d2b9;}
.cmt_body.my_cmt::after	{border-top: 5px solid #ffffe9; border-right: 5px solid #ffffe9;}
.cmt_vote .voted_count	{display: inline-block; padding: 2px 6px; font: 11px "Arial";}
.cmt_vote .voted_count + .blamed	{border-left: none;}
.cmt_vote .voted_count + .blamed:hover	{border-left: none;}
.cmt_vote .voted_count svg	{height: 9px; margin-right: 1px;}
.cmt_new	{display: inline-block; width: 4px; height: 4px; margin-left: 5px; border-radius: 50%; vertical-align: top;}
.cmt_body .xe_content img	{padding-bottom: 5px;}
.atc .xe_content a	{text-decoration: underline;}
.atc .xe_content a:hover	{text-decoration: none;}

.cmt_reload	{text-align: center;}
.bt_cmt_reload,
.bt_cmt_prev	{width: 100%; padding: 10px 0;}

.cmt_delete .instant_delete	{text-align: center;}

/* best cmt */
.best_area	{margin-bottom: 15px;}
.best_cmt_text	{display: inline-block; width: 40px; border: 1px solid #f1c3c3; border-right: none; background-color: #ffd9d9; color: #da7373; text-transform: uppercase; text-align: center;}
.cmt_unit.best_cmt	{margin-top: -1px; padding-top: 0; padding: 15px; border: 1px solid #e5e5e5; background-color: #FFF;}
.cmt_unit.best_cmt .pf	{margin-right: 10px;}
.cmt_unit.best_cmt .cmt_body	{border: none !important; padding: 0;}
.cmt_unit.best_cmt .cmt_body::after,
.cmt_unit.best_cmt .cmt_body::before	{content: none !important;}
.cmt_unit.best_cmt .cmt_date	{display: none;}
.cmt_unit.best_cmt .cmt_edit	{position: static; margin: 8px 0 0 0;}

.cmt.no_profile .cmt_unit.best_cmt .cmt_body	{max-width: 100%;}

/* comment write */
.cmt_not_permitted .bt_login	{margin-top: 10px;}
.cmt_write	{background-color: #FFF}
.cmt_write_form	{position: relative;}
.cmt_write_form .textarea_wrap.editor_ver	{padding: 15px 15px 4px;}
.textarea_wrap.text_ver textarea	{min-height: 120px; box-sizing: border-box; border: none; background-color: transparent; line-height: 160%; resize: none; overflow: hidden;}
.cmt_write_ex	{position: relative; height: 40px;}
.cmt_write_editor 	{display: inline-block; height: 40px; vertical-align: top;}
.cmt_write_editor svg	{width: 10px; margin-left: 5px; vertical-align: middle;}
.cmt_write_editor>button	{width: 100%; line-height: 40px; height: 40px;}
.cmt_write_option	{display: inline-block; height: 40px; line-height: 40px;}
.cmt_write_option .i_check	{margin-right: 15px;}
.cmt_write_ex .bt_area	{float: right; height: 100%;}

.cmt_write_re	{display: none; position: relative; margin-top: 10px; background-color: #FFF; border-bottom: none !important; border-right: none !important;}
.cmt_write_re::after	{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; z-index: 1;}
.cmt_write_re::before	{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; z-index: 1;}
.cmt_write_re .cmt_form	{position: relative; height: 0; overflow: hidden;}
.cmt_write_re .cmt_write_ex	{padding-left: 0;}
.cmt_write_re .cmt_write_option	{border-left: none;}
.go_editor svg	{height: 13px; vertical-align: middle; padding-bottom: 2px;}
.cmt_write_re .bt_area	{position: relative; z-index: 2;}
.cmt_write_re .bt_area .bt_box	{height: calc(100% + 1px);}
.cmt_write_re .bt_color	{margin-right: 0;}

.cmt_write_sp	{background-color: #FFF;}
.cmt_write_sp .cmt_write_editor	{margin-top: -1px; border-top: 1px solid #FFF; color: #FFF;}

/* sticker */
.stk_display	{position: relative; background-color: #FFF; clear: both;}
.cmt_write_re .stk_display	{border-top: none;}
.display-toggle	{display: none;}

.cmt_write .stk_display .bt_close	{display: none;}
.cmt_write_re .stk_display .bt_close	{display: inline-block;}

.sticker_pack	{position: relative; padding: 15px 50px 0;}
.sticker_pack .bt_module,
.sticker_pack>ul>li	{display: inline-block; vertical-align: middle; text-align: center;}
.sticker_pack .bt_module	{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.sticker_pack .bt_left	{left: 0;}
.sticker_pack .bt_right	{right: 0;}
.sticker_pack .bt_module,
.sticker_pack>ul>li	{display: inline-block; vertical-align: middle; text-align: center;}
.sticker_pack>ul>li a	{display: inline-block; width: 40px; height: 40px; background-color: #FFF; position: relative; margin: 0 15px 15px 0;}
.sticker_pack>ul>li a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.sticker_pack>ul>li.on a::after	{border: 3px solid #000; opacity: 0.3;}
.sticker_pack div>img	{width:40px; height:40px; object-fit: cover;}
.sticker_pack .bt_module a	{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.sticker_pack a svg	{width: 22px; margin-top: 8px;}

.no_sticker	{padding: 25px;}
.stk_body>ul>li	{display: inline-block;}
.stk_body>ul>li a	{display: inline-block; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.stk_body>ul>li a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}

.stk_cmt_reply .stk_display	{margin-top: 0;}
.stk_cmt_reply .stk_display::before	{content: none;}
.stk_cmt_reply .stk_display::after	{content: none;}

.sticker_pack>ul>li.on	{position: relative;}
.sticker_pack>ul>li.on::before	{content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -18px; border: 11px solid transparent;}
.sticker_pack>ul>li.on::after	{content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -17px; border: 10px solid transparent; border-bottom: 10px solid #FFF;}

/* sticker module */
.sticker_notice	{position: relative; min-height: 40px;}
.sticker_notice .notice_icon	{display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 50%; text-align: center;}
.sticker_notice .notice_icon svg	{height: 18px; margin-top: 11px;}

.lds .list_thumb img	{width: 100%; height: auto;}
.lds .bought_sticker	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.7; text-align: center; z-index: 1;}
.lds .bought_sticker>span	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0 15px; line-height: 34px; border-radius: 17px; white-space: nowrap; background-color: #333; color: #FFF;}
.center_price	{width: 100%; text-align: center;}

.sticker_list	{margin: 25px 0;}
.sticker_list>ul>li	{display: inline-block;}
.sticker_list .sticker_img	{position: relative; width: 100%; padding-bottom: 100%; background-size: cover;}
.sticker_list .sticker_img::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08); z-index: 3;}
.sticker_buy	{text-align: center;}

.write_sticker input[type="number"]::-webkit-outer-spin-button,
.write_sticker input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.write_sticker input.file_hidden	{position: absolute; left: 0; top: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.write_sticker .select_file	{display: inline-block; position: absolute; z-index: 1;}
.write_sticker .bt_del	{position: absolute;}

.my_sticker .list_thumb a	{display: inline-block; position: relative; background-size: cover;}
.my_sticker .list_thumb a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08); z-index: 3;}
.my_sticker .bt_bs svg	{height: auto; opacity: 0.8;}

/* message */
.bd_message	{margin: 0 auto; padding: 25px 0; background-color: #FFF; text-align: center;}
.bd_message h3	{margin-bottom: 25px;}
.bd_message .ip_bs	{margin-bottom: 25px;}

/* sk ctn */
.sk_ctn	{display: none;}
.sk_ctn	.sk_ctn_inner {position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box; background-color: rgba(0,0,0,0.9); z-index: 99; overflow: auto; -webkit-overflow-scrolling: touch; color: #FFF;}
.sk_ctn .message	{display: none;}
.sk_ctn section:first-of-type,
.sk_ctn h1	{display: none; margin: 0;}
.sk_ctn section:last-of-type	{}
.sk_ctn section h2	{margin-bottom: 30px; padding: 20px 0; border: 1px solid #555; font-weight: normal; text-align: center; font-size: 18px; letter-spacing: 0.15em; font-family: 'IropkeBatangM', 'IropkeBatangOTFM', 'NanumMyeongjo', 'Batang', serif; cursor: pointer;}
.sk_ctn .x_control-group	{display: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255, 255, 255, 0.1)}
.sk_ctn .x_control-label	{letter-spacing: 0.15em;}
.sk_ctn .x_controls	{margin-top: 15px; overflow: hidden;}
.sk_ctn .x_controls label	{margin-right: 10px; line-height: 180%;}
.sk_ctn .i_check>span	{background-color: rgba(255, 255, 255, 0.1); border: 1px solid #555;}
.sk_ctn .x_controls textarea,
.sk_ctn .x_controls input[type=text],
.sk_ctn .x_controls input[type=file]	{position: relative; display: block; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.1); line-height: 140%; color: #FFF; z-index: 1;}
.sk_ctn .x_controls textarea:focus,
.sk_ctn .x_controls input[type=text]:focus	{border: 1px solid rgba(255,255,255,1.0);}
.sk_ctn .x_icon-question-sign	{display: none;}
.sk_ctn .x_help-block	{display: block; margin-top: 10px; font-size: 12px; opacity: 0.5;}
.sk_ctn .bt_area	{padding-bottom: 60px; text-align: center;}
.sk_ctn .bt_bs	{padding: 0 10px; margin: 0 10px; background-color: transparent !important; border: 1px solid #333 !important;}
.sk_ctn .bt_bs svg	{width: 24px; height: 24px;}

.ac_mobile .x_control-group	{display: none;}


/* send message */
.send_msg .msg_form	{display: none;}
.send_msg.on .msg_form	{display: block;}
.send_msg input.ip_bs	{width: 100%; margin-bottom: 10px;}
.send_msg textarea.ip_bs	{width: 100%; height: 150px; padding: 7px 10px;}

.send_success	{text-align: center;}
.send_msg .inner svg	{margin-bottom: 20px; font-size: 42px; color: #CCC;}