@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900";
@import "font-notosans.css";

html { min-height:100%; display:flex; }
body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; font-weight:400; font-size:15px; line-height:1.5; width:100%; margin:0px; padding:0px; color:#222222; background-color: #f0f0f0; padding-bottom:60px; flex:1; }
body.app { padding-bottom:0px; }
* { font-family:"Roboto","Noto Sans KR",sans-serif; }
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:focus { outline:0 !important; }
a { text-decoration:none; cursor:pointer; color:#222222; -webkit-tap-highlight-color:transparent; }
a:hover { text-decoration:none; }
input, button, span, label { -webkit-tap-highlight-color:transparent; }
p { margin:0px; }
ul, ol, li, dl, dt, dd { list-style:none; margin:0; padding:0; }
table { border-collapse:collapse; width:100%; } /*  table-layout:fixed; */
th, td { word-wrap:break-word; word-break:break-all; }
strong, b{ font-weight:500; }
input[type='text'], input[type='password'], textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; } /* -webkit-border-radius:0; */
input[type='submit'], input[type='button'], button { cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } /* -webkit-border-radius:0; */
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23363636'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E") no-repeat 99% center; }
select::-ms-expand{ display:none; }
h1, h2, h3, h3, h5, h6 { padding:0px; margin:0px; font-weight:500; }

