html, body { margin: 0; padding: 0; height: 100%; width:100%; overscroll-behavior: contain; } 

/* º¯¼ö ¼±¾ð */
:root {
    --width-web-default: 1000px; /* À¥ ±âº» ³Êºñ */
    --width-web-big: 1300px; /* À¥ Å« »çÀÌÁî ³Êºñ */
	--app-default-color: #DC3737; /* ¾Û ±âº» »ö»ó */
	--app-hover-color: #D70F0F; /* ¾Û ¸¶¿ì½º ¿À¹ö½Ã »ö»ó */
	--a-visited-color: #EC1515; /* ¹æ¹®Çß´ø ÆäÀÌÁö Ä÷¯ */
}

/* ±ÛÀÚÀÔ·Ââ X ¹öÆ° »èÁ¦ - IEÀÇ °æ¿ì */
input::-ms-clear, 
input::-ms-reveal{ display:none; }
/* ±ÛÀÚÀÔ·Ââ X ¹öÆ° »èÁ¦ - Å©·ÒÀÇ °æ¿ì */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{ display:none; }
input{ background-color: transparent; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* ¼ýÀÚ ÀÔ·ÂÀ϶§ ¿ìÃø È­»ìÇ¥ Á¦°Å Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* ÀÚ ÀÔ·ÂÀ϶§ ¿ìÃø È­»ìÇ¥ Á¦°Å Firefox  */
input[type='number'] { -moz-appearance: textfield; }


/* ³»ºÎ ³»¿ë ³Êºñ */
.width_web_default { width:var(--width-web-default); margin-left:calc(50% - (var(--width-web-default) / 2 )); }
.width_web_big { width:var(--width-web-big); margin-left:calc(50% - (var(--width-web-big) / 2 )); }

/* a ÅÂ±× »ö»ó ¼³Á¤*/
a:link { color: blue; } 
a:visited { color: purple; }

/************************************************************************************************************************* 
	»ó´Ü °øÅë ºÎºÐ
*************************************************************************************************************************/

/* À­ÁÙ ( ½ºÅä¾î, ȸ¿ø°¡ÀÔ ¹öÆ° )*/
.top_div { width:100%; }
.top_div > .top_button_div { position:relative; height:20px; margin-top:10px; }
.top_div > .top_button_div > div { display:inline-block; height:20px;}
.top_div > .top_button_div > .left > div { display:inline-block; height:20px; line-height:20px; cursor:pointer; margin-right:5px; }
.top_div > .top_button_div > .left > div > img { float:left; width:20px; height:20px; }
.top_div > .top_button_div > .left > div > span { float:left; font-size:13px; color:#555; font-weight:600; }
.top_div > .top_button_div > .left > div:hover > span { color:var(--app-default-color); }
.top_div > .top_button_div > .left > .youtube > img { margin-right:5px; }
.top_div > .top_button_div > .right { position:absolute; right:0px; }
.top_div > .top_button_div > .right > span { font-size:15px; color:#555; font-weight:600; }
.top_div > .top_button_div > .right > .dot { margin-left:5px; margin-right:5px; }
.top_div > .top_button_div > .right > .divider { margin-left:10px; margin-right:10px; color:#ddd;}
.top_div > .top_button_div > .right > div { display:inline-block; height:20px; line-height:20px; cursor:pointer; position:relative; }
.top_div > .top_button_div > .right > div > span { font-size:13px; color:#555; }
.top_div > .top_button_div > .right > div > .new_dot { width:6px; height:6px; border-radius:10px; background:#f00; position:absolute; top:-2px; right:-8px; }
.top_div > .top_button_div > .right > div > .highlight { font-weight:600; color:#000; }
.top_div > .top_button_div > .right > div > span:hover { color:var(--app-default-color); }
/* End - À­ÁÙ ( ½ºÅä¾î, ȸ¿ø°¡ÀÔ ¹öÆ° )*/

/* Á¦¸ñ, °Ë»ö¾î ºÎºÐ */
.top_div > .top_title_div { position:relative; height:100px; }
.top_div > .top_title_div > div { display:inline-block; }
.top_div > .top_title_div > .left {}
.top_div > .top_title_div > .left > div { float:left; height:100px; line-height:100px;}
.top_div > .top_title_div > .left > div > div { float:left; height:100px; line-height:100px;  }
.top_div > .top_title_div > .left > div > div > span { font-size:24px; font-weight:600; color:#000; }
.top_div > .top_title_div > .left > div > .icon_div > img { width:30px; height:30px; margin-top:35px; }
.top_div > .top_title_div > .left > div > span { font-size:24px; font-weight:600; color:#000;}
.top_div > .top_title_div > .left > div > #top_title_span { font-size:32px; }
.top_div > .top_title_div > .left > .homepage_title {cursor:pointer; height:30px;line-height:30px; margin-top:35px;}
.top_div > .top_title_div > .left > .homepage_title > .logo {height:100%; position:relative;  margin-top:3px;}
.top_div > .top_title_div > .left > .homepage_title > .logo > .bg > img {height:24px;}
.top_div > .top_title_div > .left > .homepage_title > .logo > .point {position:absolute; top:-6px; left:-1px;}
.top_div > .top_title_div > .left > .homepage_title > .logo > .point > img {height:15px;}
.top_div > .top_title_div > .left > .homepage_title:hover > .logo > .point > img {animation-iteration-count: 1; animation-duration: 0.3s; animation-name: logo_hover;}
.top_div > .top_title_div > .left > .homepage_title > div { float:left; height:30px; line-height:30px; }
.top_div > .top_title_div > .left > .homepage_title > div > span {}
.top_div > .top_title_div > .left > .homepage_title > .icon_div > img { margin-top:0px; }
/*.top_div > .top_title_div > .left > .homepage_title:hover > div > span { color:var(--app-default-color);}*/
.top_div > .top_title_div > .left > .dot {margin-left:10px; margin-right:10px;}


@keyframes logo_hover {
  0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}


.top_div > .top_title_div > .right { position:absolute; right:0px; height:50px; margin-top:20px; width:400px; border: solid 2px var(--app-default-color); border-top-left-radius: 10px; line-height:50px; }
.top_div > .top_title_div > .right > input { font-size:14px; float:left; margin-left:10px; height:48px; width:260px; border:0px; }
.top_div > .top_title_div > .right > input:focus{ outline:none; }
.top_div > .top_title_div > .right > img { float:right; width:30px; height:30px; margin-top:10px; margin-right:10px; cursor:pointer; }
.top_div > .top_title_div > .right > img:hover { width:26px; height:26px; margin-top:12px; }
.top_div > .top_title_div > .right > .search_icon {float:right; margin-right:10px; cursor:pointer;}
.top_div > .top_title_div > .right > .search_icon > svg { width:20px; height:20px; margin-top:15px; fill:var(--app-default-color);}
.top_div > .top_title_div > .right > .search_icon:hover > svg { width:16px; height:16px; margin-top:17px; }

.top_div > .top_title_div > .right > .search_drop_down_menu {position:relative; float:left; cursor:pointer; width:80px; height:20px;}
.top_div > .top_title_div > .right > .search_drop_down_menu > .title {font-size:13px; color:#000; float:left; width:50px; margin-left:10px; text-align:center;}
.top_div > .top_title_div > .right > .search_drop_down_menu > .icon > svg {width:14px; height:14px; margin-top:18px; fill:#000; float:left;}
.top_div > .top_title_div > .right > .search_drop_down_menu:hover > .icon > svg {fill:var(--app-default-color);}
.top_div > .top_title_div > .right > .search_drop_down_menu > .drop_down_menu_popup { z-index:9; background:#fff; width:80px; overflow-y:hidden; border:1px solid #ccc; border-radius:5px; top:50px; right:0px; position:absolute; padding-top:5px; padding-bottom:5px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.top_div > .top_title_div > .right > .search_drop_down_menu > .drop_down_menu_popup > div { text-align:center; width:100%; height:30px; line-height:30px; cursor:pointer; background:#fff; }
.top_div > .top_title_div > .right > .search_drop_down_menu > .drop_down_menu_popup > div:hover {background:#fafafa;}
.top_div > .top_title_div > .right > .search_drop_down_menu > .drop_down_menu_popup > div > span {font-size:13px; color:#000;}


.top_div > .top_title_div > .search_auto_complete {position:absolute; z-index:5; background:#fff; border:1px solid #eee; overflow-x:hidden; overflow-y:auto; max-height:400px; right:0px; top:75px; width:402px; scrollbar-width:thin;}
.top_div > .top_title_div > .search_auto_complete > div {cursor:pointer; background:#fff; min-height:40px;}
.top_div > .top_title_div > .search_auto_complete > div:hover {background:#f5f5f5;}
.top_div > .top_title_div > .search_auto_complete > div > div > svg {width:16px; height:16px; fill:#aaa; margin:2px;}
.top_div > .top_title_div > .search_auto_complete > div > .icon_search { float:left; padding:10px; }
.top_div > .top_title_div > .search_auto_complete > div > .span_div { display:inline-block; width:calc(100% - 80px); margin-top:10px; line-height:20px; margin-bottom:10px; }
.top_div > .top_title_div > .search_auto_complete > div > .span_div > span {font-size:13px; color:#000;}
.top_div > .top_title_div > .search_auto_complete > div > .icon_set { float:right; -webkit-transform: rotate(-45deg); padding-right:10px; padding-top:6px; }
.top_div > .top_title_div > .search_auto_complete > div > .icon_set:hover > svg {fill:var(--app-default-color);}
/* End - Á¦¸ñ, °Ë»ö¾î ºÎºÐ */

/* ÅÇ ºÎºÐ */
.top_tab_div {width:100%; height:50px; background-color:var(--app-default-color); }
.top_tab_div > .inner_div { position:relative; height:50px; }
.top_tab_div > .inner_div > div { display:inline-block; height:50px; line-height:50px; height:50px; }
.top_tab_div > .inner_div > div > div { padding-left:10px; padding-right:10px; }
.top_tab_div > .inner_div > .left > div { float:left; cursor:pointer; position:relative; }
.top_tab_div > .inner_div > .left > div > span { font-size:15px; font-weight:600; color:#ffffff;  }
.top_tab_div > .inner_div > .left > div > .dot {width:8px; height:8px; background:#fff; border-radius:10px; position:absolute; top:8px; right:0; }
.top_tab_div > .inner_div > .left > div > svg {width:20px; height:20px; fill:#fff; margin-top:15px;}
.top_tab_div > .inner_div > .left > .selected { height:46px; border-bottom: solid 4px #fff; }
.top_tab_div > .inner_div > .right { position:absolute; right:0px; }
.top_tab_div > .inner_div > .right > div { display:inline-block; cursor:pointer; }
.top_tab_div > .inner_div > .right > div > img { float:left; width:20px; height:20px; margin-top:15px; margin-right:5px; }
.top_tab_div > .inner_div > .right > div > span { float:left; font-size:15px; font-weight:600; color:#ffffff; }
.top_tab_div > .inner_div > div > div:hover { height:46px; border-bottom: solid 4px #fff; }
/* End - ÅÇ ºÎºÐ */

/************************************************************************************************************************* 
	End - »ó´Ü °øÅë ºÎºÐ 
*************************************************************************************************************************/


/************************************************************************************************************************* 
	³»¿ë °øÅë ºÎºÐ
*************************************************************************************************************************/

.ad_top {margin-bottom:20px; min-height:280px;}
/* ³»¿ë ºÎºÐ */
.body_div { width:100%; margin-bottom:100px;  }
.body_div > .body_inner_div { position:relative; display:table; }
.body_div > .body_inner_div > .ad_div { display:table-row; width:100%; text-align:center; }
.body_div > .body_inner_div > .ad_div > div { width:100%; background-color:#ccc; margin-top:20px; }
.body_div > .body_inner_div > .contents_div { display:table-row;width:100%; margin-top:20px; display:block; }
.body_div > .body_inner_div > .contents_div > .contents_left_div{ float:left; width:calc(100% - 320px); min-height:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div { width:100%; text-align:center; height:40px; line-height:40px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div > div > span { cursor:pointer; font-size:15px; color:#555; padding:5px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div > div > span:hover {font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div > div > .current {color:var(--app-default-color); font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .bottom_line { border-bottom:1px solid #ccc; }
/* End - ³»¿ë ºÎºÐ */


/* ÇÏ´Ü È¸»ç Á¤º¸ ºÎºÐ */
.bottom_company_info_div { display:table-row; height:230px; }
.bottom_company_info_div > .button_div { width:100%; text-align:center; padding-top:20px; margin-top:60px;border-top:solid 1px #000000; }
.bottom_company_info_div > .button_div > div { display:inline-block; }
.bottom_company_info_div > .button_div > div > span { font-size:13px; color:#000; cursor:pointer; }
.bottom_company_info_div > .button_div > div > span:hover { color:#000; font-weight:600; }
.bottom_company_info_div > .button_div > span { display:inline-block;  font-size:15px; color:#000; font-weight:600; margin-left:3px; margin-right:3px; }
.bottom_company_info_div > .middle_div {width:100%; text-align:center; margin-top:10px;}
.bottom_company_info_div > .middle_div > span {color:#555; font-size:13px; }
.bottom_company_info_div > .copyright_div { width:100%; text-align:center; margin-top:10px; margin-bottom:0px; }
.bottom_company_info_div > .copyright_div > span { font-size:13px; color:#555; font-weight:500; }
.bottom_company_info_div > .copyright_div > .app_name { color:var(--app-default-color); }
/* End - ÇÏ´Ü È¸»ç Á¤º¸ ºÎºÐ */


/* ÁغñÁß È­¸é */
.prepare_div { width:100%; height:600px; text-align:center; border:1px solid #DDDDDD; }
.prepare_div > img { margin-top:60px; width:200px; height:200px; }
.prepare_div > div > span { color:#999; }
.prepare_div > div > .title { font-size:36px; margin-top:30px; height:70px; line-height:70px; }
.prepare_div > div > .sub { font-size:20px; height:30px; line-height:30px; }
.prepare_div > .application_box {width:400px; margin-top:50px; border:1px solid #ccc; background:#fafafa; margin-left: 50%; transform: translate(-50%, 0); padding-bottom:30px;}
.prepare_div > .application_box > .app_btn_area {width:100%; height:50px; text-align:center; margin-top:20px; }
.prepare_div > .application_box > .app_btn_area > div {height:30px; width: fit-content; margin:10px; display:inline-block; cursor:pointer;}
.prepare_div > .application_box > .app_btn_area > div > div {float:left; height:30px; line-height:30px;}
.prepare_div > .application_box > .app_btn_area > div > div > img {width:30px; height:30px;}
.prepare_div > .application_box > .app_btn_area > div > div > span {font-size:18px; color:#000; font-weight:500;}
.prepare_div > .application_box > .app_btn_area > div > .text { margin-left:5px;}
.prepare_div > .application_box > .app_btn_area > div:hover > div > span {color:var(--app-default-color);}
.prepare_div > .application_box > .app_guide { margin-top:10px;}
.prepare_div > .application_box > .app_guide > span {font-size:15px; color:#555;}
/* End - ÁغñÁß È­¸é */

/* ·ÎµùÆ˾÷ */
#loading_popup > .image_loading { text-align:center; height:50px; background:transparent; margin-top:40%; transform: translate(-50%,-50%); z-index:9}
#loading_popup > .image_loading > #loading { width:50px; height:50px; border: 3px solid rgba(255,255,255,1); border-top-color:#000; }
/* End - ·ÎµùÆ˾÷ */

/* ¸Ê¼±Åà Æ˾÷ */
.pin_icon {position:relative; cursor:pointer;}
.pin_icon > svg {width:14px; height:14px; margin-top:0px; margin-left:5px; fill:#F00;}
.pin_icon:hover > svg {width:20px; height:20px; margin-top:-6px; margin-left:2px;}
.pin_icon > .map_select_popup { z-index:9; width:90px; background:#fff; overflow-y:hidden; border:1px solid #ccc; border-radius:5px; top:-80px; left:-35px; position:absolute; padding-top:5px; padding-bottom:5px; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: map_select_popup_animation; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.pin_icon > .map_select_popup > div {height:30px; width:100%; cursor:pointer; }
.pin_icon > .map_select_popup > div > div {height:100%; line-height:30px; float:left;}
.pin_icon > .map_select_popup > div > div > img {width:20px; height:20px; margin-top:5px;}
.pin_icon > .map_select_popup > div > div > span {font-size:13px; color:#333; font-weight:600;}
.pin_icon > .map_select_popup > div:hover > div > span {font-size:13px; color:var(--app-default-color);}
.pin_icon > .map_select_popup > div > .icon {margin-left:5px;}
.pin_icon > .map_select_popup > div > .name {margin-left:5px;}
.pin_icon > .map_select_popup.down {top:20px;animation-name: map_select_popup_animation_down;}
@keyframes map_select_popup_animation {
  0% { transform: translate(0, 50%); height:30px; }
  100% { transform: translate(0, 0); height:60px; }
}
@keyframes map_select_popup_animation_down {
  0% { transform: translate(0, 0); height:30px; }
  100% { transform: translate(0, 0); height:60px; }
}
/* End - ¸Ê¼±Åà Æ˾÷ */

/* µå¶ø´Ù¿î ¸Þ´º Æ˾÷ */
.drow_down_menu {position:relative; cursor:pointer; width:20px; height:20px;}
.drow_down_menu > svg {width:14px; height:14px; margin-top:3px; margin-left:3px; fill:#000;}
.drow_down_menu:hover > svg {fill:var(--app-default-color);}
.drow_down_menu > .drow_down_menu_popup { z-index:9; background:#fff; width:150px; overflow-y:hidden; border:1px solid #ccc; border-radius:5px; top:20px; right:0px; position:absolute; padding-top:5px; padding-bottom:5px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.drow_down_menu > .drow_down_menu_popup > div { text-align:center; height:30px; line-height:30px; cursor:pointer; background:#fff; }
.drow_down_menu > .drow_down_menu_popup > div:hover {background:#fafafa;}
.drow_down_menu > .drow_down_menu_popup > div > span {font-size:13px; color:#000;}


/* ÆäÀÌÁö ¹øÈ£ */
.pagenumber_div { width:100%; text-align:center; height:40px; line-height:40px; }
.pagenumber_div > div > span { cursor:pointer; font-size:15px; color:#555; padding:5px; }
.pagenumber_div > div > span:hover {font-weight:600;}
.pagenumber_div > div > .current {color:var(--app-default-color); font-weight:600;}
/* End - ÆäÀÌÁö ¹øÈ£ */

/* »ó´ÜÀ¸·Î ½ºÅ©·Ñ À̵¿ ¹öÆ° */
.move_scroll_top_button { position:fixed; background:#ffffff; border:1px solid #ccc; border-radius:50px; width:50px; height:50px; bottom:30px; right:30px; cursor:pointer; }
.move_scroll_top_button > svg {width:30px; height:30px; margin-left:10px; margin-top:10px; fill:#ccc;}
.move_scroll_top_button:hover {background:#fafafa;}

/* »ç¿¬ ¿À¹ö·¹ÀÌ ºÎºÐ */
.body_div > .body_inner_div > .story_category_overlay_div {position:absolute; background:#f9f9f9; border:1px solid #ccc; width:calc(100% - 12px); z-index:9; padding:5px;}
.body_div > .body_inner_div > .story_category_overlay_div > div { display:inline-block; padding:10px; font-size:13px; color:#000; cursor:pointer; }
.body_div > .body_inner_div > .story_category_overlay_div > div:hover {color:var(--app-default-color);}

/************************************************************************************************************************* 
	¿À¸¥ÂÊ ¿µ¿ª
*************************************************************************************************************************/
.body_div > .body_inner_div > .contents_div > .contents_right_div{ float:left; width:300px; min-height:500px; margin-left:18px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > div {width:100%;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > div > .title { width:calc(100% - 20px); padding-left:10px; padding-right:10px; height:50px; line-height:50px; border-bottom:solid 1px #ccc; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > div > .title > span { font-size:13px; color:#000; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > div > .title > .more { float:right; text-decoration: underline; cursor:pointer; font-weight:400; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > div > .title > .more:hover { color:#000; font-weight:600;}

/* ·Î±×ÀÎ ¹Ú½º */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div { border:1px solid #ccc; border-radius:5px; width:280px; padding-left:20px; padding-bottom:10px; background-color:#FAFAFA; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .top_guide_div {margin-top:10px; width:260px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .top_guide_div > span {color:#999; font-size:13px; height:30px; line-height:30px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .login_btn_div { background-color:var(--app-default-color); width:260px; height:50px; margin-top:20px; border-radius:5px; text-align:center; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .login_btn_div > span {color:#fff; font-size:20px; font-weight:600; height:50px; line-height:50px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .login_btn_div:hover{ background-color:var(--app-hover-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div { width:260px; height:30px; margin-top:5px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > div {height:30px; display:inline-block; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > div > span {float:left;font-size:13px; height:30px; line-height:30px; font-weight:600; color:#999}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > div > img {float:left;width:20px; height:20px; margin-top:5px; margin-right:3px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .right {position:absolute; right:20px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_id { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_id:hover {color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_pw { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_pw:hover {color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .right > .sign_up { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .right > .sign_up:hover {color:#000;}
/* End - ·Î±×ÀÎ ¹Ú½º */

/* À¯Àú ¹Ú½º */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div { width:300px; border:1px solid #ccc; border-radius:5px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div { display:block; width:calc(100% - 40px); padding:20px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .user_info{height:30px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .user_info > div {float:left; position:relative; width:30px; height:30px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .user_info > div > img {width:100%; height:100%; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .user_info > div > div {position:absolute; width:100%; height:100%; line-height:30px; text-align:center; left:0; top:0; font-size:13px; font-weight:600; color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .user_info > .nickname {width:calc(100% - 40px); margin-left:10px; font-size:13px; color:#000; line-height:30px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons {height:20px; line-height:20px; font-size:12px; color:#555; margin-top:5px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > div {float:left; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > div > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > div > div > svg {width:10px; height:10px; margin-top:5px; fill:#555; margin-right:2px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > div:hover > div > svg {fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > div:hover > div > span {color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > .block {margin-left:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .buttons > .logout {float:right;}

.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .post_count {border:1px solid #ccc; background:#fafafa; margin:10px; padding:15px; padding-top:5px; padding-bottom:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .post_count > div {width:100%; height:20px; line-height:20px; font-size:12px; margin-top:5px; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .post_count > div > .title {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .post_count > div > .count {float:right;}

.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons {height:20px;line-height:20px; width:calc(100% - 30px); margin-left:15px; margin-bottom:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > div {height:100%; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > div > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > div > div > svg {width:12px; height:12px; margin-top:4px; fill:#555; margin-right:2px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > div > div > span {font-size:12px; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > div:hover > div > svg {fill:var(--app-default-color); }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > div:hover > div > span {color:var(--app-default-color);}

.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > .my_post {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .my_info > .buttons > .my_inquiry {float:right;}


/* End - À¯Àú ¹Ú½º */

/* ±Û¾²±â ¹öÆ° */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .write_btn { width:300px; height:40px; background-color:var(--app-default-color); border:0; cursor:pointer; text-align:center; margin-top:10px; margin-bottom:-10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .write_btn:hover { background-color:var(--app-hover-color); }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .write_btn > span { width:300px; font-size:15px; font-weight:600; color:#fff; height:40px; line-height:40px; }
/* End - ±Û¾²±â ¹öÆ° */

/* °Ô½ÃÆÇ ¹Ú½º */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div { width:100%; margin-top:10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list { width:calc(100% - 20px); padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; background:#fafafa }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div { width:100%; height:30px; line-height:30px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > div {float:left; width:33%; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > div:hover > span { font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > div > span { font-size:12px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > div > .name{ color:#000; float:left; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > .focus > .name {color:var(--app-default-color);}
/* End - °Ô½ÃÆÇ ¹Ú½º */


/* °øÁö»çÇ× ¹Ú½º */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div { width:100%; margin-top:10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list { width:calc(100% - 20px); padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; background:#fafafa }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div { width:100%; height:30px; line-height:30px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div:hover > span { font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div > span { font-size:12px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div > .name{ color:#000; float:left; width:180px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div > .date{ color:#aaa; float:right; }
/* End - °øÁö»çÇ× ¹Ú½º */

/* ¹æ¹®ÀÚ ¹Ú½º */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .visit_div { width:100%; margin-top:10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .visit_div > .body { width:calc(100% - 20px); height:30px; line-height:30px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; background:#fafafa; text-align:center; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .visit_div > .body > span {font-size:13px; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .visit_div > .body > .total {color:#f00; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .visit_div > .body > .user {color:#00f; font-weight:600;}
/* End - ¹æ¹®ÀÚ ¹Ú½º */

/* ±¤°í ¿µ¿ª */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .ad_div { width:100%; margin-top:20px; border:0;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .ad_div > div { width:100%; text-align:center; }
/* End - ±¤°í ¿µ¿ª */

/* µå¸µÅ© ¹Ú½º */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div{ border:0; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div { margin-top:20px; position:relative;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title { height:20px; line-height:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > div > span { font-size:15px; color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > .pin_icon {margin-top:3px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh {position:absolute; top:0; right:0; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh > div {float:left; height:20px; line-height:20px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh > div > svg {width:10px; height:10px; fill:#ccc; margin-top:5px; margin-right:5px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh > div > span {font-size:13px; color:#ccc; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh:hover > div > svg{fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh:hover > div > span{color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here { border-bottom:1px solid #eee; padding-bottom:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here > .address { font-size:13px; height:15px; line-height:15px; color:#555; margin-top:15px; }

.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here > .image_loading { text-align:center; display:none; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here > .image_loading > #loading { width:13px; height:13px; border: 3px solid rgba(200,200,200,1); border-top-color:var(--app-default-color); margin-top:11px; }

.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box { border:1px solid #eee; margin-top:20px; padding:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div {margin-top:25px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div:first-child{margin-top:0px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .title > span {font-size:14px; font-weight:600; color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items { margin-top:5px; font-size:0; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item {display:inline-block; height:20px; min-width:70px; margin-top:10px; line-height:20px; cursor:pointer; margin-right:15px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item > div > svg{ width:14px; height:14px; margin-top:3px; margin-right:5px; fill:#aaa }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item > div > span{ font-size:13px; color:#aaa}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item:hover > div > span{ font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .focus > div > svg {fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .focus > div > span {color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .slider {margin-top:10px; margin-bottom:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .guide > span {font-size:14px; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .date{ text-align:center; margin-top:20px;background:#fafafa; border:1px solid #eee; border-radius:5px; padding-top:10px; padding-bottom:10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .date > input { font-size:14px; width:100px; border:0; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .date > span {margin-left:10px; margin-right:10px; font-weight:600;}


.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box { border:1px solid #eee; margin-top:20px; padding:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item {margin-top:15px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item:first-child{margin-top:0px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .top { min-height:20px; line-height:20px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .top > div {font-size:13px; color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .data {margin-top:5px; font-size:13px; border-left:1px solid #ccc; padding-left:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .data > .body { color:#000; line-height:20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .data > .date {margin-top:3px; color:#999;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item:hover > .top > div {color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item:hover > .data {border-left:1px solid var(--app-default-color);}
/* End - µå¸µÅ© ¹Ú½º */

/* Àüü °³ÀÎÁ¤º¸ 󸮹æħ */
.global_personal {max-width:950px; width:calc(100% - 40px); margin-left: 50%; transform: translate(-50%, 0); padding-bottom:50px;}
.global_personal > div {width:calc(100% - 40px); padding:20px;}
.global_personal > .title { width:calc(100% - 40px); margin-top:30px; margin-bottom:30px;}
.global_personal > .title > span {font-size:14px; color:#000; font-weight:600;}
.global_personal > .box { background:#fff; border-radius:10px; margin-bottom:50px; }
.global_personal > .box > .title { border-bottom:1px solid #eee; padding-bottom:10px;}
.global_personal > .box > .title > span {font-weight:600}
.global_personal > .box > .body {margin-top:10px; line-height:30px;}
.global_personal > .box > div > span {font-size:14px; color:#000;}

/************************************************************************************************************************* 
	End - ¿À¸¥ÂÊ ¿µ¿ª
*************************************************************************************************************************/


/************************************************************************************************************************* 
	»ó´Ü º£½ºÆ® ¿µ¿ª
*************************************************************************************************************************/

.contents_left_div > .best_div {margin-bottom:10px;}
.contents_left_div > .best_div > .top { height:40px; line-height:40px; border-bottom:1px solid #aaa; user-select: none; }
.contents_left_div > .best_div > .top > div {float:left;}
.contents_left_div > .best_div > .top > .title { font-size:13px; color:#000; font-weight:600; }
.contents_left_div > .best_div > .top > .sort {margin-left:10px;}
.contents_left_div > .best_div > .top > .sort > div {float:left; }
.contents_left_div > .best_div > .top > .sort > .item > div {float:left; cursor:pointer;}
.contents_left_div > .best_div > .top > .sort > .item > div > svg{width:14px; height:14px; fill:var(--app-default-color); margin-top:13px; margin-right:2px; display:none;}
.contents_left_div > .best_div > .top > .sort > .item > div > span {font-size:12px; color:#999999}
.contents_left_div > .best_div > .top > .sort > .item.focus > div {cursor:default;}
.contents_left_div > .best_div > .top > .sort > .item.focus > div > svg{display:block;}
.contents_left_div > .best_div > .top > .sort > .item.focus > div > span {color:var(--app-default-color); font-weight:600;}
.contents_left_div > .best_div > .top > .sort > .item:hover > div > span {color:#000;}
.contents_left_div > .best_div > .top > .sort > .item.focus:hover > div > span {color:var(--app-default-color);}
.contents_left_div > .best_div > .top > .sort > .dot {font-size:12px; color:#000; font-weight:600; margin-left:5px; margin-right:5px;}

.contents_left_div > .best_div > .top > .tab {float:right; height:100%;}
.contents_left_div > .best_div > .top > .tab > div { width:65px; height:100%; float:left; text-align:center; cursor:pointer; }
.contents_left_div > .best_div > .top > .tab > div > span {font-size:13px; color:#000;}
.contents_left_div > .best_div > .top > .tab > div:hover > span {font-weight:600;}
.contents_left_div > .best_div > .top > .tab > .focus {border:1px solid #aaa; border-bottom:0px solid #fff; z-index:1; background:#fff; cursor:default;}
.contents_left_div > .best_div > .top > .tab > .focus > span {color:var(--app-default-color); font-weight:600;}
.contents_left_div > .best_div > .top > .tab > .divider {width:1px;}
.contents_left_div > .best_div > .top > .tab > .divider > img {width:1px; height:14px; margin-top:13px; background:#ddd;}

.contents_left_div > .best_div > .top > .date {float:right; margin-right:10px;}
.contents_left_div > .best_div > .top > .date > div {float:left;}
.contents_left_div > .best_div > .top > .date > .btn { cursor:pointer; }
.contents_left_div > .best_div > .top > .date > .btn > svg {width:14px; height:14px; fill:#000; margin-top:13px;}
.contents_left_div > .best_div > .top > .date > .btn:hover > svg {fill:var(--app-default-color);}
.contents_left_div > .best_div > .top > .date > .btn.disable > svg {fill:#ccc;}
.contents_left_div > .best_div > .top > .date > .text {margin-left:5px; margin-right:5px;}
.contents_left_div > .best_div > .top > .date > .text > span {font-size:12px; color:#000;}

.contents_left_div > .best_div > .list {border-bottom:1px solid #aaa; background:#fefefe;}
.contents_left_div > .best_div > .list > .empty_items { width:calc(100% - 2px); height:85px; text-align:center; background:#fcfcfc; border-radius:5px; padding-top:15px; }
.contents_left_div > .best_div > .list > .empty_items > .icon {position:relative;}
.contents_left_div > .best_div > .list > .empty_items > div > svg {width:30px; height: 30px; fill:#ddd;}
.contents_left_div > .best_div > .list > .empty_items > div > .xmark{ position:absolute; margin-left:calc(50% - 10px); top:5px;}
.contents_left_div > .best_div > .list > .empty_items > div > .xmark > svg {width:15px; height: 15px; fill:#ddd;}
.contents_left_div > .best_div > .list > .empty_items > .guide {margin-top:10px;}
.contents_left_div > .best_div > .list > .empty_items > .guide > span {font-size:15px; color:#aaa; }

.contents_left_div > .best_div > .list > .item {display:inline-block; width:calc(50% - 30px); height:30px; line-height:30px; border-bottom:1px solid #ccc; padding-left:10px; padding-right:10px; cursor:pointer; margin-bottom:-4px;}
.contents_left_div > .best_div > .list > .item > div {float:left; font-size:13px;}
.contents_left_div > .best_div > .list > .item > div > div {float:left;}
.contents_left_div > .best_div > .list > .item > .number {width:20px; font-size:15px; color:#000; font-weight:600;}
.contents_left_div > .best_div > .list > .item > .contents {width:calc(100% - 20px);}
.contents_left_div > .best_div > .list > .item > .contents > .title {max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.contents_left_div > .best_div > .list > .item > .contents > .title > .cate {color:#aaa; margin-right:5px;}
.contents_left_div > .best_div > .list > .item > .contents > .title > .title {color:#000;}
.contents_left_div > .best_div > .list > .item > .contents > .title.have_reply {max-width:calc(100% - 40px);}
.contents_left_div > .best_div > .list > .item:hover {background:#FFF5F5;}
.contents_left_div > .best_div > .list > .item > .contents > .reply {width:35px; color:#f00; margin-left:5px;}
.contents_left_div > .best_div > .list > .item.no_line {border-bottom:0;}
.contents_left_div > .best_div > .list > .item.right_item {margin-left:20px;}

.contents_left_div > .best_div > .list > .list_loading > #loading { margin-top:32px; margin-bottom:32px; }
/************************************************************************************************************************* 
	End - »ó´Ü º£½ºÆ® ¿µ¿ª
*************************************************************************************************************************/

/************************************************************************************************************************* 
	¸®½ºÆ®
*************************************************************************************************************************/
/* °øÅë ·Îµù*/
.gloabl_loading { text-align:center; }
.gloabl_loading > #loading { width:30px; height:30px; border: 3px solid rgba(255,255,255,1); border-top-color:var(--app-default-color); margin-top:50px; margin-bottom:50px; }

/* ¸®½ºÆ® ·Îµù */
.list_loading { text-align:center; }
.list_loading > #loading { width:30px; height:30px; border: 3px solid rgba(255,255,255,1); border-top-color:var(--app-default-color); margin-top:50px; margin-bottom:50px; }

/* ¸®½ºÆ® °øÅë */
.body_div > .body_inner_div > .contents_div > .contents_left_div {width:980px;}

.body_div > .body_inner_div > .contents_div > .contents_left_div > .cate_title { font-size:13px; color:#000; font-weight:600; height:40px; line-height:40px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title { width:100%; height:40px; border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA; padding-top:2px; padding-bottom:2px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > div { float:left; height:36px; text-align:center; line-height:36px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > div > span { font-size:13px; color:#555; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > .category { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > .writer { width:140px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > .insert_time { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > .hit { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .list_title > .like { width:55px; }

.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item { height:30px; border-bottom: solid 1px #ddd; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > div { float:left; height:30px; text-align:center; line-height:30px; font-size:12px; color:#555; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > a { float:left; height:30px; text-align:center; font-size:12px; line-height:30px; text-decoration: none; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > a:hover{text-decoration: underline;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > a:hover > .title{text-decoration: underline;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > a:link {color:#555}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .category { width:100px; cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .category:hover {text-decoration: underline;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .writer { width:140px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .writer > div {display:inline-block; position:relative;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .writer > .nickname {max-width:120px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .writer > .level {width:15px; height:30px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .writer > .level > img {width:16px; height:16px; position:absolute; top:7px;left:0px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .writer > .level > div {position:absolute; font-size:11px; font-weight:600; height:16px; line-height:16px; width:15px; color:#000; top:7px;left:0px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .insert_time { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .hit { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .like { width:55px; }

.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title { text-align:start; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .image > svg{width:14px; height:14px; fill:#ccc; margin-top:8px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .image.focus > svg{fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .title { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:calc(100% - 20px - 20px - 40px - 20px - 20px); margin-left:6px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .reple_cnt {color:#f00; max-width:40px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .best{width:16px; height:16px; line-height:16px; font-weight:600; margin-top:7px; margin-left:4px; background:#f00; border-radius:5px; color:#fff; font-size:10px; text-align:center;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .new {width:16px; height:16px; line-height:16px; font-weight:600; margin-top:7px; margin-right:4px; color:#f00; font-size:13px; text-align:center; font-style:italic;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .choice > img{width:16px; height:16px; margin-top:7px; margin-left:4px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item > .title > .notice { display:none; height:16px; line-height:16px; width:24px; text-align:center; margin-top:7px; margin-right:5px; border-radius:5px; font-size:10px; color:#fff; background:#00c;}

.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .category {cursor:default;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .category:hover {text-decoration: none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .category > span{height:16px; line-height:16px; width:24px; text-align:center; border-radius:5px; font-size:10px; color:#fff; background:#00c; padding:2px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .writer > .level {display:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .title > .title {font-weight:600; margin-left:0; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .title > .image {display:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .title > .new {display:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .item.notice > .title.hide_cate > .notice {display:block}

.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items { width:calc(100% - 2px); text-align:center; border:1px solid #eee; background:#fcfcfc; border-radius:5px; padding-top:100px; padding-bottom:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items > .icon {position:relative;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items > div > svg {width:100px; height: 100px; fill:#ddd;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items > div > .xmark{ position:absolute; margin-left:calc(50% - 30px); top:20px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items > div > .xmark > svg {width:40px; height: 40px; fill:#ddd;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items > .guide {margin-top:30px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list > .empty_items > .guide > span {font-size:15px; color:#aaa; }
/* End - ¸®½ºÆ® °øÅë */

/* Ȩȭ¸é Àüü ¸®½ºÆ® && °Ë»ö ¸®½ºÆ® */
.body_div > .body_inner_div > .contents_div > .contents_left_div.all_list > .list_title > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.all_list > .contents_list > .item > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}

/* »ç¿¬ Àüü ¸®½ºÆ® */
.body_div > .body_inner_div > .contents_div > .contents_left_div.story_list > .list_title > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.story_list > .contents_list > .item > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.story_list > .list_title > .title.hide_cate { width:calc(100% - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.story_list > .contents_list > .item > .title.hide_cate { width:calc(100% - 140px - 55px - 55px - 55px);}

/* Â÷´ÜÇÑ »ç¿ëÀÚ ¸®½ºÆ® */
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .list_title > .nickname { width: calc(100% - 100px - 100px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .list_title > .id { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .list_title > .cancel { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .contents_list > .item > .nickname { width: calc(100% - 100px - 100px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .contents_list > .item > .id { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .contents_list > .item > .cancel { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .contents_list > .item > .cancel > div { cursor:pointer; width:20px; margin-left:40px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .contents_list > .item > .cancel > div > svg {width:20px; height:20px; margin-top:5px; fill:#d00;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.block_list > .contents_list > .item > .cancel > div:hover > svg {fill:#f00;}

/* ³»°¡ ÀÛ¼ºÇÑ ¸®½ºÆ® */
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .list_title > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .contents_list > .item > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top { height:40px; line-height:40px; user-select: none; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .title { font-size:13px; color:#000; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort { margin-left:10px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item {float:left; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item > div > svg {width:10px; height:10px; margin-top:17px; margin-right:2px; fill:var(--app-default-color); display:none}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item > div > span {font-size:12px; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item:hover > div > span {font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item.focus {cursor:default;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item.focus > div > svg {display:block; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .item.focus > div > span {font-weight:600; color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .dot {float:left; margin-left:5px; margin-right:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .sort > .dot > span {font-size:12px; font-weight:600; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab {float:right; height:100%;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > div { width:65px; height:100%; float:left; text-align:center; cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > div > span {font-size:13px; color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > div:hover > span {font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > .focus {border:1px solid #aaa; border-bottom:0px solid #fff; z-index:1; background:#fff; cursor:default;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > .focus > span {color:var(--app-default-color); font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > .divider {width:1px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.my_post_list > .top > .tab > .divider > img {width:1px; height:14px; margin-top:13px; background:#ddd;}

/* ³ªÀÇ ¹®Àdz»¿ª */
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .list_title > .title { width: calc(100% - 70px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .list_title > .inser_time { width:70px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .list_title > .type { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .list_title > .answer { width:55px; }

.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .contents_list > .item > .title { width: calc(100% - 70px - 55px - 55px - 20px); padding-left:10px; padding-right:10px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .contents_list > .item > .inser_time { width:70px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .contents_list > .item > .type { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.inquiry_list > .contents_list > .item > .answer { width:55px; }

/* °øÁö»çÇ× */
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .list_title > .title { width: calc(100% - 100px - 70px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .list_title > .inser_time { width:70px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .list_title > .hits { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .contents_list > .item > .title { width: calc(100% - 100px - 70px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .contents_list > .item > .title > .title {max-width:calc(100% - 20px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .contents_list > .item > .inser_time { width:70px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .contents_list > .item > .hits { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_list > .contents_list > .item > .category.empty{cursor:default; text-decoration:none;}

/************************************************************************************************************************* 
	End - ¸®½ºÆ®
*************************************************************************************************************************/


/************************************************************************************************************************* 
	¸ÞÀÎÈ­¸é 
*************************************************************************************************************************/
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs { width:100%; height:160px; margin-bottom:20px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div { height:calc(100% - 40px); border:1px solid #ccc; border-radius:5px; background:#fff; float:left; padding:20px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top { position:relative; height:20px; line-height:20px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .title {font-size:14px; font-weight:600; color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right {position:absolute; top:0; right:0; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > .page {font-size:12px; color:#777;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > .page > .current {font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > .buttons {margin-top:2px; margin-left:10px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > .buttons > div {float:left; width:16px; height:16px; border:1px solid #999; margin-left:-1px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > .buttons > div:hover {background:#eee;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .top > .right > .buttons > div > svg {fill:#555; width:10px; height:10px; margin:3px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list { margin-top:10px; width:100%; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div {height:30px; width:100%; line-height:30px; font-size:13px; cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div:hover > .title {text-decoration: underline;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div > .title { color:#000; max-width:calc(100% - 25px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div > .title.full {max-width:100%}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div > .title > .cate { color:#777;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > div > .reply { color:#f00; margin-left:5px; }


.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items { width:100%; text-align:center; padding-top:0px; padding-bottom:0px; cursor:default; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items > .icon {position:relative; width:100%; margin-top:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items > div > svg {width:40px; height: 40px; fill:#ddd;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items > div > .xmark{ position:absolute; margin-left:calc(50% - 14px); top:7px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items > div > .xmark > svg {width:20px; height: 20px; fill:#ddd;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items > .guide {margin-top:0px; width:100%; margin-top:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > div > .list > .empty_items > .guide > span {font-size:15px; color:#aaa; }




.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > .story { width:calc(40% - 62px); }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .home_post_boxs > .community { width:calc(30% - 52px); margin-left:20px; }

/************************************************************************************************************************* 
	End - ¸ÞÀÎÈ­¸é
*************************************************************************************************************************/



/*********************************************************************************************
	°Ô½Ã±Û È­¸é 
*********************************************************************************************/

.contents_left_div.post > .post_box { width:calc(100% - 60px); border:1px solid #ccc; border-radius:5px; padding-left:30px; padding-right:30px; padding-bottom:30px; }
.contents_left_div.post > .post_box > .top { height:50px; line-height:50px; }
.contents_left_div.post > .post_box > .top > .category { float:left; }
.contents_left_div.post > .post_box > .top > .category > span { color:#999; font-size:14px; font-weight:600; }
.contents_left_div.post > .post_box > .top > .category > .choice { color:#f00; font-size:13px; font-weight:400; margin-left:5px;}
.contents_left_div.post > .post_box > .top > .right { float:right; }
.contents_left_div.post > .post_box > .top > .right > div { float:left; cursor:pointer; margin-left:15px; }
.contents_left_div.post > .post_box > .top > .right > .devider {height:50px; line-height:50px;margin-left:0px; margin-right:-15px; cursor:default;}
.contents_left_div.post > .post_box > .top > .right > .devider > span {color:#ccc; font-size:13px;}
.contents_left_div.post > .post_box > .top > .right > div > div { float:left;  }
.contents_left_div.post > .post_box > .top > .right > div > .icon > svg { width:15px; height:15px; fill:#999; margin-top:17.5px; }
.contents_left_div.post > .post_box > .top > .right > div > .name > span { color:#999; font-size:14px; margin-left:5px; }
.contents_left_div.post > .post_box > .top > .right > div:hover > .icon > svg { fill:#000; }
.contents_left_div.post > .post_box > .top > .right > div:hover > .name > span { font-weight:600; color:#000; }
.contents_left_div.post > .post_box > .top > .right > .before_post > .name > span { margin-left:0px; }
.contents_left_div.post > .post_box > .top > .right > .next_post > .name > span { color:#999; font-size:14px; margin-left:0px; margin-right:0px; }
.contents_left_div.post > .post_box > .top > .right > .next_post { margin-left:10px; }
.contents_left_div.post > .post_box > .top > .right > .disable {cursor:default;}
.contents_left_div.post > .post_box > .top > .right > .disable > .name > span {color:#ccc;}
.contents_left_div.post > .post_box > .top > .right > .disable > .icon > svg {fill:#ccc}
.contents_left_div.post > .post_box > .top > .right > .disable:hover > .icon > svg { fill:#ccc; }
.contents_left_div.post > .post_box > .top > .right > .disable:hover > .name > span { font-weight:400; color:#ccc; }

.contents_left_div.post > .post_box > .devider { width:100%; height:1px; background-color:#CCCCCC; }
.contents_left_div.post > .post_box > .post_title { margin-top:30px; }
.contents_left_div.post > .post_box > .post_title > span { font-size:20px; color:#000; font-weight:600; }
.contents_left_div.post > .post_box > .post_info { margin-top:20px; margin-bottom:20px; height:20px; line-height:20px; }
.contents_left_div.post > .post_box > .post_info > div {float:left; font-size:14px; color:#555;}
.contents_left_div.post > .post_box > .post_info > .no_thumbnail { width:20px; height:20px; border:1px solid #ddd; background-color:#eee; border-radius:10px; text-align:center; }
.contents_left_div.post > .post_box > .post_info > .no_thumbnail > svg { width:14px; height:14px; fill:#999; margin-top:3px; }
.contents_left_div.post > .post_box > .post_info > .thumbnail { width:20px; height:20px; border:1px solid #ddd; background-color:#eee; border-radius:10px; }
.contents_left_div.post > .post_box > .post_info > .thumbnail > img { width:20px; height:20px; border-radius:10px; }
.contents_left_div.post > .post_box > .post_info > .nickname { margin-left:5px; }
.contents_left_div.post > .post_box > .post_info > .level { width:20px; height:20px; position:relative; }
.contents_left_div.post > .post_box > .post_info > .level > img {width:100%; height:100%;}
.contents_left_div.post > .post_box > .post_info > .level > div {font-size:13px; color:#000; font-weight:600; position:absolute; top:0; left:0; width:100%; height:100%; line-height:20px; text-align:center;}
.contents_left_div.post > .post_box > .post_info > .insert_time { float:right; color:#555;}
.contents_left_div.post > .post_box > .post_info > .hits {float:right;}
.contents_left_div.post > .post_box > .post_info > .hits > .count{color:#f00; margin-right:10px; }


.contents_left_div.post > .post_box > .post_body_div { margin-top:30px; }
.contents_left_div.post > .post_box > .post_body_div > .body_str > span { font-size:15px; color:#000; line-height:30px; }
.contents_left_div.post > .post_box > .post_body_div > .body_image {}
.contents_left_div.post > .post_box > .post_body_div > .body_image > div {margin-top:50px; text-align:center;}
.contents_left_div.post > .post_box > .post_body_div > .body_image > div > .image > img { width:100%; }
.contents_left_div.post > .post_box > .post_body_div > .body_image > div > .text { margin-top:10px; }
.contents_left_div.post > .post_box > .post_body_div > .body_image > div > .text > span { font-size:15px; color:#555; }

.contents_left_div.post > .post_box > .post_body_div > .post_body_html {}
.contents_left_div.post > .post_box > .post_body_div > .post_body_html > p { margin-top:-10px; }
.contents_left_div.post > .post_box > .post_body_div > .post_body_html > p > iframe {height:420px !important; width:80%; margin-top:20px;}
.contents_left_div.post > .post_box > .post_body_div > .post_body_html * {word-wrap: break-word;}
.contents_left_div.post > .post_box > .post_body_div > .post_body_html > *:last-child{ margin-bottom:0 !important; }
.contents_left_div.post > .post_box > .post_body_div > .post_body_html > * > *:last-child{ margin-bottom:0 !important; }
.contents_left_div.post > .post_box > .post_body_div > .post_body_html img { max-width:100% !important; }
.contents_left_div.post > .post_box > .post_body_div > .post_body_html div {cursor:auto}

.contents_left_div.post > .post_box > .like_hate { width:100%; margin-top:100px; text-align:center; margin-top:100px; margin-bottom:50px;}
.contents_left_div.post > .post_box > .like_hate > div {display:inline-block; width:90px; height:90px; border:1px solid #ccc; border-radius:90px; cursor:pointer; margin-left:15px; margin-right:15px; } 
.contents_left_div.post > .post_box > .like_hate > div:hover {border:1px solid #000;} 
.contents_left_div.post > .post_box > .like_hate > div > .count {margin-top:15px;}
.contents_left_div.post > .post_box > .like_hate > div > .count > span {font-size:24px; font-weight:600; color:#555;}
.contents_left_div.post > .post_box > .like_hate > div > .bottom { margin-top:2px; height:20px; line-height:20px;}
.contents_left_div.post > .post_box > .like_hate > div > .bottom > div { display:inline-block; }
.contents_left_div.post > .post_box > .like_hate > div > .bottom > div > span {font-size:12px; color:#000;}
.contents_left_div.post > .post_box > .like_hate > div > .bottom > div > svg {width:15px; height:15px; margin-top:0px; float:left;}
.contents_left_div.post > .post_box > .like_hate > .like_focus{border:1px solid var(--app-hover-color); background:var(--app-hover-color);}
.contents_left_div.post > .post_box > .like_hate > .like_focus > .count > span {color:#fff;}
.contents_left_div.post > .post_box > .like_hate > .like_focus > .bottom > div > span {color:#fff;}
.contents_left_div.post > .post_box > .like_hate > .like_focus > .bottom > div > svg {fill:#fff}
.contents_left_div.post > .post_box > .like_hate > .hate_focus{border:1px solid #999; background:#999;}
.contents_left_div.post > .post_box > .like_hate > .hate_focus > .count > span {color:#fff;}
.contents_left_div.post > .post_box > .like_hate > .hate_focus > .bottom > div > span {color:#fff;}
.contents_left_div.post > .post_box > .like_hate > .hate_focus > .bottom > div > svg {fill:#fff}

.contents_left_div.post > .post_box > .post_bottom { height:50px; line-height:50px; }
.contents_left_div.post > .post_box > .post_bottom > .left { float:left; }
.contents_left_div.post > .post_box > .post_bottom > .left > div { float:left; cursor:pointer; margin-right:15px; }
.contents_left_div.post > .post_box > .post_bottom > .left > div > div { float:left;  }
.contents_left_div.post > .post_box > .post_bottom > .left > div > .icon > svg { width:15px; height:15px; fill:#999; margin-top:17.5px; }
.contents_left_div.post > .post_box > .post_bottom > .left > div > .name > span { color:#999; font-size:14px; margin-left:5px; }
.contents_left_div.post > .post_box > .post_bottom > .left > div:hover > .icon > svg { width:16px; height:16px; margin-top:17px; }
.contents_left_div.post > .post_box > .post_bottom > .left > div:hover > .name > span { font-weight:600; margin-left:4px;}
.contents_left_div.post > .post_box > .post_bottom > .left > .edit > .icon > svg { fill:#000; }
.contents_left_div.post > .post_box > .post_bottom > .left > .edit > .name > span { color:#000; }
.contents_left_div.post > .post_box > .post_bottom > .left > .delete > .icon > svg { fill:#f00; }
.contents_left_div.post > .post_box > .post_bottom > .left > .delete > .name > span { color:#f00; }
.contents_left_div.post > .post_box > .post_bottom > .left > .choice > .icon > svg { fill:#000; }
.contents_left_div.post > .post_box > .post_bottom > .left > .choice > .name > span { color:#000; }
.contents_left_div.post > .post_box > .post_bottom > .right { float:right; }
.contents_left_div.post > .post_box > .post_bottom > .right > div { float:left; cursor:pointer; margin-left:15px; }
.contents_left_div.post > .post_box > .post_bottom > .right > .devider {height:50px; line-height:50px;margin-left:5px; margin-right:-10px; cursor:default;}
.contents_left_div.post > .post_box > .post_bottom > .right > .devider > span {color:#ccc; font-size:13px;}
.contents_left_div.post > .post_box > .post_bottom > .right > div > div { float:left;  }
.contents_left_div.post > .post_box > .post_bottom > .right > div > .icon > svg { width:15px; height:15px; fill:#999; margin-top:17.5px; }
.contents_left_div.post > .post_box > .post_bottom > .right > div > .name > span { color:#999; font-size:14px; margin-left:5px; }
.contents_left_div.post > .post_box > .post_bottom > .right > div:hover > .icon > svg { fill:#000; }
.contents_left_div.post > .post_box > .post_bottom > .right > div:hover > .name > span { font-weight:600; color:#000; }
.contents_left_div.post > .post_box > .post_bottom > .right > .before_post > .name > span { margin-left:0px; }
.contents_left_div.post > .post_box > .post_bottom > .right > .next_post > .name > span { color:#999; font-size:14px; margin-left:0px; margin-right:0px; }
.contents_left_div.post > .post_box > .post_bottom > .right > .next_post { margin-left:10px; }

.contents_left_div.post > .post_box > .post_bottom > .right > .disable {cursor:default;}
.contents_left_div.post > .post_box > .post_bottom > .right > .disable > .name > span {color:#ccc;}
.contents_left_div.post > .post_box > .post_bottom > .right > .disable > .icon > svg {fill:#ccc}
.contents_left_div.post > .post_box > .post_bottom > .right > .disable:hover > .icon > svg { fill:#ccc; }
.contents_left_div.post > .post_box > .post_bottom > .right > .disable:hover > .name > span { font-weight:400; color:#ccc; }

.contents_left_div.post > .post_box > .post_bottom > .right > .report_focus > .icon > svg { fill:#f00; }
.contents_left_div.post > .post_box > .post_bottom > .right > .report_focus > .name > span { color:#f00; }

.contents_left_div.post > .post_box > .ad_div {width:100%; margin-top:10px;}
.contents_left_div.post > .post_box > .ad_div > div { width:100%; background-color:#ccc; text-align:center; }


.contents_left_div.post > .post_box > .choice_box{ width: 100%; height: 460px; margin-top: 30px; border-radius: 20px; background-color: #CA1329; position: relative;}
.contents_left_div.post > .post_box > .choice_box > div { position: absolute;}
.contents_left_div.post > .post_box > .choice_box > .youtube{ width: 660px; height: 340px; top:40px; left: 40px; background-color: #fff;}
.contents_left_div.post > .post_box > .choice_box > .youtube > iframe {width:100%; height:100%; border:none;}
.contents_left_div.post > .post_box > .choice_box > .youtube_button{ cursor: pointer; width: 140px; height: 48px; right: 40px; top:40px; background-color: #fff; color: #f00; border-radius: 10px;}
.contents_left_div.post > .post_box > .choice_box > .youtube_button > .icon {float: left; height: 48px; padding-top: 15px; margin-left: 15px;}
.contents_left_div.post > .post_box > .choice_box > .youtube_button > .icon > svg {width:20px; height:20px; fill:#f00}
.contents_left_div.post > .post_box > .choice_box > .youtube_button > .text {float: left; font-size: 20px; height: 48px; line-height: 48px; font-weight: 600; margin-left: 5px;}
.contents_left_div.post > .post_box > .choice_box > .youtube_button:hover {background-color: #ffcccc;}
.contents_left_div.post > .post_box > .choice_box > .youtube_button:active {background-color: #ffaaaa;}
.contents_left_div.post > .post_box > .choice_box > .choice_image{ width: 140px; height: 140px; right: 40px; bottom: 40px;}
.contents_left_div.post > .post_box > .choice_box > .text{ height: 80px; left: 40px; line-height: 80px; font-size: 20px; color: #fff; bottom: 0;}



.contents_left_div.post > .post_box > .review_div {width:100%; margin-top:20px;}
.contents_left_div.post > .post_box > .review_div > .title {height:30px; line-height:30px; margin-bottom:10px;}
.contents_left_div.post > .post_box > .review_div > .title > span {font-size:16px; color:#000; font-weight:600;}
.contents_left_div.post > .post_box > .review_div > .title > .count {color:#f00; margin-left:5px;}

.contents_left_div.post > .post_box > .review_div > .reply_box_div {width:calc(100%); background:#fff; border-top:1px solid #ccc; padding-top:20px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item { width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #ccc; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item:first-child{margin-top:0px; padding-top:0px; border-top:0;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top { height:20px; width:100%; line-height:20px; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left {float:left; height:100%; font-size:13px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > div {float:left; height:100%;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .best {font-size:13px; background:#f00; border-radius:5px; color:#fff; font-weight:600; padding-left:5px; padding-right:5px; margin-right:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .writer > div {float:left;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .writer > .level {width:15px; height:20px; position:relative;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .writer > .level > img {width:16px; height:16px; position:absolute; top:2px;left:0px; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .writer > .level > div {position:absolute; font-size:10px; font-weight:500; height:16px; line-height:16px; width:15px; color:#000; top:0px;left:0px; text-align:center;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .writer > .nickname {margin-left:5px; color:#000; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .left > .insert_time {font-size:13px; color:#999; margin-left:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right {float:right; height:100%; font-size:13px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > div {float:left; cursor:pointer; margin-left:15px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > div > div {float:left;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > div > div > svg {fill:#555; width:14px; height:14px; margin-top:3px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > div > div > span {color:#555; margin-left:3px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > .red > div > svg {fill:#d00;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > .red > div > span {color:#d00;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > div:hover > div > svg {width:16px; height:16px; margin-top:2px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .top > .right > div:hover > div > span {font-weight:600; margin-left:1px;}

.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .body {width:100%; margin-top:20px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .body > .body_text { font-size:14px; color:#000; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .body > img {max-width:100%; margin-top:20px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .body_delete { font-size:13px; color:#999; padding-left:5px; margin-top:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area { width:100%; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area > .top {margin-top:20px; height:20px; line-height:20px; cursor:pointer; width: fit-content;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area > .top > div {float:left; font-size:12px; font-weight:600; color:#000;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area > .top > div > .count {color:#f00; margin-left:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area > .top > .icon {margin-left:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area > .top > .icon > div > svg {width:14px; height:14px; margin-top:3px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area.close > .top > .icon > .up { display:none; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area.close > .box { display:none; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_area.open > .top > .icon > .down { display:none; }

.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .reply_body_div > .text { margin-top:20px; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .reply_body_div > .text > span {font-size:14px; color:#000; line-height:25px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .reply_body_div > .image {width:100%; margin-top:20px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .reply_body_div > .image > img { max-width:100%; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top { margin-top:20px; height:20px; cursor:pointer; width:fit-content; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top > div {float:left; height:100%; line-height:20px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top > div > span { font-size:13px; color:#000; }
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top > div > .count {color:#f00; font-weight:600; margin-left:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top > div > svg {width:20px; height:20px; margin-left:5px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top > .up > svg {margin-top:3px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .reply_item > .re_reply_top:hover > div > span {font-weight:600;}

.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items { width:calc(100%); height:85px; text-align:center; background:#fcfcfc; border-radius:5px; padding-top:15px; margin-top:-20px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items > .icon {position:relative;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items > div > svg {width:30px; height: 30px; fill:#ddd;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items > div > .xmark{ position:absolute; margin-left:calc(50% - 10px); top:3px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items > div > .xmark > svg {width:15px; height: 15px; fill:#ddd;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items > .guide {margin-top:10px;}
.contents_left_div.post > .post_box > .review_div > .reply_box_div > .empty_items > .guide > span {font-size:15px; color:#aaa; }


.contents_left_div.post > .post_box > .review_div > .reply_write_box {width:100%; margin-top:40px;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .devider { width:100%; height:1px; background-color:#ccc; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .title {height:30px; line-height:30px; margin-bottom:10px;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .title > span {font-size:16px; color:#000; font-weight:600;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div { margin-top:10px; height:100px; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > textarea { width:calc(100% - 132px); height:80px; border:1px solid #ccc; resize: none; float:left; padding:10px;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > textarea:focus { outline: none; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > .reg_btn {background-color: var(--app-default-color); width:100px; height:100px; margin-left:10px; line-height:100px; text-align:center; float:left; cursor:pointer;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > .reg_btn:hover {background-color: var(--app-hover-color);}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > .reg_btn > span { font-size:14px; font-weight:600; color:#fff; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > .reg_btn > .loading { width:30px; height:30px; border: 3px solid rgba(255,255,255,0.5); border-top-color:#000; margin-top:32px; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .input_div > .image { display:none; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > textarea { width:calc(100% - 132px - 110px); }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image { display:block; width:98px; height:98px; margin-right:10px; float:left; position:relative; background-color:#fff; border:1px solid #aaa; text-align:center;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image > img { max-width:98px; max-height:98px; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image > div {position:absolute; top:5px; right:5px; cursor:pointer;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image > div > svg {width:20px; height:20px; fill:#999;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image > div:hover > svg {width:20px; height:20px; fill:#000;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image > .image_loading { left:33px; top:33px; width:30px; height:30px; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .have_image > .image > .image_loading > #loading { width:30px; height:30px; border: 3px solid rgba(190,190,190,.3); border-top-color:#000; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .image_btn_div { margin-top: 10px; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .image_btn_div > div {cursor:pointer; height:20px; line-height:20px; width:100px;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .image_btn_div > div > div > svg {width:16px; height:16px; fill:#999; float:left; margin-top:2px;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .image_btn_div > div > div > span { font-size:13px; color:#999; float:left; margin-left:5px; }
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .image_btn_div > div:hover > div > svg {width:18px; height:18px; fill:#000; margin-top:1px;}
.contents_left_div.post > .post_box > .review_div > .reply_write_box > .image_btn_div > div:hover > div > span { font-weight:600; color:#000; margin-left:3px; }


.reply_item > .re_reply_area > .box { background:#FFF5F5; width:calc(100% - 42px); border:1px solid #ccc; padding:20px; margin-top:10px; }
.reply_item > .re_reply_area > .box > .rereply_write_box {width:100%; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div { height:100px; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > textarea { width:calc(100% - 132px); height:80px; border:1px solid #ccc; resize: none; float:left; padding:10px;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > textarea:focus { outline: none; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > .reg_btn {background-color: var(--app-default-color); width:100px; height:100px; margin-left:10px; line-height:100px; text-align:center; float:left; cursor:pointer;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > .reg_btn:hover {background-color: var(--app-hover-color);}
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > .reg_btn > span { font-size:14px; font-weight:600; color:#fff; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > .reg_btn > .loading { width:30px; height:30px; border: 3px solid rgba(255,255,255,0.5); border-top-color:#000; margin-top:32px; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div > .image { display:none; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > textarea { width:calc(100% - 132px - 110px); }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image { display:block; width:98px; height:98px; margin-right:10px; float:left; position:relative;background-color:#fff; border:1px solid #aaa; text-align:center; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image > img { max-width:98px; max-height:98px; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image > div {position:absolute; top:5px; right:5px; cursor:pointer;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image > div > svg {width:20px; height:20px; fill:#999;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image > div:hover > svg {width:20px; height:20px; fill:#000;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image > .image_loading { left:33px; top:33px; width:30px; height:30px; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .input_div.have_image > .image > .image_loading > #loading { width:30px; height:30px; border: 3px solid rgba(190,190,190,.3); border-top-color:#000; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .image_btn_div { margin-top: 10px; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .image_btn_div > div {cursor:pointer; height:20px; line-height:20px; width:100px;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .image_btn_div > div > div > svg {width:16px; height:16px; fill:#999; float:left; margin-top:2px;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .image_btn_div > div > div > span { font-size:13px; color:#999; float:left; margin-left:5px; }
.reply_item > .re_reply_area > .box > .rereply_write_box > .image_btn_div > div:hover > div > svg {width:18px; height:18px; fill:#000; margin-top:1px;}
.reply_item > .re_reply_area > .box > .rereply_write_box > .image_btn_div > div:hover > div > span { font-weight:600; color:#000; margin-left:3px; }

.reply_item > .re_reply_area > .box > .rereply_item { width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; }
.reply_item > .re_reply_area > .box > .rereply_item > .top { height:20px; width:100%; line-height:20px; }
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left {float:left; height:100%; font-size:13px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > div {float:left; height:100%;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .best {font-size:13px; background:#f00; border-radius:5px; color:#fff; font-weight:600; padding-left:5px; padding-right:5px; margin-right:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .writer > div {float:left;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .writer > .level {width:15px; height:20px; position:relative;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .writer > .level > img {width:16px; height:16px; position:absolute; top:2px;left:0px; }
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .writer > .level > div {position:absolute; font-size:10px; font-weight:500; height:16px; line-height:16px; width:15px; color:#000; top:0px;left:0px; text-align:center;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .writer > .nickname {margin-left:5px; color:#000; }
.reply_item > .re_reply_area > .box > .rereply_item > .top > .left > .insert_time {font-size:13px; color:#999; margin-left:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right {float:right; height:100%; font-size:13px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > div {float:left; cursor:pointer; margin-left:15px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > div > div {float:left;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > div > div > svg {fill:#555; width:14px; height:14px; margin-top:3px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > div > div > span {color:#555; margin-left:3px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > .red > div > svg {fill:#d00;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > .red > div > span {color:#d00;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > div:hover > div > svg {width:16px; height:16px; margin-top:2px;}
.reply_item > .re_reply_area > .box > .rereply_item > .top > .right > div:hover > div > span {font-weight:600; margin-left:1px;}

.reply_item > .re_reply_area > .box > .rereply_item > .body {width:100%; margin-top:20px;}
.reply_item > .re_reply_area > .box > .rereply_item > .body > .body_text { font-size:14px; color:#000; }
.reply_item > .re_reply_area > .box > .rereply_item > .body > img {max-width:100%; margin-top:20px;}
.reply_item > .re_reply_area > .box > .rereply_item > .body_delete { font-size:13px; color:#999; padding-left:5px; margin-top:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area { width:100%; }
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area > .top {margin-top:20px; height:20px; line-height:20px; cursor:pointer; width: fit-content;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area > .top > div {float:left; font-size:12px; font-weight:600; color:#000;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area > .top > div > .count {color:#f00; margin-left:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area > .top > .icon {margin-left:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area > .top > .icon > div > svg {width:14px; height:14px; margin-top:3px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area.close > .top > .icon > .up { display:none; }
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area.close > .box { display:none; }
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_area.open > .top > .icon > .down { display:none; }

.reply_item > .re_reply_area > .box > .rereply_item > .reply_body_div > .text { margin-top:20px; }
.reply_item > .re_reply_area > .box > .rereply_item > .reply_body_div > .text > span {font-size:14px; color:#000; line-height:25px;}
.reply_item > .re_reply_area > .box > .rereply_item > .reply_body_div > .image {width:100%; margin-top:20px;}
.reply_item > .re_reply_area > .box > .rereply_item > .reply_body_div > .image > img { max-width:100%; }
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top { margin-top:20px; height:20px; cursor:pointer; width:fit-content; }
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top > div {float:left; height:100%; line-height:20px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top > div > span { font-size:13px; color:#000; }
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top > div > .count {color:#f00; font-weight:600; margin-left:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top > div > svg {width:20px; height:20px; margin-left:5px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top > .up > svg {margin-top:3px;}
.reply_item > .re_reply_area > .box > .rereply_item > .re_reply_top:hover > div > span {font-weight:600;}


/* ÇÏ´Ü ¸®½ºÆ® */
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list {margin-top:30px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title { width:100%; height:40px; border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > div { float:left; height:40px; text-align:center; line-height:40px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > div > span { font-size:13px; color:#555; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > .category { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > .writer { width:140px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > .insert_time { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > .hit { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > .like { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .title > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .item > .title { width:calc(100% - 100px - 140px - 55px - 55px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .contents_list.bottom_list > .item.my_post {background:#FFF5F5;}


/* ´ñ±Û ¼öÁ¤ Æ˾÷ */
.popup_reply_edit { width:400px; padding-bottom:20px; }
.popup_reply_edit > textarea{width:calc(100% - 60px); height:100px; margin-left:20px; border:1px solid #aaa; resize: none; padding:10px; }
.popup_reply_edit > textarea:focus { outline: none; }
.popup_reply_edit > .image {width:calc(100% - 40px); margin-left:20px; position:relative; text-align:center; margin-bottom:10px; background:#ccc;}
.popup_reply_edit > .image > img{max-width:100%; max-height:500px; }
.popup_reply_edit > .image > div > svg{width:20px; height:20px; fill:#000}
.popup_reply_edit > .image > .remove_btn {position:absolute; top:0; right:0; padding:10px; cursor:pointer;}
.popup_reply_edit > .image > .remove_btn:hover > svg {fill:#f00}
.popup_reply_edit > .image > .image_loading { width:100%; text-align:center; margin-top:20px; margin-bottom:20px; }
.popup_reply_edit > .image > .image_loading > #loading { width:30px; height:30px; border: 3px solid rgba(190,190,190,.3); border-top-color:#000; }

.popup_reply_edit > .image_btn_div { margin-top: 10px; margin-left:20px; }
.popup_reply_edit > .image_btn_div > div {cursor:pointer; height:20px; line-height:20px; width:100px;}
.popup_reply_edit > .image_btn_div > div > div > svg {width:16px; height:16px; fill:#999; float:left; margin-top:2px;}
.popup_reply_edit > .image_btn_div > div > div > span { font-size:13px; color:#999; float:left; margin-left:5px; }
.popup_reply_edit > .image_btn_div > div:hover > div > svg {width:18px; height:18px; fill:#000; margin-top:1px;}
.popup_reply_edit > .image_btn_div > div:hover > div > span { font-weight:600; color:#000; margin-left:3px; }

/* »ç¿¬ äÅà Æ˾÷ */
.popup_story_choice { width:350px; padding-bottom:20px; }
.popup_story_choice > .post_box { background-color: #FAFAFA; display:table; border: 1px solid #ccc; width:calc(100% - 40px); margin-left: 20px; margin-top: 10px;height: 90px; border-radius: 5px;}
.popup_story_choice > .post_box > div {display:table-row;}
.popup_story_choice > .post_box > div > div {display:table-cell; height: 30px; font-size: 14px; vertical-align: middle;}
.popup_story_choice > .post_box > div > .left{width: 80px; text-align: center; font-weight: 600;}
.popup_story_choice > .post_box > div > .right{width:calc(100% - 80px);}
.popup_story_choice > .post_box > div > .right > span{width:220px; max-lines: 1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block;}

.popup_story_choice > .select_box {border: 1px solid #ccc; width:calc(100% - 40px); height:40px; line-height:40px; margin-left:20px; margin-top:20px;}
.popup_story_choice > .select_box > .title {float:left; width:99px; font-size:13px; text-align:center; color:#000; background:#FAFAFA; font-weight:600; border-right: 1px solid #ccc;}
.popup_story_choice > .select_box > select {float:left; width:210px; height:100%; border:none; padding-left:10px; padding-right:10px;}


/*********************************************************************************************
	End - °Ô½Ã±Û È­¸é 
*********************************************************************************************/


/*********************************************************************************************
	°Ô½Ã±Û ÀÛ¼º È­¸é 
*********************************************************************************************/

.contents_left_div.post_write > div { width:calc(100% - 40px); border:1px solid #ccc; border-radius:5px; padding-left:20px; padding-right:20px; }
.contents_left_div.post_write > div > .top_line {height:60px; line-height:60px;}
.contents_left_div.post_write > div > .top_line > .title{float:left; font-size:14px; color:#000; font-weight:600;}
.contents_left_div.post_write > div > .top_line > .button {float:right; cursor:pointer;}
.contents_left_div.post_write > div > .top_line > .button > div {float:left;}
.contents_left_div.post_write > div > .top_line > .button > div > svg {width:14px; height:14px; margin-top:23px; margin-right:5px; fill:#000;}
.contents_left_div.post_write > div > .top_line > .button > div > span {font-size:13px; color:#000;}
.contents_left_div.post_write > div > .top_line > .button:hover > div > svg {fill:var(--app-default-color);}
.contents_left_div.post_write > div > .top_line > .button:hover > div > span {color:var(--app-default-color);}

.contents_left_div.post_write > div > .cate_title {width:calc(100% - 2px); height:50px; line-height:50px; border:1px solid #ccc;}
.contents_left_div.post_write > div > .cate_title > .selector {height:100%; width:150px; float:left; border-right:1px solid #ccc; cursor:pointer; position:relative;}
.contents_left_div.post_write > div > .cate_title > .selector.type {width:100px;}
.contents_left_div.post_write > div > .cate_title > .selector > .dropdown_title {background:#fff;height:100%;}
.contents_left_div.post_write > div > .cate_title > .selector > .dropdown_title > div {float:left;}
.contents_left_div.post_write > div > .cate_title > .selector > .dropdown_title > .title {width:calc(100% - 34px); font-size:13px; text-align:center; margin-left:10px;}
.contents_left_div.post_write > div > .cate_title > .selector > .dropdown_title > div > svg {width:14px; height:14px; margin-top:19px; fill:#000;}
.contents_left_div.post_write > div > .cate_title > .selector.no_select > .dropdown_title > .title { color:#999;}
.contents_left_div.post_write > div > .cate_title > .selector.disable {cursor:default;}
.contents_left_div.post_write > div > .cate_title > .selector.disable > .dropdown_title {background:#eee;}
.contents_left_div.post_write > div > .cate_title > .selector.disable > .dropdown_title > .title { color:#999;}
.contents_left_div.post_write > div > .cate_title > .selector.disable > .dropdown_title > div > svg {fill:#999;}
.contents_left_div.post_write > div > .cate_title > .selector.disable:hover > .dropdown_title {background:#eee;}
.contents_left_div.post_write > div > .cate_title > .selector:hover > .dropdown_title {background:#fafafa;}
.contents_left_div.post_write > div > .cate_title > .selector > .drop_down_menu_popup {width:100%; position:absolute; left:-1; top:50px; z-index:1; border:1px solid #ccc; background:#fff;}
.contents_left_div.post_write > div > .cate_title > .selector > .drop_down_menu_popup > div {height:30px; line-height:30px; font-size:13px; text-align:center; color:#555;}
.contents_left_div.post_write > div > .cate_title > .selector > .drop_down_menu_popup > div:hover {color:#fff; background:var(--app-default-color);}
.contents_left_div.post_write > div > .cate_title > .selector > .drop_down_menu_popup > .focus {color:var(--app-default-color); font-weight:600;}
.contents_left_div.post_write > div > .cate_title > input {float:left; border:0; height:100%; width:calc(100% - 121px); padding-left:10px; padding-right:10px}
.contents_left_div.post_write > div > .cate_title > input:focus{ outline:none; }

.contents_left_div.post_write > div > .warning { font-size:12px; color:#f00; height:20px; line-height:20px; margin-top:5px; margin-left:10px; }

.contents_left_div.post_write > div > .editor_div {width:100%; height:700px; margin-top:20px;}
.contents_left_div.post_write > div > .editor_div > textarea{width:calc(100% - 8px); height:calc(100% - 35px); border:1px solid #ccc;}
.contents_left_div.post_write > div > .button {width:100%; height:50px; line-height:50px; margin-top:20px; margin-bottom:20px; background:var(--app-default-color); text-align:center; font-size:15px; color:#fff; font-weight:600; border-radius:5px; cursor:pointer;}
.contents_left_div.post_write > div > .button:hover {background:var(--app-hover-color);}

/*********************************************************************************************
	End - °Ô½Ã±Û ÀÛ¼º È­¸é 
*********************************************************************************************/




/*********************************************************************************************
	°øÁö»çÇ× °Ô½Ã±Û È­¸é 
*********************************************************************************************/

.contents_left_div.notice_post > .post_box { width:calc(100% - 60px); border:1px solid #ccc; border-radius:5px; padding-left:30px; padding-right:30px; padding-bottom:30px; }
.contents_left_div.notice_post > .post_box > .top { height:50px; line-height:50px; }
.contents_left_div.notice_post > .post_box > .top > .category { float:left; }
.contents_left_div.notice_post > .post_box > .top > .category > span { color:#999; font-size:14px; font-weight:600; }
.contents_left_div.notice_post > .post_box > .top > .category > .choice { color:#f00; font-size:13px; font-weight:400; margin-left:5px;}
.contents_left_div.notice_post > .post_box > .top > .right { float:right; }
.contents_left_div.notice_post > .post_box > .top > .right > div { float:left; cursor:pointer; margin-left:15px; }
.contents_left_div.notice_post > .post_box > .top > .right > .devider {height:50px; line-height:50px;margin-left:0px; margin-right:-15px; cursor:default;}
.contents_left_div.notice_post > .post_box > .top > .right > .devider > span {color:#ccc; font-size:13px;}
.contents_left_div.notice_post > .post_box > .top > .right > div > div { float:left;  }
.contents_left_div.notice_post > .post_box > .top > .right > div > .icon > svg { width:15px; height:15px; fill:#999; margin-top:17.5px; }
.contents_left_div.notice_post > .post_box > .top > .right > div > .name > span { color:#999; font-size:14px; margin-left:5px; }
.contents_left_div.notice_post > .post_box > .top > .right > div:hover > .icon > svg { fill:#000; }
.contents_left_div.notice_post > .post_box > .top > .right > div:hover > .name > span { font-weight:600; color:#000; }
.contents_left_div.notice_post > .post_box > .top > .right > .before_post > .name > span { margin-left:0px; }
.contents_left_div.notice_post > .post_box > .top > .right > .next_post > .name > span { color:#999; font-size:14px; margin-left:0px; margin-right:0px; }
.contents_left_div.notice_post > .post_box > .top > .right > .next_post { margin-left:10px; }
.contents_left_div.notice_post > .post_box > .top > .right > .disable {cursor:default;}
.contents_left_div.notice_post > .post_box > .top > .right > .disable > .name > span {color:#ccc;}
.contents_left_div.notice_post > .post_box > .top > .right > .disable > .icon > svg {fill:#ccc}
.contents_left_div.notice_post > .post_box > .top > .right > .disable:hover > .icon > svg { fill:#ccc; }
.contents_left_div.notice_post > .post_box > .top > .right > .disable:hover > .name > span { font-weight:400; color:#ccc; }

.contents_left_div.notice_post > .post_box > .devider { width:100%; height:1px; background-color:#CCCCCC; }
.contents_left_div.notice_post > .post_box > .post_title { margin-top:30px; }
.contents_left_div.notice_post > .post_box > .post_title > span { font-size:20px; color:#000; font-weight:600; }
.contents_left_div.notice_post > .post_box > .post_info { margin-top:20px; margin-bottom:20px; height:20px; line-height:20px; }
.contents_left_div.notice_post > .post_box > .post_info > div {float:left; font-size:14px; color:#555;}
.contents_left_div.notice_post > .post_box > .post_info > .no_thumbnail { width:20px; height:20px; border:1px solid #ddd; background-color:#eee; border-radius:10px; text-align:center; }
.contents_left_div.notice_post > .post_box > .post_info > .no_thumbnail > svg { width:14px; height:14px; fill:#999; margin-top:3px; }
.contents_left_div.notice_post > .post_box > .post_info > .thumbnail { width:20px; height:20px; border:1px solid #ddd; background-color:#eee; border-radius:10px; }
.contents_left_div.notice_post > .post_box > .post_info > .thumbnail > img { width:20px; height:20px; border-radius:10px; }
.contents_left_div.notice_post > .post_box > .post_info > .nickname { margin-left:5px; }
.contents_left_div.notice_post > .post_box > .post_info > .level { width:20px; height:20px; position:relative; }
.contents_left_div.notice_post > .post_box > .post_info > .level > img {width:100%; height:100%;}
.contents_left_div.notice_post > .post_box > .post_info > .level > div {font-size:13px; color:#000; font-weight:600; position:absolute; top:0; left:0; width:100%; height:100%; line-height:20px; text-align:center;}
.contents_left_div.notice_post > .post_box > .post_info > .insert_time { float:left; color:#555;}
.contents_left_div.notice_post > .post_box > .post_info > .hits {float:right;}
.contents_left_div.notice_post > .post_box > .post_info > .hits > .count{color:#f00; margin-right:10px; }


.contents_left_div.notice_post > .post_box > .post_body_div { margin-top:30px; }
.contents_left_div.notice_post > .post_box > .post_body_div > .body_str > span { font-size:15px; color:#000; line-height:30px; }
.contents_left_div.notice_post > .post_box > .post_body_div > .body_image {}
.contents_left_div.notice_post > .post_box > .post_body_div > .body_image > div {margin-top:50px; text-align:center;}
.contents_left_div.notice_post > .post_box > .post_body_div > .body_image > div > .image > img { width:100%; }
.contents_left_div.notice_post > .post_box > .post_body_div > .body_image > div > .text { margin-top:10px; }
.contents_left_div.notice_post > .post_box > .post_body_div > .body_image > div > .text > span { font-size:15px; color:#555; }
.contents_left_div.notice_post > .post_box > .post_body_div > .post_body_html > p {margin-top:-10px;}
.contents_left_div.notice_post > .post_box > .post_body_div > .post_body_html > p > img { max-width:100%; }

.contents_left_div.notice_post > .post_box > .post_bottom { height:50px; line-height:50px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left { float:left; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > div { float:left; cursor:pointer; margin-right:15px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > div > div { float:left;  }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > div > .icon > svg { width:15px; height:15px; fill:#999; margin-top:17.5px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > div > .name > span { color:#999; font-size:14px; margin-left:5px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > div:hover > .icon > svg { width:16px; height:16px; margin-top:17px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > div:hover > .name > span { font-weight:600; margin-left:4px;}
.contents_left_div.notice_post > .post_box > .post_bottom > .left > .edit > .icon > svg { fill:#000; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > .edit > .name > span { color:#000; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > .delete > .icon > svg { fill:#f00; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > .delete > .name > span { color:#f00; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > .choice > .icon > svg { fill:#000; }
.contents_left_div.notice_post > .post_box > .post_bottom > .left > .choice > .name > span { color:#000; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right { float:right; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > div { float:left; cursor:pointer; margin-left:15px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .devider {height:50px; line-height:50px;margin-left:5px; margin-right:-10px; cursor:default;}
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .devider > span {color:#ccc; font-size:13px;}
.contents_left_div.notice_post > .post_box > .post_bottom > .right > div > div { float:left;  }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > div > .icon > svg { width:15px; height:15px; fill:#999; margin-top:17.5px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > div > .name > span { color:#999; font-size:14px; margin-left:5px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > div:hover > .icon > svg { fill:#000; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > div:hover > .name > span { font-weight:600; color:#000; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .before_post > .name > span { margin-left:0px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .next_post > .name > span { color:#999; font-size:14px; margin-left:0px; margin-right:0px; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .next_post { margin-left:10px; }

.contents_left_div.notice_post > .post_box > .post_bottom > .right > .disable {cursor:default;}
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .disable > .name > span {color:#ccc;}
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .disable > .icon > svg {fill:#ccc}
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .disable:hover > .icon > svg { fill:#ccc; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .disable:hover > .name > span { font-weight:400; color:#ccc; }

.contents_left_div.notice_post > .post_box > .post_bottom > .right > .report_focus > .icon > svg { fill:#f00; }
.contents_left_div.notice_post > .post_box > .post_bottom > .right > .report_focus > .name > span { color:#f00; }

.contents_left_div.notice_post > .post_box > .ad_div {width:100%; margin-top:10px;}
.contents_left_div.notice_post > .post_box > .ad_div > div { width:100%; background-color:#ccc; line-height:65px; text-align:center; }

/* ÇÏ´Ü ¸®½ºÆ® */
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title { width:100%; height:40px; border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title > div { float:left; height:40px; text-align:center; line-height:40px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title > div > span { font-size:13px; color:#555; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title > .category { width:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title > .title { width: calc(100% - 100px - 70px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title > .inser_time { width:70px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .list_title > .hits { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .item > .title { width: calc(100% - 100px - 70px - 55px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .item > .title > .title {max-width:calc(100% - 20px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .item > .inser_time { width:70px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .item > .hits { width:55px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .item > .category.empty{cursor:default; text-decoration:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div.notice_post > .contents_list > .item.current {background:#FFF5F5;}


/*********************************************************************************************
	End - °øÁö»çÇ× °Ô½Ã±Û È­¸é 
*********************************************************************************************/


/*********************************************************************************************
	°³ÀÎÁ¤º¸ 󸮹æħ È­¸é
*********************************************************************************************/

/* Àüü °³ÀÎÁ¤º¸ 󸮹æħ */
.contents_left_div.personal > .top_box {border:5px solid #ccc; padding:20px; width:calc(100% - 50px); font-size:14px; color:#555;}
.contents_left_div.personal > .contents_box {background:#eee; width:calc(100% - 40px); padding:20px; border-radius:5px; margin-top:20px;}
.contents_left_div.personal > .contents_box > div {width:calc(100% - 40px); padding:20px;}
.contents_left_div.personal > .contents_box > .title { width:100%; padding:0px; margin-bottom:30px;}
.contents_left_div.personal > .contents_box > .title > span {font-size:14px; color:#000; font-weight:600;}
.contents_left_div.personal > .contents_box > .box { background:#fff; border-radius:10px; margin-bottom:30px; }
.contents_left_div.personal > .contents_box > .box > .title { border-bottom:1px solid #eee; padding-bottom:10px;}
.contents_left_div.personal > .contents_box > .box > .title > span {font-weight:600}
.contents_left_div.personal > .contents_box > .box > .body {margin-top:10px; line-height:25px;}
.contents_left_div.personal > .contents_box > .box > div > span {font-size:14px; color:#000;}
.contents_left_div.personal > .contents_box > .box:last-child {margin-bottom:10px;}

/*********************************************************************************************
	End - °³ÀÎÁ¤º¸ 󸮹æħ È­¸é
*********************************************************************************************/


/************************************************************************************************************************* 
	Æ˾÷
*************************************************************************************************************************/

/* Æ˾÷ °øÅë */
.popup { position:fixed; background:#00000060; width:100%; height:100%; top:0px; left:0; z-index:5 }
.popup > div {background:#fff; border-radius:10px; margin-left: 50%; margin-top:100px; transform: translate(-50%, 0);padding-bottom:20px;}
.popup > div > .title { width:100%; height:40px; line-height:40px; text-align:center; }
.popup > div > .title > span {font-size:15px; color:#000; font-weight:600; }
.popup > div > .body {width:calc(100% - 40px); margin-left:20px; text-align:center; margin-top:10px;}
.popup > div > .body > span {color:#555; font-size:15px;}
.popup > div > .guide {width:calc(100% - 40px); margin-left:20px; margin-top:10px;}
.popup > div > .guide > span {color:#555; font-size:13px;}
.popup > div > .close_btn{ position:absolute; top:10px; right:10px; cursor:pointer; }
.popup > div > .close_btn > svg {width:20px; height:20px; fill:#000; }
.popup > div > input {width:calc(100% - 40px); height:50px; border:1px solid #ccc; border-radius:5px; margin-left:20px; margin-top:20px; text-align:center;}
.popup > div > input:focus{ outline:none; }
.popup > div > .one_button{ width:calc(100% - 40px); height:50px; background:var(--app-default-color); cursor:pointer; border-radius:5px; margin-left:20px; text-align:center; line-height:50px; margin-top:20px; }
.popup > div > .one_button:hover{background:var(--app-hover-color);}
.popup > div > .one_button > span {width:100%; color:#fff; font-size:15px; font-weight:600;}
.popup > div > .one_button > .loading { width:20px; height:20px; border: 3px solid rgba(255,255,255,1); border-top-color:#000; margin-top: 10px; }
/* End - Æ˾÷ °øÅë */

/* ȸ¿øÅ»Åð Æ˾÷ */
.popup > .popup_withdraw { width:300px; }
.popup > .popup_withdraw > .one_button {background:#f00;}
.popup > .popup_withdraw > .one_button:hover {background:#e00;}

/* ÇÁ·ÎÇÊ º¯°æ Æ˾÷ */
.popup > .popup_profile_nickname { width:350px; }
.popup > .popup_profile_nickname > .body { margin-bottom:20px; }
.popup > .popup_profile_nickname > .thumbnail { position:relative; width:calc(100% - 100px); height:250px; margin-left:50px; border-radius:200px; border:1px solid #ccc; margin-top:20px; margin-bottom:20px; }
.popup > .popup_profile_nickname > .thumbnail > div { border-radius:200px; height:100%;}
.popup > .popup_profile_nickname > .thumbnail > div > img { width:100%; height:100%; border-radius:200px; }
.popup > .popup_profile_nickname > .thumbnail > .empty { background:#fafafa; text-align:center; }
.popup > .popup_profile_nickname > .thumbnail > .empty > img { width:200px; height:200px; margin-top:25px;}
.popup > .popup_profile_nickname > .thumbnail > .icon { position:absolute; bottom:15px; right:15px; width:40px; height:40px; background:#fff; border:1px solid #ccc; border-radius:60px; cursor:pointer; }
.popup > .popup_profile_nickname > .thumbnail > .icon:hover {background:#eee;}
.popup > .popup_profile_nickname > .thumbnail > .icon > svg {width:20px; height:20px; fill:#000; margin-top:10px; margin-left:10px;}
.popup > .popup_profile_nickname > .thumbnail > .delete > svg {fill:#f00;}

.popup > .popup_profile_nickname > .thumbnail > .image_loading { text-align:center; background:#fafafa; }
.popup > .popup_profile_nickname > .thumbnail > .image_loading > #loading { width:50px; height:50px; border: 3px solid rgba(255,255,255,1); border-top-color:var(--app-default-color); margin-top:100px; }

/* À͸íÀ¯Àú Æ˾÷ */
.popup > .popup_unknown_user { width:350px; padding-top:30px; }
.popup > .popup_unknown_user > .body {width:calc(100% - 40px); height:50px; margin-bottom:10px;}
.popup > .popup_unknown_user > .body > div {float:left;}
.popup > .popup_unknown_user > .body > .thumbnail { width:50px; height:50px; border:1px solid #ccc; border-radius:50px; margin-right:10px; }
.popup > .popup_unknown_user > .body > .thumbnail > svg {width:20px; height:20px; margin-top:15px; fill:#ccc;}
.popup > .popup_unknown_user > .body > .user > div { height:25px; line-height:25px; }
.popup > .popup_unknown_user > .body > .user > div > span {float:left; font-size:15px; color:#000;}
.popup > .popup_unknown_user > .body > .user > .title > span {font-size:16px; font-weight:600;}
.popup > .popup_unknown_user > .body > .block {float:right; margin-right:0px; cursor:pointer; margin-top:25px;}
.popup > .popup_unknown_user > .body > .block > div {float:left; height:25px; line-height:25px;}
.popup > .popup_unknown_user > .body > .block > div > svg {width:15px; height:15px; fill:#f00; margin-right:5px; margin-top:5px;}
.popup > .popup_unknown_user > .body > .block > .focus > svg {fill:#000;}
.popup > .popup_unknown_user > .body > .block > div > span {font-size:13px; color:#000;}
.popup > .popup_unknown_user > .body > .block:hover > div > span {font-weight:600;}

/* ¾Ë¸² Æ˾÷ */
.popup_notification { position:fixed; background:var(--app-default-color); width:500px; height:60px; margin-left: 50%; transform: translate(-50%, 0); top:20px; z-index:1; border-radius:60px; 
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); cursor:default;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
	animation-name: notification_slidedown;
}
@keyframes notification_slidedown {
  0% { transform: translate(-50%, -100%); }
  100% { transform: translate(-50%, 0); }
}
.popup_notification > div {float:left;}
.popup_notification > .icon { width:50px; height:50px; border-radius:50px; background:#fff; margin-left:5px; margin-top:5px; position:relative; }
.popup_notification > .icon > svg {width:30px; height:30px; margin-left:10px; margin-top:10px; fill:#000;}
.popup_notification > .icon > .chat {position:absolute; width:100%; height:100%; line-height:50px; color:#fff; font-size:13px; text-align:center; top:0; left:0; font-weight:600;}
.popup_notification > .contents { width:calc(100% - 55px - 50px - 15px); margin-left:15px; margin-top:10px; }
.popup_notification > .contents > div { height:16px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.popup_notification > .contents > div > span { font-size:14px; color:#fff; }
.popup_notification > .contents > .title {margin-bottom:8px;}
.popup_notification > .contents > .title > span {font-size:15px; font-weight:600;}

.popup_notification > .close_btn{ position:absolute; top:20px; right:20px; cursor:pointer; }
.popup_notification > .close_btn > svg {width:20px; height:20px; fill:#fff; }

.popup_notification:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* Å« À̹ÌÁö Æ˾÷ 
.popup > .popup_big_image { width:100%; height:100%; margin-top:0; background:#000000; border-radius:0; }
.popup > .popup_big_image > .close_btn { right:none; width:40px; height:40px; left:10px; top:10px;}
.popup > .popup_big_image > .close_btn > svg {width:20px; height:20px; fill:#fff; margin-left:10px; margin-top:10px;  }
.popup > .popup_big_image > .div_big_image {width:100%; height:calc(100% - 103px); position:relative;}
.popup > .popup_big_image > .div_big_image > img { position:absolute; max-width:100%; max-height:100%; left:50%; top: 50%; transform: translate(-50%, -50%);}
.popup > .popup_big_image > .div_small_images { margin-top:10px; overflow-x:auto; white-space: nowrap; scrollbar-width:thin;text-align: center; }
.popup > .popup_big_image > .div_small_images > div { display:inline-block; width:80px; height:80px; cursor:pointer; margin-left:3px; margin-right:3px;}
.popup > .popup_big_image > .div_small_images > div > img { width:100%; height:100%; object-fit: cover;}
.popup > .popup_big_image > .div_small_images > .focus {border:2px solid #00aeff; width:76px; height:76px;}*/

/************************************************************************************************************************* 
	End - Æ˾÷
*************************************************************************************************************************/

#loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  }
 .loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  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); }
}


/*
À̹ÌÁö Å©¶ø
*/

/*.crop_image > .btns { display: flex; justify-content: center; gap: 10px; }
.crop_image > .btns > button {
	padding: 1em;
	border-radius: 0.3em;	
	border: 2px solid #025bee;
	background-color: #ffffff;

	color: #025bee;
}*/

/*
.wrapper {
  width: min(90%, 800px);
  position: relative;
  transform: translateX(-50%);
  top: 1em;
  left: 50%;
  background-color: #ffffff;
  padding: 2em 3em;
  border-radius: 0.5em;
}
.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  border-radius: 7px;
}
.container .image-container,
.container .preview-container {
  width: 100%;
}
input[type="file"] {
  display: none;
}
label {
  display: block;
  position: relative;
  background-color: #025bee;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  width: 250px;
  padding: 16px 0;
  border-radius: 0.3em;
  margin: 16px auto;
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
}
.image-container {
  width: 60%;
  margin: 0 auto;
}
.options {
  display: flex;
  justify-content: center;
  gap: 1em;
}
input[type="number"] {
  width: 100px;
  padding: 16px 5px;
  border-radius: 0.3em;
  border: 2px solid #000000;
}
button {
  padding: 1em;
  border-radius: 0.3em;
  border: 2px solid #025bee;
  background-color: #ffffff;
  color: #025bee;
}
.btns {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 1em;
}
.btns button {
  font-size: 1em;
}
.btns a {
  border: 2px solid #025bee;
  background-color: #025bee;
  color: #ffffff;
  text-decoration: none;
  padding: 1em;
  font-size: 1em;
  border-radius: 0.3em;
}
.hide {
  display: none;
}*/