/* º¯¼ö ¼±¾ð */
:root {
	--app-default-bg: #FAFAFA;			/* ±âº» ¹è°æ »ö»ó */
	--app-default-color: #EC6700;		/* ¾Û ±âº» »ö»ó */
	--app-hover-color: #EF802A;			/* ¾Û ¸¶¿ì½º ¿À¹ö½Ã »ö»ó */
	
	--width-center-box	: 710px;		/* Áß¾Ó ¹Ú½º °¡·Î Å©±â */
	--color-border		: #ccc;			/* ±âº» Å׵θ® »ö»ó*/
	
	--color-icon-nomal	: #aaaaaa;		/* ¾ÆÀÌÄÜ ±âº» */
	--color-icon-focus	: #000000;		/* ¾ÆÀÌÄÜ Æ÷Ä¿½º */
	--color-icon-bookmark	: #ff0000;		/* ºÏ¸¶Å© ¾ÆÀÌÄÜ */

	--color-gray		: #aaaaaa;		/* ȸ»ö ±ÛÀÚ »ö */
	--color-gray-dark	: #555;		/* £Àº ȸ»ö */
	--color-agree		: #0070C0;		/* Âù¼º »ö */
	--color-disagree	: #FF0000;		/* ¹Ý´ë »ö */
	--color-not-vote	: #00AA00;		/* ¼ºÁö¼ø·Ê »ö */

	--color-hover-bg	: #f1f1f1;		/* ¸¶¿ì½º¿À¹ö½Ã ¹è°æ */

	--color-kakao-bg		: #FEE500;	/* Ä«Ä«¿À ¹è°æ */
	--color-kakao-focus	: #FEda00;		/* Ä«Ä«¿À ¹è°æ Æ÷Ä¿½º */
	--color-google-bg		: #131314;	/* ±¸±Û ¹è°æ */
	--color-google-focus	: #3D3D40;	/* ±¸±Û ¹è°æ Æ÷Ä¿½º */
	--color-naver-bg		: #1EC800;	/* ³×À̹ö ¹è°æ */
	--color-naver-focus	: #1FB404;		/* ³×À̹ö ¹è°æ Æ÷Ä¿½º */
}