/* Loader Icon */
.loader_bg { position:absolute; display:block; width:100%; height:100%; background-color:#000000; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); top:0px; left:0px; z-index:100; }
.loader_bg.off { display:none; }
.loader_bg.fix { position:fixed; }
.loader { position:absolute; display:block; width:32px; height:32px; background:url("/images/common/loader.svg") no-repeat; left:50%; top:50%; margin-top:-16px; margin-left:-16px; z-index:101; }
.loader.off { display:none; }
.loader.fix { position:fixed; }
.loader_big { position:absolute; display:block; width:64px; height:64px; background:url("/images/common/loader_big.svg") no-repeat; left:50%; top:50%; margin-top:-32px; margin-left:-32px; z-index:101; }
.loader_big.off { display:none; }
.loader_big.fix { position:fixed; }

/* Submit Group */
.submit_button { position:relative; min-width:40px; min-height:40px; }
.submit_button .loader { width:34px; height:34px; margin-top:-17px; margin-left:-17px; background:url("/images/common/loader.svg") no-repeat; }
.submit_button .btn_group { text-align:center; }
.submit_button .btn_group.off:after { content:''; display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#000000; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); }

/* Paging */
.paging { text-align:center; }
.paging a.num, .paging a.jump { display:inline-block; min-width:34px; height:34px;line-height:34px; border:1px solid #e6e6e6; font-weight:500; padding:0px; text-align:center; margin-left:5px; vertical-align:middle; font-size:15px; color:#666666; background-repeat:no-repeat; background-position:center; }
.paging a.jump.first { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%23666666'%3E%3Cpath d='M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z'/%3E%3Cpath d='M24 24H0V0h24v24z' fill='none'/%3E%3C/svg%3E"); }
.paging a.jump.prev { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%23666666'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); }
.paging a.jump.next { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%23666666'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); }
.paging a.jump.last { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%23666666'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z'/%3E%3C/svg%3E"); }
.paging a:first-child { margin-left:0px; }
.paging a.on { color:#fa3b40; border-color:#fa3b40; }

/* Layer Popup */
#popup_view { position:fixed; top:100%; left:0px; width:100%; height:100%; z-index:1000; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); transition:opacity 0.3s; }
#popup_view.on { top:0px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); transition:top 0.2s, opacity 0.3s; }
#popup_view .background { position:absolute; background-color:#000000; filter:alpha(opacity:60); opacity:0.6; -moz-opacity:0.6; left:0px; top:0px; width:100%; height:100%; z-index:1001; }
#popup_view .popup { display:flex; flex-direction:column; position:absolute; width:calc(100% - 20px); max-height:calc(100% - 50px); z-index:1002; border-radius:10px; overflow:hidden; box-shadow:3px 3px 2px 0px rgba(0,0,0,0.2); top:50%; left:50%; transform:translate3d(-50%,-50%,0px); background-color:#505460; }
#popup_view .title { position:relative; color:#ffffff; }
#popup_view .title span { display:block; height:50px; line-height:50px; font-size:17px; font-weight:500; padding-left:20px;  }
#popup_view .title a.close { display:block; position:absolute; right:0px; top:0px; width:50px; height:50px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34px' viewBox='0 0 24 24' width='34px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") no-repeat center; }
#popup_view .wrap { position:relative; width:100%; height:100px; max-height:calc(100% - 50px); overflow-x:hidden; overflow-y:auto; transition:all 0.2s; }
#popup_view .wrap .body { background-color:#ffffff; }

/* Percent Box */
.percent_box { width:100%; height:28px; border-radius:5px; overflow:hidden; position:relative; background-color:#e2e2e2; }
.percent_box label, .percent_box span.txt { display:block; position:absolute; top:0px; line-height:28px; z-index:1; color:#222222 !important; font-weight:500; font-size:14px; }
.percent_box label { left:0px; text-align:left; padding-left:15px; }
.percent_box span.txt { right:0px; text-align:right; padding-right:15px; }
.percent_box span.bar { display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2; background:linear-gradient( to right,#fa3d41,#fb933c); transition:all 0.2s; clip-path:polygon(0 0, var(--progress) 0, var(--progress) 100%, 0 100%); -webkit-clip-path:polygon(0 0, var(--progress) 0, var(--progress) 100%, 0 100%); }
.percent_box span.bar label, .percent_box span.bar span.txt { color:#ffffff !important; }
.percent_box span.bar.dark { background:linear-gradient( to right,#505460,#868c9c); }

/* Input Box */
.input { height:40px; line-height:40px; border:1px solid #ababab; font-size:15px; color:#222222; padding:0px 10px; border-radius:3px; vertical-align:middle; background-color:#ffffff; }
.input:focus { border:1px solid #fa3b40; }
.input.center { text-align:center; }
.input::placeholder { font-size:15px; color:#bababa; }
textarea.input { width:100%; height:150px; line-height:1.5; padding-top:4px; padding-bottom:4px; }

/* Check Box & Radio Box */
.checkbox, .radio { display:inline-block; position:relative; vertical-align:middle; cursor:pointer; line-height:1; }
.checkbox input[type='checkbox'], .radio input[type='radio'] { position:absolute; opacity:0; }
.checkbox label, .radio label { display:inline-block; position:relative; line-height:24px; height:24px; padding-left:24px; vertical-align:middle; cursor:pointer; }
.checkbox label > span, .radio label > span { display:inline-block; vertical-align:middle; line-height:1; padding-left:5px; }
span.checkbox + span.checkbox, span.radio + span.radio { margin-left:10px; }
div.checkbox + div.checkbox, div.radio + div.radio { margin-top:5px; }
.checkbox label::before, .checkbox label::after, .radio label::before, .radio label::after { content:''; position:absolute; width:24px; height:24px; left:0; text-align:center; }
.checkbox input[type='checkbox'] + label::before { border:1px solid #ababab; background-color:rgba(255,255,255,0.4); }
.checkbox input[type='checkbox']:checked + label::before { background-color:#fa3b40; border-color:#fa3b40; }
.checkbox input[type='checkbox']:checked + label::after { background:url("data:image/svg+xml;charset=utf8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' aria-labelledby='okIconTitle' stroke='%23ffffff' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter' fill='none' color='%23222222'%3E%3Ctitle id='okIconTitle'%3EOk%3C/title%3E%3Cpolyline points='4 13 9 18 20 7'/%3E%3C/svg%3E") no-repeat center; background-size:65%; }
.radio input[type='radio'] + label::before { border:1px solid #ababab; background-color:rgba(255,255,255,0.4); border-radius:100%; overflow:hidden; isolation:isolate; }
.radio input[type='radio']:checked + label::before { background-color:#fa3b40; border-color:#fa3b40; }
.radio input[type='radio']:checked + label::after { background:url("data:image/svg+xml;charset=utf8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' aria-labelledby='okIconTitle' stroke='%23ffffff' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter' fill='none' color='%23222222'%3E%3Ctitle id='okIconTitle'%3EOk%3C/title%3E%3Cpolyline points='4 13 9 18 20 7'/%3E%3C/svg%3E") no-repeat center; background-size:65%; }
.checkbox input[type='checkbox']:disabled + label::before, .radio input[type='radio']:disabled + label::before { background-color:#b7b7b7; border-color:#b7b7b7; }
    
/* Status Label */
label.status_0, label.status_1.board { background-color:#7434ea; color:#ffffff; }
label.status_1, label.status_2.board { background-color:#fa3b40; color:#ffffff; }
label.status_2, label.status_3.board { background-color:#505460; color:#ffffff; }
label.status_3, label.status_9.board { background-color:#fe7320; color:#ffffff; }
label.status_0.line, label.status_1.board.line { background-color:transparent; border:1px solid #7434ea; color:#7434ea; }
label.status_1.line, label.status_2.board.line { background-color:transparent; border:1px solid #fa3b40; color:#fa3b40; }
label.status_2.line, label.status_3.board.line { background-color:transparent; border:1px solid #505460; color:#505460; }
label.status_3.line, label.status_9.board.line { background-color:transparent; border:1px solid #fe7320; color:#fe7320; }

/* Status Button & Color Button */
button { display:block; height:40px; text-align:center; border-radius:5px; border:0px; line-height:1; font-size:15px; color:#ffffff; }
button:disabled { background-color:#b7b7b7 !important; color:#f1f1f1 !important; }
a.status_0, a.status_1, a.status_2, a.status_3, a.status_9, .button { display:block; height:40px; line-height:40px; font-size:15px; text-align:center; color:#ffffff; border-radius:5px; }
a.status_0, a.status_1.board, .button.purple, button.purple { background-color:#7434ea; }
a.status_1, a.status_2.board, .button.red, button.red { background-color:#fa3b40; }
a.status_2, a.status_3.board, .button.dark, button.dark { background-color:#505460; }
a.status_3, a.status_9.board, .button.orange, button.orange { background-color:#fe7320; }
.button.gray, button.gray { background-color:#a3a3a3; }
.button.blue, button.blue { background-color:#3484f3; }
.button.green, button.green { background-color:#0ea927; }

/* Font Color */
span.status_1, strong.status_1, .color.purple { color:#7434ea; }
span.status_2, strong.status_2, .color.red { color:#fa3b40; }
span.status_3, strong.status_3, .color.dark { color:#505460; }
span.status_9, strong.status_9, .color.orange { color:#fe7320; }
.color.gray { color:#a3a3a3; }
.color.blue { color:#3484f3; }
.color.green { color:#0ea927; }



/* Style : Header */
a.logo { display:block; float:left; line-height:60px; padding-left:13px; font-size:21px; color:#505460; }
a.logo span { color:#fa3b40; font-weight:900; margin-right:5px; }

a.top_button { position:fixed; display:block; padding:0px 15px; right:10px; top:10px; height:40px; font-size:15px; line-height:40px; border-radius:5px; border:1px solid #fa3b40; color:#fa3b40; z-index:100; }
button.reload { position:fixed; display:block; width:60px; height:60px; border:0px; right:0px; top:0px; z-index:100; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30px' viewBox='0 0 24 24' width='30px' fill='%23222222'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E") no-repeat center center; }
button.reload.on { transform:rotate(1080deg); transition:all linear 3.0s; }

header { position:fixed; width:100%; left:0px; top:0px; background-color:#ffffff; z-index:100; border-bottom:1px solid #e6e6e6; }
header:after { content:''; display:block; width:100%; height:0px; clear:both; }
header nav { height:60px; }
header nav a.menu { display:block; position:relative; float:right; width:60px; height:60px; padding:13px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34px' viewBox='0 0 24 24' width='34px' fill='%23222222'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") no-repeat center; }

#back_title { position:relative; width:100%; height:60px; padding-left:50px; line-height:60px; }
#back_title > a.back { display:block; position:absolute; left:0px; right:0px; width:50px; height:100%; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32px' viewBox='0 0 24 24' width='32px' fill='%23222222'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z'/%3E%3C/svg%3E") no-repeat center center; }
#back_title > span { font-size:18px; font-weight:500; vertical-align:middle; }

#close_title { position:relative; width:100%; height:60px; }
#close_title > span { display:block; line-height:60px; padding-left:10px; font-size:20px; font-weight:500; }
#close_title > a.close { display:block; position:absolute; right:0px; top:0px; width:60px; height:60px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34px' viewBox='0 0 24 24' width='34px' fill='%23222222'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") no-repeat center; }



/* Style : Body */
section { margin-top:60px; padding:10px; min-height:calc(100% - 120px); }
section.no_copy { min-height:calc(100% - 60px); }
section.public { min-height:100%; margin-top:0px; margin-bottom:-70px; }
section.white { background-color:#ffffff; }

.sub_tap_menu { display:flex; border-bottom:1px solid #fa3b40; margin:-10px -10px 10px -10px; }
.sub_tap_menu a { flex:1; width:100%; height:50px; line-height:50px; text-align:center; background-color:#a3a3a3; color:#ffffff; }
.sub_tap_menu a.on { background-color:#fa3b40; }

.sub_title { font-size:18px; padding:20px 0px; text-align:center; line-height:1; font-weight:500; }
.sub_title.top { padding-top:10px; }

.sub_title_banner { position:relative; margin:-10px; margin-bottom:10px; }
.sub_title_banner > div.banner { position:absolute; left:0px; top:0px; width:100%; }
.sub_title_banner > div.banner img { display:block; width:100%; height:auto; }
.sub_title_banner > div.banner:before { content:''; display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:linear-gradient( to bottom,rgb(0,0,0,0.8),rgb(0,0,0,0.8),rgb(240,240,240,1)); }
.sub_title_banner > dl { position:relative; color:#ffffff; padding:20px; padding-bottom:10px; }
.sub_title_banner > dl dt { font-size:18px; font-weight:500; }
.sub_title_banner > dl dd { font-size:15px; }
.sub_title_banner > dl dd.notice { padding-left:16px; font-size:14px; margin-top:20px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14px' viewBox='0 0 24 24' width='14px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E") no-repeat left 3px; }
.sub_title_banner div.use_block { position:absolute; right:10px; top:10px; background-color:#7434ea; height:24px; line-height:24px; padding:0px 10px; border-radius:5px; font-size:13px; vertical-align:top; color:#ffffff; }
.sub_title_banner div.use_block.free { background-color:#fa3b40; }

.sub_title_notice { border-radius:5px; background-color:#ffffff; border:1px solid #e6e6e6; box-shadow:3px 3px 2px 0px rgba(0,0,0,0.2); margin-bottom:10px; padding:20px; }
.sub_title_notice .title { line-height:1; font-size:18px; font-weight:500; text-align:center; margin-bottom:20px; }
.sub_title_notice li { position:relative; margin-bottom:10px; padding-left:20px; color:#535353; }
.sub_title_notice li:before { content:''; display:block; position:absolute; width:15px; height:15px; top:3px; left:0px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 0 24 24' width='15px' fill='%23535353'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") no-repeat; }
.sub_title_notice li.important { color:#fa3b40; font-weight:500; }
.sub_title_notice li.important:before { color:#fa3b40; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 0 24 24' width='15px' fill='%23fa3b40'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") no-repeat; }

.sub_body { position:relative; }

.notice_box { margin-top:30px; }
.notice_box .title { position:relative; height:40px; line-height:40px; font-size:18px; font-weight:500; padding-left:25px; margin-bottom:5px; }
.notice_box .title:before { display:block; position:absolute; content:''; height:40px; width:20px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 24 24' width='20px' fill='%23ea4335'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") no-repeat; left:0px; top:10px; }
.notice_box > ul > li { list-style:decimal; margin-left:20px; margin-bottom:10px; color:#666666; }
.notice_box > ul > li.important { color:#ea4335; font-weight:500; }

.card_box { margin-bottom:10px; padding:10px; border-radius:5px; overflow:hidden; background-color:#ffffff; border:1px solid #e6e6e6; box-shadow:3px 3px 2px 0px rgba(0,0,0,0.2); }
.card_box:last-child { margin-bottom:0px; }
.load_img { background:url('/images/common/loader.svg') #e3e3e3 no-repeat center; }
.none_data { text-align:center; padding:10px 0px; font-size:16px; font-weight:500; }
.none_data:before { content:''; display:block; width:120px; height:120px; background:url("/images/icon_no_result.png") no-repeat 32px 27px #ffffff; background-size:65px; border-radius:50%; margin:25px auto; box-shadow:3px 3px 2px 0px rgba(0,0,0,0.1); }

.contents > li.item { padding:0px; border:0px; }
.contents > li.item dl dt { position:relative; }
.contents > li.item dl dt label { position:absolute; display:block; left:10px; top:10px; border-radius:10px; height:30px; line-height:30px; font-size:15px; padding:0px 15px; }
.contents > li.item dl dt img { display:block; width:100%; height:auto; }
.contents > li.item dl dt .my_vote_count { display:block; position:absolute; height:40px; line-height:40px; z-index:1; background-color:red; bottom:0px; left:0px; background-color:rgb(0,0,0,0.8); color:#ffffff; padding:0px 20px; border-top-right-radius:5px; }
.contents > li.item dl dt .my_vote_count strong.good { color:#8922ef; }
.contents > li.item dl dt .my_vote_count strong.bad { color:#fe6f20; }
.contents > li.item dl dd a { display:inline-block; width:50%; height:45px; font-size:16px; text-align:center; line-height:45px; }
.contents > li.item dl dd a:nth-child(1) { background-color:#fa3b40; color:#ffffff; }
.contents > li.item dl dd a:nth-child(1):before { display:inline-block; content:''; width:24px; height:24px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 12c1.38 0 2.49-1.12 2.49-2.5S17.88 7 16.5 7C15.12 7 14 8.12 14 9.5s1.12 2.5 2.5 2.5zM9 11c1.66 0 2.99-1.34 2.99-3S10.66 5 9 5C7.34 5 6 6.34 6 8s1.34 3 3 3zm7.5 3c-1.83 0-5.5.92-5.5 2.75V19h11v-2.25c0-1.83-3.67-2.75-5.5-2.75zM9 13c-2.33 0-7 1.17-7 3.5V19h7v-2.25c0-.85.33-2.34 2.37-3.47C10.5 13.1 9.66 13 9 13z'/%3E%3C/svg%3E") no-repeat; vertical-align:-6px; margin-right:8px; }
.contents > li.item dl dd a:nth-child(2) { background-color:#505460; color:#ffffff; }
.contents > li.item dl dd a:nth-child(2):before { display:inline-block; content:''; width:24px; height:24px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M22,5.18L10.59,16.6l-4.24-4.24l1.41-1.41l2.83,2.83l10-10L22,5.18z M19.79,10.22C19.92,10.79,20,11.39,20,12 c0,4.42-3.58,8-8,8s-8-3.58-8-8c0-4.42,3.58-8,8-8c1.58,0,3.04,0.46,4.28,1.25l1.44-1.44C16.1,2.67,14.13,2,12,2C6.48,2,2,6.48,2,12 c0,5.52,4.48,10,10,10s10-4.48,10-10c0-1.19-0.22-2.33-0.6-3.39L19.79,10.22z'/%3E%3C/svg%3E") no-repeat; vertical-align:-6px; margin-right:8px; }
.contents_banner { margin:-10px; margin-bottom:10px; }
.contents_banner img { display:block; width:100%; height:auto; }

.entry > li.item dl { position:relative; }
.entry > li.item dl:after { content:''; display:block; height:0px; clear:both; }
.entry > li.item dl dt { position:relative; width:120px; float:left; }
.entry > li.item dl dt label { position:absolute; display:block; left:0px; top:0px; border-radius:12px; height:24px; line-height:24px; padding:0px 10px; font-size:13px; z-index:1; }
.entry > li.item dl dt a { position:relative; display:block; width:100%; height:0px; padding-bottom:100%; clip-path:circle(50%); -webkit-clip-path:circle(50%); /*border-radius:50%; overflow:hidden; isolation:isolate;*/ }
.entry > li.item dl dt a img { display:block; position:absolute; width:100%; height:auto; left:0px; top:50%; transform:translate3d(0px,-50%,0px); }
.entry > li.item dl dd { width:calc(100% - 120px); float:left; line-height:1; padding-left:15px; margin-top:10px; font-size:15px; color:#535353; }
.entry > li.item dl dd:nth-child(2) { color:#222222; margin-top:15px; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.entry > li.item dl dd span { color:#a3a3a3; }
.entry > li.item dl dd span.nick { color:#7434ea; }
.entry > li.item dl dd .show_entry_profile.btn { position:absolute; right:0px; top:2px; z-index:1; font-size:14px; font-weight:500; height:30px; line-height:30px; padding:0px 12px 0px 10px; border-radius:5px; color:#ffffff; background-color:#505460; }
.entry > li.item dl dd .show_entry_profile.btn:before { display:inline-block; content:''; width:16px; height:16px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat; vertical-align:-3px; margin-right:3px; }
.entry > li.item dl.member { padding-left:10px; clear:both; margin-top:10px; border-top:1px solid #e8e8e8; padding-top:10px; }
.entry > li.item dl.member dt { width:90px; }
.entry > li.item dl.member dd { width:calc(100% - 90px); }
.entry > li.item dl.member dd:nth-child(2) { margin-top:12px; }
.entry > li.item dl.member dd:nth-child(2) strong { font-size:15px; }
.entry > li.item dl.member dd .show_entry_profile.btn { top:12px; }
.entry_profile { width:100%; min-height:100px; }
.entry_profile img { display:block; width:100%; height:auto; }

.vote > li.item { position:relative; }
.vote > li.item label { position:absolute; display:block; right:10px; top:10px; border-radius:15px; height:30px; line-height:30px; padding:0px 15px; font-size:14px; }
.vote > li.item dl dt { margin-bottom:8px; height:30px; line-height:30px; font-size:17px; color:#222222; font-weight:500; }
.vote > li.item dl dt a { display:block; height:100%; }
.vote > li.item dl dd:not(:last-child) { margin-bottom:8px; height:20px; line-height:20px; font-size:15px; color:#535353; }
.vote > li.item dl dd:not(:last-child) strong { color:#fa3b40; }
.vote > li.item dl dd:not(:last-child) strong.use_block { color:#7434ea; }
.vote > li.item dl dd:not(:last-child) strong.use_block.free { color:#fa3b40; }

.vote_entry > li.item dl:after { content:''; display:block; height:0px; clear:both; }
.vote_entry > li.item dl dt { position:relative; width:120px; float:left; }
.vote_entry > li.item dl dt > span { position:relative; display:block; width:100%; height:0px; padding-bottom:100%; clip-path:circle(50%); -webkit-clip-path:circle(50%); /*border-radius:50%; overflow:hidden; isolation:isolate;*/ }
.vote_entry > li.item dl dt > span img { display:block; position:absolute; width:100%; height:auto; left:0px; top:50%; transform:translate3d(0px,-50%,0px); }
.vote_entry > li.item dl dt > span label { display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:rgb(0,0,0,0.8); }
.vote_entry > li.item dl dt > span label span { display:block; position:absolute; z-index:1; padding-top:28px; left:0px; top:50%; transform:translate3d(0px,-50%,0px); width:100%; text-align:center; font-size:16px; line-height:1; font-weight:500; }
.vote_entry > li.item dl dt > span label.good span { color:#fa3b40; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 24 24' width='20px' fill='%23fa3b40'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat top center; }
.vote_entry > li.item dl dt > span label.bad span { color:#a3a3a3; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 24 24' width='20px' fill='%23a3a3a3'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none'/%3E%3Cpath d='M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z'/%3E%3C/svg%3E") no-repeat top center; }
.vote_entry > li.item dl dd { width:calc(100% - 120px); float:left; line-height:1.4; padding-left:15px; margin-top:5px; font-size:15px; color:#535353; }
.vote_entry > li.item dl dd:nth-child(2) { color:#222222; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.vote_entry > li.item dl dd span { color:#a3a3a3; }
.vote_entry > li.item dl dd span.nick { color:#7434ea; }
.vote_entry > li.item dl dd span.member { color:#7434ea; }
.vote_entry > li.item dl dd span.member:after { content:', '; }
.vote_entry > li.item dl dd span.member:last-child:after { content:''; }
.vote_entry > li.item dl dd:nth-child(3) { height:45px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.vote_entry > li.item > div { position:relative; display:flex; margin-top:8px; height:40px; }
.vote_entry > li.item > div button.vote { display:block; margin-right:10px; width:100%; text-align:center; border-radius:5px; border:0px; line-height:1; font-size:15px; color:#ffffff; }
.vote_entry > li.item > div button.vote:before { content:''; display:inline-block; width:18px; height:18px; vertical-align:-3px; }
.vote_entry > li.item > div button.vote:last-child { margin-right:0px; }
.vote_entry > li.item > div button.vote[data-lkind='good'] { background-color:#fa3b40; }
.vote_entry > li.item > div button.vote[data-lkind='good']:before{ background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat; }
.vote_entry > li.item > div button.vote[data-lkind='bad'] { background-color:#505460; }
.vote_entry > li.item > div button.vote[data-lkind='bad']:before{ background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23ffffff'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none'/%3E%3Cpath d='M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z'/%3E%3C/svg%3E") no-repeat; }
.vote_entry > li.item > div button.result { width:100%; }
.vote_entry > li.item > div button.videos { width:100%; }
.vote_entry > li.item > div button.videos:before { content:''; display:inline-block; width:18px; height:18px; vertical-align:-3px; margin-right:5px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21 6h-7.59l3.29-3.29L16 2l-4 4-4-4-.71.71L10.59 6H3c-1.1 0-2 .89-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.11-.9-2-2-2zm0 14H3V8h18v12zM9 10v8l7-4z'/%3E%3C/svg%3E") no-repeat; }

.vote_entry_videos { padding:10px; }
.vote_entry_videos .entry_video { position:relative; width:100%; padding:55.25% 0 0 0; margin-bottom:10px; border-radius:5px; overflow:hidden; isolation:isolate; }
.vote_entry_videos .entry_video:last-child { margin-bottom:0px; }
.vote_entry_videos .entry_video iframe { position:absolute; width:100%; height:100%; top:0px; }

.vote_form { padding:10px; }
.vote_form li { padding-bottom:10px; font-size:16px; font-weight:500; text-align:center; }
.vote_form li:last-child { padding-bottom:0px; }
.vote_form li span { color:#7434ea; }
.vote_form li select { width:100%; }
.vote_form li button[type='submit'] { width:100%; color:#ffffff; }
.vote_form.good li.l_kind { color:#fa3b40; }
.vote_form.good li button[type='submit'] { background-color:#fa3b40; }
.vote_form.bad li.l_kind { color:#505460; }
.vote_form.bad li button[type='submit'] { background-color:#505460; }



/* Style : Member */
#login { position:relative; padding:220px 20px 20px 20px; background:url("/images/logo.png") no-repeat center 50px; background-size:200px; background-color:#ffffff; }
#login button { display:block; margin-bottom:10px; width:100%; height:60px; text-align:center; border:0px; border-radius:5px; font-size:16px; font-weight:500; }
#login button[data-kind='google'] { background-color:#ea4235; border:1px solid #ea4235; color:#ffffff; }
#login button[data-kind='google']:before { content:''; display:inline-block; width:18px; height:19px; background:url("/images/icon_google.png") no-repeat; background-size:18px; vertical-align:-4px; margin-right:10px; }
#login button[data-kind='apple'] { background-color:#ffffff; border:1px solid #222222; color:#222222; }
#login button[data-kind='apple']:before { content:''; display:inline-block; width:18px; height:22px; background:url("/images/icon_apple.png") no-repeat; background-size:18px; vertical-align:-4px; margin-right:10px; }
#login .note { padding-top:20px; }
#login .note li { text-align:center; color:#535353; font-weight:500; }

#sms_auth { margin-bottom:20px; padding:20px; padding-bottom:10px; }
#sms_auth .send_auth_form { display:none; }
#sms_auth .send_auth_form.on { display:block; }
#sms_auth .check_auth_form { display:none; }
#sms_auth .check_auth_form.on { display:block; }
#sms_auth ul li.title { text-align:center; font-size:16px; font-weight:500; margin-bottom:20px; background:url("/images/icon_smsauth.png") no-repeat center top; background-size:50px; padding-top:80px; }
#sms_auth ul li:not(.title) { padding-bottom:15px; text-align:center; }
#sms_auth ul.check_auth_form li:nth-child(2) { text-align:left; }
#sms_auth ul.check_auth_form li:nth-child(2) .auth_time { color:#535353; }
#sms_auth ul li select[name='country_number'] { margin-bottom:5px; }
#sms_auth ul li.button { display:flex; }
#sms_auth ul li.button button { width:100%; margin-right:10px; }
#sms_auth ul li.button button:last-child { margin-right:0px; }

.payment > li.item { position:relative; padding:10px 75px 10px 30px; border:1px solid #fa3b40; }
.payment > li.item label { position:absolute; display:block; width:150px; height:150px; background-color:#fa3b40; border-radius:40px; top:5px; left:355px; transform:rotate(-45deg); }
.payment > li.item label span { position:absolute; display:block; width:100%; text-align:center; top:23px; left:-42px; transform:rotate(-45deg); font-size:15px; font-weight:500; color:#ffffff; }
.payment > li.item dl dt { margin-bottom:10px; line-height:1; font-size:20px; font-weight:500; margin-top:10px; margin-bottom:20px; }
.payment > li.item dl dd { margin-bottom:10px; font-size:15px; color:#535353; line-height:40px; height:40px; }
.payment > li.item dl dd:last-child { margin-bottom:0px; }
.payment > li.item dl dd span.price { font-size:34px; color:#fa3b40; font-weight:700; margin-right:10px; }
.payment > li.item dl dd span.date { color:#a3a3a3; }
.payment > li.item dl dd .status { margin-left:10px; }
.payment > li.item dl dd button { width:100%; }
.payment > li.item .already_account { position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:5px; background-color:rgb(0,0,0,0.8); color:#ffffff; text-align:center; font-size:17px; padding-top:95px; z-index:1; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center 30px; }


/* Style : Mypage */
#no_sms_auth { padding:20px; }
#no_sms_auth > * { display:block; }
#no_sms_auth strong { font-size:18px; line-height:1; text-align:center; margin-bottom:20px; }
#no_sms_auth span { margin-top:10px; text-align:center; color:#535353; }
#no_sms_auth a { margin-top:20px; }

#my_info .head { background-color:#333333; padding:20px; color:#ffffff; border:0px; margin-bottom:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  }
#my_info .head:after { content:''; display:block; height:0px; clear:both; }
#my_info .head dt { font-size:20px; line-height:1; padding-bottom:10px; }
#my_info .head dd { margin-top:5px; height:22px; line-height:22px; }
#my_info .head dd:nth-child(2n + 2) { float:left; width:35%; }
#my_info .head dd:nth-child(2n + 3) { float:right; width:65%; text-align:right; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#my_info .head dd:nth-child(2n + 3) a { color:#ffffff; }
#my_info .head dd:nth-child(2n + 3) span { color:#fa3b40; }
#my_info .body { padding:20px; border-top-left-radius:0px; border-top-right-radius:0px; }
#my_info .body li { position:relative; }
#my_info .body li:after { content:''; display:block; height:0px; clear:both; }
#my_info .body li span.title { float:left; height:40px; line-height:40px; font-weight:500; }
#my_info .body li span.count { float:right; height:40px; line-height:40px; padding-right:110px; }
#my_info .body li a { position:absolute; width:100px; height:36px; line-height:36px; right:0px; top:2px; }
#my_info .menu { padding:10px 20px 20px 20px; }
#my_info .menu li:not(.language,.logout) { border-top:1px solid #e6e6e6; }
#my_info .menu li:first-child { border-top:0px; }
#my_info .menu li a { position:relative; display:block; height:40px; line-height:40px; padding:0px 10px; }
#my_info .menu li:not(.language,.logout) a:after { position:absolute; right:5px; top:7px; content:''; display:block; width:26px; height:26px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' stroke-linecap='round' fill='%23222222'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") no-repeat; }
#my_info .menu li.language { padding-top:10px; }
#my_info .menu li.language select { width:100%; background-color:#e7e7e7; }
#my_info .menu li.logout { padding-top:10px; }
#my_info .menu li.logout a:before { content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px8px' fill='%23ffffff'%3E%3Cpath d='M0 0h218pxv24H0z' fill='none'/%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E") no-repeat; vertical-align:-3px; margin-right:5px; }
.my_chain_id { padding:20px; word-wrap:break-word; word-break:break-all; }

.board { border-top:1px solid #dcdcdc; }
.board li.item { position:relative; padding:10px; border-bottom:1px solid #dcdcdc; }
.board li.item label { display:block; width:60px; height:25px; line-height:25px; text-align:center; border-radius:10px; margin-bottom:10px; }
.board li.item dt a { display:block; font-size:16px; font-weight:500; }
.board li.item dd { color:#535353; margin-top:5px; }
.board + .paging { margin-top:20px; }

.board_form li { padding-bottom:10px; }
.board_form li.date { color:#535353; border-bottom:1px solid #dcdcdc; padding-left:10px; }

.board_view { border-top:1px solid #dcdcdc; }
.board_view li { padding:10px; border-bottom:1px solid #dcdcdc; }
.board_view li.title { font-size:16px; font-weight:500; border-bottom:0px; color:#ffffff; background-color:#fa3b40; }
.board_view li.title.question { padding-left:45px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30px' viewBox='0 0 24 24' width='30px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-3.5h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:10px center; }
.board_view li.date { color:#535353; }
.board_view li.date span { display:inline-block; position:relative; padding-right:10px; margin-right:10px; line-height:1; }
.board_view li.date span:after { content:''; position:absolute; right:0px; top:0px; width:1px; height:13px; background-color:#dcdcdc; }
.board_view li.date span:last-child { padding-right:0px; margin-right:0px; }
.board_view li.date span:last-child:after { display:none; }
.board_view li.content { color:#535353; line-height:1.6; }
.board_view li.answer { font-size:16px; font-weight:500; border-bottom:0px; color:#ffffff; background-color:#7434ea; padding-left:45px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:13px center; }

.board_button { margin-top:20px; }
.board_button.top { margin-top:0px; margin-bottom:20px; }
.board_button .btn_group { display:flex; margin-right:-10px; }
.board_button .btn_group > * { flex:1; width:100%; margin-right:10px; }
.board_button .btn_group .write:before { content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") no-repeat; vertical-align:-3px; margin-right:5px; }
.board_button .btn_group .list:before { content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/%3E%3C/svg%3E") no-repeat; vertical-align:-3px; margin-right:5px; }
.board_button .btn_group .delete:before { content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E") no-repeat; vertical-align:-3px; margin-right:5px; }

.vote_url { padding:30px 20px; padding-bottom:10px; font-size:14px; }
.vote_url:after { content:''; display:block; height:0px; clear:both; }
.vote_url li { margin-bottom:20px; }
.vote_url li:nth-child(odd) { float:left; width:40%; height:20px; line-height:20px; }
.vote_url li:nth-child(even) { float:right; width:60%; height:20px; line-height:20px; color:#666666; }
.vote_url li:nth-child(even) strong { }
.vote_url li.url span { display:inline-block; width:calc(50% - 13px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:#ffffff; vertical-align:middle; }
.vote_url li span { vertical-align:middle; }
.vote_url li i.arrow { display:inline-block; width:15px; height:15px; margin:0px 5px; background:url("data:image/svg+xml;charset=utf8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' width='15px' height='15px' viewBox='0 0 24 24' aria-labelledby='arrowRightIconTitle' stroke='%23222222' stroke-width='5' stroke-linecap='square' stroke-linejoin='miter' fill='none' color='%23222222'%3E%3Ctitle id='arrowRightIconTitle'%3EArrow Right%3C/title%3E%3Cpath d='M15 18l6-6-6-6'/%3E%3Cpath d='M3 12h17'/%3E%3Cpath stroke-linecap='round' d='M21 12h-1'/%3E%3C/svg%3E") no-repeat; vertical-align:middle; }

.policy { border:1px solid #e6e6e6; padding:10px; background-color:#ffffff; }
.policy h3 { display:block; margin:0px; padding:0px; font-size:18px; font-weight:500; margin-bottom:30px; }
.policy h4 { display:block; margin:0px; padding:0px; font-size:16px; font-weight:500; margin-bottom:15px; }
.policy p { display:block; margin:0px; padding:0px; font-size:15px; margin-bottom:15px; line-height:1.6; }
.policy p + h3 { margin-top:50px; }

.privacy .privacy-content { border:1px solid #e6e6e6; margin-bottom:10px; background-color:#ffffff; }
.privacy .privacy-content h3 { display:block; padding:10px; font-size:17px; font-weight:500; border-bottom:1px solid #e6e6e6; }
.privacy .privacy-content p { display:block; line-height:1.6; padding:10px; }
.privacy .privacy-content .tab { padding:10px; }
.privacy .privacy-content .tab a { display:block; font-weight:500; margin-bottom:5px; }
.privacy .privacy-content:last-child { margin-bottom:0px; }



/* Style : Footer */
footer { width:100%; height:60px; color:#8b8b8b; }
footer dt { font-size:15px; font-weight:500; text-align:center; padding-top:12px; line-height:1; }
footer dd { font-size:13px; text-align:center; padding-top:5px; line-height:1; }

#footer_menu { position:fixed; width:100%; height:60px; left:0px; bottom:0px; background-color:#ffffff; border-top:1px solid #e6e6e6; z-index:100; }
#footer_menu nav { display:flex; width:100%; height:100%; }
#footer_menu nav a { position:relative; display:flex; justify-content:center; align-items:center; flex-basis:500px; flex-grow:1; color:#7a7a7a; padding-top:30px; font-size:13px; }
#footer_menu nav a:after { content:''; display:block; position:absolute; width:26px; height:26px; left:50%; top:8px; transform:translate3d(-50%,0px,0px); }
#footer_menu nav a:last-child { border:0px; }
#footer_menu nav a.home { color:#fa3b40; }
#footer_menu nav a.home:after { background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%23fa3b40'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") no-repeat; }
#footer_menu nav a.payment:after { background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='26px' viewBox='0 0 24 24' width='26px' fill='%237a7a7a'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M20,4H4C2.89,4,2.01,4.89,2.01,6L2,18c0,1.11,0.89,2,2,2h5v-2H4v-6h18V6C22,4.89,21.11,4,20,4z M20,8H4V6h16V8z M14.93,19.17l-2.83-2.83l-1.41,1.41L14.93,22L22,14.93l-1.41-1.41L14.93,19.17z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; }
#footer_menu nav a.shop:after { background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%237a7a7a'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/%3E%3C/svg%3E") no-repeat; }
#footer_menu nav a.setting:after { background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='26px' viewBox='0 0 24 24' width='26px' fill='%237a7a7a'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; }
#footer_menu nav a.mypage:after { background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 24 24' width='26px' fill='%237a7a7a'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat; }




/* maintainance */
.maintainance { padding:280px 30px 50px 30px; background:url("/images/icon_site_close.png") no-repeat center 100px; background-size:150px; }
.maintainance > .title { text-align:center; margin-bottom:20px; font-size:17px; color:#fa3b40; font-weight:500; text-decoration:underline; text-underline-position:under; }
.maintainance > .content { text-align:center; margin-bottom:20px; font-size:15px; font-weight:500; line-height:1.6; background-color:#ffffff; padding:15px 20px; border-radius:10px; border:1px solid #e6e6e6; }
.maintainance > .notice { padding:10px 20px; max-width:400px; margin:0px auto; }
.maintainance > .notice dt { font-size:20px; color:#fa3b40; font-weight:700; text-align:center; margin-bottom:20px; }
.maintainance > .notice dd { display:flex; margin-bottom:5px; font-size:16px; }
.maintainance > .notice dd .title { width:30%; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 0 24 24' width='15px' fill='%23222222'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") no-repeat center left; padding-left:18px; font-weight:500; }
.maintainance > .notice dd .content { width:70%; }