html, body { margin: 0; padding: 0; height: 100%; width:100%; overscroll-behavior: contain; background:var(--app-default-bg); } 
body.mobile {background:#fff;}
/* ±âº» ½ºÅ¸ÀÏ */

span {color:#000; font-weight:400; font-family:sans-serif;}
div {font-family: sans-serif;}
img {-webkit-user-drag: none; } /*À̹ÌÁö µå·¡±× ¾ÈµÇµµ·Ï*/
a {display: block; text-decoration: none; -webkit-user-drag: none;}
a.custom-link {
  /* ÅؽºÆ® ¼±Åà ¹æÁö */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;         /* Ç¥ÁØ */
  
  /* µå·¡±× ½Ã ¿ä¼Ò°¡ µþ·Á¿À´Â Çö»ó ¹æÁö (ÀϺΠºê¶ó¿ìÀú) */
  -webkit-user-drag: none;
}

/* Àüü ¿ä¼Ò¿¡¼­ ÇÏÀ̶óÀÌÆ® Á¦°Å :: ¸ð¹ÙÀÏ Å¬¸¯½º ÆĶõ»ö ³ª¿À´Â ºÎºÐ Á¦°Å */
* {
    -webkit-tap-highlight-color: transparent;
}

.body.mobile .loader.box_bottom {width:100% !important; margin-left:0px; transform: translate(0, 0); border:0;}

/************************************************************************************************************************* 
	¾Ö´Ï¸ÞÀÌ¼Ç Å°ÇÁ·¹ÀÓ
*************************************************************************************************************************/
@keyframes drop_down_up {
  0% { transform: translate(0, 20px); opacity:0.2; }
  100% { transform: translate(0, 0); opacity:1; }
}
@keyframes drop_down_down {
  0% { transform: translate(0, -20px); opacity:0.2; }
  100% { transform: translate(0, 0); opacity:1; }
}
@keyframes slide_right {
  0% { transform: translate(-100%, 0); }
  100% { transform: translate(0, 0); }
}
@keyframes slide_up {
  0% { transform: translate(0, 100%); }
  100% { transform: translate(0, 0); }
}
@keyframes slide_down {
  0% { transform: translate(0, 0); }
  100% { transform: translate(0, 100%); }
}
@keyframes stamp {
  0% { transform:  scale(3); }
  100% { transform: scale(1); }
}
@keyframes overlay_title {
  0% { transform: translate(-50%, 40px); opacity:0.2; }
  100% { transform: translate(-50%, 0); opacity:1; }
}
@keyframes loading_open { 0% { opacity:0; } 100% { opacity:1; } }

@keyframes dim_open { 0% { background:#00000000; } 100% { background:#00000050; } }

/* End - ¾Ö´Ï¸ÞÀÌ¼Ç Å°ÇÁ·¹ÀÓ
*************************************************************************************************************************/


/************************************************************************************************************************* 
	°øÅë ÇØ´õ
*************************************************************************************************************************/
.header {pointer-events: auto;}
.header > .icon {width:40px; height:40px; cursor:pointer; position:relative;}
.header > .icon > img {width:40px; height:40px; transition: transform 0.2s ease-in-out;}
.header > .icon:hover > img {transform: scale(1.2);}
.header > .icon > div {position:absolute; height:20px; width:30px; bottom:0px; left:0; text-align:center; line-height:20px;}
.header > .icon > div > span {font-size:13px; color:#f00; font-weight:600; }
.header > .menu {width:30px; height:30px; position:absolute;}
.header > .menu > svg {width:30px; height:30px; cursor:pointer; fill:var(--color-icon-nomal);}
.header > .menu:hover > svg {fill:var(--color-icon-focus);}
.header > .menu:active > svg {width:28px; height:28px; margin:1px;}

.admin_set {width:30px; height:30px; position:fixed;}
.admin_set > svg {width:30px; height:30px; cursor:pointer; fill:var(--color-icon-nomal);}
.admin_set:hover > svg {fill:var(--color-icon-focus);}

.pc.header {position:fixed; height:100%; top:0px; z-index: 9;}
.pc.header > .icon {margin:20px; margin-top:15px; position:}
.pc.header > .icon > div {bottom:-20px; width:40px;}
.pc.header > .admin_set {right:25px; top:20px;}
.pc.header > .menu {left:25px; bottom:40px;}
.pc.header > .drop_down.menu_drop_down {left:25px; bottom:80px;}
.pc.header > .left { position:absolute; left:10px; top:0; height:305px; top: 50%; transform: translate(0, -50%);}
.pc.header > .left > a {position:relative; width:60px; height:45px; text-align:center; cursor:pointer; border-radius:10px; margin-top:20px;}
.pc.header > .left > a > svg {width:30px; height:30px; margin-top:7.5px; fill:var(--color-icon-nomal);}
.pc.header > .left > a > .dot { position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:5px; right:15px;}
.pc.header > .left > a.focus > svg {fill:var(--color-icon-focus);}
.pc.header > .left > a:hover {background:var(--color-hover-bg);}
.pc.header > .left > a:first-child{margin-top:0;}
.pc.header > .left > a:active > svg {width:28px; height:28px; margin-top:8px;}
.pc.header > .left > .plus{background:var(--color-hover-bg);}
.pc.header > .left > .plus:hover > svg {fill:var(--color-icon-focus);}

.pc.admin_set {right:25px; top:20px;}

.pc.right_feed_add {right:60px; bottom:30px; position:fixed; width:70px; height:70px; background:var(--color-hover-bg); border-radius:50px; cursor:pointer;}
.pc.right_feed_add > svg {width:30px; height:30px; margin:20px; cursor:pointer; fill:var(--color-icon-nomal);}
.pc.right_feed_add:hover > svg {fill:var(--color-icon-focus);}
.pc.right_feed_add:active > svg {width:28px; height:28px; margin:21px;}

.mobile.header {position:fixed; height:50px; width:100vw; top:0px; z-index: 8; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */ background-color: rgba(255, 255, 255, 0.8);}
.mobile.header > .menu {width:40px; height:100%; position:absolute; right:10px; top:0px;}
.mobile.header > .menu > svg {width:20px; height:20px; fill:#000; margin-top:15px; margin-left:10px;}
.mobile.header > .menu:active > svg {transform: scale(0.8);}
.mobile.header > .menu.white > svg {fill:#fff;}
.mobile.header > .swip-btn {width:50px; height:50px; position:absolute; left:0; top:0;}
.mobile.header > .swip-btn > svg {width:20px; height:20px; fill:#000; margin:15px;}
.mobile.header > .swip-btn:active > svg {width:16px; height:16px; margin:17px;}
.mobile.header > .swip-btn.white > svg {fill:#fff;}
.mobile.header > .drop_down.menu_drop_down {right:10px; top:50px;}
.mobile.header > .back {width:40px; height:100%; position:absolute; left:10px; top:0px;}
.mobile.header > .back > svg {width:20px; height:20px; fill:#000; margin-left:10px; margin-top:15px;}
.mobile.header > .back:active > svg {width:18px; height:18px; margin-left:11px; margin-top:16px;}
.mobile.header > .back.white > svg {fill:#fff;}
.mobile.header > .icon {position:absolute; height:100%; width:30px; left:50%; transform: translate(-50%, 0); }
.mobile.header > .icon > img {width:30px; height:30px; margin-top:10px;}
.mobile.header > .icon:active > img {width:28px; height:28px; margin-top:11px;}
.mobile.header > .title { display: flex; height:100%; align-items: center; line-height:20px;}
.mobile.header > .title > span {font-size:14px; font-weight:600; color:#000;}
.mobile.header > .title.left {margin-left:50px;}
.mobile.header > .title.center {margin-left:50%; transform: translate(-50%, 0); width:fit-content;}

body > .body.mobile.feed {padding-top:75px;}
.body.mobile.feed > .mobile.header {height:75px;}

body > .body.mobile.reply {padding-top:75px;}
.body.mobile.reply > .mobile.header {height:75px;}
/*
.pc.body_box.feed > .reply_list > .blur { position:absolute; left:0px; top:0px; width:100%; height:calc(100% - 60px); padding-top:60px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom:0; text-align:center;
 cursor:default;
}*/

.mobile_menu_slide {position:fixed; height:100vh; width:100%; z-index: 9; background:#ffffff00; top:0; left:0; }
.mobile_menu_slide > div { position:relative; height:100vh; width:calc(100% - 100px); background:#F5F5F5; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.25); animation-iteration-count: 1; animation-duration: 0.3s; animation-name: slide_right;}
.mobile_menu_slide > div > .btn_close { width:50px; height:50px; position:absolute; top:0px; right:2px; cursor:pointer;}
.mobile_menu_slide > div > .btn_close > svg {width:20px; height:20px; margin:15px; fill:var(--color-gray);}
.mobile_menu_slide > div > .btn_close:hover > svg {fill:#000;}
.mobile_menu_slide > div > .title { height:50px; margin-left:20px; display:flex; align-items:center;}
.mobile_menu_slide > div > .title > span {font-size:14px; font-weight:600; color:#000;}
.mobile_menu_slide > div > .middle_btns {width:calc(100% - 40px); margin-left:20px; height:40px;}
.mobile_menu_slide > div > .middle_btns > div { float:left; height:40px; width:calc(50% - 10px); margin-left:20px; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center;}
.mobile_menu_slide > div > .middle_btns > div > img {width:18px; height:18px;}
.mobile_menu_slide > div > .middle_btns > div > svg {width:18px; height:18px; fill:#000;}
.mobile_menu_slide > div > .middle_btns > div:active > img {width:16px; height:16px;}
.mobile_menu_slide > div > .middle_btns > div:active > svg {width:16px; height:16px;}
.mobile_menu_slide > div > .middle_btns > div:first-child {margin-left:0px;}
.mobile_menu_slide > div > .item_list {width:calc(100% - 40px); margin-left:20px; background:#fff; border-radius:10px; margin-top:20px;}
.mobile_menu_slide > div > .item_list > div {border-top:1px solid #FAFAFA; height:50px; padding-left:20px; display:flex; align-items:center;}
.mobile_menu_slide > div > .item_list > div:first-child {border-top:0;}
.mobile_menu_slide > div > .item_list > div > span {font-size:14px; font-weight:600;}
.mobile_menu_slide > div > .item_list > div:active > span {font-size:12px;}

.footer.mobile {position:fixed; height:60px; width:100%; bottom:0px; z-index: 5; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */ background-color: rgba(255, 255, 255, 0.8);}
.footer.mobile > a {position:relative; float:left; width:calc(100% / 5); height:100%; text-align:center; border-radius:10px;}
.footer.mobile > a > svg {width:24px; height:24px; margin-top:18px; fill:var(--color-icon-nomal);}
.footer.mobile > a > .dot { position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:15px; left:calc(50% + 10px); transform: translate(-50%, 0);}
.footer.mobile > a.focus > svg {fill:var(--color-icon-focus);}
.footer.mobile > a:active > svg {width:20px; height:20px; margin-top:20px;}


@keyframes tab_icon_show_to_left {
  0% { transform: translate(calc(-50% + 10px), 0); opacity:0.2; }
  100% { transform: translate(-50%, 0); opacity:1; }
}
@keyframes tab_icon_show_to_right {
  0% { transform: translate(calc(-50% - 10px), 0); opacity:0.2; }
  100% { transform: translate(-50%, 0); opacity:1; }
}
@keyframes tab_icon_hide {
  0% { transform: translate(-50%, 0); opacity:1; }
  50% { transform: translate(-50%, 0); opacity:0; }
  100% { transform: translate(-50%, 0); opacity:0; }
}
.footer.mobile > .home.focus > svg {width:24px; height:24px; margin-top:18px;}
.footer.mobile > .home.focus > svg{position:absolute; left:50%; animation-fill-mode: forwards;}
.footer.mobile > .home > .list_icon {display:none;}
.footer.mobile > .home.focus.shorts > .home_icon {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: tab_icon_show_to_right;}
.footer.mobile > .home.focus.shorts > .list_icon {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: tab_icon_hide;}

.footer.mobile > .home.focus > .list_icon{display:inline-table;}
.footer.mobile > .home.focus.list > .home_icon {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: tab_icon_hide;}
.footer.mobile > .home.focus.list > .list_icon {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: tab_icon_show_to_left;}

/*
.footer.mobile > .home.shorts > .list_icon {display:none;}
.footer.mobile > .home.list > .home_icon {display:none;}*/

.footer.mobile > .plus{background:var(--color-hover-bg); opacity:0.7; height:40px; margin-top:10px; width:calc(100% / 5 - 20px); margin-left:10px; margin-right:10px;}
.footer.mobile > .plus > svg {width:24px; height:24px; margin-top:8px;}
.footer.mobile > .plus:active > svg {width:20px; height:20px; margin-top:10px; fill:var(--color-icon-focus);}

.footer.mobile.slide_up {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: slide_up; animation-fill-mode: forwards;}
.footer.mobile.slide_down {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: slide_down; animation-fill-mode: forwards;}
/* End - °øÅë ÇØ´õ 
*************************************************************************************************************************/


/************************************************************************************************************************* 
	°øÅë Ç׸ñ
*************************************************************************************************************************/
body > .body{}
body > .body.pc{}
body > .body.pc > .footer {width:fit-content; margin-left:50%; transform: translate(-50%, 0); height:90px;}
body > .body.pc > .footer > div {float:left; margin-left:10px; margin-right:10px; height:20px; line-height:20px; margin-top:35px; cursor:pointer;}
body > .body.pc > .footer > div > span {font-size:16px; font-weight:400;}
body > .body.pc > .footer > div:hover > span {font-weight:600;}

body > .body.mobile{padding-top:50px; padding-bottom:60px; background:#fff;}
.body_box {width:fit-content; margin-left:50%; transform: translate(-50%, 0); z-index: 1;}
.body_box_top { margin-left:50%; transform: translate(-50%, 0); z-index: 1; margin-bottom:10px; padding-left:10px; position:relative; }
.feed_top { margin-left:50%; transform: translate(-50%, 0); position:relative;}
.pc.body_box { width:var(--width-center-box); border-radius:20px; border:1px solid var(--color-border); background:#fff; }
.pc.body_box > .devide {width:100%; height:1px; background:var(--color-border);}
.pc.body_box_top_border {position:fixed; top:100px; z-index:2; margin-left:50%; transform: translate(-50%, 0); z-index: 2; width:calc(var(--width-center-box) + 2px); overflow:hidden; pointer-events: none; }
.pc.body_box_top_border > div {height:20px; border-top-left-radius:20px; border-top-right-radius:20px; border:1px solid var(--color-border); border-bottom:0; outline: 50px solid var(--app-default-bg);}
.pc.body_box_top { width:calc(var(--width-center-box) - 10px); height:30px; }

.pc > .tab_overlay {z-index:9; position:fixed; width:var(--width-center-box); border-top-left-radius:20px; border-top-right-radius:20px; margin-left:50%; transform: translate(-50%, 0); background:#fff; border:1px solid var(--color-border);}
.pc > .tab_overlay > .item:first-child:hover {border-top-left-radius:20px;}
.pc > .tab_overlay > .item:last-child:hover {border-top-right-radius:20px;}

.mobile.body_box {width:100%; border:0; }
.mobile.body_box_top { width:calc(100% - 20px); height:30px; padding-left:20px; padding-top:20px; padding-bottom:10px; background:var(--app-default-bg); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}

.page_title { margin-left:50%; transform: translate(-50%, 0); text-align:center; }
.page_title > span {font-size:20px; -webkit-user-select: none; /* Safari */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Ç¥ÁØ (Chrome, Firefox, Opera µî) */}
.pc.page_title { width:var(--width-center-box); margin-bottom:25px; margin-top:25px; height:30px;}
.pc.page_title > .back_icon {position:absolute; top:0px; left:0}

.pc.top_fix_overlay_title { margin-left:50%; transform: translate(-50%, 0); text-align:center; animation-iteration-count: 1; animation-duration: 0.2s; animation-name: overlay_title;}
.pc.top_fix_overlay_title > span {font-size:20px; -webkit-user-select: none; -ms-user-select: none; user-select: none;}

.tag_span{color:#00f; margin-right:1px; cursor:pointer;}
.tag_span:hover{font-weight:600; margin-right:0.5px;}
.drag { overflow-x:auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; cursor: grab; /*µå·¡±× ¼±Åà ¹æÁö*/ -webkit-user-select: none; -ms-user-select: none; user-select: none;/*End*/ }
.hyper_link {color:#00f; cursor:pointer;}
.hyper_link:hover {text-decoration: underline;}

.loader { text-align:center; width: 30px; height:30px; margin-left:50%; transform: translate(-50%,0);}
.loader > svg { width: 30px; height: 30px; fill:var(--color-gray); animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin { to { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } }

.drop_down { width:200px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.25); border-radius:20px; z-index:9; padding-top:10px; padding-bottom:10px; background:#fff; position:absolute;}
.drop_down > div {width:calc(100% - 20px); margin-left:10px; height:40px; line-height:40px; font-size:16px; font-weight:500; cursor:pointer; border-radius:10px;}
.drop_down > div:hover {background:var(--color-hover-bg);}
.drop_down > div > span {color:#000; font-size:16px;}
.drop_down > .divide {width:100% !important; height:1px; margin-left:0px; background:#ddd; margin-top: 10px; margin-bottom: 10px;}
.drop_down > .focus > span {color:#f00;}
.drop_down.left_text > div { padding-left:15px; width:calc(100% - 15px - 20px);}
.drop_down.center_text > div { text-align:center; }
.drop_down.icon_drop_down {width:240px;}
.drop_down.icon_drop_down > div { padding-left:15px; width:calc(100% - 15px - 20px); position:relative;}
.drop_down.icon_drop_down > div > .icon {position:absolute; right:15px; top:0px;}
.drop_down.icon_drop_down > div > .icon > svg {width:20px;height:20px; fill:#000; margin-top:10px;}

.drop_down.icon_drop_down > div > div > span {font-size:16px;}
.drop_down.icon_drop_down > .delete > div > span {color:#f00;}
.drop_down.icon_drop_down > .delete > .icon > svg {fill:#f00;}
.drop_down.icon_drop_down > .hot_feed > .icon > svg {fill:#f00;}
.drop_down.icon_drop_down > .block > div > span {color:#f00;}
.drop_down.icon_drop_down > .block > .icon > svg {fill:#f00;}
.drop_down.icon_drop_down > .report > div > span {color:#f00;}
.drop_down.icon_drop_down > .report > .icon > svg {fill:#f00;}
.drop_down.icon_drop_down > .save_cancel > div > span {color:var(--color-gray);}
.drop_down.icon_drop_down > .save_cancel > .icon > svg {fill:var(--color-gray);}
.drop_down.anim_up {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: drop_down_up;}
.drop_down.anim_down {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: drop_down_down;}

.drop_down_outside { position:fixed; width:100%; height:100%; left:0; top:0; background:#00000000; cursor:default;}

.mobile .drop_down > div > span {font-size:16px;}
.mobile .drop_down.icon_drop_down > div > div > span {font-size:16px;}
.mobile .drop_down > div:hover {background:#fff;}
.mobile .drop_down > div:active {background:var(--color-hover-bg);}

/*.mobile .drop_down{position:fixed; bottom:0; left:0; width:100%; border-radius:0; height:fit-content; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: drop_down_up;}*/

.red {color:#f00 !important;}
.empty_list {width:100%; height:200px; line-height:200px; text-align:center;}
.empty_list > span {font-size:15px; color:var(--color-gray);}

.filter {float:left; height:30px; width:fit-content; margin-right:20px; position:relative;}
.filter > .head {height:100%; line-height:30px; cursor:pointer;}
.filter > .head > div {float:left;}
.filter > .head > div > span {font-size:16px; font-weight:500;}
.filter > .head > .icon {width:28px; height:28px; border:1px solid var(--color-gray); background:#fff; border-radius:30px; margin-left:10px; text-align:center;}
.filter > .head > .icon > svg{width:14px; height:14px; margin-top:8px; transition: transform 0.2s ease-in-out;}
.filter > .head:hover > .icon > svg{transform: scale(1.5);}
.filter > .drop_down {top:40px; left:-10px; width:160px;}

.sort {float:left; height:30px; width:fit-content; margin-right:20px; position:relative;}
.sort > .head {height:100%; line-height:30px; cursor:pointer;}
.sort > .head > div {float:left;}
.sort > .head > div > span {font-size:16px; font-weight:500;}
.sort > .head > .icon {width:28px; height:28px; border:1px solid var(--color-gray); background:#fff; border-radius:30px; margin-left:10px; text-align:center;}
.sort > .head > .icon > svg{width:14px; height:14px; margin-top:8px; transition: transform 0.2s ease-in-out;}
.sort > .head:hover > .icon > svg{transform: scale(1.5);}
.sort > .drop_down {top:40px; left:-10px; width:160px;}

.mobile .filter > .head {height:100%; line-height:25px; cursor:pointer;}
.mobile .filter > .head > div > span {font-size:14px;}
.mobile .filter > .head > .icon {width:24px; height:24px; margin-left:10px;}
.mobile .filter > .head > .icon > svg{width:12px; height:12px; margin-top:6px; transition: transform 0.2s ease-in-out;}
.mobile .filter > .head:hover > .icon > svg{transform: scale(1);}
.mobile .filter > .head:active > .icon > svg{transform: scale(0.8);}

.mobile .sort > .head {height:100%; line-height:25px; cursor:pointer;}
.mobile .sort > .head > div > span {font-size:14px;}
.mobile .sort > .head > .icon {width:24px; height:24px; margin-left:10px;}
.mobile .sort > .head > .icon > svg{width:12px; height:12px; margin-top:6px; transition: transform 0.2s ease-in-out;}
.mobile .sort > .head:hover > .icon > svg{transform: scale(1);}
.mobile .sort > .head:active > .icon > svg{transform: scale(0.8);}

.back_icon {width:28px; height:28px; border:1px solid var(--color-gray); background:#fff; border-radius:30px; text-align:center; cursor:pointer;}
.back_icon > svg{width:14px; height:14px; margin-top:8px; transition: transform 0.2s ease-in-out;}
.back_icon:hover > svg{transform: scale(1.5);}

.input_default {border-radius:10px; border:1px solid var(--color-gray); height:48px; width:100px;}
.input_default > input {height:100%; width:calc(100% - 30px); margin-left:15px; border:0; background:#00000000; }
.input_default > input:focus{ outline:none; }
.input_default > textarea {height:100%; width:calc(100% - 30px); margin-left:15px; border:0; background:#00000000; resize: none;}
.input_default > textarea:focus{ outline:none; }
.input_default.disable {background:#fafafa; border:1px solid #ccc;}
.input_default:focus{border:1px solid #000;}

.btn_default { width:98px; height:48px; line-height:42px; border:1px solid var(--color-gray); border-radius:10px; text-align:center; cursor:pointer;}
.btn_default > span {font-size:13px; font-weight:600;}

.btn_default:hover {border:1px solid #000;}
.btn_default:active > span {font-size:12px;}
.btn_default.disable {background:#fafafa; cursor:default; border:1px solid #eee;}
.btn_default.disable > span {color:#aaa;}
.btn_default.disable:hover {border:1px solid #eee;}
.btn_default.disable:active > span {font-size:13px;}

.btn_default.warning {border:1px solid #f00;}
.btn_default.warning > span {color:#f00;}
.btn_default.warning:hover {background:#ff000010;}

/* ÅÇ */
.tab {width:100%; height:50px; border-bottom:1px solid var(--color-gray);}
.tab > .item {float:left; width:20%; height:100%; position:relative; cursor:pointer; text-align:center;}
.tab > .item > div { text-align:center;}
.tab > .item > .name {line-height:16px; height:20px; margin-top:15px;}
.tab > .item > .name > span {font-size:15px; color:#999; position:relative;}
.tab > .item > .name > span > .dot { position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:-3px; right:-5px;}
.tab > .item > .count {width:100%; position:absolute; bottom:-2px; display:none;}
.tab > .item > .count > span {font-size:11px;}
.tab > .item:hover {background:#fafafa;}
.tab > .item.focus {height:calc(100% - 2px); border-bottom:3px solid #000; cursor:default;}
.tab > .item.focus > .name > span {font-size:15px; color:#000; font-weight:600;}
.tab > .item.focus > .count { bottom:0; display:block;}
.tab > .item.focus:hover {background:#fff;}
.tab > .item:active > .name > span {font-size:14px;}
.tab > .item.focus:active > .name > span {font-size:15px;}

.mobile .tab > .item > .name > span {font-size:13px;}

.tab.top_overlay {position:fixed; z-index: 7; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */ background-color: rgba(255, 255, 255, 0.8);}

.btn_withdraw {margin-left:50%; transform: translate(-50%, 0); width: 60px; height:30px; line-height:30px; text-align:center; margin-top:20px; cursor:pointer;}
.btn_withdraw > span {font-size:14px; color:#ccc;}
.btn_withdraw:hover {text-decoration: underline;}

.icons > .disable {cursor:default !important;}
.icons > .disable > div > svg {fill:#ccc !important;}
.icons > .disable > div > span {color:#ccc !important;}
.icons > .disable:hover > div > svg {fill:#ccc !important;}
.icons > .disable:hover > div > span {color:#ccc !important;}


.vote.agree {color:var(--color-agree);}
.vote.disagree {color:var(--color-disagree);}
.vote.not {color:var(--color-not-vote) !important;}

.icon.like > .no {display:block;}
.icon.like > .like {display:none;}
.icon.like > .like > svg {fill:#f00 !important;}
.icon.like.focus > .no {display:none;}
.icon.like.focus > .like {display:block;}
.icon.like.focus > .like:hover > svg {fill:#d00 !important;}


.pc .feed > .delete_line {background:#ff000010; width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; pointer-events: none;}
.pc .feed > .delete_line > span {color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; text-align:center; background:#00000050;}
.mobile .feed > .delete_line {background:#ff000010; width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; pointer-events: none;}
.mobile .feed > .delete_line > span {color:#fff; font-size:15px; width:100%; height:50px; line-height:50px; text-align:center; background:#00000050;}

.pc .reply_item > .delete_line {width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:end; pointer-events: none;}
.pc .reply_item > .delete_line > span {color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; text-align:center; background:#00000050; margin-bottom:10px;}
.pc .reply_item.have_child > .delete_line > span {margin-bottom:-10px;}

.mobile .reply_item > .delete_line {width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:end; pointer-events: none;}
.mobile .reply_item > .delete_line > span {color:#fff; font-size:15px; width:100%; height:30px; line-height:30px; text-align:right; background:#00000050; margin-bottom:20px; padding-right:10px;}
.mobile .reply_item.have_child > .delete_line > span {margin-bottom:0px;}

.pc .reply > .delete_line {width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:end; pointer-events: none;}
.pc .reply > .delete_line > span {color:#fff; font-size:20px; width:100%; height:50px; line-height:50px; text-align:center; background:#00000050; margin-bottom:10px;}

.mobile .reply > .delete_line {width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:end; pointer-events: none;}
.mobile .reply > .delete_line > span {color:#fff; font-size:15px; width:100%; height:30px; line-height:30px; text-align:right; background:#00000050; margin-bottom:20px; padding-right:10px;}

/* End - °øÅë Ç׸ñ 
*************************************************************************************************************************/

/************************************************************************************************************************* 
	´ç°Ü¼­ »õ·Î°íħ
*************************************************************************************************************************/
.ptr-indicator {
  position: absolute;
  top: -50px; /* Æò¼Ò¿¡´Â À§·Î ¼û±è */
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: transform 0.1s ease; /* ´ç±æ ¶§ ºÎµå·´°Ô */
}

/* ·Îµù Áß È¸Àü ¾Ö´Ï¸ÞÀÌ¼Ç */
.spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
}
.refreshing .spinner {
  animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* End - ´ç°Ü¼­ »õ·Î°íħ
*************************************************************************************************************************/


/************************************************************************************************************************* 
	±¤°í Ç׸ñ
*************************************************************************************************************************/
.pc.ad {}
.pc.ad > .ad_span {display:none;}
.pc.ad.show_area {background:#eee; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; }
.pc.ad.show_area > .ad_span {display:block; font-size:20px; color:#aaa; font-weight:600;}
.pc.ad.ad_right_long {position:fixed; width:200px; height:600px; left:calc(50% + (var(--width-center-box) / 2) + 20px); top:80px; }


/* End - °øÅë Ç׸ñ 
*************************************************************************************************************************/

/************************************************************************************************************************* 
	Æ˾÷
*************************************************************************************************************************/
.popup {position:fixed; height:100%; width:100%; background:#00000050; left:0; top:0; z-index:9; display: flex; justify-content: center; align-items: center; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: dim_open}
.popup > div { position:relative; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.25); background:#fff; width:100px; height:100px; max-width:calc(100% - 2px); border-radius:20px; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: drop_down_up;}
.popup > div > .btn_close { width:30px; height:30px; position:absolute; top:12px; right:12px; cursor:pointer;}
.popup > div > .btn_close > svg {width:14px; height:14px; margin:8px; fill:var(--color-gray);}
.popup > div > .btn_close:hover > svg {fill:#000;}
.popup > div > .title_bar {height:50px; line-height:50px; border-bottom:1px solid #aaa;}
.popup > div > .title_bar > div {height:50px;}
.popup > div > .title_bar > div > span {font-size:16px;}
.popup > div > .title_bar > .title {width:100%; text-align:center;}
.popup > div > .title_bar > .title > span {font-weight:600; color:#000;}
.popup > div > .title_bar > .btn_cancel {float:left; position:absolute; left:10px; width:50px; top:0; cursor:pointer; text-align:center;}
.popup > div > .title_bar > .btn_cancel > span {color:#000;}
.popup > div > .title_bar > .btn_cancel:hover > span {font-weight:600;}
.popup > div > .msg_box { text-align:center; padding-top:20px; padding-bottom:20px; }
.popup > div > .msg_box > span { font-size:16px; line-height:30px; }
.popup > div > .popup_bottom { height:49px; position:relative; border-top:1px solid #eee; }
.popup > div > .popup_bottom > .btn_default { position:absolute; width:48px; line-height:25px; height:28px; right:20px; top:10px; }
.popup > div > .popup_bottom > .guide { position:absolute; left:20px; height:30px; line-height:26px; top:10px; }
.popup > div > .popup_bottom > .guide > span {font-size:11px; color:#555;}
.popup > div > .popup_bottom > .excel { position:absolute; left:20px; height:30px; line-height:26px; top:10px; }
.popup > div > .popup_bottom > .excel > span {font-size:13px; color:#000; cursor:pointer;}
.popup > div > .popup_bottom > .excel > span:hover {text-decoration:underline; }
.popup > div > .popup_bottom > .excel > .sample {}
.popup > div > .popup_bottom > .excel > .insert {}
/*.popup.center {align-items: center;}*/

.popup_toast {position:fixed; left:50%; transform: translate(-50%, 0); top:25px; z-index:9;}
.popup_toast > div {background:#000; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.25); border-radius:20px; padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px; min-height:30px; display:flex; align-items:center; justify-content:center; min-width:120px; text-align:center; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: drop_down_down;}
.popup_toast > div > span {font-size:16px; color:#fff;}

.popup_vote_animation {position:fixed; left:50%; transform: translate(-50%, -50%); top:50%; width:90dvw; height:90dvw; z-index:9; animation-iteration-count: 1; animation-duration: 1s; animation-name: vote_show; animation-fill-mode: forwards;}
.popup_vote_animation > .box {position:relative; width:100%; height:100%; }
.popup_vote_animation > .box > img {width:100%;height:100%;}
.popup_vote_animation > .box > .overlay {position:absolute; left:1px; top:-1px;}
.popup_vote_animation > .box > .paper {position:absolute; left:calc(90dvw / 3.7); width:calc(90dvw / 3.2); height:calc(90dvw / 3.2 * 400 / 295); top:0px; transform: translate(0, -65%) rotate(-13deg); animation-iteration-count: 1; animation-duration: 1s; animation-name: vote_paper_in; animation-fill-mode: forwards;}
.popup_vote_animation > .box > .paper > img {width:100%;height:100%; display:none;}
.popup_vote_animation > .box > .paper.agree > .agree{display:block;}
.popup_vote_animation > .box > .paper.disagree > .disagree{display:block;}
@keyframes vote_show {
  0% { transform: translate(-50%, -40%); opacity:0.2; }
  40% { transform: translate(-50%, -50%); opacity:1; }
  100% { transform: translate(-50%, -50%); opacity:1; }
}
@keyframes vote_paper_in {
  50% { transform: translate(0, -65%) rotate(-13deg); }
  100% { transform: translate(27%, 0%) rotate(-13deg); }
}
.popup_loading {position:fixed; height:100%; width:100%; left:0; top:0; z-index:9; display: flex; justify-content: center; align-items: center;}
.popup_loading > div { position:relative; width:50px; height:50px; background:#00000050; border-radius:50px; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: loading_open;}
.popup_loading > div > svg { width: 30px; height: 30px; margin:10px; fill:#fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}

.popup_vote > div {width:300px; height:370px;}
.popup_vote > div > .box { width:240px; height:240px; margin-left:30px; margin-top:20px; }
.popup_vote > div > .body_bottom {background:#ffffff70; width:100%; height:170px; position:absolute; left:0px; top:160px;}
.popup_vote > div > .body_bottom > .title {width:100%; margin-top:20px; height:20px; text-align:center; }
.popup_vote > div > .body_bottom > .title > span {font-size:16px; font-weight:600;}
.popup_vote > div > .body_bottom > .vote { width:100%; margin-top:20px; }
.popup_vote > div > .body_bottom > .vote > div {float:left;}
.popup_vote > div > .body_bottom > .vote > .area {width:100px;}
.popup_vote > div > .body_bottom > .vote > .area > .btn {width:70px; height:70px; border-radius:70px; text-align:center; line-height:70px; margin-left:15px; cursor:pointer;}
.popup_vote > div > .body_bottom > .vote > .area > .btn > span {color:#fff; font-size:13px;}
.popup_vote > div > .body_bottom > .vote > .area > .btn:active > span {font-size:12px;}
.popup_vote > div > .body_bottom > .vote > .area > .btn.vote {line-height:15px; cursor:default;}
.popup_vote > div > .body_bottom > .vote > .area > .btn.vote > img {width:30px; height:30px; margin-top:15px;}
.popup_vote > div > .body_bottom > .vote > .area > .btn.vote > div {}
.popup_vote > div > .body_bottom > .vote > .area > .btn.vote > div > span {color:#fff; font-size:10px;}
.popup_vote > div > .body_bottom > .vote > .area > .btn.vote:hover {box-shadow: 0 0 0 0 !important;}
.popup_vote > div > .body_bottom > .vote > .area > .guide > span {font-size:12px;}
.popup_vote > div > .body_bottom > .vote > .area > .guide {width:100%; text-align:center; margin-top:10px; line-height:15px;}
.popup_vote > div > .body_bottom > .vote > .area.agree {margin-left:25px;}
.popup_vote > div > .body_bottom > .vote > .area.agree > .btn {background:var(--color-agree); }
.popup_vote > div > .body_bottom > .vote > .area.agree > .btn:hover {box-shadow: 0 0 10px 4px #0070C050;}
.popup_vote > div > .body_bottom > .vote > .area.disagree > .btn {background:var(--color-disagree);}
.popup_vote > div > .body_bottom > .vote > .area.disagree > .btn:hover {box-shadow: 0 0 10px 4px #FF000050;}
.popup_vote > div > .body_bottom > .vote > .center_area {width:50px; text-align:center;}
.popup_vote > div > .body_bottom > .vote > .center_area > div {width:100%; text-align:center;}
.popup_vote > div > .body_bottom > .vote > .center_area > div > svg {width:20px; height:20px; fill:#f00; margin-top:15px;}
.popup_vote > div > .body_bottom > .vote > .center_area > div > span {font-size:15; font-weight:600;}

.popup_vote_finish > div {width:300px; height:370px;}
.popup_vote_finish > div > .box { width:240px; height:240px; margin-left:30px; margin-top:20px; }
.popup_vote_finish > div > .body_bottom {background:#ffffff70; width:100%; height:190px; position:absolute; left:0px; top:140px; padding-top:20px;}
.popup_vote_finish > div > .body_bottom > .title {width:100%; height:20px; text-align:center; }
.popup_vote_finish > div > .body_bottom > .title > span {font-size:16px; font-weight:600;}
.popup_vote_finish > div > .body_bottom > .vote { width:100%; margin-top:40px; }
.popup_vote_finish > div > .body_bottom > .vote > div {float:left;}
.popup_vote_finish > div > .body_bottom > .vote > .area {width:100px; position:relative;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn {width:70px; height:70px; border-radius:70px; text-align:center; line-height:70px; margin-left:15px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn > span {color:#fff; font-size:13px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn.vote {line-height:15px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn.vote > img {width:30px; height:30px; margin-top:15px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn.vote > div {}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn.vote > div > span {color:#fff; font-size:10px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn.vote:hover {box-shadow: 0 0 0 0 !important;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .guide > span {font-size:12px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .guide {width:100%; text-align:center; margin-top:10px; line-height:15px;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .per {position:absolute; width:100px; left:0; top:-30px; text-align:center;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .per > span {font-size:11px; color:#777; font-weight:600;}
.popup_vote_finish > div > .body_bottom > .vote > .area > .per > .win {font-size:20px;}
.popup_vote_finish > div > .body_bottom > .vote > .area.agree > .per > .win {color:var(--color-agree);}
.popup_vote_finish > div > .body_bottom > .vote > .area.disagree > .per > .win {color:var(--color-disagree);}
.popup_vote_finish > div > .body_bottom > .vote > .area.agree {margin-left:25px;}
.popup_vote_finish > div > .body_bottom > .vote > .area.agree > .btn {background:var(--color-agree); }
.popup_vote_finish > div > .body_bottom > .vote > .area.disagree > .btn {background:var(--color-disagree);}
.popup_vote_finish > div > .body_bottom > .vote > .area > .btn.lose {background:var(--color-gray);}
.popup_vote_finish > div > .body_bottom > .vote > .center_area {width:50px; text-align:center;}
.popup_vote_finish > div > .body_bottom > .vote > .center_area > div {width:100%; text-align:center;}
.popup_vote_finish > div > .body_bottom > .vote > .center_area > div > svg {width:20px; height:20px; fill:#f00; margin-top:15px;}
.popup_vote_finish > div > .body_bottom > .vote > .center_area > div > span {font-size:15; font-weight:600;}

.popup_problem_report > div {width:360px; height:310px;}
.popup_problem_report > div > .input_area {height:210px; width:100%;}
.popup_problem_report > div > .input_area > textarea {width:calc(100% - 62px); height:148px; border-radius:10px; border:1px solid #ccc; background:#fafafa; resize: none; margin:20px; font-size:15px; padding:10px;}
.popup_problem_report > div > .input_area > textarea:focus{ outline:none; }

.popup_feed_delete > div {width:300px; height:170px;}
.popup_reply_delete > div {width:300px; height:170px;}
.popup_reply_delete_cancel > div {width:300px; height:170px;}
.popup_feed_report > div {width:300px; height:170px;}
.popup_reply_report > div {width:300px; height:170px;}
.popup_withdraw > div {width:300px; height:170px;}
.popup_notice_delete > div {width:300px; height:170px;}

.popup_user_block > div {width:320px; height:170px;}
.popup_user_block > div > .user_box {height:70px;}
.popup_user_block > div > .user_box > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:20px; margin-top:10px; border:1px solid #aaa; }
.popup_user_block > div > .user_box > .nickname { float:left; padding-top:20px; padding-bottom:20px; margin-left:10px;}
.popup_user_block > div > .user_box > .nickname > span {color:#000; font-weight:600; font-size:15px; line-height:26px;}

.popup_user_block_cancel > div {width:320px; height:170px;}
.popup_user_block_cancel > div > .user_box {height:70px;}
.popup_user_block_cancel > div > .user_box > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:20px; margin-top:10px; border:1px solid #aaa; }
.popup_user_block_cancel > div > .user_box > .nickname { float:left; padding-top:20px; padding-bottom:20px; margin-left:10px;}
.popup_user_block_cancel > div > .user_box > .nickname > span {color:#000; font-weight:600; font-size:15px; line-height:26px;}

.popup_share > div {width:250px; height:100px;}
.popup_share > div > .popup_bottom {}
.popup_share > div > .popup_bottom > .item {position:relative; width:calc(100% - 20px); height:40px; margin-top:5px; margin-left:10px; cursor:pointer;}
.popup_share > div > .popup_bottom > .item > span {font-size:16px; line-height:36px; margin-left:15px; font-weight:600;}
.popup_share > div > .popup_bottom > .item > svg {position:absolute; width:20px; height:20px; right:15px; top:8px; fill:#000}
.popup_share > div > .popup_bottom > .item:hover {background:var(--color-hover-bg); border-radius:20px;}

.popup_admin_login > div {width:300px; height:310px;}
.popup_admin_login > div > .input_area { width:calc(100% - 40px); padding:20px; }
.popup_admin_login > div > .input_area > div {position:relative; width:calc(100% - 2px); height:48px; border:1px solid var(--color-gray); border-radius:10px; background:#fafafa; margin-top:10px}
.popup_admin_login > div > .input_area > div:first-child {margin-top:0;}
.popup_admin_login > div > .input_area > div > input {width:calc(100% - 20px); margin-left:10px; height:100%; font-size:15px; background:#ffffff00; border:0}
.popup_admin_login > div > .input_area > div > input:focus{ outline:none; }
.popup_admin_login > div > .input_area > div > div {position:absolute; right:0; top:0; width:50px; cursor:pointer;}
.popup_admin_login > div > .input_area > div > div > svg {width:20px; height:20px; margin:14px; fill:var(--color-gray);}
.popup_admin_login > div > .input_area > div > div.focus > svg{fill:#000;}

.popup_admin_login > div > .input_area > div > div > .show {display:none;}
.popup_admin_login > div > .input_area > div > div > .hide {display:block;}
.popup_admin_login > div > .input_area > div > div.focus > .show {display:block;}
.popup_admin_login > div > .input_area > div > div.focus > .hide {display:none;}


.popup_feed_add > div {width:500px; max-height:calc(100vh - 60px); height:fit-content;}
.popup_feed_add > div > .body {width:calc(100% - 40px); max-height:calc(100vh - 180px); height:fit-content; scrollbar-width: thin; overflow-y:auto; overflow-x:hidden; padding-left:20px; padding-right:20px; padding-bottom:20px;}
.popup_feed_add > div > .body > div {margin-top:10px;}
.popup_feed_add > div > .body > .user {width:100%; height:50px; margin-top:20px; margin-bottom:20px;}
.popup_feed_add > div > .body > .user > .flags { float:left; width:48px; height:48px; border-radius:25px; border:1px solid #aaa; }
.popup_feed_add > div > .body > .user > div {float:left; height:50px; margin-left:10px;}
.popup_feed_add > div > .body > .user > div > div {height:25px; line-height:25px;}
.popup_feed_add > div > .body > .user > div > div > span {font-size:15px}
.popup_feed_add > div > .body > .user > div > .nickname > span {font-weight:600; color:#000;}
.popup_feed_add > div > .body > .user > div > .country > span {color:#999;}

.popup_feed_add > div > .body > .user.loading {}
.popup_feed_add > div > .body > .user.loading > .loading { float:left; width:48px; height:48px; border-radius:25px; border:1px solid #aaa; margin-left:0px;}
.popup_feed_add > div > .body > .user.loading > .loading > svg { width: 30px; height: 30px; margin:10px; fill:var(--color-gray); animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}
.popup_feed_add > div > .body > .user.loading > div > div {height:48px; line-height:48px;}

.popup_feed_add > div > .body > .input_default {width:calc(100% - 2px); position:relative;}
.popup_feed_add > div > .body > .input_default.textarea {height:auto; min-height:100px;}
.popup_feed_add > div > .body > .input_default.textarea > textarea {min-height:85px; padding-top:15px;}
.popup_feed_add > div > .body > .input_length_text {text-align:right; margin-top:0px;}
.popup_feed_add > div > .body > .input_length_text > span {font-size:13px; color:#555;}
.popup_feed_add > div > .body > .input_default > .btn_delete { position:absolute; width:48px; height:48px; top:0; right:0; cursor:pointer; }
.popup_feed_add > div > .body > .input_default > .btn_delete > svg { width:16px; height:16px; margin:16px; fill:var(--color-gray);}
.popup_feed_add > div > .body > .input_default > .btn_delete:hover > svg {fill:#000;}
.popup_feed_add > div > .body > .input_default > .btn_delete:active > svg {width:14px; height:14px; margin:17px;}
.popup_feed_add > div > .body > .video {width:100%; height:236px; border-radius:10px; margin-top:10px;}
.popup_feed_add > div > .body > .guide_area {}
.popup_feed_add > div > .body > .guide_area > div { line-height:20px; }
.popup_feed_add > div > .body > .guide_area > div > span { font-size:12px; color:#555;}

.popup_feed_add > div > .body > .image_list {height:150px; width:calc(100% + 40px); margin-left:-20px;}
.popup_feed_add > div > .body > .image_list > div {height:100%; position:relative; display:inline-block; margin-left:20px;}
.popup_feed_add > div > .body > .image_list > div > img {height:100%; border-radius:10px;}
.popup_feed_add > div > .body > .image_list > div > div {width:20px; height:20px; background:#00000070; position:absolute; cursor:pointer; top:5px; right:5px; border-radius:20px;}
.popup_feed_add > div > .body > .image_list > div > div > svg {width:10px; height:10px; fill:#fff; margin:5px;}
.popup_feed_add > div > .body > .image_list > div:last-child {margin-right:20px;}

.popup_feed_add > div > .popup_bottom > .btn {float:left; width:30px; cursor:pointer;}
.popup_feed_add > div > .popup_bottom > .btn > svg {width:20px; height:20px; fill:var(--color-gray); margin-top:15px; margin-left:5px;}
.popup_feed_add > div > .popup_bottom > .btn:hover > svg {fill:#000;}
.popup_feed_add > div > .popup_bottom > .btn:active > svg {width:18px; height:18px; margin-top:16px; margin-left:6px;}
.popup_feed_add > div > .popup_bottom > .image {margin-left:20px;}
.popup_feed_add > div > .popup_bottom > .btn.disable {cursor:default;}
.popup_feed_add > div > .popup_bottom > .btn.disable > svg {fill:#eaeaea;}
.popup_feed_add > div > .popup_bottom > .btn.disable:hover > svg {fill:#eaeaea;}
.popup_feed_add > div > .popup_bottom > .btn.disable:active > svg {width:20px; height:20px; margin-top:15px; margin-left:5px;}



.popup_reply_add > div {width:500px; max-height:calc(100vh - 60px); height:fit-content;}
.popup_reply_add > div > .body {width:calc(100% - 40px); max-height:calc(100vh - 180px); height:fit-content; scrollbar-width: thin; overflow-y:auto; overflow-x:hidden; padding-left:20px; padding-right:20px; padding-bottom:20px;}
.popup_reply_add > div > .body > div {margin-top:10px;}
.popup_reply_add > div > .body > .user {width:100%; height:50px; margin-top:20px; margin-bottom:20px;}
.popup_reply_add > div > .body > .user > .flags { float:left; width:48px; height:48px; border-radius:25px; border:1px solid #aaa; }
.popup_reply_add > div > .body > .user > div {float:left; height:50px; margin-left:10px;}
.popup_reply_add > div > .body > .user > div > div {height:25px; line-height:25px;}
.popup_reply_add > div > .body > .user > div > div > span {font-size:15px}
.popup_reply_add > div > .body > .user > div > .nickname > span {font-weight:600; color:#000;}
.popup_reply_add > div > .body > .user > div > .country > span {color:#999;}

.popup_reply_add > div > .body > .user.loading {}
.popup_reply_add > div > .body > .user.loading > .loading { float:left; width:48px; height:48px; border-radius:25px; border:1px solid #aaa; margin-left:0px;}
.popup_reply_add > div > .body > .user.loading > .loading > svg { width: 30px; height: 30px; margin:10px; fill:var(--color-gray); animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}
.popup_reply_add > div > .body > .user.loading > div > div {height:48px; line-height:48px;}

.popup_reply_add > div > .body > .input_default {width:calc(100% - 2px); position:relative;}
.popup_reply_add > div > .body > .input_default.textarea {height:auto; min-height:100px;}
.popup_reply_add > div > .body > .input_default.textarea > textarea {min-height:85px; padding-top:15px;}
.popup_reply_add > div > .body > .input_length_text {text-align:right; margin-top:0px;}
.popup_reply_add > div > .body > .input_length_text > span {font-size:13px; color:#555;}
.popup_reply_add > div > .body > .input_default > .btn_delete { position:absolute; width:48px; height:48px; top:0; right:0; cursor:pointer; }
.popup_reply_add > div > .body > .input_default > .btn_delete > svg { width:16px; height:16px; margin:16px; fill:var(--color-gray);}
.popup_reply_add > div > .body > .input_default > .btn_delete:hover > svg {fill:#000;}
.popup_reply_add > div > .body > .input_default > .btn_delete:active > svg {width:14px; height:14px; margin:17px;}
.popup_reply_add > div > .body > .video {width:100%; height:236px; border-radius:10px; margin-top:10px;}
.popup_reply_add > div > .body > .guide_area {}
.popup_reply_add > div > .body > .guide_area > div { line-height:20px; }
.popup_reply_add > div > .body > .guide_area > div > span { font-size:12px; color:#555;}

.popup_reply_add > div > .body > .image_list {height:150px; width:calc(100% + 40px); margin-left:-20px;}
.popup_reply_add > div > .body > .image_list > div {height:100%; position:relative; display:inline-block; margin-left:20px;}
.popup_reply_add > div > .body > .image_list > div > img {height:100%; border-radius:10px;}
.popup_reply_add > div > .body > .image_list > div > div {width:20px; height:20px; background:#00000070; position:absolute; cursor:pointer; top:5px; right:5px; border-radius:20px;}
.popup_reply_add > div > .body > .image_list > div > div > svg {width:10px; height:10px; fill:#fff; margin:5px;}
.popup_reply_add > div > .body > .image_list > div:last-child {margin-right:20px;}

.popup_reply_add > div > .popup_bottom > .btn {float:left; width:30px; cursor:pointer;}
.popup_reply_add > div > .popup_bottom > .btn > svg {width:20px; height:20px; fill:var(--color-gray); margin-top:15px; margin-left:5px;}
.popup_reply_add > div > .popup_bottom > .btn:hover > svg {fill:#000;}
.popup_reply_add > div > .popup_bottom > .btn:active > svg {width:18px; height:18px; margin-top:16px; margin-left:6px;}
.popup_reply_add > div > .popup_bottom > .image {margin-left:20px;}
.popup_reply_add > div > .popup_bottom > .btn.disable {cursor:default;}
.popup_reply_add > div > .popup_bottom > .btn.disable > svg {fill:#eaeaea;}
.popup_reply_add > div > .popup_bottom > .btn.disable:hover > svg {fill:#eaeaea;}
.popup_reply_add > div > .popup_bottom > .btn.disable:active > svg {width:20px; height:20px; margin-top:15px; margin-left:5px;}


.popup_notice_add > div {width:500px; max-height:calc(100vh - 60px); height:fit-content;}
.popup_notice_add > div > .body {width:calc(100% - 40px); max-height:calc(100vh - 180px); height:fit-content; scrollbar-width: thin; overflow-y:auto; overflow-x:hidden; padding-left:20px; padding-right:20px; padding-bottom:20px;}
.popup_notice_add > div > .body > div {margin-top:10px;}

.popup_notice_add > div > .body > .input_default {width:calc(100% - 2px); position:relative;}
.popup_notice_add > div > .body > .input_default.textarea {height:auto; min-height:100px;}
.popup_notice_add > div > .body > .input_default.textarea > textarea {min-height:85px; padding-top:15px;}
.popup_notice_add > div > .body > .input_default > .btn_delete { position:absolute; width:48px; height:48px; top:0; right:0; cursor:pointer; }
.popup_notice_add > div > .body > .input_default > .btn_delete > svg { width:16px; height:16px; margin:16px; fill:var(--color-gray);}
.popup_notice_add > div > .body > .input_default > .btn_delete:hover > svg {fill:#000;}
.popup_notice_add > div > .body > .input_default > .btn_delete:active > svg {width:14px; height:14px; margin:17px;}

.popup_notice_add > div > .popup_bottom > .btn {float:left; width:30px; cursor:pointer;}
.popup_notice_add > div > .popup_bottom > .btn > svg {width:20px; height:20px; fill:var(--color-gray); margin-top:15px; margin-left:5px;}
.popup_notice_add > div > .popup_bottom > .btn:hover > svg {fill:#000;}
.popup_notice_add > div > .popup_bottom > .btn:active > svg {width:18px; height:18px; margin-top:16px; margin-left:6px;}
.popup_notice_add > div > .popup_bottom > .btn.disable {cursor:default;}
.popup_notice_add > div > .popup_bottom > .btn.disable > svg {fill:#eaeaea;}
.popup_notice_add > div > .popup_bottom > .btn.disable:hover > svg {fill:#eaeaea;}
.popup_notice_add > div > .popup_bottom > .btn.disable:active > svg {width:20px; height:20px; margin-top:15px; margin-left:5px;}
/* End - Æ˾÷ 
*************************************************************************************************************************/

/************************************************************************************************************************* 
	¸®½ºÆ® ÇÇµå ¾ÆÀÌÅÛ
*************************************************************************************************************************/
.pc.body_box_top > .top_fix_overlay_title {display:none;}
.pc.body_box_top.main_top_overlay {width:calc(var(--width-center-box) + 2px); z-index:5; position:fixed; top:0; padding-top:20px; background:var(--app-default-bg); padding-bottom:10px; padding-left:0px;}
.pc.body_box_top.main_top_overlay > .top_fix_overlay_title {display:block;}
.pc.body_box_top.main_top_overlay > .filter {margin-left:11px;}
.pc.main_top_border_overlay.body_box_top_border {top:60px;}

.pc.body_box.hot_feed { margin-bottom:40px; box-shadow: 0 0 10px 4px rgba(255, 0, 0, 0.25);}
.pc.body_box.feeds {}
.pc.body_box > .feed_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:30px; border-top:1px solid var(--color-border); }
.pc.body_box > .feed_item::after { content: ""; display: block; clear: both; }
.pc.body_box > .feed_item:first-child {border-top:0;}
.pc.body_box > .feed_item > .hot_tag_cover { width:30px; height:75px; position:fixed; left:-30px; background:#ff0000; border-top-left-radius:10px; border-bottom-left-radius:10px; text-align:center; padding-top:5px;}
.pc.body_box > .feed_item > .hot_tag_cover > span {font-size:10px; color:#fff; /* ÀζóÀÎ ¼Ó¼ºÀ» ºí·Ï ¼Ó¼ºÀ¸·Î º¯°æ */
  display: block; font-weight:600;
  
  /* ¶Ç´Â flex¸¦ »ç¿ëÇÏ¿© ¼¼·Î Á¤·Ä */
  /* display: flex; flex-direction: column; */}
.pc.body_box > .feed_item > .hot_tag_cover > .number{font-size:15px}
.pc.body_box > .feed_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box > .feed_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}


.pc.body_box > .feed_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box > .feed_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box > .feed_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box > .feed_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box > .feed_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box > .feed_item > .contents > .top > span {font-size:15px; vertical-align: middle;}
.pc.body_box > .feed_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box > .feed_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box > .feed_item > .contents > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.pc.body_box > .feed_item > .contents > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.pc.body_box > .feed_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box > .feed_item > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px;}
.pc.body_box > .feed_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box > .feed_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box > .feed_item > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box > .feed_item > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box > .feed_item > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box > .feed_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box > .feed_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box > .feed_item > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box > .feed_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box > .feed_item > .contents > .icons > div > div {float:left;height:25px;}
.pc.body_box > .feed_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box > .feed_item > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box > .feed_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box > .feed_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box > .feed_item > .contents > .icons > .hits {cursor:default;}
.pc.body_box > .feed_item > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.pc.body_box > .feed_item > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.pc.body_box > .feed_item > .contents > .vote {margin-top:20px;}


.mobile.body_box.hot_feed { margin-bottom:0px; }
.mobile.body_box.feeds {  }
.mobile.body_box > .feed_item { position:relative; width:100%; padding-top:20px; padding-bottom:30px; border-top:1px solid var(--color-border);}
.mobile.body_box > .feed_item::after { content: ""; display: block; clear: both; }

.mobile.body_box > .feed_item:first-child {border-top:0;}
.mobile.body_box > .feed_item > .hot_tag_cover { width:40px; height:20px; line-height:20px; position:absolute; left:20px; top:65px; background:#ff0000; text-align:center; }
.mobile.body_box > .feed_item > .hot_tag_cover > span {font-size:10px; color:#fff; /* ÀζóÀÎ ¼Ó¼ºÀ» ºí·Ï ¼Ó¼ºÀ¸·Î º¯°æ */
  display: block; font-weight:600;
  
  /* ¶Ç´Â flex¸¦ »ç¿ëÇÏ¿© ¼¼·Î Á¤·Ä */
  /* display: flex; flex-direction: column; */}
.mobile.body_box > .feed_item > .hot_tag_cover > .number{font-size:15px}
.mobile.body_box > .feed_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box > .feed_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}

.mobile.body_box > .feed_item > .contents > .menu { position:absolute; top:10px; right:20px; }
.mobile.body_box > .feed_item > .contents > .menu > .icon {width:40px; height:40px; cursor:pointer; }
.mobile.body_box > .feed_item > .contents > .menu > .icon > svg {width:20px; height:20px; margin:10px; fill:var(--color-icon-nomal)}
.mobile.body_box > .feed_item > .contents > .menu > .icon:active > svg {width:16px; height:16px; margin:12px;}
.mobile.body_box > .feed_item > .contents > .menu > .drop_down {right:-10px; top:40px;}
.mobile.body_box > .feed_item > .contents > .top > span {font-size:14px;  vertical-align: middle;}
.mobile.body_box > .feed_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box > .feed_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box > .feed_item > .contents > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.mobile.body_box > .feed_item > .contents > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.mobile.body_box > .feed_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:14px; margin-top:5px; line-height:25px;}
.mobile.body_box > .feed_item > .contents > .image_list {width:calc(100% + 95px); margin-left:-75px; margin-top:15px;}
.mobile.body_box > .feed_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:75px; margin-right:20px; border: 0;}
.mobile.body_box > .feed_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box > .feed_item > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box > .feed_item > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box > .feed_item > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box > .feed_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:15px;}
.mobile.body_box > .feed_item > .contents > .video {height:calc((100vw - 95px) * 9 / 16); width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:15px;}
.mobile.body_box > .feed_item > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box > .feed_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box > .feed_item > .contents > .icons > div > div {float:left;height:25px;}
.mobile.body_box > .feed_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box > .feed_item > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box > .feed_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box > .feed_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box > .feed_item > .contents > .icons > .hits {cursor:default;}
.mobile.body_box > .feed_item > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.mobile.body_box > .feed_item > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.mobile.body_box > .feed_item > .contents > .vote {margin-top:20px;}


.vote { width:100%;  }
.vote > .bar { width:100%; height:50px; cursor:pointer;}
.vote > .bar > div { position:relative; height:100%; float:left; text-align:center; min-width:40%; max-width:60%;}
.vote > .bar > div > img { position:absolute; height:30px; width:30px; top:10px; transition: transform 0.2s ease-in-out;}
.vote > .bar > div > img.vote {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: stamp;}
.vote > .bar > div > span {display: inline-block; font-size:14px; color:#fff; line-height:47px; font-weight:600; transition: transform 0.2s ease-in-out;}
.vote > .bar > .agree {background:var(--color-agree); width:30%; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.vote > .bar > .agree > img { left:10px; }
.vote > .bar > .disagree {background:var(--color-disagree); width:70%; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.vote > .bar > .disagree > img { right:10px; }
.vote > .bar > .agree.voted > span {margin-left:25px;}
.vote > .bar > .disagree.voted > span {margin-right:25px;}
.vote > .bar > .lose {background:#999;}
.vote > .bar:hover > div > span {transform: scale(1.1);}
.vote > .bar:hover > div > img {transform: scale(0.9);}
.vote > .bar_text {height:20px; margin-top:5px; position:relative;}
.vote > .bar_text > div {height:20px; line-height:20px;}
.vote > .bar_text > div > span {font-size:15px; font-weight:600;}
.vote > .bar_text > div > div > span {font-size:15px; font-weight:600;}
.vote > .bar_text > .agree{float:left; margin-left:5px;}
.vote > .bar_text > .disagree{float:right; margin-right:5px;}
.vote > .bar_text > .count {float:left; text-align:center; position:absolute; height:20px; top:0px; margin-left:50%; transform: translate(-50%, 0);}
.vote > .bar_text > .count > div {float:left;}
.vote > .bar_text > .count > div > svg {width:20px; height:20px; fill:#f00; margin-right:0px;}
.vote > .bar_text.white > div > span {color:#fff;}
.vote > .bar_text.white > div > div > span {color:#fff;}

.mobile .vote > .bar { height:40px; }
.mobile .vote > .bar > div > img { height:20px; width:20px; top:10px;}
.mobile .vote > .bar > div > span {font-size:16px; line-height:37px;}
.mobile .vote > .bar_text > div > span {font-size:14px;}
.mobile .vote > .bar_text > div > div > span {font-size:14px;}
.mobile .vote > .bar_text > .count > div > svg {width:15px; height:15px; margin-top:3px;}

.vote.no_vote {width:100%; height:75px;}
.vote.no_vote > div {float:left; height:75px;}
.vote.no_vote > .btn {width:calc(50% - 52px); height:calc(100% - 2px); border-radius:10px; cursor:pointer;}
.vote.no_vote > .btn > div {float:left; display:flex; justify-content:center; align-items:center; height:100%; }
.vote.no_vote > .btn > .guide {width:calc(100% - 80px); padding-left:10px; padding-right:10px; text-align:center; line-height:20px;}
.vote.no_vote > .btn > .guide > span { font-size:14px; color:#000;}
.vote.no_vote > .btn > .title {width:60px;}
.vote.no_vote > .btn > .title > span {color:#fff; font-size:15px; font-weight:600;}
.vote.no_vote > .btn.agree {border:1px solid var(--color-agree); background:#0070C01A;}
.vote.no_vote > .btn.disagree {border:1px solid var(--color-disagree); background:#FF00001A;}
.vote.no_vote > .btn.agree:hover {background:#0070C03A;}
.vote.no_vote > .btn.disagree:hover {background:#FF00003A;}
.vote.no_vote > .btn.agree > .title {background:var(--color-agree); border-top-right-radius:10px; border-bottom-right-radius:10px;}
.vote.no_vote > .btn.disagree > .title {background:var(--color-disagree); border-top-left-radius:10px; border-bottom-left-radius:10px;}
.vote.no_vote > .count {width:100px; display:flex; justify-content:center; align-items:center;}
.vote.no_vote > .count > div {float:left;}
.vote.no_vote > .count > div > svg {width:20px; height:20px; fill:#f00; margin-top:5px;}
.vote.no_vote > .count > div > span {font-size:15px; font-weight:600; color:#000;}

.vote.mobile_no_vote {width:100%;}
.vote.mobile_no_vote > div {width:100%;}
.vote.mobile_no_vote > .btn {width:calc(100% - 2px); height:60px; border-radius:10px; cursor:pointer; }
.vote.mobile_no_vote > .btn > div {float:left; display:flex; justify-content:center; align-items:center; height:100%; }
.vote.mobile_no_vote > .btn > .guide {width:calc(100% - 100px); padding-left:20px; padding-right:20px; line-height:20px;}
.vote.mobile_no_vote > .btn > .guide > span { font-size:14px; color:#000;}
.vote.mobile_no_vote > .btn > .title {width:60px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.vote.mobile_no_vote > .btn > .title > span {color:#fff; font-size:15px; font-weight:600;}
.vote.mobile_no_vote > .btn.agree > .title {background:var(--color-agree);}
.vote.mobile_no_vote > .btn.disagree > .title {background:var(--color-disagree); }
.vote.mobile_no_vote > .btn.agree:active {background:#0070C03A;}
.vote.mobile_no_vote > .btn.disagree:active {background:#FF00003A;}
.vote.mobile_no_vote > .agree {border:1px solid var(--color-agree); background:#0070C01A;}
.vote.mobile_no_vote > .disagree {border:1px solid var(--color-disagree); background:#FF00001A;}
.vote.mobile_no_vote > .count {width:100%; height:40px; display:flex; justify-content:center; align-items:center;}
.vote.mobile_no_vote > .count > div {float:left;}
.vote.mobile_no_vote > .count > div > svg {width:20px; height:20px; fill:#f00; margin-top:5px;}
.vote.mobile_no_vote > .count > div > span {font-size:15px; font-weight:600; color:#000;}

.vote.mobile_no_vote_in_feed {width:100%; position:relative;}
.vote.mobile_no_vote_in_feed > div { float:left; width:100%;}
.vote.mobile_no_vote_in_feed > .btn {width:calc(50% - 7px); border-radius:10px; cursor:pointer; }
.vote.mobile_no_vote_in_feed > .btn > div {display:flex; justify-content:center; align-items:center; }
.vote.mobile_no_vote_in_feed > .btn > .title {width:100%; border-top-left-radius:10px; border-top-right-radius:10px; height:20px;}
.vote.mobile_no_vote_in_feed > .btn > .title > span {color:#fff; font-size:13px; font-weight:600;}
.vote.mobile_no_vote_in_feed > .btn > .guide {width:calc(100% - 10px); padding:5px; text-align:center; line-height:20px;}
.vote.mobile_no_vote_in_feed > .btn > .guide > span { font-size:13px; color:#000;}
.vote.mobile_no_vote_in_feed > .btn.agree > .title {background:var(--color-agree);}
.vote.mobile_no_vote_in_feed > .btn.disagree {margin-left:10px;}
.vote.mobile_no_vote_in_feed > .btn.disagree > .title {background:var(--color-disagree); }
.vote.mobile_no_vote_in_feed > .btn.agree:active {background:#0070C03A;}
.vote.mobile_no_vote_in_feed > .btn.disagree:active {background:#FF00003A;}
.vote.mobile_no_vote_in_feed > .agree {border:1px solid var(--color-agree); background:#0070C01A;}
.vote.mobile_no_vote_in_feed > .disagree {border:1px solid var(--color-disagree); background:#FF00001A;}
.vote.mobile_no_vote_in_feed > .count {width:100%; height:20px; display:flex; justify-content:center; align-items:center;}
.vote.mobile_no_vote_in_feed > .count > div {float:left;}
.vote.mobile_no_vote_in_feed > .count > div > svg {width:20px; height:20px; fill:#f00; margin-top:5px;}
.vote.mobile_no_vote_in_feed > .count > div > span {font-size:15px; font-weight:600; color:#000;}


.vote_mini {}
.vote_mini > .bar { width:100px; height:20px; cursor:pointer; float:left;}
.vote_mini > .bar > div { position:relative; height:100%; line-height:14px; }
.vote_mini > .bar > div > img { position:absolute; height:14px; width:14px; top:3px;  transition: transform 0.2s ease-in-out;}
.vote_mini > .bar > div > img.vote {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: stamp;}
.vote_mini > .bar > div > span {font-size:10px; color:#fff; font-weight:600; transition: transform 0.2s ease-in-out;}
.vote_mini > .bar > .agree {background:var(--color-agree); float:left; width:50%; border-top-left-radius:10px; border-bottom-left-radius:10px; text-align:left;}
.vote_mini > .bar > .agree > img { right:3px; }
.vote_mini > .bar > .agree > span { margin-left:5px; }
.vote_mini > .bar > .disagree {background:var(--color-disagree); float:left; width:50%; border-top-right-radius:10px; border-bottom-right-radius:10px; text-align:right;}
.vote_mini > .bar > .disagree > img { left:3px; }
.vote_mini > .bar > .disagree > span { margin-right:5px; }
.vote_mini > .bar > .lose {background:#999;}
.vote_mini > .bar:hover > div > span {transform: scale(1.1);}
.vote_mini > .bar:hover > div > img {transform: scale(0.9);}
.vote_mini > .bar_text {float:left; height:20px; line-height:16px;}
.vote_mini > .bar_text.agree{margin-right:5px;}
.vote_mini > .bar_text.disagree{margin-left:5px;}
.vote_mini > .bar_text > span {font-size:12px; font-weight:600;}

.loader.box_bottom { width:var(--width-center-box); background:#fff; padding-top:20px; padding-bottom:20px; border-top:0; }

/* End - ÇÇµå ¾ÆÀÌÅÛ
*************************************************************************************************************************/


/************************************************************************************************************************* 
	Çǵå È­¸é
*************************************************************************************************************************/
body > .body.pc.feed {padding-top:100px;}

.pc.feed_top {width:calc(var(--width-center-box) + 2px); height:100px; top:0; background:var(--app-default-bg); position:fixed; z-index:2;}
.pc.feed_top > div {float:left;}
.pc.feed_top > .back_icon { margin-top:20px; }
.pc.feed_top > .vote{width:585px; top:10px; position:absolute; margin-left:50%; transform: translate(-50%, 0);}

.mobile.header > .vote{width:calc(100% - 75px - 35px); top:5px; position:absolute; margin-left:55px; }

.pc.body_box.feed {position: relative; min-height:calc(100vh - 100px);}
.pc.body_box.feed > .feed { position:relative; width:var(--width-center-box); padding-top:20px;}
.pc.body_box.feed > .feed > .hot_tag_cover > .number{font-size:15px}
.pc.body_box.feed > .feed > .top { line-height:50px; }
.pc.body_box.feed > .feed > .top > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.feed > .feed > .top > .nickname {color:#000; font-weight:600; margin-left:15px; cursor:pointer;}
.pc.body_box.feed > .feed > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.feed > .feed > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.pc.body_box.feed > .feed > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.pc.body_box.feed > .feed > .menu { position:absolute; top:35px; right:30px; }
.pc.body_box.feed > .feed > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.feed > .feed > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.feed > .feed > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.feed > .feed > .menu > .drop_down {right:-10px; top:30px;}

.pc.body_box.feed > .feed > .contents { width:650px; margin-left:30px; height:fit-content; padding-bottom:20px; }
.pc.body_box.feed > .feed > .contents > .top > span {font-size:15px;}
.pc.body_box.feed > .feed > .contents > .body_text {width:100%; word-break: break-word; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.feed > .feed > .contents > .image_list {width:calc(var(--width-center-box) - 30px); margin-left:-30px; padding-left:30px; margin-top:20px;}
.pc.body_box.feed > .feed > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.feed > .feed > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.feed > .feed > .contents > .one_image {max-width:100%; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.feed > .feed > .contents > .video {height:400px; width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.feed > .feed > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.feed > .feed > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.feed > .feed > .contents > .icons > div > div {float:left;}
.pc.body_box.feed > .feed > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.feed > .feed > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.feed > .feed > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.feed > .feed > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.feed > .feed > .contents > .icons > .hits {cursor:default;}
.pc.body_box.feed > .feed > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.pc.body_box.feed > .feed > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.pc.body_box.feed > .feed > .contents > .vote {margin-top:20px;}

.pc.body_box.feed > .summary { width:calc(var(--width-center-box) - 60px); margin-left:30px; border-top:1px solid var(--color-border); padding-bottom:20px; }
.pc.body_box.feed > .summary > img {width:100%; margin-top:20px;}
.pc.body_box.feed > .summary > div { width:100%; margin-top:15px; height:50px; border-radius:10px; background:#000; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.pc.body_box.feed > .summary > div > span { font-size:15px; color:#fff; }
.pc.body_box.feed > .summary > div:hover{background:#222;}

.pc.body_box.feed > .reply_top { width:650px; margin-left:30px; height:30px; padding-top:15px; margin-bottom:15px; border-top:1px solid var(--color-border); }
.pc.body_box.feed > .reply_list { position:relative; }
.pc.body_box.feed > .reply_list > .reply_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.pc.body_box.feed > .reply_list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.pc.body_box.feed > .reply_list > .reply_item.child {border-top:0;}
.pc.body_box.feed > .reply_list > .reply_item:first-child {border-top:0;}
.pc.body_box.feed > .reply_list > .reply_item > .hot_tag_cover > .number{font-size:15px}
.pc.body_box.feed > .reply_list > .reply_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.feed > .reply_list > .reply_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.feed > .reply_list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.feed > .reply_list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .top > span {font-size:15px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px; position:relative;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons > div > div {float:left;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .vote {margin-top:20px;}
.pc.body_box.feed > .reply_list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.pc.body_box.feed > .reply_list > .reply_item.hide_border {border-bottom:0}


.pc.body_box.feed > .reply_list > .blur { position:absolute; left:0px; top:0px; width:100%; height:calc(100% - 60px); padding-top:60px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom:0; text-align:center;
backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */
  background-color: rgba(255, 255, 255, 0.3); cursor:default;
}
.pc.body_box.feed > .reply_list > .blur > div { width:100%; height:60px; line-height:60px; background:#00000050}
.pc.body_box.feed > .reply_list > .blur > div > span {font-size:20px; color:#fff;}

.pc.body_box.feed > .loader_div { width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); }



.mobile.body_box.feed {position: relative; }
.mobile.body_box.feed > .feed { position:relative; width:100%; padding-top:20px;}
.mobile.body_box.feed > .feed > .hot_tag_cover > .number{font-size:14px}
.mobile.body_box.feed > .feed > .top { line-height:40px; }
.mobile.body_box.feed > .feed > .top > span {font-size:14px;}
.mobile.body_box.feed > .feed > .top > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.feed > .feed > .top > .nickname {color:#000; font-weight:600; margin-left:15px; cursor:pointer;}
.mobile.body_box.feed > .feed > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.feed > .feed > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.mobile.body_box.feed > .feed > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.mobile.body_box.feed > .feed > .menu { position:absolute; top:35px; right:30px; }
.mobile.body_box.feed > .feed > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.feed > .feed > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.feed > .feed > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.feed > .feed > .menu > .drop_down {right:-10px; top:30px;}

.mobile.body_box.feed > .feed > .contents { width:calc(100% - 40px); margin-left:20px; height:fit-content; padding-bottom:20px; }
.mobile.body_box.feed > .feed > .contents > .top > span {font-size:14px;}
.mobile.body_box.feed > .feed > .contents > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.mobile.body_box.feed > .feed > .contents > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.mobile.body_box.feed > .feed > .contents > .body_text {width:100%; word-break: break-word; font-size:14px; margin-top:10px; line-height:30px;}
.mobile.body_box.feed > .feed > .contents > .image_list {width:calc(100% + 20px); margin-left:-20px; padding-left:20px; margin-top:20px;}
.mobile.body_box.feed > .feed > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.feed > .feed > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.feed > .feed > .contents > .one_image {max-width:100%; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.feed > .feed > .contents > .video {height:calc((100vw - 40px) * 9 / 16); width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.mobile.body_box.feed > .feed > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.feed > .feed > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.feed > .feed > .contents > .icons > div > div {float:left;}
.mobile.body_box.feed > .feed > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.feed > .feed > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.feed > .feed > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.feed > .feed > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.feed > .feed > .contents > .icons > .hits {cursor:default;}
.mobile.body_box.feed > .feed > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.mobile.body_box.feed > .feed > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.mobile.body_box.feed > .feed > .contents > .vote {margin-top:20px;}

.mobile.body_box.feed > .summary { width:calc(100% - 40px); margin-left:20px; border-top:1px solid var(--color-border); padding-bottom:20px; }
.mobile.body_box.feed > .summary > img {width:100%; margin-top:20px;}
.mobile.body_box.feed > .summary > div { width:100%; margin-top:15px; height:50px; border-radius:10px; background:#000; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.mobile.body_box.feed > .summary > div > span { font-size:15px; color:#fff; }
.mobile.body_box.feed > .summary > div:hover{background:#222;}

.mobile.body_box.feed > .reply_top { width:calc(100% - 20px); height:30px; padding-top:20px; padding-left:20px; padding-bottom:10px; background:var(--app-default-bg); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}
.mobile.body_box.feed > .reply_list { position:relative; }
.mobile.body_box.feed > .reply_list > .reply_item { position:relative; width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.mobile.body_box.feed > .reply_list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.mobile.body_box.feed > .reply_list > .reply_item.child {border-top:0;}
.mobile.body_box.feed > .reply_list > .reply_item:first-child {border-top:0;}
.mobile.body_box.feed > .reply_list > .reply_item > .hot_tag_cover > .number{font-size:14px}
.mobile.body_box.feed > .reply_list > .reply_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.feed > .reply_list > .reply_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .menu { position:absolute; top:20px; right:20px; }
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .top > span {font-size:14px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .image_list {width:calc(100% + 95px); margin-left:-75px; margin-top:20px; position:relative;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons > div > div {float:left;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .vote {margin-top:20px;}
.mobile.body_box.feed > .reply_list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:75px; left:40px;}
.mobile.body_box.feed > .reply_list > .reply_item.hide_border {border-bottom:0}

.mobile.body_box.feed > .reply_list > .blur { position:absolute; left:0px; top:0px; width:100%; height:calc(100% - 60px); padding-top:60px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom:0; text-align:center;
backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */
  background-color: rgba(255, 255, 255, 0.3); cursor:default;
}
.mobile.body_box.feed > .reply_list > .blur > div { width:100%; height:60px; line-height:60px; background:#00000050}
.mobile.body_box.feed > .reply_list > .blur > div > span {font-size:20px; color:#fff;}

.mobile.body_box.feed > .loader_div { width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); }
/* End - Çǵå È­¸é
*************************************************************************************************************************/


/************************************************************************************************************************* 
	´ñ±Û È­¸é
*************************************************************************************************************************/
body > .body.pc.reply {padding-top:100px;}

.pc.body_box.reply {position: relative; min-height:calc(100vh - 100px);}
.pc.body_box.reply > .feed { position:relative; width:var(--width-center-box); padding-top:20px;}
.pc.body_box.reply > .feed > .hot_tag_cover > .number{font-size:15px}
.pc.body_box.reply > .feed > .top { line-height:50px; }
.pc.body_box.reply > .feed > .top > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.reply > .feed > .top > .nickname {color:#000; font-weight:600; margin-left:15px;cursor:pointer;font-size:15px;}
.pc.body_box.reply > .feed > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.reply > .feed > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.pc.body_box.reply > .feed > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.pc.body_box.reply > .feed > .menu { position:absolute; top:35px; right:30px; }
.pc.body_box.reply > .feed > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.reply > .feed > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.reply > .feed > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.reply > .feed > .menu > .drop_down {right:-10px; top:30px;}

.pc.body_box.reply > .feed > .contents { position:relative; width:585px; margin-left:95px; height:fit-content; padding-bottom:20px; }
.pc.body_box.reply > .feed > .contents > .top > span {font-size:15px;}
.pc.body_box.reply > .feed > .contents > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.pc.body_box.reply > .feed > .contents > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}
.pc.body_box.reply > .feed > .contents > .body_text {width:100%; word-break: break-word; font-size:16px; line-height:30px;}
.pc.body_box.reply > .feed > .contents > .image_list {width:calc(var(--width-center-box) - 95px); margin-left:-95px; padding-left:95px; margin-top:20px; position:relative;}
.pc.body_box.reply > .feed > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.reply > .feed > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.reply > .feed > .contents > .one_image {max-width:100%; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.reply > .feed > .contents > .video {height:400px; width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.reply > .feed > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.reply > .feed > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.reply > .feed > .contents > .icons > div > div {float:left;}
.pc.body_box.reply > .feed > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.reply > .feed > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.reply > .feed > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.reply > .feed > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.reply > .feed > .contents > .icons > .hits {cursor:default;}
.pc.body_box.reply > .feed > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.pc.body_box.reply > .feed > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.pc.body_box.reply > .feed > .contents > .vote {margin-top:20px;}
.pc.body_box.reply > .feed > .contents > .left_line {width:1px; height:calc(100% - 40px); background:var(--color-gray); position:absolute; top:20px; left:-40px;}


.pc.body_box.reply > .reply { position:relative; width:var(--width-center-box); padding-bottom:20px; display:flow-root;}
.pc.body_box.reply > .reply > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.reply > .reply > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.reply > .reply > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.reply > .reply > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.reply > .reply > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.reply > .reply > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.reply > .reply > .top {float:left; margin-left:15px; margin-top:10px; line-height:30px;}
.pc.body_box.reply > .reply > .top > span {font-size:15px;}
.pc.body_box.reply > .reply > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box.reply > .reply > .top > .vote {color:#000; font-weight:600;}
.pc.body_box.reply > .reply > .top > .vote.agree {color:var(--color-agree);}
.pc.body_box.reply > .reply > .top > .vote.disagree {color:var(--color-disagree);}
.pc.body_box.reply > .reply > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.reply > .reply > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.reply > .reply > .contents > .body_text {width:100%; word-break: break-all; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.reply > .reply > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.pc.body_box.reply > .reply > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px; position:relative;}
.pc.body_box.reply > .reply > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box.reply > .reply > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.reply > .reply > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box.reply > .reply > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box.reply > .reply > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.reply > .reply > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.reply > .reply > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.reply > .reply > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.reply > .reply > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.reply > .reply > .contents > .icons > div > div {float:left;}
.pc.body_box.reply > .reply > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.reply > .reply > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.reply > .reply > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.reply > .reply > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.reply > .reply > .contents > .vote {margin-top:20px;}
.pc.body_box.reply > .reply > .contents > .left_line {width:1px; height:calc(100% - 105px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.pc.body_box.reply > .reply > .bottom_line {border-bottom:1px solid var(--color-border);}
.pc.body_box.reply > .reply.current_reply > .contents {width:650px; margin-left:30px;}
.pc.body_box.reply > .reply.current_reply > .contents > .image_list {width:var(--width-center-box); margin-left:-30px; margin-top:20px; position:relative;}
.pc.body_box.reply > .reply.current_reply > .contents > .image_list > img:first-child {margin-left:30px;}
.pc.body_box.reply > .reply.current_reply > .bottom_line { display:none; }


.pc.body_box.reply > .reply_top { width:650px; margin-left:30px; height:30px; padding-top:15px; margin-bottom:15px; border-top:1px solid var(--color-border); }
.pc.body_box.reply > .reply_list { position:relative; }
.pc.body_box.reply > .reply_list > .reply_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-bottom:1px solid var(--color-border); display:flow-root;}
.pc.body_box.reply > .reply_list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.pc.body_box.reply > .reply_list > .reply_item:last-child {border-bottom:0;}
.pc.body_box.reply > .reply_list > .reply_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.reply > .reply_list > .reply_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.reply > .reply_list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.reply > .reply_list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .top > span {font-size:15px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px; position:relative;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons > div > div {float:left;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .vote {margin-top:20px;}
.pc.body_box.reply > .reply_list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.pc.body_box.reply > .reply_list > .reply_item.hide_border {border-bottom:0}

.pc.body_box.reply > .reply_list > .blur { position:absolute; left:0px; top:0px; width:100%; height:calc(100% - 60px); padding-top:60px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom:0; text-align:center;
backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */
  background-color: rgba(255, 255, 255, 0.3); cursor:default;
}
.pc.body_box.reply > .reply_list > .blur > div { width:100%; height:60px; line-height:60px; background:#00000050}
.pc.body_box.reply > .reply_list > .blur > div > span {font-size:20px; color:#fff;}

.pc.body_box.reply > .loader_div { width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); }




.mobile.body_box.reply {position: relative; }
.mobile.body_box.reply > .feed { position:relative; width:100%; padding-top:20px;}
.mobile.body_box.reply > .feed > .hot_tag_cover > .number{font-size:14px}
.mobile.body_box.reply > .feed > .top { line-height:40px; }
.mobile.body_box.reply > .feed > .top > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.reply > .feed > .top > .nickname {color:#000; font-weight:600; margin-left:15px;cursor:pointer; font-size:14px;}
.mobile.body_box.reply > .feed > .top > .time {color:var(--color-gray); margin-left:5px; font-size:14px;}
.mobile.body_box.reply > .feed > .top > .save { width:15px; height:15px; margin-left:5px; vertical-align: middle; display: inline-block;}
.mobile.body_box.reply > .feed > .top > .save > svg {width:15px; height:15px; fill:var(--color-icon-bookmark); vertical-align: top;}

.mobile.body_box.reply > .feed > .menu { position:absolute; top:30px; right:30px; }
.mobile.body_box.reply > .feed > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.reply > .feed > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.reply > .feed > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.reply > .feed > .menu > .drop_down {right:-10px; top:30px;}

.mobile.body_box.reply > .feed > .contents { position:relative; width:calc(100% - 95px); margin-left:75px; height:fit-content; padding-bottom:20px; }
.mobile.body_box.reply > .feed > .contents > .top > span {font-size:14px; vertical-align: middle;}

.mobile.body_box.reply > .feed > .contents > .body_text {width:100%; word-break: break-word; font-size:14px; line-height:30px;}
.mobile.body_box.reply > .feed > .contents > .image_list {width:calc(100% + 20px); margin-left:-75px; padding-left:75px; margin-top:20px; position:relative;}
.mobile.body_box.reply > .feed > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.reply > .feed > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.reply > .feed > .contents > .one_image {max-width:100%; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.reply > .feed > .contents > .video {height:calc((100vw - 95px) * 9 / 16); width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.mobile.body_box.reply > .feed > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.reply > .feed > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.reply > .feed > .contents > .icons > div > div {float:left;}
.mobile.body_box.reply > .feed > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.reply > .feed > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.reply > .feed > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.reply > .feed > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.reply > .feed > .contents > .icons > .hits {cursor:default;}
.mobile.body_box.reply > .feed > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.mobile.body_box.reply > .feed > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.mobile.body_box.reply > .feed > .contents > .vote {margin-top:20px;}
.mobile.body_box.reply > .feed > .contents > .left_line {width:1px; height:calc(100% - 40px); background:var(--color-gray); position:absolute; top:15px; left:-35px;}


.mobile.body_box.reply > .reply { position:relative; width:100%; padding-bottom:20px; display:flow-root;}
.mobile.body_box.reply > .reply > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.reply > .reply > .menu { position:absolute; top:5px; right:20px; }
.mobile.body_box.reply > .reply > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.reply > .reply > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.reply > .reply > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.reply > .reply > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.reply > .reply > .top {float:left; margin-left:15px; margin-top:5px; line-height:30px;}
.mobile.body_box.reply > .reply > .top > span {font-size:14px;}
.mobile.body_box.reply > .reply > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box.reply > .reply > .top > .vote {color:#000; font-weight:600;}
.mobile.body_box.reply > .reply > .top > .vote.agree {color:var(--color-agree);}
.mobile.body_box.reply > .reply > .top > .vote.disagree {color:var(--color-disagree);}
.mobile.body_box.reply > .reply > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.reply > .reply > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.reply > .reply > .contents > .body_text {width:100%; word-break: break-all; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.mobile.body_box.reply > .reply > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.mobile.body_box.reply > .reply > .contents > .image_list {width:calc(100% + 95px); margin-left:-75px; margin-top:20px; position:relative;}
.mobile.body_box.reply > .reply > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.mobile.body_box.reply > .reply > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.reply > .reply > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box.reply > .reply > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box.reply > .reply > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.reply > .reply > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.reply > .reply > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.reply > .reply > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.reply > .reply > .contents > .icons > div > div {float:left;}
.mobile.body_box.reply > .reply > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.reply > .reply > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.reply > .reply > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.reply > .reply > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.reply > .reply > .contents > .vote {margin-top:20px;}
.mobile.body_box.reply > .reply > .contents > .left_line {width:1px; height:calc(100% - 90px); background:var(--color-gray); position:absolute; top:60px; left:40px;}
.mobile.body_box.reply > .reply > .bottom_line {border-bottom:1px solid var(--color-border);}
.mobile.body_box.reply > .reply.current_reply > .contents {width:calc(100% - 40px); margin-left:20px;}
.mobile.body_box.reply > .reply.current_reply > .contents > .image_list {width:calc(100% + 40px); margin-left:-20px; margin-top:20px; position:relative;}
.mobile.body_box.reply > .reply.current_reply > .contents > .image_list > img:first-child {margin-left:20px;}
.mobile.body_box.reply > .reply.current_reply > .bottom_line { display:none; }


.mobile.body_box.reply > .reply_top { width:calc(100% - 20px); padding-left:20px; height:30px; padding-top:20px; padding-bottom:10px; background:var(--app-default-bg); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}
.mobile.body_box.reply > .reply_list { position:relative; }
.mobile.body_box.reply > .reply_list > .reply_item { position:relative; width:100%; padding-top:20px; padding-bottom:20px; border-bottom:1px solid var(--color-border); display:flow-root;}
.mobile.body_box.reply > .reply_list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.mobile.body_box.reply > .reply_list > .reply_item:last-child {border-bottom:0;}
.mobile.body_box.reply > .reply_list > .reply_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.reply > .reply_list > .reply_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .menu { position:absolute; top:20px; right:20px; }
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .top > span {font-size:14px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .image_list {width:calc(100% + 75px); margin-left:-75px; margin-top:20px; position:relative;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons > div > div {float:left;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .vote {margin-top:20px;}
.mobile.body_box.reply > .reply_list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:75px; left:40px;}
.mobile.body_box.reply > .reply_list > .reply_item.hide_border {border-bottom:0}

.mobile.body_box.reply > .reply_list > .blur { position:absolute; left:0px; top:0px; width:100%; height:calc(100% - 60px); padding-top:60px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom:0; text-align:center;
backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); /* »çÆĸ® ºê¶ó¿ìÀú ȣȯ¼º */
  background-color: rgba(255, 255, 255, 0.3); cursor:default;
}
.mobile.body_box.reply > .reply_list > .blur > div { width:100%; height:60px; line-height:60px; background:#00000050}
.mobile.body_box.reply > .reply_list > .blur > div > span {font-size:20px; color:#fff;}

.mobile.body_box.reply > .loader_div { width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); }

/* End - ´ñ±Û È­¸é
*************************************************************************************************************************/

/************************************************************************************************************************* 
	·Î±×ÀÎ È­¸é
*************************************************************************************************************************/
.pc.body_box.login { min-height:calc(100vh - 80px);}
.pc.body_box.login > .sns_btn {width:calc(100% - 60px); height:80px; border-radius:10px; margin-left:30px; margin-bottom:20px; cursor:pointer;}
.pc.body_box.login > .sns_btn:first-child{margin-top:30px;}
.pc.body_box.login > .sns_btn:hover > img {transform: scale(1.1);}
.pc.body_box.login > .sns_btn > img {width:40px; height:40px; float:left; margin-top:20px; margin-left:30px; transition: transform 0.1s ease-in-out;}
.pc.body_box.login > .sns_btn > div {float:left; height:80px; margin-left:20px; line-height:80px;}
.pc.body_box.login > .sns_btn > div > span {font-size:20px; color:#000; font-weight:500;}
.pc.body_box.login > .sns_btn:active > div > span {font-size:19px;}
.pc.body_box.login > .sns_btn.apple {background:#000;}
.pc.body_box.login > .sns_btn.apple > div > span {color:#fff;}
.pc.body_box.login > .sns_btn.google {background:#FAFAFA; width:calc(100% - 62px); height:78px; border:1px solid #eee;}
.pc.body_box.login > .sns_btn.kakao {background:#FFE812;}
.pc.body_box.login > .sns_btn.naver {background:#00BF18;}
.pc.body_box.login > .sns_btn.naver > div > span {color:#fff;}

.mobile.body_box.login {}
.mobile.body_box.login > .sns_btn {width:calc(100% - 40px); height:60px; border-radius:10px; margin-left:20px; margin-bottom:20px; cursor:pointer;}
.mobile.body_box.login > .sns_btn:first-child{margin-top:10px;}
.mobile.body_box.login > .sns_btn > img {width:24px; height:24px; float:left; margin-top:18px; margin-left:20px; transition: transform 0.1s ease-in-out;}
.mobile.body_box.login > .sns_btn > div {float:left; height:60px; margin-left:15px; display:flex; align-items:center;}
.mobile.body_box.login > .sns_btn > div > span {font-size:14px; color:#000; font-weight:500;}
.mobile.body_box.login > .sns_btn:active > div > span {font-size:14px;}
.mobile.body_box.login > .sns_btn.apple {background:#000;}
.mobile.body_box.login > .sns_btn.apple > div > span {color:#fff;}
.mobile.body_box.login > .sns_btn.google {background:#FAFAFA; width:calc(100% - 42px); height:58px; border:1px solid #eee;}
.mobile.body_box.login > .sns_btn.kakao {background:#FFE812;}
.mobile.body_box.login > .sns_btn.naver {background:#00BF18;}
.mobile.body_box.login > .sns_btn.naver > div > span {color:#fff;}
/* End - ·Î±×ÀÎ È­¸é
*************************************************************************************************************************/


/************************************************************************************************************************* 
	ȸ¿ø°¡ÀÔ È­¸é
*************************************************************************************************************************/
.pc.body_box.signup {}
.pc.body_box.signup .check_box {position:absolute; width:fit-content; margin-left:30px; height:40px; line-height:37px; top:5px; cursor:pointer;}
.pc.body_box.signup .check_box > div {float:left;}
.pc.body_box.signup .check_box > div > svg {width:20px; height:20px; margin-top:10px; transition: transform 0.1s ease-in-out; fill:var(--color-gray);}
.pc.body_box.signup .check_box > div > span {font-size:14px; margin-left:10px; color:var(--color-gray);}
.pc.body_box.signup .check_box:hover > div > svg {transform: scale(1.1);}
.pc.body_box.signup .check_box.focus > div > svg {fill:#f00;}
.pc.body_box.signup .check_box.focus > div > span {color:#000;}

.pc.body_box.signup > .title {width:calc(100% - 60px); margin-left:30px; height:50px; line-height:50px; margin-top:10px;}
.pc.body_box.signup > .title > span {font-size:16px; font-weight:600; color:#000;}
.pc.body_box.signup > .text_box { width:calc(100% - 87px); margin-left:30px; height:178px; background:#fafafa; border:1px solid #eee; padding:10px; padding-left:15px; overflow-y:auto; border-radius:10px; scrollbar-width: thin; }
.pc.body_box.signup > .text_box > span {font-size:14px; font-weight:#555;}

.pc.body_box.signup > .have_check_box {position:relative; height:50px; margin-top:5px; margin-top:5px;}
.pc.body_box.signup > .have_check_box > .check_box {top:5px;}
.pc.body_box.signup > .have_check_box.all_agree {margin-top:-10px;}

.pc.body_box.signup > .nickname { position:relative; height:50px; margin-top:30px; width:100%;}
.pc.body_box.signup > .nickname > .input_default { width:calc(100% - 60px - 100px - 18px); margin-left:30px; float:left; }
.pc.body_box.signup > .nickname > .btn_default {position:absolute; right:30px;}

.pc.body_box.signup > .nickname_guide {width:calc(100% - 30px); margin-left:30px; height:20px; line-height:20px; margin-top:5px;}
.pc.body_box.signup > .nickname_guide > span {font-size:14px; color:#333;}

.pc.body_box.signup > .certificate {position:relative; height:50px; margin-bottom:30px; margin-top:5px;}
.pc.body_box.signup > .certificate > .btn_default {position:absolute; right:30px; top:0px;}

.pc.body_box.signup > .bottom {position:relative; height:80px;}
.pc.body_box.signup > .bottom > div {float:left;}
.pc.body_box.signup > .bottom > .guide {width:calc(100% - 60px - 100px); margin-left:30px; height:100%; line-height:80px;}
.pc.body_box.signup > .bottom > .guide > span {font-size:14px; color:#333;}
.pc.body_box.signup > .bottom > .btn_default {position:absolute; right:30px; top:15px;}


.mobile.body_box.signup {}
.mobile.body_box.signup .check_box {position:absolute; width:fit-content; margin-left:30px; height:40px; line-height:37px; top:5px; cursor:pointer;}
.mobile.body_box.signup .check_box > div {float:left;}
.mobile.body_box.signup .check_box > div > svg {width:20px; height:20px; margin-top:10px; transition: transform 0.1s ease-in-out; fill:var(--color-gray);}
.mobile.body_box.signup .check_box > div > span {font-size:14px; margin-left:10px; color:var(--color-gray);}
.mobile.body_box.signup .check_box:hover > div > svg {transform: scale(1.1);}
.mobile.body_box.signup .check_box.focus > div > svg {fill:#f00;}
.mobile.body_box.signup .check_box.focus > div > span {color:#000;}

.mobile.body_box.signup > .title {width:calc(100% - 60px); margin-left:30px; height:50px; line-height:50px; margin-top:10px;}
.mobile.body_box.signup > .title > span {font-size:16px; font-weight:600; color:#000;}
.mobile.body_box.signup > .text_box { width:calc(100% - 87px); margin-left:30px; height:178px; background:#fafafa; border:1px solid #eee; padding:10px; padding-left:15px; overflow-y:auto; border-radius:10px; scrollbar-width: thin; }
.mobile.body_box.signup > .text_box > span {font-size:14px; font-weight:#555;}

.mobile.body_box.signup > .have_check_box {position:relative; height:50px; margin-top:5px; margin-top:5px;}
.mobile.body_box.signup > .have_check_box > .check_box {top:5px;}
.mobile.body_box.signup > .have_check_box.all_agree {margin-top:-10px;}

.mobile.body_box.signup > .nickname { position:relative; height:50px; margin-top:30px; width:100%;}
.mobile.body_box.signup > .nickname > .input_default { width:calc(100% - 60px - 100px - 18px); margin-left:30px; float:left; }
.mobile.body_box.signup > .nickname > .btn_default {position:absolute; right:30px;}

.mobile.body_box.signup > .nickname_guide {width:calc(100% - 30px); margin-left:30px; height:20px; line-height:20px; margin-top:5px;}
.mobile.body_box.signup > .nickname_guide > span {font-size:14px; color:#333;}

.mobile.body_box.signup > .certificate {position:relative; height:50px; margin-bottom:30px; margin-top:5px;}
.mobile.body_box.signup > .certificate > .btn_default {position:absolute; right:30px; top:0px;}

.mobile.body_box.signup > .bottom {position:relative; height:80px;}
.mobile.body_box.signup > .bottom > div {float:left;}
.mobile.body_box.signup > .bottom > .guide {width:calc(100% - 60px - 100px); margin-left:30px; height:100%; display:flex; align-items:center;}
.mobile.body_box.signup > .bottom > .guide > span {font-size:14px; color:#333;}
.mobile.body_box.signup > .bottom > .btn_default {position:absolute; right:30px; top:15px;}
/* End - ȸ¿ø°¡ÀÔ È­¸é
*************************************************************************************************************************/


/************************************************************************************************************************* 
	Á¤º¸¼öÁ¤ È­¸é
*************************************************************************************************************************/
.pc.body_box.info_update {}
.pc.body_box.info_update .check_box {position:absolute; width:fit-content; margin-left:30px; height:40px; line-height:37px; top:5px; cursor:pointer;}
.pc.body_box.info_update .check_box > div {float:left;}
.pc.body_box.info_update .check_box > div > svg {width:20px; height:20px; margin-top:10px; transition: transform 0.1s ease-in-out; fill:var(--color-gray);}
.pc.body_box.info_update .check_box > div > span {font-size:14px; margin-left:10px; color:var(--color-gray);}
.pc.body_box.info_update .check_box:hover > div > svg {transform: scale(1.1);}
.pc.body_box.info_update .check_box.focus > div > svg {fill:#f00;}
.pc.body_box.info_update .check_box.focus > div > span {color:#000;}

.pc.body_box.info_update > .title {width:calc(100% - 60px); margin-left:30px; height:50px; line-height:50px; margin-top:10px;}
.pc.body_box.info_update > .title > span {font-size:16px; font-weight:600; color:#000;}
.pc.body_box.info_update > .text_box { width:calc(100% - 87px); margin-left:30px; height:178px; background:#fafafa; border:1px solid #eee; padding:10px; padding-left:15px; overflow-y:auto; border-radius:10px; scrollbar-width: thin; }
.pc.body_box.info_update > .text_box > span {font-size:14px; font-weight:#555;}

.pc.body_box.info_update > .have_check_box {position:relative; height:50px; margin-top:5px; margin-top:5px;}
.pc.body_box.info_update > .have_check_box > .check_box {top:5px;}
.pc.body_box.info_update > .have_check_box.all_agree {margin-top:-10px;}

.pc.body_box.info_update > .nickname { position:relative; height:50px; margin-top:30px; width:100%;}
.pc.body_box.info_update > .nickname > .input_default { width:calc(100% - 60px - 100px - 18px); margin-left:30px; float:left; }
.pc.body_box.info_update > .nickname > .btn_default {position:absolute; right:30px;}

.pc.body_box.info_update > .nickname_guide {width:calc(100% - 30px); margin-left:30px; height:20px; line-height:20px; margin-top:5px;}
.pc.body_box.info_update > .nickname_guide > span {font-size:14px; color:#333;}

.pc.body_box.info_update > .certificate {position:relative; height:50px; margin-bottom:30px; margin-top:5px;}
.pc.body_box.info_update > .certificate > .btn_default {position:absolute; right:30px; top:0px;}
.pc.body_box.info_update > .certificate.have > .guide {margin-left:30px; height:50px; line-height:47px; top:5px;}
.pc.body_box.info_update > .certificate.have > .guide > span {font-size:14px; color:#000;}

.pc.body_box.info_update > .bottom {position:relative; height:80px;}
.pc.body_box.info_update > .bottom > div {float:left;}
.pc.body_box.info_update > .bottom > .guide {width:calc(100% - 60px - 100px); margin-left:30px; height:100%; line-height:80px;}
.pc.body_box.info_update > .bottom > .guide > span {font-size:14px; color:#333;}
.pc.body_box.info_update > .bottom > .btn_default {position:absolute; right:30px; top:15px;}



.mobile.body_box.info_update {}
.mobile.body_box.info_update .check_box {position:absolute; width:fit-content; margin-left:20px; height:40px; line-height:37px; top:5px; cursor:pointer;}
.mobile.body_box.info_update .check_box > div {float:left;}
.mobile.body_box.info_update .check_box > div > svg {width:20px; height:20px; margin-top:10px; transition: transform 0.1s ease-in-out; fill:var(--color-gray);}
.mobile.body_box.info_update .check_box > div > span {font-size:14px; margin-left:10px; color:var(--color-gray);}
.mobile.body_box.info_update .check_box:hover > div > svg {transform: scale(1.1);}
.mobile.body_box.info_update .check_box.focus > div > svg {fill:#f00;}
.mobile.body_box.info_update .check_box.focus > div > span {color:#000;}

.mobile.body_box.info_update > .title {width:calc(100% - 40px); margin-left:20px; height:50px; line-height:50px; margin-top:10px;}
.mobile.body_box.info_update > .title > span {font-size:16px; font-weight:600; color:#000;}
.mobile.body_box.info_update > .text_box { width:calc(100% - 87px); margin-left:30px; height:178px; background:#fafafa; border:1px solid #eee; padding:10px; padding-left:15px; overflow-y:auto; border-radius:10px; scrollbar-width: thin; }
.mobile.body_box.info_update > .text_box > span {font-size:14px; font-weight:#555;}

.mobile.body_box.info_update > .have_check_box {position:relative; height:50px; margin-top:5px; margin-top:5px;}
.mobile.body_box.info_update > .have_check_box > .check_box {top:5px;}
.mobile.body_box.info_update > .have_check_box.all_agree {margin-top:-10px;}

.mobile.body_box.info_update > .nickname { position:relative; height:50px; margin-top:10px; width:100%;}
.mobile.body_box.info_update > .nickname > .input_default { width:calc(100% - 40px - 100px - 18px); margin-left:20px; float:left; }
.mobile.body_box.info_update > .nickname > .btn_default {position:absolute; right:20px;}

.mobile.body_box.info_update > .nickname_guide {width:calc(100% - 30px); margin-left:20px; height:20px; line-height:20px; margin-top:5px;}
.mobile.body_box.info_update > .nickname_guide > span {font-size:14px; color:#333;}

.mobile.body_box.info_update > .certificate {position:relative; height:50px; margin-bottom:20px; margin-top:5px;}
.mobile.body_box.info_update > .certificate > .btn_default {position:absolute; right:20px; top:0px;}
.mobile.body_box.info_update > .certificate.have > .guide {margin-left:20px; height:50px; line-height:47px; top:5px;}
.mobile.body_box.info_update > .certificate.have > .guide > span {font-size:14px; color:#000;}

.mobile.body_box.info_update > .bottom {position:relative; height:80px; border-top:1px solid var(--color-border);}
.mobile.body_box.info_update > .bottom > div {float:left;}
.mobile.body_box.info_update > .bottom > .guide {width:calc(100% - 40px - 100px); margin-left:20px; height:100%; line-height:80px;}
.mobile.body_box.info_update > .bottom > .guide > span {font-size:14px; color:#333;}
.mobile.body_box.info_update > .bottom > .btn_default {position:absolute; right:20px; top:15px;}
/* End - Á¤º¸¼öÁ¤ È­¸é
*************************************************************************************************************************/


/************************************************************************************************************************* 
	À̹ÌÁö È­¸é
*************************************************************************************************************************/
.pc.image {background:#000; width:100%; height:100%;}
.pc.image > .overlay {position:fixed; width:100%; height:100%; left:0px; top:0px;}
.pc.image > .overlay > div {width:30px; height:30px; position:absolute; cursor:pointer; background:#00000090; border-radius:20px;}
.pc.image > .overlay > div > svg {width:20px; height:20px; fill:var(--color-gray); margin:5px;}
.pc.image > .overlay > .btn_close{ left:15px; top:15px; }
.pc.image > .overlay > .btn_left{top: 50%; transform: translate(0, -50%); left:15px;}
.pc.image > .overlay > .btn_right{top: 50%; transform: translate(0, -50%); right:15px;}
.pc.image > .overlay > div:hover > svg {fill:#fff;}
.pc.image > .overlay > .disable {cursor:default;}
.pc.image > .overlay > .disable > svg {fill:#333;}
.pc.image > .overlay > .disable:hover > svg {fill:#333;}

.pc.image > img {max-width:100%; max-height:100%; left:50%; top:50%; transform: translate(-50%, -50%); position:absolute;}
.pc.image > .images > {width:fit-content; height:100%;}
.pc.image > .images > div {float:left; width:100%; height:100%;}
.pc.image > .images > div > img {max-width:100%; max-height:100%; margin-left:50%; margin-top:50%; transform: translate(-50%, -50%);}

body > .body.mobile.image {padding-top:0; padding-bottom:0;}
.mobile.image {background:#000; width:100%; height:100%;}
.mobile.image > .overlay {position:fixed; width:100%; height:100%; left:0px; top:0px;}
.mobile.image > .overlay > div {width:30px; height:30px; position:absolute; cursor:pointer; background:#00000090; border-radius:20px;}
.mobile.image > .overlay > div > svg {width:20px; height:20px; fill:var(--color-gray); margin:5px;}
.mobile.image > .overlay > .btn_close{ left:15px; top:15px; }
.mobile.image > .overlay > .btn_left{top: 50%; transform: translate(0, -50%); left:15px;}
.mobile.image > .overlay > .btn_right{top: 50%; transform: translate(0, -50%); right:15px;}
.mobile.image > .overlay > div:hover > svg {fill:#fff;}
.mobile.image > .overlay > .disable {cursor:default;}
.mobile.image > .overlay > .disable > svg {fill:#333;}
.mobile.image > .overlay > .disable:hover > svg {fill:#333;}

.mobile.image > img {max-width:100%; max-height:100%; left:50%; top:50%; transform: translate(-50%, -50%); position:absolute;}
.mobile.image > .images > {width:fit-content; height:100%;}
.mobile.image > .images > div {float:left; width:100%; height:100%;}
.mobile.image > .images > div > img {max-width:100%; max-height:100%; margin-left:50%; margin-top:50%; transform: translate(-50%, -50%);}
/* End - À̹ÌÁö È­¸é
*************************************************************************************************************************/


/************************************************************************************************************************* 
	°Ë»ö ÀÔ·Â È­¸é
*************************************************************************************************************************/
.pc.page_title.search {z-index:9; position:fixed; top:0; width:calc(var(--width-center-box) + 2px); background:var(--app-default-bg); margin-top:0; margin-bottom:0; padding-top:25px; padding-bottom:25px;}
.pc.page_title.search > .back_icon {top:25px;}

.pc.body_box_top_border.search {top:80px;}

.pc.body_box.search {position: relative; min-height:calc(100vh - 80px); padding-top:80px;}
.pc.body_box.search > .search_input_div {height:48px; width:648px; border-radius:20px; border:1px solid #ccc; background:#fafafa; margin-left:30px; margin-top:20px; }
.pc.body_box.search > .search_input_div > div {float:left; height:100%; width:40px; cursor:pointer;}
.pc.body_box.search > .search_input_div > div > svg {width:20px; height:20px; margin-left:10px; margin-top:14px; fill:var(--color-gray);}
.pc.body_box.search > .search_input_div > div:hover > svg{fill:#000;}
.pc.body_box.search > .search_input_div > .glass {margin-left:10px;}
.pc.body_box.search > .search_input_div > input { width:548px; float:left; border:0; height:100%; line-height:48px; background:#ffffff00;}
.pc.body_box.search > .search_input_div > input:focus{ outline:none; }
.pc.body_box.search > .contents {width:100%;}
.pc.body_box.search > .contents > .top {height:40px; margin-top:30px; width:calc(100% - 60px); margin-left:30px;}
.pc.body_box.search > .contents > .top > div {float:left; height:100%;}
.pc.body_box.search > .contents > .top > .title {line-height:40px;}
.pc.body_box.search > .contents > .top > .title > span {font-size:20px; color:#000; font-weight:600;}
.pc.body_box.search > .contents > .top > .icon {width:20px; margin-right:10px;}
.pc.body_box.search > .contents > .top > .icon > svg {width:20px; height:20px; margin-top:10px; fill:#f00;}
.pc.body_box.search > .contents > .top > .btn_delete {float:right; height:38px; width:88px; border-radius:20px; border:1px solid #eee; background:#fafafa; cursor:pointer; line-height:38px; text-align:center;}
.pc.body_box.search > .contents > .top > .btn_delete > span {font-size:15px; color:#000;}
.pc.body_box.search > .contents > .top > .btn_delete:hover {border:1px solid #000;}
.pc.body_box.search > .contents > .top > .btn_delete.disable {cursor:default;}
.pc.body_box.search > .contents > .top > .btn_delete.disable > span {color:var(--color-gray);}
.pc.body_box.search > .contents > .top > .btn_delete.disable:hover {border:1px solid #eee;}

.pc.body_box.search > .contents > .hot_tag_list { height:40px; overflow-x:auto; overflow-y: hidden; padding-left:30px; display: flex; white-space: nowrap; margin-top:20px;}
.pc.body_box.search > .contents > .hot_tag_list > div { height:38px; border:1px solid #eee; background:#fafafa; border-radius:20px; line-height:38px; padding-left:10px; padding-right:10px; cursor:pointer; margin-right:20px;}
.pc.body_box.search > .contents > .hot_tag_list > div > span {font-size:15px; color:#000;}
.pc.body_box.search > .contents > .hot_tag_list > div:hover {border:1px solid #000;}

.pc.body_box.search > .contents > .top_ten_list {width:calc(100% - 60px); height:190px; margin-left:30px;}
.pc.body_box.search > .contents > .top_ten_list > .line {float:left; width:calc(50% - 15px); height:190px;}
.pc.body_box.search > .contents > .top_ten_list > .line.right {margin-left:30px;}
.pc.body_box.search > .contents > .top_ten_list > .line > div {height:38px; width:100%; line-height:38px; float:left;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > div {float:left;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .ranking {width:35px;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .ranking > span {font-size:20px; font-weight:600;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .search {width:calc(100% - 35px - 40px); cursor:pointer; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .search > span {font-size:16px; color:#000;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .search > svg {width:14px; height:14px; fill:var(--color-gray); margin-top:12px;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .search.empty {cursor:default;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .search:hover > span {font-weight:600;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .search.empty:hover > span {font-weight:400;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change {width:40px; text-align:right;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change.no_change > svg {width:14px; height:14px; fill:var(--color-gray); margin-top:12px;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change > div {float:right;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change > .arrow > svg {width:14px; height:14px; margin-top:13px;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change > .arrow.up > svg {fill:#f00;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change > .arrow.down > svg {fill:#00f;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change > .num {margin-left:3px;}
.pc.body_box.search > .contents > .top_ten_list > .line > div > .change > .num > span {font-size:16px; color:#000;}

.pc.body_box.search > .contents > .recent_list { width:calc(100% - 60px); margin-left:30px;}
.pc.body_box.search > .contents > .recent_list > .item {width:100%; height:60px; border-top:1px solid var(--color-gray);}
.pc.body_box.search > .contents > .recent_list > .item:first-child{border-top:0}
.pc.body_box.search > .contents > .recent_list > .item > div {float:left;}
.pc.body_box.search > .contents > .recent_list > .item > .search { line-height:60px; width:calc(100% - 20px); cursor:pointer; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.pc.body_box.search > .contents > .recent_list > .item > .search > span {font-size:16px; color:#000;}
.pc.body_box.search > .contents > .recent_list > .item > .search > .sharp {color:#00f; margin-right:5px;}
.pc.body_box.search > .contents > .recent_list > .item > .search:hover > span {font-weight:600;}
.pc.body_box.search > .contents > .recent_list > .item > .delete { width:20px; cursor:pointer;}
.pc.body_box.search > .contents > .recent_list > .item > .delete > svg {width:20px; height:20px; margin-top:20px; fill:var(--color-gray);}
.pc.body_box.search > .contents > .recent_list > .item > .delete:hover > svg{fill:#000}
.pc.body_box.search > .contents > .recent_list > .item > .delete:active > svg { width:18px; height:18px; margin-top:21px; margin-left:1px; }
.pc.body_box.search > .contents > .loader_div { width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); }

.pc.body_box.search > .auto_complete {width:calc(100% - 80px); margin-left:40px;}
.pc.body_box.search > .auto_complete > .text { width:100%; height:49px; line-height:49px; border-top:1px solid var(--color-gray); float:left; cursor:pointer; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.pc.body_box.search > .auto_complete > .text > span {font-size:16px; color:#000;}
.pc.body_box.search > .auto_complete > .text > span > .focus {color:#f00;}
.pc.body_box.search > .auto_complete > .text:first-child {border-top:0;}
.pc.body_box.search > .auto_complete > .text:hover {background:#fafafa;}

.pc.body_box.search > .auto_complete > .tag { width:100%; height:79px; line-height:79px; border-top:1px solid var(--color-gray); float:left; cursor:pointer;}
.pc.body_box.search > .auto_complete > .tag > div {width:100%; }
.pc.body_box.search > .auto_complete > .tag > div > span {font-size:16px; color:#000;}
.pc.body_box.search > .auto_complete > .tag > div > span > .focus {color:#f00;}
.pc.body_box.search > .auto_complete > .tag:first-child {border-top:0;}
.pc.body_box.search > .auto_complete > .tag:hover {background:#fafafa;}
.pc.body_box.search > .auto_complete > .tag > .top { line-height:30px; margin-top:10px;  word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.pc.body_box.search > .auto_complete > .tag > .bottom { line-height:30px; }
.pc.body_box.search > .auto_complete > .tag > .bottom > span { color:#999; }


.mobile.header > .search_input_div {height:38px; width:calc(100% - 105px); border-radius:20px; border:1px solid #ccc; background:#fafafa; margin-left:50px; margin-top:5px; }
.mobile.header > .search_input_div > div {float:left; height:100%; width:39px; cursor:pointer;}
.mobile.header > .search_input_div > div > svg {width:20px; height:20px; margin-left:10px; margin-top:10px; fill:var(--color-gray);}
.mobile.header > .search_input_div > div:active > svg{fill:#000;}
.mobile.header > .search_input_div > .glass {margin-left:0px;}
.mobile.header > .search_input_div > input { width:calc(100% - 82px); float:left; border:0; height:100%; line-height:48px; background:#ffffff00;}
.mobile.header > .search_input_div > input:focus{ outline:none; }

.mobile.body_box.search {position: relative;}
.mobile.body_box.search > .contents {width:100%;}
.mobile.body_box.search > .contents > .top {height:40px; margin-top:20px; width:calc(100% - 40px); margin-left:20px;}
.mobile.body_box.search > .contents > .top:first-child {margin-top:10px;}
.mobile.body_box.search > .contents > .top > div {float:left; height:100%;}
.mobile.body_box.search > .contents > .top > .title {line-height:40px;}
.mobile.body_box.search > .contents > .top > .title > span {font-size:16px; color:#000; font-weight:600;}
.mobile.body_box.search > .contents > .top > .icon {width:20px; margin-right:10px;}
.mobile.body_box.search > .contents > .top > .icon > svg {width:20px; height:20px; margin-top:10px; fill:#f00;}
.mobile.body_box.search > .contents > .top > .btn_delete {float:right; height:38px; width:88px; border-radius:20px; border:1px solid #eee; background:#fafafa; cursor:pointer; line-height:38px; text-align:center;}
.mobile.body_box.search > .contents > .top > .btn_delete > span {font-size:15px; color:#000;}
.mobile.body_box.search > .contents > .top > .btn_delete:hover {border:1px solid #000;}
.mobile.body_box.search > .contents > .top > .btn_delete.disable {cursor:default;}
.mobile.body_box.search > .contents > .top > .btn_delete.disable > span {color:var(--color-gray);}
.mobile.body_box.search > .contents > .top > .btn_delete.disable:hover {border:1px solid #eee;}

.mobile.body_box.search > .contents > .hot_tag_list { height:40px; overflow-x:auto; overflow-y: hidden; padding-left:20px; display: flex; white-space: nowrap; margin-top:10px;}
.mobile.body_box.search > .contents > .hot_tag_list > div { height:38px; border:1px solid #eee; background:#fafafa; border-radius:20px; line-height:38px; padding-left:10px; padding-right:10px; cursor:pointer; margin-right:20px;}
.mobile.body_box.search > .contents > .hot_tag_list > div > span {font-size:14px; color:#000;}
.mobile.body_box.search > .contents > .hot_tag_list > div:hover {border:1px solid #000;}

.mobile.body_box.search > .contents > .top_ten_list {width:calc(100% - 40px); height:380px; margin-left:20px;}
.mobile.body_box.search > .contents > .top_ten_list > .line {float:left; width:100%; height:380px;}
.mobile.body_box.search > .contents > .top_ten_list > .line.right {margin-left:30px;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div {height:38px; width:100%; line-height:38px; float:left;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > div {float:left;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .ranking {width:35px;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .ranking > span {font-size:20px; font-weight:600;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .search {width:calc(100% - 35px - 40px); cursor:pointer; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .search > span {font-size:16px; color:#000;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .search > svg {width:14px; height:14px; fill:var(--color-gray); margin-top:12px;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .search.empty {cursor:default;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .search:hover > span {font-weight:600;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .search.empty:hover > span {font-weight:400;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change {width:40px; text-align:right;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change.no_change > svg {width:14px; height:14px; fill:var(--color-gray); margin-top:12px;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change > div {float:right;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change > .arrow > svg {width:14px; height:14px; margin-top:13px;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change > .arrow.up > svg {fill:#f00;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change > .arrow.down > svg {fill:#00f;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change > .num {margin-left:3px;}
.mobile.body_box.search > .contents > .top_ten_list > .line > div > .change > .num > span {font-size:16px; color:#000;}

.mobile.body_box.search > .contents > .recent_list { width:100%;}
.mobile.body_box.search > .contents > .recent_list > .item {width:calc(100% - 40px); padding-left:20px; padding-right:20px; height:60px; border-top:1px solid var(--color-border);}
.mobile.body_box.search > .contents > .recent_list > .item:first-child{border-top:0}
.mobile.body_box.search > .contents > .recent_list > .item > div {float:left;}
.mobile.body_box.search > .contents > .recent_list > .item > .search { line-height:60px; width:calc(100% - 20px); cursor:pointer; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.mobile.body_box.search > .contents > .recent_list > .item > .search > span {font-size:16px; color:#000;}
.mobile.body_box.search > .contents > .recent_list > .item > .search > .sharp {color:#00f; margin-right:5px;}
.mobile.body_box.search > .contents > .recent_list > .item > .search:hover > span {font-weight:600;}
.mobile.body_box.search > .contents > .recent_list > .item > .delete { width:20px; cursor:pointer;}
.mobile.body_box.search > .contents > .recent_list > .item > .delete > svg {width:20px; height:20px; margin-top:20px; fill:var(--color-gray);}
.mobile.body_box.search > .contents > .recent_list > .item > .delete:hover > svg{fill:#000}
.mobile.body_box.search > .contents > .recent_list > .item > .delete:active > svg { width:18px; height:18px; margin-top:21px; margin-left:1px; }
.mobile.body_box.search > .contents > .loader_div { width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); }

.mobile.body_box.search > .auto_complete {width:100%;}
.mobile.body_box.search > .auto_complete > div { width:calc(100% - 40px); padding-left:20px; padding-right:20px; }
.mobile.body_box.search > .auto_complete > .text { height:49px; line-height:49px; border-top:1px solid var(--color-border); float:left; cursor:pointer; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.mobile.body_box.search > .auto_complete > .text > span {font-size:14px; color:#000;}
.mobile.body_box.search > .auto_complete > .text > span > .focus {color:#f00;}
.mobile.body_box.search > .auto_complete > .text:first-child {border-top:0;}
.mobile.body_box.search > .auto_complete > .text:active {background:#fafafa;}

.mobile.body_box.search > .auto_complete > .tag { height:59px; line-height:59px; border-top:1px solid var(--color-border); float:left; cursor:pointer;}
.mobile.body_box.search > .auto_complete > .tag > div {width:100%; }
.mobile.body_box.search > .auto_complete > .tag > div > span {font-size:14px; color:#000;}
.mobile.body_box.search > .auto_complete > .tag > div > span > .focus {color:#f00;}
.mobile.body_box.search > .auto_complete > .tag:first-child {border-top:0;}
.mobile.body_box.search > .auto_complete > .tag:active {background:#fafafa;}
.mobile.body_box.search > .auto_complete > .tag > .top { line-height:20px; margin-top:8px;  word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.mobile.body_box.search > .auto_complete > .tag > .bottom { line-height:20px; }
.mobile.body_box.search > .auto_complete > .tag > .bottom > span { color:#999; }

/* End - °Ë»ö ÀÔ·Â È­¸é
*************************************************************************************************************************/


/************************************************************************************************************************* 
	°Ë»ö °á°ú È­¸é
*************************************************************************************************************************/
.pc.page_title.search_result {text-align:left; z-index:9; position:fixed; top:0; width:calc(var(--width-center-box) + 2px); height:30px; background:var(--app-default-bg); margin-top:0; margin-bottom:0; padding-top:25px; padding-bottom:25px;}
.pc.page_title.search_result > .filter {float:right;}
.pc.page_title.search_result > .sort {float:right;}
.pc.page_title.search_result > span {margin-left:20px;}
.pc.body_box_top_border.search_result {top:80px;}
.pc.body_box.search_result {position: relative; min-height:calc(100vh - 80px); margin-top:80px;}


.mobile.page_title.search_result {text-align:left; z-index:7; position:relative; padding-left:20px; height:25px; padding-top:10px; padding-bottom:10px; margin-left:0px; transform:translate(0, 0); border-bottom:1px solid var(--color-border);}
.mobile.page_title.search_result > .filter {float:left;}
.mobile.page_title.search_result > .sort {float:left;}
.mobile.page_title.search_result > span {margin-left:20px;}
.mobile.body_box.search_result {position: relative; min-height:calc(100vh - 80px);}
/* End - °Ë»ö °á°ú È­¸é
*************************************************************************************************************************/



/************************************************************************************************************************* 
	¸¶ÀÌÆäÀÌÁö È­¸é
*************************************************************************************************************************/
.pc.page_title.my_page {z-index:9; position:fixed; top:0; width:calc(var(--width-center-box) + 2px); background:var(--app-default-bg); margin-top:0; margin-bottom:0; padding-top:25px; padding-bottom:25px;}
.pc.page_title.my_page > .back_icon {top:25px;}
.pc.body_box_top_border.my_page {top:80px;}

.pc.my_page > .tab_overlay {top:80px;}

.pc.body_box.my_page {position: relative; min-height:calc(100vh - 80px);margin-top:80px;}
.pc.body_box.my_page > .info { position:relative; width:var(--width-center-box); padding-top:30px; padding-bottom:30px; overflow: hidden;}
.pc.body_box.my_page > .info > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.my_page > .info > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.my_page > .info > .contents > .top {height:20px;}
.pc.body_box.my_page > .info > .contents > .top > span {font-size:15px;}
.pc.body_box.my_page > .info > .contents > .top > .nickname {color:#000; font-weight:600;}
.pc.body_box.my_page > .info > .contents > .bottom {height:20px; margin-top:10px;}
.pc.body_box.my_page > .info > .contents > .bottom > img {float:left; width:16px; height:16px; margin-top:2px; margin-right:10px;}
.pc.body_box.my_page > .info > .contents > .bottom > div {float:left; height:20px; line-height:16px;}
.pc.body_box.my_page > .info > .contents > .bottom > div > span {font-size:14px; margin-right:10px;}

.pc.body_box.my_page > .btn_default {width:calc(100% - 58px); height:38px; margin-left:30px; line-height:34px;}


.pc.body_box.my_page > .tab {margin-top:30px;}
.pc.body_box.my_page > .tab_empty {margin-top:30px;height:50px;}


.pc.body_box.my_page > .list > .feed_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:30px; border-top:1px solid var(--color-border);}
.pc.body_box.my_page > .list > .feed_item::after { content: ""; display: block; clear: both; }
.pc.body_box.my_page > .list > .feed_item:first-child {border-top:0;}
.pc.body_box.my_page > .list > .feed_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.my_page > .list > .feed_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.my_page > .list > .feed_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.my_page > .list > .feed_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.my_page > .list > .feed_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.my_page > .list > .feed_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.my_page > .list > .feed_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .top > span {font-size:15px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .top > .nickname {color:#000; font-weight:600;}
.pc.body_box.my_page > .list > .feed_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box.my_page > .list > .feed_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > div > div {float:left;height:25px;}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > .hits {cursor:default;}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.pc.body_box.my_page > .list > .feed_item > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.pc.body_box.my_page > .list > .feed_item > .contents > .vote {margin-top:20px;}


.pc.body_box.my_page > .list > .reply_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.pc.body_box.my_page > .list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.pc.body_box.my_page > .list > .reply_item:first-child {border-top:0;}
.pc.body_box.my_page > .list > .reply_item > .hot_tag_cover > .number{font-size:15px}
.pc.body_box.my_page > .list > .reply_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.my_page > .list > .reply_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.my_page > .list > .reply_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.my_page > .list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.my_page > .list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.my_page > .list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.my_page > .list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .top > span {font-size:15px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box.my_page > .list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600;}
.pc.body_box.my_page > .list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.pc.body_box.my_page > .list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.pc.body_box.my_page > .list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.pc.body_box.my_page > .list > .reply_item > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px; position:relative;}
.pc.body_box.my_page > .list > .reply_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box.my_page > .list > .reply_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons > div > div {float:left;}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.my_page > .list > .reply_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.my_page > .list > .reply_item > .contents > .vote {margin-top:20px;}
.pc.body_box.my_page > .list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.pc.body_box.my_page > .list > .reply_item.hide_border {border-bottom:0}

.pc.body_box.my_page > .list > .block_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.pc.body_box.my_page > .list > .block_item:first-child {border-top:0;}
.pc.body_box.my_page > .list > .block_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.my_page > .list > .block_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.my_page > .list > .block_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.my_page > .list > .block_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.my_page > .list > .block_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:#f00;}
.pc.body_box.my_page > .list > .block_item > .contents > .menu > .icon:hover > svg {width:22px; height:22px; margin:-1px;}
.pc.body_box.my_page > .list > .block_item > .contents > .top > span {font-size:15px;}
.pc.body_box.my_page > .list > .block_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box.my_page > .list > .block_item > .contents > .top > .vote {color:#000; font-weight:600; margin-left:5px;}
.pc.body_box.my_page > .list > .block_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.pc.body_box.my_page > .list > .block_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.pc.body_box.my_page > .list > .block_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.my_page > .list > .block_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.my_page > .list > .block_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}



.mobile.body_box.my_page {position: relative; min-height:calc(100vh - 80px);margin-left:0; transform:none;}
.mobile.body_box.my_page > .info { position:relative; width:100%; padding-top:10px; padding-bottom:20px; overflow: hidden;}
.mobile.body_box.my_page > .info > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.my_page > .info > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.my_page > .info > .contents > .top {height:20px; margin-top:-5px;}
.mobile.body_box.my_page > .info > .contents > .top > span {font-size:14px;}
.mobile.body_box.my_page > .info > .contents > .top > .nickname {color:#000; font-weight:600;}
.mobile.body_box.my_page > .info > .contents > .bottom {height:20px; margin-top:5px;}
.mobile.body_box.my_page > .info > .contents > .bottom > img {float:left; width:15px; height:15px; margin-top:2px; margin-right:10px;}
.mobile.body_box.my_page > .info > .contents > .bottom > div {float:left; height:20px; line-height:16px;}
.mobile.body_box.my_page > .info > .contents > .bottom > div > span {font-size:13px; margin-right:10px;}

.mobile.body_box.my_page > .btn_default {width:calc(100% - 38px); height:38px; margin-left:20px; line-height:34px;}


.mobile.body_box.my_page > .tab { padding-left:10px; padding-right:10px; width:calc(100% - 20px); margin-top:10px; overflow-x:auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; cursor: grab; /*µå·¡±× ¼±Åà ¹æÁö*/ -webkit-user-select: none; -ms-user-select: none; user-select: none;/*End*/}
.mobile.body_box.my_page > .tab.top_overlay {top:40px;}
.mobile.body_box.my_page > .tab > .item {min-width:90px; display:inline-block; float:none}


.mobile.body_box.my_page > .list > .feed_item { position:relative; width:100%; padding-top:20px; padding-bottom:30px; border-top:1px solid var(--color-border);}
.mobile.body_box.my_page > .list > .feed_item::after { content: ""; display: block; clear: both; }


.mobile.body_box.my_page > .list > .feed_item:first-child {border-top:0;}
.mobile.body_box.my_page > .list > .feed_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.my_page > .list > .feed_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .menu { position:absolute; top:20px; right:20px; }
.mobile.body_box.my_page > .list > .feed_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.my_page > .list > .feed_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.my_page > .list > .feed_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .top > span {font-size:14px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .top > .nickname {color:#000; font-weight:600;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:14px; margin-top:10px; line-height:25px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .image_list {width:calc(100% + 95px); margin-left:-75px; margin-top:20px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:75px; margin-right:20px; border: 0;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .video {height:calc((100vw - 95px) * 9 / 16); width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > div > div {float:left;height:25px;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > .hits {cursor:default;}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.mobile.body_box.my_page > .list > .feed_item > .contents > .vote {margin-top:20px;}


.mobile.body_box.my_page > .list > .reply_item { position:relative; width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.mobile.body_box.my_page > .list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.mobile.body_box.my_page > .list > .reply_item:first-child {border-top:0;}
.mobile.body_box.my_page > .list > .reply_item > .hot_tag_cover > .number{font-size:14px}
.mobile.body_box.my_page > .list > .reply_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.my_page > .list > .reply_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .menu { position:absolute; top:20px; right:20px; }
.mobile.body_box.my_page > .list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.my_page > .list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.my_page > .list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .top > span {font-size:14px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:25px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .image_list {width:calc(100% + 95px); margin-left:-75px; margin-top:20px; position:relative;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .video {height:calc((100vw - 95px) * 9 / 16); width:100%; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons > div > div {float:left;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.my_page > .list > .reply_item > .contents > .vote {margin-top:20px;}
.mobile.body_box.my_page > .list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.mobile.body_box.my_page > .list > .reply_item.hide_border {border-bottom:0}

.mobile.body_box.my_page > .list > .block_item { position:relative; width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.mobile.body_box.my_page > .list > .block_item:first-child {border-top:0;}
.mobile.body_box.my_page > .list > .block_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.my_page > .list > .block_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.my_page > .list > .block_item > .contents > .menu { position:absolute; top:10px; right:10px; }
.mobile.body_box.my_page > .list > .block_item > .contents > .menu > .icon {width:40px; height:40px; cursor:pointer; }
.mobile.body_box.my_page > .list > .block_item > .contents > .menu > .icon > svg {width:20px; height:20px; margin:10px; fill:#f00;}
.mobile.body_box.my_page > .list > .block_item > .contents > .menu > .icon:active > svg {width:16px; height:16px; margin:12px;}
.mobile.body_box.my_page > .list > .block_item > .contents > .top {margin-top:-5px;}
.mobile.body_box.my_page > .list > .block_item > .contents > .top > span {font-size:14px;}
.mobile.body_box.my_page > .list > .block_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box.my_page > .list > .block_item > .contents > .top > .vote {color:#000; font-weight:600; margin-left:5px;}
.mobile.body_box.my_page > .list > .block_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.mobile.body_box.my_page > .list > .block_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.mobile.body_box.my_page > .list > .block_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.my_page > .list > .block_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:5px; line-height:25px;}
.mobile.body_box.my_page > .list > .block_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
/* End - ¸¶ÀÌÆäÀÌÁö È­¸é
*************************************************************************************************************************/

/************************************************************************************************************************* 
	À¯ÀúÆäÀÌÁö È­¸é
*************************************************************************************************************************/
.pc.body_box.user_page {position: relative; min-height:calc(100vh - 80px);}
.pc.body_box.user_page > .info { position:relative; width:var(--width-center-box); padding-top:30px; padding-bottom:30px; overflow: hidden;}
.pc.body_box.user_page > .info > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.user_page > .info > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.user_page > .info > .contents > .top {height:20px;}
.pc.body_box.user_page > .info > .contents > .top > span {font-size:15px;}
.pc.body_box.user_page > .info > .contents > .top > .nickname {color:#000; font-weight:600;}
.pc.body_box.user_page > .info > .contents > .bottom {height:20px; margin-top:10px;}
.pc.body_box.user_page > .info > .contents > .bottom > img {float:left; width:16px; height:16px; margin-top:2px; margin-right:10px;}
.pc.body_box.user_page > .info > .contents > .bottom > div {float:left; height:20px; line-height:16px;}
.pc.body_box.user_page > .info > .contents > .bottom > div > span {font-size:14px; margin-right:10px;}


.mobile.body_box.user_page {position: relative;}
.mobile.body_box.user_page > .info { position:relative; width:100%; padding-top:10px; overflow: hidden;}
.mobile.body_box.user_page > .info > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.user_page > .info > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.user_page > .info > .contents > .top {height:20px; margin-top:-5px;}
.mobile.body_box.user_page > .info > .contents > .top > span {font-size:14px;}
.mobile.body_box.user_page > .info > .contents > .top > .nickname {color:#000; font-weight:600;}
.mobile.body_box.user_page > .info > .contents > .bottom {height:20px; margin-top:5px;}
.mobile.body_box.user_page > .info > .contents > .bottom > img {float:left; width:16px; height:16px; margin-top:2px; margin-right:10px;}
.mobile.body_box.user_page > .info > .contents > .bottom > div {float:left; height:20px; line-height:16px;}
.mobile.body_box.user_page > .info > .contents > .bottom > div > span {font-size:13px; margin-right:10px;}

/************************************************************************************************************************* 
	¾Ë¸² È­¸é
*************************************************************************************************************************/
.pc.page_title.notification {z-index:9; position:fixed; top:0; width:calc(var(--width-center-box) + 2px); background:var(--app-default-bg); margin-top:0; margin-bottom:0; padding-top:25px; padding-bottom:25px;}
.pc.page_title.notification > .back_icon {top:25px;}

.pc.body_box_top_border.notification {top:80px;}

.pc.notification > .tab_overlay {top:80px;}
.pc.notification > .tab_overlay > .item {width:calc(100% / 3);}
.pc.notification > .tab_overlay > .item.disable {cursor:default;}
.pc.notification > .tab_overlay > .item.disable > div > span {color:#eee;}
.pc.notification > .tab_overlay > .item.disable:hover {background:#fff;}

.pc.body_box.notification {position: relative; min-height:calc(100vh - 80px); padding-top:calc(80px + 50px);}
.pc.body_box.notification > .tab {}
.pc.body_box.notification > .tab > .item {width:calc(100% / 3);}
.pc.body_box.notification > .tab > .item:hover {border-top-left-radius:20px; border-top-right-radius:20px;}
.pc.body_box.notification > .tab > .item.disable {cursor:default;}
.pc.body_box.notification > .tab > .item.disable > div > span {color:#eee;}
.pc.body_box.notification > .tab > .item.disable:hover {background:#fff;}

.pc.body_box.notification > .list > .feed_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:30px; border-top:1px solid var(--color-border); overflow: hidden;}
.pc.body_box.notification > .list > .feed_item:first-child {border-top:0;}
.pc.body_box.notification > .list > .feed_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.notification > .list > .feed_item > .dot {position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:20px; left:75px;}
.pc.body_box.notification > .list > .feed_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.notification > .list > .feed_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.notification > .list > .feed_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.notification > .list > .feed_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.notification > .list > .feed_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.notification > .list > .feed_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.notification > .list > .feed_item > .contents > .top > span {font-size:15px;}
.pc.body_box.notification > .list > .feed_item > .contents > .top > .nickname {color:#000; font-weight:600;}
.pc.body_box.notification > .list > .feed_item > .contents > .middle > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.notification > .list > .feed_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.notification > .list > .feed_item > .contents > .image_list {width:var(--width-center-box); margin-left:-95px; margin-top:20px;}
.pc.body_box.notification > .list > .feed_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:95px; margin-right:20px; border: 0;}
.pc.body_box.notification > .list > .feed_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.pc.body_box.notification > .list > .feed_item > .contents > .image_list > img:first-child {margin-left:95px;}
.pc.body_box.notification > .list > .feed_item > .contents > .image_list > img:second-child {margin-left:0px;}
.pc.body_box.notification > .list > .feed_item > .contents > .image_list > img:last-child {margin-right:30px;}
.pc.body_box.notification > .list > .feed_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.pc.body_box.notification > .list > .feed_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.pc.body_box.notification > .list > .feed_item > .contents > .icons {margin-top:15px; height:25px;}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > div > div {float:left;height:25px;}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > div > div > span {font-size:15px; line-height:25px; color:var(--color-gray-dark);}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > .hits {cursor:default;}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.pc.body_box.notification > .list > .feed_item > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.pc.body_box.notification > .list > .feed_item > .contents > .vote_mini {position:absolute; top:20px; right:30px;}

.pc.body_box.notification > .list > .reply_item { position:relative; width:var(--width-center-box); padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.pc.body_box.notification > .list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.pc.body_box.notification > .list > .reply_item:first-child {border-top:0;}
.pc.body_box.notification > .list > .reply_item > .hot_tag_cover > .number{font-size:15px}
.pc.body_box.notification > .list > .reply_item > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:30px; border:1px solid #aaa; }
.pc.body_box.notification > .list > .reply_item > .dot {position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:20px; left:75px;}
.pc.body_box.notification > .list > .reply_item > .contents { float:left; width:585px; margin-left:15px; height:fit-content;}
.pc.body_box.notification > .list > .reply_item > .contents > .menu { position:absolute; top:20px; right:30px; }
.pc.body_box.notification > .list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.notification > .list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.notification > .list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.notification > .list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.pc.body_box.notification > .list > .reply_item > .contents > .top > span {font-size:15px;}
.pc.body_box.notification > .list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.pc.body_box.notification > .list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600; margin-left:5px;}
.pc.body_box.notification > .list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.pc.body_box.notification > .list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.pc.body_box.notification > .list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.pc.body_box.notification > .list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; margin-top:10px; line-height:30px;}
.pc.body_box.notification > .list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.pc.body_box.notification > .list > .reply_item > .contents > .vote {margin-top:20px;}
.pc.body_box.notification > .list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.pc.body_box.notification > .list > .reply_item > .contents > .guide {margin-top:5px;}
.pc.body_box.notification > .list > .reply_item > .contents > .guide > span {font-size:15px; color:#999;}
.pc.body_box.notification > .list > .reply_item.hide_border {border-bottom:0}

.pc.body_box.notification > .list > .notice_item { position:relative; width:calc(100% - 60px); padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; border-top:1px solid var(--color-border); display:flow-root; cursor:pointer;}
.pc.body_box.notification > .list > .notice_item.have_child {padding-bottom:0; border-bottom:0;}
.pc.body_box.notification > .list > .notice_item:first-child {border-top:0;}
.pc.body_box.notification > .list > .notice_item > span {font-size:15px;}
.pc.body_box.notification > .list > .notice_item > .dot {position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:20px; left:20px;}
.pc.body_box.notification > .list > .notice_item:hover {background:#fafafa;}



.mobile.body.notification > .tab.top_overlay {top:50px;}
.mobile.body.notification > .tab.top_overlay > .item {width:calc(100% / 3);}

.mobile.body_box.notification {position: relative;}
.mobile.body_box.notification > .tab {}
.mobile.body_box.notification > .tab > .item {width:calc(100% / 3);}
.mobile.body_box.notification > .tab > .item:hover {}
.mobile.body_box.notification > .tab > .item.disable {cursor:default;}
.mobile.body_box.notification > .tab > .item.disable > div > span {color:#eee;}
.mobile.body_box.notification > .tab > .item.disable:hover {background:#fff;}

.mobile.body_box.notification > .list > .feed_item { position:relative; width:100%; padding-top:20px; padding-bottom:30px; border-top:1px solid var(--color-border); overflow: hidden;}
.mobile.body_box.notification > .list > .feed_item:first-child {border-top:0;}
.mobile.body_box.notification > .list > .feed_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.notification > .list > .feed_item > .dot {position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:20px; left:55px;}
.mobile.body_box.notification > .list > .feed_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.notification > .list > .feed_item > .contents > .menu { position:absolute; top:20px; right:20px; }
.mobile.body_box.notification > .list > .feed_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.notification > .list > .feed_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.notification > .list > .feed_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.notification > .list > .feed_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .top > .nickname {font-size:14px;color:#000; font-weight:600;}
.mobile.body_box.notification > .list > .feed_item > .contents > .middle > .time {font-size:13px; color:var(--color-gray);}
.mobile.body_box.notification > .list > .feed_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:14px; margin-top:10px; line-height:25px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .image_list {width:calc(100% + 95px); margin-left:-75px; margin-top:20px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:75px; margin-right:20px; border: 0;}
.mobile.body_box.notification > .list > .feed_item > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .image_list > img:first-child {margin-left:75px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .image_list > img:second-child {margin-left:0px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .image_list > img:last-child {margin-right:20px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .one_image {max-width:100%; max-height:600px; border-radius:10px; cursor: pointer; margin-top:20px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .video {height:300px; width:585px; border-radius:10px; border: 0; border-radius:10px; margin-top:20px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons {margin-top:15px; height:25px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > div > div {float:left;height:25px;}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; margin-top:2.5px; fill:var(--color-gray-dark);}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > div > div > span {font-size:14px; line-height:25px; color:var(--color-gray-dark);}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > .hits {cursor:default;}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.mobile.body_box.notification > .list > .feed_item > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.mobile.body_box.notification > .list > .feed_item > .contents > .vote_mini {position:absolute; top:20px; right:30px;}

.mobile.body_box.notification > .list > .reply_item { position:relative; width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid var(--color-border); display:flow-root;}
.mobile.body_box.notification > .list > .reply_item.have_child {padding-bottom:0; border-bottom:0;}
.mobile.body_box.notification > .list > .reply_item:first-child {border-top:0;}
.mobile.body_box.notification > .list > .reply_item > .hot_tag_cover > .number{font-size:14px}
.mobile.body_box.notification > .list > .reply_item > .flags { float:left; width:38px; height:38px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.mobile.body_box.notification > .list > .reply_item > .dot {position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:20px; left:55px;}
.mobile.body_box.notification > .list > .reply_item > .contents { float:left; width:calc(100% - 95px); margin-left:15px; height:fit-content;}
.mobile.body_box.notification > .list > .reply_item > .contents > .menu { position:absolute; top:20px; right:20px; }
.mobile.body_box.notification > .list > .reply_item > .contents > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.notification > .list > .reply_item > .contents > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.notification > .list > .reply_item > .contents > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.notification > .list > .reply_item > .contents > .menu > .drop_down {right:-10px; top:30px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .top > span {font-size:14px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .top > .nickname {color:#000; font-weight:600; cursor:pointer;}
.mobile.body_box.notification > .list > .reply_item > .contents > .top > .vote {color:#000; font-weight:600; margin-left:5px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .top > .vote.agree {color:var(--color-agree);}
.mobile.body_box.notification > .list > .reply_item > .contents > .top > .vote.disagree {color:var(--color-disagree);}
.mobile.body_box.notification > .list > .reply_item > .contents > .top > .time {color:var(--color-gray); margin-left:5px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .body_text {width:100%; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:14px; margin-top:10px; line-height:25px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .body_text.delete_text > span {color:var(--color-gray);}
.mobile.body_box.notification > .list > .reply_item > .contents > .vote {margin-top:20px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .left_line {width:1px; height:calc(100% - 85px); background:var(--color-gray); position:absolute; top:85px; left:55px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .guide {margin-top:5px;}
.mobile.body_box.notification > .list > .reply_item > .contents > .guide > span {font-size:14px; color:#999;}
.mobile.body_box.notification > .list > .reply_item.hide_border {border-bottom:0}

.mobile.body_box.notification > .list > .notice_item { position:relative; width:calc(100% - 40px); padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; border-top:1px solid var(--color-border); display:flow-root; cursor:pointer;}
.mobile.body_box.notification > .list > .notice_item.have_child {padding-bottom:0; border-bottom:0;}
.mobile.body_box.notification > .list > .notice_item:first-child {border-top:0;}
.mobile.body_box.notification > .list > .notice_item > span {font-size:14px;}
.mobile.body_box.notification > .list > .notice_item > .dot {position:absolute; width:6px; height:6px; background:#f00; border-radius:6px; top:20px; left:10px;}
.mobile.body_box.notification > .list > .notice_item:hover {background:#fafafa;}

/************************************************************************************************************************* 
	¾à°ü È­¸é
*************************************************************************************************************************/
.pc.page_title.policy {z-index:9; position:fixed; top:0; width:calc(var(--width-center-box) + 2px); background:var(--app-default-bg); margin-top:0; margin-bottom:0; padding-top:25px; padding-bottom:25px;}
.pc.page_title.policy > .back_icon {top:25px;}

.pc.body_box_top_border.policy {top:80px;}

.pc.policy > .tab_overlay {top:80px;}
.pc.policy > .tab_overlay > .item {width:50%;}

.pc.body_box.policy {position: relative; min-height:calc(100vh - 80px); padding-top:calc(80px + 50px);}
.pc.body_box.policy > .tab {}
.pc.body_box.policy > .tab > .item {width:50%;}
.pc.body_box.policy > .tab > .item:hover {border-top-left-radius:20px; border-top-right-radius:20px;}
.pc.body_box.policy > .contents {padding:30px;}
.pc.body_box.policy > .contents > span {font-size:15px; color:#000; line-height:25px;}

.mobile.body_box.policy {}
.mobile.body_box.policy > .tab {}
.mobile.body_box.policy > .tab > .item {width:50%;}
.mobile.body_box.policy > .tab > .item:hover {border-top-left-radius:20px; border-top-right-radius:20px;}
.mobile.body_box.policy > .contents {padding:30px;}
.mobile.body_box.policy > .contents > span {font-size:15px; color:#000; line-height:25px;}


.mobile.body.policy > .tab.top_overlay {top:50px;}
.mobile.body.policy > .tab.top_overlay > .item {width:50%;}

/************************************************************************************************************************* 
	¼³Á¤ È­¸é
*************************************************************************************************************************/
.pc.page_title.setting {z-index:9; position:fixed; top:0; width:calc(var(--width-center-box) + 2px); background:var(--app-default-bg); margin-top:0; margin-bottom:0; padding-top:25px; padding-bottom:25px;}
.pc.page_title.setting > .back_icon {top:25px;}

.pc.body_box_top_border.setting {top:80px;}

.pc.body_box.setting {position: relative; min-height:calc(100vh - 80px); padding-top:80px;}
.pc.body_box.setting > .area {width:calc(100% - 40px); margin-left:20px; margin-top:10px;}
.pc.body_box.setting > .area > .left{float:left; width:60px; height:240px;}
.pc.body_box.setting > .area > .left > .icon {width:50px; height:50px; border-radius:50px; background:#fafafa; margin-top:5px;}
.pc.body_box.setting > .area > .left > .icon > svg {width:20px; height:20px; margin:15px; fill:#000;}
.pc.body_box.setting > .area > .left > .line {width:1px; height:155px; background:var(--color-gray); margin-left:25px; margin-top:10px;}
.pc.body_box.setting > .area > .items{float:left; width:calc(100% - 60px);}
.pc.body_box.setting > .area > .items > .noti_set_item {height:60px; border-top:1px solid var(--color-gray);}
.pc.body_box.setting > .area > .items > .noti_set_item:first-child {border-top:0;}
.pc.body_box.setting > .area > .items > .noti_set_item > .name {float:left; height:100%; line-height:60px;}
.pc.body_box.setting > .area > .items > .noti_set_item > .name > span {font-size:16px; color:#000; font-weight:600;}
.pc.body_box.setting > .area > .items > .noti_set_item > .btn_toggle {float:right; width:60px; height:30px; margin-top:15px; border-radius:20px; background:#eee; cursor:pointer;}
.pc.body_box.setting > .area > .items > .noti_set_item > .btn_toggle > div {width:30px; height:30px; border-radius:20px; float:right; background:#ccc;}
.pc.body_box.setting > .area > .items > .noti_set_item > .btn_toggle.focus > div {float:left; background:#f00;}
.pc.body_box.setting > .area > .items > .noti_set_item > .btn_toggle:hover {background:#ddd; }
.pc.body_box.setting > .area > .items > .noti_set_item > .btn_toggle:active > div {width:26px; height:26px; margin:2px;}


.mobile.body_box.setting {position: relative;}
.mobile.body_box.setting > .area {width:calc(100% - 40px); margin-left:20px; margin-top:0px;}
.mobile.body_box.setting > .area > .left{float:left; width:60px; height:240px;}
.mobile.body_box.setting > .area > .left > .icon {width:50px; height:50px; border-radius:50px; background:#fafafa; margin-top:5px;}
.mobile.body_box.setting > .area > .left > .icon > svg {width:20px; height:20px; margin:15px; fill:#000;}
.mobile.body_box.setting > .area > .left > .line {width:1px; height:155px; background:var(--color-gray); margin-left:25px; margin-top:10px;}
.mobile.body_box.setting > .area > .items{float:left; width:calc(100% - 60px);}
.mobile.body_box.setting > .area > .items > .noti_set_item {height:60px; border-top:1px solid var(--color-gray);}
.mobile.body_box.setting > .area > .items > .noti_set_item:first-child {border-top:0;}
.mobile.body_box.setting > .area > .items > .noti_set_item > .name {float:left; height:100%; line-height:60px;}
.mobile.body_box.setting > .area > .items > .noti_set_item > .name > span {font-size:14px; color:#000; font-weight:600;}
.mobile.body_box.setting > .area > .items > .noti_set_item > .btn_toggle {float:right; width:60px; height:30px; margin-top:15px; border-radius:20px; background:#eee; cursor:pointer;}
.mobile.body_box.setting > .area > .items > .noti_set_item > .btn_toggle > div {width:30px; height:30px; border-radius:20px; float:right; background:#ccc;}
.mobile.body_box.setting > .area > .items > .noti_set_item > .btn_toggle.focus > div {float:left; background:#f00;}
.mobile.body_box.setting > .area > .items > .noti_set_item > .btn_toggle:hover {background:#ddd; }
.mobile.body_box.setting > .area > .items > .noti_set_item > .btn_toggle:active > div {width:26px; height:26px; margin:2px;}

/************************************************************************************************************************* 
	°øÁö È­¸é
*************************************************************************************************************************/
.pc.body_box.notice {position: relative; min-height:calc(100vh - 80px);}
.pc.body_box.notice > .title { padding:30px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid var(--color-gray); }
.pc.body_box.notice > .title > span {font-size:15px; color:#000; font-weight:600;}
.pc.body_box.notice > .body {padding:30px;}
.pc.body_box.notice > .body > span {font-size:15px;}


.pc.body_box.notice > .menu { position:absolute; top:-45px; right:0px; }
.pc.body_box.notice > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.pc.body_box.notice > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.pc.body_box.notice > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.pc.body_box.notice > .menu > .drop_down {right:-10px; top:30px;}



.mobile.body_box.notice {position: relative;}
.mobile.body_box.notice > .title { padding:20px; padding-top:10px; padding-bottom:20px; border-bottom:1px solid var(--color-gray); }
.mobile.body_box.notice > .title > span {font-size:14px; color:#000; font-weight:600;}
.mobile.body_box.notice > .body {padding:20px;word-break: break-word;}
.mobile.body_box.notice > .body > span {font-size:14px;}


.mobile.body_box.notice > .menu { position:absolute; top:-45px; right:0px; }
.mobile.body_box.notice > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.mobile.body_box.notice > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.mobile.body_box.notice > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.mobile.body_box.notice > .menu > .drop_down {right:-10px; top:30px;}



/************************************************************************************************************************* 
	ÇÇµå ¼îÃ÷
*************************************************************************************************************************/
.feed_shorts {background:#fff; position:relative; overflow:hidden;}
.feed_shorts > .top { margin-top:60px; width:100%; height:50px; position:relative; }
.feed_shorts > .top > .flags { float:left; width:48px; height:48px; border-radius:25px; margin-left:20px; border:1px solid #aaa; }
.feed_shorts > .top > .title {float:left; margin-left:15px; }
.feed_shorts > .top > .title > .top { height:20px; display:flex; align-items:center;}
.feed_shorts > .top > .title > .top > .nickname {font-size:14px; color:#000; font-weight:600; cursor:pointer;}
.feed_shorts > .top > .title > .top > .time {font-size:14px; color:var(--color-gray); margin-left:5px;}


.feed_shorts > .top > .title > .icons {height:20px; margin-top:10px;}
.feed_shorts > .top > .title > .icons > div {float:left; margin-right:10px; cursor:pointer;}
.feed_shorts > .top > .title > .icons > div > div {float:left;height:20px; display:flex; align-items:center;}
.feed_shorts > .top > .title > .icons > div > div > svg {width:20px; height:20px; margin-right:5px; fill:var(--color-gray-dark);}
.feed_shorts > .top > .title > .icons > div > div > span {font-size:15px; line-height:20px; color:var(--color-gray-dark);}
.feed_shorts > .top > .title > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.feed_shorts > .top > .title > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.feed_shorts > .top > .title > .icons > .hits {cursor:default;}
.feed_shorts > .top > .title > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.feed_shorts > .top > .title > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.feed_shorts > .menu { position:absolute; top:60px; right:20px; }
.feed_shorts > .menu > .icon {width:20px; height:20px; cursor:pointer; }
.feed_shorts > .menu > .icon > svg {width:20px; height:20px; fill:var(--color-icon-nomal)}
.feed_shorts > .menu > .icon:hover > svg {width:20px; height:20px; fill:var(--color-icon-focus);}
.feed_shorts > .menu > .drop_down {right:-10px; top:30px;}

/* ÄÜÅÙÃ÷ height : È­¸é ³ôÀÌ - »ó´Ü(110) - ÇÏ´ÜÅÇ(60px) - ±¤°í(80px)*/
.feed_shorts > .contents {position:absolute; width:100%; height:calc(100dvh - 110px - 60px - 0px); top:110px; display:flex; flex-direction: column-reverse;}
/*.feed_shorts.text_one > .contents {width:calc(100% - 40px);}*/

.feed_shorts > .contents > .icons {height:270px; margin-top:10px; position:absolute; right:-30px; bottom:0; display: flex; flex-direction: column;}
.feed_shorts > .contents > .icons > div {margin-top:10px; cursor:pointer; height:60px; width:40px;}
.feed_shorts > .contents > .icons > div > div {height:30px; text-align:center; width:100%;}
.feed_shorts > .contents > .icons > div > div > svg {width:30px; height:30px; fill:var(--color-gray-dark);}
.feed_shorts > .contents > .icons > div > div > span {font-size:15px; line-height:20px; color:var(--color-gray-dark);}
.feed_shorts > .contents > .icons > div:hover > div > svg {fill:var(--color-icon-focus);}
.feed_shorts > .contents > .icons > div:hover > div > span {color:var(--color-icon-focus);}
.feed_shorts > .contents > .icons > .hits {cursor:default;}
.feed_shorts > .contents > .icons > .hits:hover > div > svg {fill:var(--color-gray-dark);}
.feed_shorts > .contents > .icons > .hits:hover > div > span {color:var(--color-gray-dark);}
.feed_shorts > .contents > .menu { position:absolute; bottom:20px; right:-25px; }
.feed_shorts > .contents > .menu > .icon {width:30px; height:30px; cursor:pointer; }
.feed_shorts > .contents > .menu > .icon > svg {width:30px; height:30px; fill:var(--color-icon-nomal)}
.feed_shorts > .contents > .menu > .icon:hover > svg {width:30px; height:30px; fill:var(--color-icon-focus);}
.feed_shorts > .contents > .menu > .drop_down {right:0px; bottom:30px;}

.feed_shorts > .contents > .body_text {width:calc(100% - 40px); margin-left:20px; margin-bottom: 10px; margin-top:10px; word-break: break-all;  display: flex; flex-direction: column; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; font-size:16px; line-height:30px;
	/* ÇÏ´Ü 90% ÁöÁ¡ºÎÅÍ Åõ¸íÇØÁö´Â ¸¶½ºÅ© Àû¿ë */
  -webkit-mask-image: linear-gradient( to bottom, black 0%, black 80%, transparent 100% ); mask-image: linear-gradient( to bottom, black 0%, black 80%, transparent 100% );
}
.feed_shorts > .contents > .body_text > span {display: block; margin:auto 0;}

.feed_shorts > .contents > .video {width:calc(100% - 40px); height:calc(100% * 7 / 16); margin-left:20px; margin-bottom:10px; border-radius:10px;}

.feed_shorts > .contents > .image_list {width:100%; height:150px; margin-bottom:10px; overflow-y:hidden;}
.feed_shorts > .contents > .image_list > iframe {height:150px; width:270px; border-radius:10px; margin-left:20px; margin-right:20px; border: 0;}
.feed_shorts > .contents > .image_list > img {height:150px; border-radius:10px; cursor: pointer; margin-right:20px;}
.feed_shorts > .contents > .image_list > img:first-child {margin-left:20px;}
.feed_shorts > .contents > .image_list > img:second-child {margin-left:0px;}
.feed_shorts > .contents > .image_list > img:last-child {margin-right:20px;}

.feed_shorts > .ad { position:absolute; bottom:0; width:100%; height:80px;}
.feed_shorts > .ad > div {background:#eee; margin-left:20px; margin-right:20px; height:calc(100% - 10px); display:flex; align-items:center; justify-content:center;}

.feed_shorts > .contents > .vote {width:calc(100% - 40px); margin-left:20px; margin-bottom:10px;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts { position:relative; height:100px;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > div { float:left; width:100%;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn {width:calc(50% - 32px); height:calc(100% - 2px); border-radius:10px; cursor:pointer; }
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn > div {display:flex; justify-content:center; align-items:center; }
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn > .title {width:100%; border-top-left-radius:10px; border-top-right-radius:10px; height:30px;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn > .title > span {color:#fff; font-size:15px; font-weight:600;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn > .guide {width:calc(100% - 10px); text-align:center; padding-left:5px; line-height:20px; height:67px;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn > .guide > span { font-size:15px; color:#000;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn.agree > .title {background:var(--color-agree);}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn.disagree {}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn.disagree > .title {background:var(--color-disagree); }
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn.agree:active {background:#0070C03A;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .btn.disagree:active {background:#FF00003A;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .agree {border:1px solid var(--color-agree); background:#0070C01A;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .disagree {border:1px solid var(--color-disagree); background:#FF00001A;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .count {width:60px; height:100%; display:flex; flex-direction: column; justify-content:center; align-items:center;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .count > div > svg {width:20px; height:20px; fill:#f00; margin-bottom:-5px;}
.feed_shorts > .contents > .vote.mobile_no_vote_shorts > .count > div > span {font-size:15px; font-weight:600; color:#000;}

.feed_shorts.video						> .contents > .body_text {height:calc(100% - 120px - 40px - (100% * 7 / 16));}
.feed_shorts.image_list					> .contents > .body_text {height:calc(100% - 120px - 140px - 40px);}
.feed_shorts.text_one					> .contents > .body_text {height:calc(100% - 120px - 20px); }
.feed_shorts.image_one					> .contents > .body_text {height:calc(100% - 120px - 20px); }

.feed_shorts.show_vote_bar.video		> .contents > .body_text {height:calc(100% - 75px - 40px - (100% * 7 / 16));}
.feed_shorts.show_vote_bar.image_list	> .contents > .body_text {height:calc(100% - 75px - 140px - 40px);}
.feed_shorts.show_vote_bar.text_one		> .contents > .body_text {height:calc(100% - 75px - 20px); }
.feed_shorts.show_vote_bar.image_one	> .contents > .body_text {height:calc(100% - 75px - 20px); }

.feed_shorts.image_one > .contents > .body_text > span {color:#fff;}
.feed_shorts.image_one > img {position:absolute; min-height:100%; min-width:100%; left:50%; top:50%; transform: translate(-50%, -50%);}
.feed_shorts.image_one > .dim {position:absolute; background:#000000; opacity:0.7; width:100%; height:100%; left:0; top:0; }
.feed_shorts.image_one > .top > .title > .top > .nickname {color:#fff;}
.feed_shorts.image_one > .top > .title > .top > .time {color:#eee;}
.feed_shorts.image_one > .top > .title > .icons > div > div > svg {fill:#fff;}
.feed_shorts.image_one > .top > .title > .icons > div > div > span {color:#fff;}
.feed_shorts.image_one > .top > .title > .menu { position:absolute; top:0px; right:20px; }
.feed_shorts.image_one > .top > .title > .menu > .icon > svg {fill:#fff;}
.feed_shorts.image_one > .contents > .vote.mobile_no_vote_shorts > .btn > .guide > span { color:#fff;}
.feed_shorts.image_one > .contents > .vote.mobile_no_vote_shorts > .count > div > span { color:#fff;}
.feed_shorts.image_one > .contents > .body_text > span > .tag_span{color:#00FFEA;}

/* Çǵå¾øÀ½ ¹Ú½º height : È­¸é ³ôÀÌ - »ó´Ü(50) - ÇÏ´ÜÅÇ(60) - ±¤°í(80px) - ¸¶Áø(40)*/
.feed_shorts.empty > .empty_box {position:absolute; width:calc(100% - 42px); height:calc(100dvh - 50px - 60px - 0px - 40px); top:70px; display: flex; flex-direction: column; justify-content:center; align-items:center; margin-left:20px; border-radius:10px; border:1px solid #ddd; background:#fafafa;}
.feed_shorts.empty > .empty_box > .text_01 {}
.feed_shorts.empty > .empty_box > .text_01 > span {font-size:15px; color:#000;}
.feed_shorts.empty > .empty_box > .text_02 {margin-top:20px}
.feed_shorts.empty > .empty_box > .text_02 > span {font-size:20px; color:#555;}
.feed_shorts.empty > .empty_box > .icon {margin-top:50px;}
.feed_shorts.empty > .empty_box > .icon > svg {width:50px; height:50px; fill:#555;}

/*
	End -ÇÇµå ¼îÃ÷
*************************************************************************************************************************/








/************************************************************************************************************************* 
 ************************************************************************************************************************* 
 ************************************************************************************************************************* 

	°ü¸®ÀÚ ÆäÀÌÁö

************************************************************************************************************************* 
************************************************************************************************************************* 
*************************************************************************************************************************/

.admin_page_number {position:relative; border-top:1px solid var(--color-border); background:#fff !important; height:40px;}
.admin_page_number > .total {height:100%; display:flex; align-items:center;}
.admin_page_number > .total > span {font-size:15px; color:#000;}
.admin_page_number > .pages {position:absolute; left:50%; height:100%; transform: translate(-50%, 0);}
.admin_page_number > .pages > div {margin-left:2px; margin-right:2px; cursor:pointer;}
.admin_page_number > .pages > .current {cursor:default;}
.admin_page_number > .pages > .current > span {color:#f00;}
.admin_page_number > .pages > div > span {font-size:15px; color:#000;}
.admin_page_number > .pages > div > svg {width:20px; height:20px; fill:#000; margin-top:10px; }
.admin_page_number > .pages > div:hover > span {font-weight:600;}
.admin_page_number > .pages > div:hover > svg {width:18px; height:18px; fill:#000; margin:1px; margin-top:11px; }


.admin.pc.header {position:fixed; width:100%; height:60px; top:0px; z-index: 9; border-bottom:1px solid var(--color-gray); background:#fff;}
.admin.pc.header > .left { position:absolute; left:10px; top:0; height:100%; transform: translate(0, 0);}

.admin.pc.header > .left > a { float:left; width:50px; height:100%; margin-top:0;}
.admin.pc.header > .left > a.logo > img {width:30px; height:30px; margin-top:15px; transition: transform 0.2s ease-in-out;}
.admin.pc.header > .left > a.logo:hover > img {transform: scale(1.2);}

.admin.pc.header > .left > a.admin {font-size:20px; font-weight:600; color:#000; display:flex; align-items:center; transition: transform 0.2s ease-in-out;}
.admin.pc.header > .left > a.admin:hover {transform: scale(1.2);}
.admin.pc.header > .left > a:hover {background:#ffffff00; }
.admin.pc.header > .left > a:active > svg {width:28px; height:28px; margin-top:8px;}

.admin.pc.header > .left > .btn_monitor { float:left; width:90px; height:40px; background:#555; border-radius:10px; display:flex; align-items:center; justify-content:center; cursor:pointer; margin-top:10px; margin-left:20px;}
.admin.pc.header > .left > .btn_monitor > span { font-size:14px; color:#fff; font-weight:600; }
.admin.pc.header > .left > .btn_monitor:hover {background:#333}
.admin.pc.header > .left > .btn_monitor:active > span { font-size:13px; }

.admin.pc.header > .middle {position:absolute; left:50%; transform: translate(-50%, 0); height:100%;}
.admin.pc.header > .middle > a {float:left; height:100%; display:flex; align-items:center; font-size:16px; color:#999; padding-left:20px; padding-right:20px;}
.admin.pc.header > .middle > a:hover {border-bottom:6px solid #999; height:calc(100% - 10px); padding-top:5px;}
.admin.pc.header > .middle > a.focus {color:#f00; font-weight:600; height:calc(100% - 10px); padding-top:5px; border-bottom:6px solid #f00;}

.admin.pc.header > .right {position:absolute; right:20px;}
.admin.pc.header > .right > div {text-align:right; height:20px;}
.admin.pc.header > .right > div > span {font-size:15px; color:#000;}
.admin.pc.header > .right > .time_left {margin-top:10px;}
.admin.pc.header > .right > .time_left > span {font-size:13px; color:#999;}
.admin.pc.header > .right > .logout {}
.admin.pc.header > .right > .logout > span {cursor:pointer; font-weight:600;}
.admin.pc.header > .right > .logout > span:hover {color:#f00;}


.admin.pc.sub_header { position:fixed; width:100%; top:60px; z-index: 9; background:#D0EFFF; height:50px; display:flex; justify-content:center;}
.admin.pc.sub_header > a {float:left; height:100%; display:flex; align-items:center; font-size:14px; color:#999; padding-left:20px; padding-right:20px;}
.admin.pc.sub_header > a:hover {border-bottom:3px solid #999; height:calc(100% - 10px); padding-top:5px;}
.admin.pc.sub_header > a.focus {color:#f00; font-weight:600; height:calc(100% - 10px); padding-top:5px;}

.admin.pc.contents {position:relative; width:100%; text-align:center; padding-top:61px; min-height:calc(100vh - 61px); height:fit-content; background:#fff;}
.admin.pc.contents > div {margin-left:50%; transform: translate(-50%, 0); height:fit-content; width:fit-content;}



.admin.pc.contents > .visit_count_top {height:40px; position:fixed; top:60px; padding-top:20px; background:#fff; padding-bottom:10px;  width:1285px;}
.admin.pc.contents > .visit_count_top > .move_btn {height:100%; width: 40px; float:left; cursor:pointer;}
.admin.pc.contents > .visit_count_top > .move_btn > svg {width:30px; height:30px; margin:5px; fill:#000;}
.admin.pc.contents > .visit_count_top > .move_btn:hover > svg {fill:#f00;}
.admin.pc.contents > .visit_count_top > .move_btn.disabled {cursor:default;}
.admin.pc.contents > .visit_count_top > .move_btn.disabled > svg {fill:#ccc;}
.admin.pc.contents > .visit_count_top > .move_btn.disabled:hover > svg {fill:#ccc;}
.admin.pc.contents > .visit_count_top > .title {float:left; height:40px; display:flex; align-items:center; justify-content:center;}
.admin.pc.contents > .visit_count_top > .title > span {font-size:20px; font-weight:600; color:#000;}
.admin.pc.contents > .visit_count_top > .today {float:right; height:30px; margin-top:5px; padding-left:15px; padding-right:15px; display:flex; align-items:center; background: #eee; border:1px solid #ccc; border-radius: 20px;}
.admin.pc.contents > .visit_count_top > .today > div {float:left;}
.admin.pc.contents > .visit_count_top > .today > .title > span {font-size:15px; font-weight:600; color:#000;}
.admin.pc.contents > .visit_count_top > .today > .dot > span {font-size:15px; font-weight:600; color:#000; margin-left:10px; margin-right:10px;}
.admin.pc.contents > .visit_count_top > .today > .total > span {font-size:15px; color:#000;}
.admin.pc.contents > .visit_count_top > .today > .uniq > span {font-size:15px; color:#000;}
.admin.pc.contents > .visit_count_top > .today > div > .count {color:#f00;}

.admin.pc.contents > .visit_count_top > .sort {float:right; margin-top:5px; margin-right:20px;}
.admin.pc.contents > .visit_count_top > .sort > .drop_down {left:-50%; right:0px; width:100px;}
.admin.pc.contents > .visit_count_list_title {border:1px solid #aaa; position:fixed; top:130px; height:39px; background:#fafafa; width:1281px;}
.admin.pc.contents > .visit_count_list_title > div {float:left; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; border-left:1px solid #eee;}
.admin.pc.contents > .visit_count_list_title > div > span {font-size:13px; color:#000; font-weight:600;}
.admin.pc.contents > .visit_count_list_title > div:first-child {border-left:0px;}
.admin.pc.contents > .visit_count_list_title > .date {width:50px;}
.admin.pc.contents > .visit_count_list_title > .total {width:70px; border-left:1px solid #aaa;}
.admin.pc.contents > .visit_count_list_title > .uniq {width:70px;}
.admin.pc.contents > .visit_count_list_title > .login {width:60px;}
.admin.pc.contents > .visit_count_list_title > .visitor {width:60px;}
.admin.pc.contents > .visit_count_list_title > .web {width:60px;}
.admin.pc.contents > .visit_count_list_title > .web_mobile {width:60px;}
.admin.pc.contents > .visit_count_list_title > .android {width:60px;}
.admin.pc.contents > .visit_count_list_title > .ios {width:60px;}
.admin.pc.contents > .visit_count_list_title > .os {background:#eff5ff;}
.admin.pc.contents > .visit_count_list_title > .hours {width:600px; display:block;}
.admin.pc.contents > .visit_count_list_title > .hours > div {width:100%; height:20px; border-top:1px solid #eee;}
.admin.pc.contents > .visit_count_list_title > .hours > div:first-child{border-top:0px;}
.admin.pc.contents > .visit_count_list_title > .hours > div > div {float:left; width:49px; display:flex; align-items:center; justify-content:center; border-left:1px solid #eee;}
.admin.pc.contents > .visit_count_list_title > .hours > div > div:first-child{border-left:0px;}
.admin.pc.contents > .visit_count_list_title > .hours > div > div > span {font-size:11px; color:#000; font-weight:600;}
.admin.pc.contents > .visit_count_list_title > .country.local {width:60px;}
.admin.pc.contents > .visit_count_list_title > .country.overseas {width:60px;}

.admin.pc.contents > .visit_count { margin-left:50%; transform: translate(-50%, 0); -webkit-user-select: none; /* Safari */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Ç¥ÁØ ¼Ó¼º (Chrome, Firefox µî) */}

.admin.pc.contents > .visit_count > .list {border:1px solid #aaa; border-top:0px; margin-top:109px; width:1281px;}
.admin.pc.contents > .visit_count > .list > .visit_item {width:100%; height:39px; border-top:1px solid #aaa; text-align:center;}
.admin.pc.contents > .visit_count > .list > .visit_item:hover {background:#ffefef}
.admin.pc.contents > .visit_count > .list > .visit_item > div {float:left; border-left:1px solid #eee; height:100%; display:flex; align-items:center; justify-content:center;}
.admin.pc.contents > .visit_count > .list > .visit_item > div:first-child {border-left:0px;}
.admin.pc.contents > .visit_count > .list > .visit_item > div > span {font-size:13px; color:#000;}
.admin.pc.contents > .visit_count > .list > .visit_item > .date {width:50px; background:#fafafa;}
.admin.pc.contents > .visit_count > .list > .visit_item > .total {width:70px; border-left:1px solid #aaa;}
.admin.pc.contents > .visit_count > .list > .visit_item > .uniq {width:70px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .login {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .visitor {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .web {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .web_mobile {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .android {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .ios {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .os {background:#eff5ffaa;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours {width:600px; display:block;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours > div {width:100%; height:19px; border-top:1px solid #eee;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours > div:first-child{border-top:0px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours > div > div {float:left; width:49px; height:19px; display:flex; align-items:center; justify-content:center; border-left:1px solid #eee;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours > div > div:first-child{border-left:0px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours > div > div > span {font-size:11px; color:#000;}
.admin.pc.contents > .visit_count > .list > .visit_item > .hours > div > div > .top {color:#f00; font-weight:600;}
.admin.pc.contents > .visit_count > .list > .visit_item > .country.local {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .country.overseas {width:60px;}
.admin.pc.contents > .visit_count > .list > .visit_item > .country.overseas.have { cursor:pointer;}
.admin.pc.contents > .visit_count > .list > .visit_item > .country.overseas.have:hover > span {color:#f00; font-weight:600;}

.admin.pc.contents > div > .list_area > .list > div {height:40px;}
.admin.pc.contents > div > .list_area > .list > div > div {height:40px;  float:left; display:flex; align-items:center; justify-content:center;}
.admin.pc.contents > div > .list_area > .list > div > div > span {font-size:15px; color:#000;}
.admin.pc.contents > div > .list_area > .list {}
.admin.pc.contents > div > .list_area > .list > div:nth-child(odd) {background:#EEEEEE;}
.admin.pc.contents > div > .list_area > .list.title {margin-top:10px; height:40px; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}
.admin.pc.contents > div > .list_area > .list.title > div { background:#fff;}
.admin.pc.contents > div > .list_area > .list.title > div > div > span {font-weight:600;}
.admin.pc.contents > div > .list_area > .list.contents > div {cursor:default;}
.admin.pc.contents > div > .list_area > .list.contents > div:hover {background:#ffd4d4}



.admin.pc.contents.nickname > div {width:840px;}
.admin.pc.contents.nickname > div > div {float:left; width:400px;}
.admin.pc.contents.nickname > div > .list_area > .top {height:30px; margin-top:20px;}
.admin.pc.contents.nickname > div > .list_area > .top > div {float:left; height:30px;}
.admin.pc.contents.nickname > div > .list_area > .top > .input_default {float:right; width:200px; height:30px;}
.admin.pc.contents.nickname > div > .list_area > .top > .add {display:flex; align-items:center; cursor:pointer;}
.admin.pc.contents.nickname > div > .list_area > .top > .add > span {font-size:15px; color:#000; font-weight:600;}
.admin.pc.contents.nickname > div > .list_area.noun {margin-left:40px;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .state {width:80px;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .state.delete > span {color:#f00;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .name {width:240px;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .edit {width:80px;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .edit > .edit{cursor:pointer;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .edit > .edit:hover {font-weight:600; color:#00f;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .edit > .delete{cursor:pointer;}
.admin.pc.contents.nickname > div > .list_area > .list > div > .edit > .delete:hover {font-weight:600; color:#f00;}



.admin.pc.contents.notice > div {width:600px;}
.admin.pc.contents.notice > div > div {float:left; width:600px;}
.admin.pc.contents.notice > div > .list_area > .top {height:30px; margin-top:20px;}
.admin.pc.contents.notice > div > .list_area > .top > div {float:left; height:30px;}
.admin.pc.contents.notice > div > .list_area > .top > .input_default {float:right; width:200px; height:30px;}
.admin.pc.contents.notice > div > .list_area > .top > .add {display:flex; align-items:center; cursor:pointer;}
.admin.pc.contents.notice > div > .list_area > .top > .add > span {font-size:15px; color:#000; font-weight:600;}
.admin.pc.contents.notice > div > .list_area.noun {margin-left:40px;}
.admin.pc.contents.notice > div > .list_area > .list > div:nth-child(odd) {background:#fff;}
.admin.pc.contents.notice > div > .list_area > .list > div {border-top:1px solid var(--color-gray);}
.admin.pc.contents.notice > div > .list_area > .list > div:first-child{border-top:0;}
.admin.pc.contents.notice > div > .list_area > .list > div > .state {width:80px;}
.admin.pc.contents.notice > div > .list_area > .list > div > .state.delete > span {color:#f00;}
.admin.pc.contents.notice > div > .list_area > .list > div > .title {width:440px; line-height:40px; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; }
.admin.pc.contents.notice > div > .list_area > .list.contents > div > .title {cursor:pointer;}
.admin.pc.contents.notice > div > .list_area > .list.contents > div > .title:hover {text-decoration: underline;}
.admin.pc.contents.notice > div > .list_area > .list > div > .edit {width:80px;}
.admin.pc.contents.notice > div > .list_area > .list > div > .edit > .edit{cursor:pointer;}
.admin.pc.contents.notice > div > .list_area > .list > div > .edit > .edit:hover {font-weight:600; color:#00f;}
.admin.pc.contents.notice > div > .list_area > .list > div > .edit > .delete{cursor:pointer;}
.admin.pc.contents.notice > div > .list_area > .list > div > .edit > .delete:hover {font-weight:600; color:#f00;}
.admin.pc.contents.notice > div > .list_area > .list > .extension {background:#FAFAFA; border-top:1px solid #eee; height:fit-content;}
.admin.pc.contents.notice > div > .list_area > .list > .extension > div {width:calc(100% - 40px); text-align:center; height:fit-content; display:block; float:none;}
.admin.pc.contents.notice > div > .list_area > .list > .extension:hover {background:#FAFAFA;}
.admin.pc.contents.notice > div > .list_area > .list > .extension > .body { padding:20px;}
.admin.pc.contents.notice > div > .list_area > .list > .extension > .body > span {font-size:15px; color:#000;}
.admin.pc.contents.notice > div > .list_area > .list > .extension > .homepage { padding:20px; padding-top:0px;}
.admin.pc.contents.notice > div > .list_area > .list > .extension > .homepage > a {font-size:15px; color:#00f; width:80px; margin-left:50%; transform: translate(-50%, 0);}
.admin.pc.contents.notice > div > .list_area > .list > .extension > .homepage > a:hover {text-decoration: underline;}


.admin.pc.contents.taboo > div {width:400px;}
.admin.pc.contents.taboo > div > div {float:left; width:400px;}
.admin.pc.contents.taboo > div > .list_area > .top {height:30px; margin-top:20px;}
.admin.pc.contents.taboo > div > .list_area > .top > div {float:left; height:30px;}
.admin.pc.contents.taboo > div > .list_area > .top > .input_default {float:right; width:200px; height:30px;}
.admin.pc.contents.taboo > div > .list_area > .top > .add {display:flex; align-items:center; cursor:pointer;}
.admin.pc.contents.taboo > div > .list_area > .top > .add > span {font-size:15px; color:#000; font-weight:600;}
.admin.pc.contents.taboo > div > .list_area.noun {margin-left:40px;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .state {width:80px;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .state.delete > span {color:#f00;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .title {width:240px; line-height:40px; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; }
.admin.pc.contents.taboo > div > .list_area > .list > div > .edit {width:80px;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .edit > .edit{cursor:pointer;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .edit > .edit:hover {font-weight:600; color:#00f;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .edit > .delete{cursor:pointer;}
.admin.pc.contents.taboo > div > .list_area > .list > div > .edit > .delete:hover {font-weight:600; color:#f00;}


.admin.pc.contents.report > div {width:1220px;}
.admin.pc.contents.report > div > div {float:left; width:1220px;}
.admin.pc.contents.report > div > .list_area > .top {height:30px; margin-top:20px;}
.admin.pc.contents.report > div > .list_area > .top > div {float:left; height:30px;}
.admin.pc.contents.report > div > .list_area > .top > .input_default {float:right; width:200px; height:30px;}
.admin.pc.contents.report > div > .list_area > .top > .add {display:flex; align-items:center; cursor:pointer;}
.admin.pc.contents.report > div > .list_area > .top > .add > span {font-size:15px; color:#000; font-weight:600;}
.admin.pc.contents.report > div > .list_area.noun {margin-left:40px;}
.admin.pc.contents.report > div > .list_area > .list > div > .type {width:50px;}
.admin.pc.contents.report > div > .list_area > .list > div > .time {width:150px;}
.admin.pc.contents.report > div > .list_area > .list > div > .id {width:300px;}
.admin.pc.contents.report > div > .list_area > .list > div > .nickname_uniq {width:160px;}
.admin.pc.contents.report > div > .list_area > .list > div > .nickname {width:160px;}
.admin.pc.contents.report > div > .list_area > .list > div > .nickname > img {width:20px; height:20px; border-radius:20px; border:1px solid #aaa; margin-right:3px;}
.admin.pc.contents.report > div > .list_area > .list > div > .body {width:400px; line-height:40px; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; }

.admin.pc.contents.account {padding-top:111px; min-height: calc(100vh - 111px);}
.admin.pc.contents.account > div {width:400px;}
.admin.pc.contents.account > div > div {float:left; width:100%;}
.admin.pc.contents.account > div > .list_area > .top {height:30px; margin-top:20px;}
.admin.pc.contents.account > div > .list_area > .top > div {float:left; height:30px;}
.admin.pc.contents.account > div > .list_area > .top > .input_default {float:right; width:200px; height:30px;}
.admin.pc.contents.account > div > .list_area > .top > .add {display:flex; align-items:center; cursor:pointer;}
.admin.pc.contents.account > div > .list_area > .top > .add > span {font-size:15px; color:#000; font-weight:600;}
.admin.pc.contents.account > div > .list_area > .list > div > .state {width:80px;}
.admin.pc.contents.account > div > .list_area > .list > div > .state.delete > span {color:#f00;}
.admin.pc.contents.account > div > .list_area > .list > div > .title {width:240px; line-height:40px; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; }
.admin.pc.contents.account > div > .list_area > .list > div > .edit {width:80px;}
.admin.pc.contents.account > div > .list_area > .list > div > .edit > .edit{cursor:pointer;}
.admin.pc.contents.account > div > .list_area > .list > div > .edit > .edit:hover {font-weight:600; color:#00f;}
.admin.pc.contents.account > div > .list_area > .list > div > .edit > .delete{cursor:pointer;}
.admin.pc.contents.account > div > .list_area > .list > div > .edit > .delete:hover {font-weight:600; color:#f00;}


.admin.pc.contents.account > .user {width:840px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .state {width:80px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .insert_time {width:80px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .sns {width:60px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .nickname {width:120px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .certi {width:70px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .country {width:70px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .country > img {width:30px; height:30px; border:1px solid #aaa; border-radius:30px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .email {width:180px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .feed {width:60px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .reply {width:60px;}
.admin.pc.contents.account > .user > .list_area > .list > div > .vote {width:60px;}

.admin.pc.contents.account > .admin {width:700px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .insert_time {width:80px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .state {width:60px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .type {width:60px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .id {width:120px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .nickname {width:120px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .email {width:180px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .edit {width:80px;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .edit > .edit{cursor:pointer;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .edit > .edit:hover {font-weight:600; color:#00f;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .edit > .delete{cursor:pointer;}
.admin.pc.contents.account > .admin > .list_area > .list > div > .edit > .delete:hover {font-weight:600; color:#f00;}

.admin.pc.contents.account > .setting {width:300px;}
.admin.pc.contents.account > .setting > .input_default {margin-top:10px; background:#FAFAFA;}
.admin.pc.contents.account > .setting > .first_input {margin-top:30px;}
.admin.pc.contents.account > .setting > .btn_default {margin-top:10px;}


.admin.pc.contents.problem_report > div {width:850px;}
.admin.pc.contents.problem_report > div > div {float:left; width:850px;}
.admin.pc.contents.problem_report > div > .list_area {margin-top:20px;}
.admin.pc.contents.problem_report > div > .list_area > .list > div:nth-child(odd) {background:#fff;}
.admin.pc.contents.problem_report > div > .list_area > .list > div {border-top:1px solid var(--color-gray);}
.admin.pc.contents.problem_report > div > .list_area > .list > div:first-child{border-top:0;}
.admin.pc.contents.problem_report > div > .list_area > .list > div > .time {width:150px;}
.admin.pc.contents.problem_report > div > .list_area > .list > div > .id {width:300px;}
.admin.pc.contents.problem_report > div > .list_area > .list > div > .body {width:400px; line-height:40px; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; }
.admin.pc.contents.problem_report > div > .list_area > .list.contents > .item {cursor:pointer;}
.admin.pc.contents.problem_report > div > .list_area > .list.contents > .item:hover > .time {text-decoration: underline;}
.admin.pc.contents.problem_report > div > .list_area > .list.contents > .item:hover > .id {text-decoration: underline;}
.admin.pc.contents.problem_report > div > .list_area > .list.contents > .item:hover > .body {text-decoration: underline;}

.admin.pc.contents.problem_report > div > .list_area > .list.contents > .extension {background:#FAFAFA; border-top:1px solid #eee; height:fit-content; cursor:auto;}
.admin.pc.contents.problem_report > div > .list_area > .list > .extension > div {width:calc(100% - 40px); text-align:center; height:fit-content; display:block; float:none; padding:20px;}
.admin.pc.contents.problem_report > div > .list_area > .list > .extension:hover {background:#FAFAFA;}
.admin.pc.contents.problem_report > div > .list_area > .list > .extension > div > span {font-size:15px; color:#000;}

.admin.pc.contents.deletefeed {text-align:left; min-height: calc(100vh - 61px - 80px); padding-top:101px; padding-bottom:40px;}
.admin.pc.contents.deletefeed > .body_box { width:var(--width-center-box);}
.admin.pc.contents.deletefeed > .top {margin-bottom:30px; width:var(--width-center-box); }
.admin.pc.contents.deletefeed > .top > .input_default {width:100%; border-radius:40px;}
.admin.pc.contents.deletefeed > .top > .input_default > input {text-align:center;}

.admin.pc.contents.hotfeed {text-align:left; min-height: calc(100vh - 61px - 80px); padding-top:101px; padding-bottom:40px;}
.admin.pc.contents.hotfeed > .body_box { width:var(--width-center-box);}
.admin.pc.contents.hotfeed > .top {margin-bottom:30px; width:var(--width-center-box); }
.admin.pc.contents.hotfeed > .top > .input_default {width:100%; border-radius:40px;}
.admin.pc.contents.hotfeed > .top > .input_default > input {text-align:center;}


.popup_admin_nickname_add > div {width:300px; height:190px;}
.popup_admin_nickname_add > div > .body {width:100%;}
.popup_admin_nickname_add > div > .body > .input_default { width:calc(100% - 40px); height:48px; margin:20px;}

.popup_admin_nickname_delete > div {width:310px; height:170px;}
.popup_admin_nickname_delete > div > .popup_bottom {}
.popup_admin_nickname_delete > div > .popup_bottom > .btn_default { right:90px; }
.popup_admin_nickname_delete > div > .popup_bottom > .btn_default.warning { right:20px; width:58px; }


.popup_admin_notice_add > div {width:300px; height:400px;}
.popup_admin_notice_add > div > .body {width:100%;}
.popup_admin_notice_add > div > .body > .input_default { width:calc(100% - 40px); height:48px; margin:20px;}
.popup_admin_notice_add > div > .body > .input_default.textarea { height:180px; }
.popup_admin_notice_add > div > .body > .input_default.textarea {height:auto; height:180px;}
.popup_admin_notice_add > div > .body > .input_default.textarea > textarea {min-height:85px; padding-top:15px; height:calc(100% - 17px);}

.popup_admin_notice_delete > div {width:310px; height:170px;}
.popup_admin_notice_delete > div > .popup_bottom {}
.popup_admin_notice_delete > div > .popup_bottom > .btn_default { right:90px; }
.popup_admin_notice_delete > div > .popup_bottom > .btn_default.warning { right:20px; width:58px; }




.popup_admin_taboo_add > div {width:300px; height:190px;}
.popup_admin_taboo_add > div > .body {width:100%;}
.popup_admin_taboo_add > div > .body > .input_default { width:calc(100% - 40px); height:48px; margin:20px;}

.popup_admin_taboo_delete > div {width:310px; height:170px;}
.popup_admin_taboo_delete > div > .popup_bottom {}
.popup_admin_taboo_delete > div > .popup_bottom > .btn_default { right:90px; }
.popup_admin_taboo_delete > div > .popup_bottom > .btn_default.warning { right:20px; width:58px; }


.popup_login_history > div {width:730px; height:fit-content; padding-bottom:10px;}

.popup_login_history > div > .list_area { margin:10px; width:710px; }
.popup_login_history > div > .list_area > .list > div {height:40px;}
.popup_login_history > div > .list_area > .list > div > div {height:40px;  float:left; display:flex; align-items:center; justify-content:center;}
.popup_login_history > div > .list_area > .list > div > div > span {font-size:15px; color:#000;}
.popup_login_history > div > .list_area > .list {}
.popup_login_history > div > .list_area > .list > div:nth-child(odd) {background:#EEEEEE;}
.popup_login_history > div > .list_area > .list.title {margin-top:10px; height:40px; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}
.popup_login_history > div > .list_area > .list.title > div { background:#fff;}
.popup_login_history > div > .list_area > .list.title > div > div > span {font-weight:600;}
.popup_login_history > div > .list_area > .list.contents > div {cursor:default;}
.popup_login_history > div > .list_area > .list.contents > div:hover {background:#ffd4d4}

.popup_login_history > div > .list_area > .list > div > .insert_time {width:140px;}
.popup_login_history > div > .list_area > .list > div > .country {width:80px;}
.popup_login_history > div > .list_area > .list > div > .country > img {width:30px; height:30px; border:1px solid #aaa; border-radius:30px;}
.popup_login_history > div > .list_area > .list > div > .ip {width:140px;}
.popup_login_history > div > .list_area > .list > div > .city {width:140px;}
.popup_login_history > div > .list_area > .list > div > .gps {width:140px;}
.popup_login_history > div > .list_area > .list > div > .type {width:70px;}

.popup_login_history > div > .popup_bottom {}
.popup_login_history > div > .popup_bottom > .total {position:absolute; left:20px; height: 20px; top: 10px;}
.popup_login_history > div > .popup_bottom > .total > span {font-size:14px; color:#000;}

.popup_admin_account_add > div {width:300px; height:430px;}
.popup_admin_account_add > div > .body {width:100%;}
.popup_admin_account_add > div > .body > .input_default { width:calc(100% - 40px); height:48px; margin:20px; margin-top:-10px}
.popup_admin_account_add > div > .body > .input_default:first-child{ margin-top:20px;}
.popup_admin_account_add > div > .body > .input_default.disabled {background:#fafafa;}
.popup_admin_account_add > div > .body > .input_default.disabled > input {color:#555;}

.popup_admin_account_update > div {width:300px; height:410px;}
.popup_admin_account_update > div > .body {width:100%;}
.popup_admin_account_update > div > .body > .input_default { width:calc(100% - 40px); height:48px; margin:20px; margin-top:-10px}
.popup_admin_account_update > div > .body > .input_default:first-child{ margin-top:20px;}
.popup_admin_account_update > div > .body > .input_default.disabled {background:#fafafa;}
.popup_admin_account_update > div > .body > .input_default.disabled > input {color:#555;}
.popup_admin_account_update > div > .popup_bottom {border-top:0; border-bottom:1px solid var(--color-border); margin-top:-20px;}
.popup_admin_account_update > div > .popup_bottom.none_border {border-bottom:0;}
.popup_admin_account_delete > div {width:310px; height:170px;}
.popup_admin_account_delete > div > .popup_bottom {}
.popup_admin_account_delete > div > .popup_bottom > .btn_default { right:90px; }
.popup_admin_account_delete > div > .popup_bottom > .btn_default.warning { right:20px; width:58px; }


.popup_admin_hotfeed_cancel > div {width:310px; height:170px;}


.popup_admin_hotfeed_add > div {width:310px; height:260px;}
.popup_admin_hotfeed_add > div > .list_box { border-radius:5px; border:1px solid var(--color-border); background:#fafafa; width:270px; height:calc(120px - 2px); margin:20px;}
.popup_admin_hotfeed_add > div > .list_box > .item { height:39px; border-top:1px solid var(--color-border); cursor:pointer; position:relative; }
.popup_admin_hotfeed_add > div > .list_box > .item:first-child { height:39px; border-top:0; }
.popup_admin_hotfeed_add > div > .list_box > .item:last-child { height:38px; }
.popup_admin_hotfeed_add > div > .list_box > .item > div {float:left;}
.popup_admin_hotfeed_add > div > .list_box > .item > .number { width:39px; height:100%; border-right:1px solid var(--color-border); display:flex; justify-content:center; align-items:center;}
.popup_admin_hotfeed_add > div > .list_box > .item > .number > span { font-size:20px; font-weight:600; color:#000;}
.popup_admin_hotfeed_add > div > .list_box > .item > .contents { width:calc(100% - 40px); height:100%; display:flex; align-items:center; }
.popup_admin_hotfeed_add > div > .list_box > .item > .contents > span { margin-left:10px; font-size:15px; color:#999; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; }
.popup_admin_hotfeed_add > div > .list_box > .item > .check { position:absolute; width:20px; height:20px; top:10px; right:10px; display:none;}
.popup_admin_hotfeed_add > div > .list_box > .item > .check > svg { width:20px; height:20px; fill:#0c0;}
.popup_admin_hotfeed_add > div > .list_box > .item.select { cursor:default; }
.popup_admin_hotfeed_add > div > .list_box > .item.select > .contents > span {color:#000;}
.popup_admin_hotfeed_add > div > .list_box > .item.select > .check {display:block;}
.popup_admin_hotfeed_add > div > .list_box > .item.have { cursor:default; }
.popup_admin_hotfeed_add > div > .list_box > .item.have > .contents > span {color:#000;}
.popup_admin_hotfeed_add > div > .list_box > .item:hover {background:#ffd4d4;}
.popup_admin_hotfeed_add > div > .list_box > .item.select:hover {background:#00000000;}
.popup_admin_hotfeed_add > div > .list_box > .item.have:hover {background:#00000000;}