@charset "UTF-8";
/*! Mar. 2017, Eunjae & Sangzin & Sunsoo, NHN Technology Services UIT Development Center */
.wrap_my_information .area_guide .title .icon_market, .wrap_my_information .area_guide .title .icon_guide, .wrap_my_information .area_guide .title .icon_news {
    background-image: url(https://ssl.pstatic.net/static/blog/sp_common_82544d1d.svg);
    -webkit-background-size: 1062px 880px;
    background-size: 1062px 880px;
}

/*! 공통 */
@font-face {
    font-family: 'NanumSquareWebFont';
    font-style: normal;
    font-weight: 400;
    src: url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.eot);
    src: local("Nanum Square Regular"), local("NanumSquareR"), local("NanumSquare"), local("나눔스퀘어"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.woff2) format("woff2"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.woff) format("woff"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumGothicWebFont';
    font-style: normal;
    font-weight: 400;
    src: url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.eot);
    src: local("Nanum Gothic Regular"), local("NanumGothicR"), local("NanumGothic"), local("나눔고딕"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.woff2) format("woff2"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.woff) format("woff"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumGothicWebFont';
    font-style: normal;
    font-weight: 600;
    src: url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.eot);
    src: local("Nanum Gothic Bold"), local("NanumGothicB"), local("NanumGothic"), local("나눔고딕"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.woff2) format("woff2"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.woff) format("woff"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.ttf) format("truetype");
}

/* _variables.scss */
/*

네이밍 조합 케이스	예시
$ {요소(E) 이름} - {속성 이름}
$body-color, $body-background-color, $G-body-background-color 등}
$ {요소(E) 이름} - {용도 및 역할}
$body-horizental 등
$ {요소(E) 이름} - {속성 이름} - {용도 및 역할}
$body-color-point, $body-background-color-point 등
$ {요소(class) 이름} - {속성 이름}
$btn-border-color, $btn_more-border-color 등
$ {요소(class) 이름} - {속성 이름} - {용도 및 역할}
$btn-border-color-hover, $btn_more-border-color-hover 등
$ {속성 이름} - {용도 및 역할}
$color-point, $G-color-point, $margin-endpage, $margin-endpage-wide 등
$ {용도 및 역할}
$index, $count, $length, $max-count 등

*/
/* _mixins.scss */
/*
작명법
- camelCase
- '하다' + '무엇을'
- ex. opacityBackground, opacityBorder, wrapMask
*/
/* _placeholders.scss */
/*
공통(부분)으로 쓸 속성
연결자 : _ (Underbar)로 사용
미디어 쿼리는 %내부에 적용
*/
.header .inner:after, .header_common .area_search .search:after, .content:after, .layout_content:after, .wrap_my_information .list_buddy:after, .wrap_my_information .area_notice .title:after, .spot .inner:after, .navigator_spot .inner:after, .hot_topic .inner:after, .hot_topic .area_topic .list_hottopic:after, .hot_topic .list_promotion:after, .category_search .search_information:after, .category_search .search_option:after, .category_search_hottopic:after, .category_select_subject .area_select:after, .category_select_subject .list_button_form:after, .category_select_subject .list_subject:after, .category_select_subject .search_keyword:after, .order_select .list_button_control:after, .list_post_article .author:after, .list_post_article .item.multi_pic .plus_thumbnail_list:after, .wrap_thumbnail_cardlist:after, .list_card_article:after, .group_row_cardlist:after, .list_challenge_card:after, .list_challenge_card .cardlist:after, .list_search_post .author:after, .list_search_post .item.multi_pic .plus_thumbnail_list:after, .life_message .message_content:after, .hot_topic_search .area_topic .list_hottopic:after, .how_to_join .widget_box:after, .area_layer_popup .popup_challenge_content:after, .aside .area_pagination:after, .banner_checking_now .inner:after, .wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select:after, .notice .area_other .item:after, .detail_notice .heading_detail_notice:after, .group_categoty:after, .page_partition:after, .page_partition .heading_monthly_blog:after, .page_partition .wrap_thumbnail_cardlist:after, .footer_monthly_blog:after, .popup_buddy:after, .buddy_state .group_add:after, .buddy_state .group_name:after {
    content: '';
    display: table;
    clear: both;
}

legend, .blind, .category_select_subject input[type=checkbox], .popup_buddy .radio_button_buddy, .buddy_state .group_name .label_group, .buddy_state .group_name .checkbox_group {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

.sp_common, .category_select_subject .list_subject .label_check:before, .area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check, .pika-prev:before, .pika-next:before, .buddy_state .group_name .label_check, .pika-prev, .pika-next {
    display: inline-block;
    overflow: hidden;
    font-size: 1px;
    line-height: 100px;
}

.header .inner, .content, .layout_content, .footer .inner, .spot .inner, .navigator_spot .inner, .hot_topic .inner, .challenge_introduce .inner, .banner_checking_now .inner, .banner_monthly .text, .official_blog_introduce .inner {
    width: 1110px;
    margin: 0 auto;
    padding: 0 15px;
}

.challenge_popup .area_button .button_cancel, .challenge_popup .area_button .category_select_subject .list_button_form .button_submit, .category_select_subject .list_button_form .challenge_popup .area_button .button_submit, .challenge_popup .area_button .button_stop_publish {
    display: inline-block;
    width: 67px;
    height: 36px;
    border: 1px solid #7d55c8;
    background-color: #fff;
    color: #7d55c8;
    font-size: 14px;
    letter-spacing: -0.1px;
    line-height: 34px;
    text-align: center;
    vertical-align: top;
}

.challenge_popup .area_button .button_stop_publish, .challenge_popup .area_button .button_confirm, .challenge_popup .area_button .button_publish_review, .challenge_popup .area_button .button_publish_post, .challenge_popup .area_button .button_admin {
    display: inline-block;
    height: 36px;
    margin-left: 4px;
    background-color: #7d55c8;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.1px;
    line-height: 36px;
    text-align: center;
    vertical-align: top;
}

.wrap_my_information .area_my_account .name:hover, .wrap_my_information .area_my_account .text_today_guest:hover, .wrap_my_information .area_my_content .my_content_written .text_news:hover, .wrap_my_information .list_news .post_link:hover, .wrap_my_information .area_notice .title:hover, .wrap_my_information .area_notice .link:hover, .wrap_my_information .area_link .link:hover, .wrap_my_information .area_keyword .item:hover, .navigator_category_sub .item .category_name:hover, .list_post_article .info_post .title_post:hover, .list_post_article .info_post .text:hover, .wrap_thumbnail_cardlist[data-cardtype="b"] .area_text .title_category:hover, .buddy_info .buddy_blog_link .name_author:hover, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .name_author:hover, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .name_author:hover, .list_search_post .info_post .title:hover, .list_search_post .author .name_author:hover, .list_search_post .desc .text:hover, .list_search_blog .item .text_blog:hover, .list_search_blog .item .author .name_author:hover, .list_search_name .item .name_author .nickname:hover, .list_search_name .item .blog_intro:hover, .text_challenge .description .link_guide:hover, .series_information .name_category:hover, .series_information .text .button_stop_writing:hover, .how_to_join .list_heading .link:hover, .area_dropdown .dropdown_select .item:hover, .pagination .button_prev:hover, .pagination .button_next:hover, .wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .text_view_more_buddy .name:hover, .wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .name_author:hover, .wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .summary:hover, .list_notice .article_list_notice .link:hover, .footer_monthly_blog .link:hover, .buddy_box .link_close_buddy:hover,
.buddy_box .link_common_buddy:hover,
.buddy_box .link_buddy:hover {
    text-decoration: underline;
}

/*
%aria_selected {
	&[aria-selected="true"]{
		&:after{
			@extend %blind;

			content: '선택됨';
		}
	}
}
*/
.item .thumbnail_buddy .no_image, .wrap_my_information .thumbnail .no_image,
.list_hottopic .thumbnail_author .no_image,
.cardlist .image_author .no_image,
.author .thumbnail .no_image,
.item .thumbnail_author .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_profile.svg) no-repeat;
}

/* _base.scss */
html, body {
    height: 100%;
}

body, p,
h1, h2, h3, h4, h5, h6,
ul, ol, li,
dl, dt, dd,
table, th, td,
form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
}

body,
input,
textarea,
select,
button,
table {
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 12px;
    line-height: 1.2;
}

body {
    position: relative;
    -webkit-text-size-adjust: none;
    overflow-y: scroll;
}

body[data-mode="dimmed"] {
    overflow: hidden;
}

img,
fieldset {
    border: 0;
}

img {
    vertical-align: top;
}

ul,
ol {
    list-style: none;
}

em,
address {
    font-style: normal;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

i {
    font-style: normal;
}

a, abbr, address, article, aside, audio, b, blockquote, body, br, button, canvas, caption, cite, code, col, data, datalist, dd, del, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, select, small, span, strong, sub, sup, table, td, textarea, th, time, u, ul, var, video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gnb a, #gnb abbr, #gnb address, #gnb article, #gnb aside, #gnb audio, #gnb b, #gnb blockquote, #gnb body, #gnb br, #gnb button, #gnb canvas, #gnb caption, #gnb cite, #gnb code, #gnb col, #gnb data, #gnb datalist, #gnb dd, #gnb del, #gnb dfn, #gnb div, #gnb dl, #gnb dt, #gnb em, #gnb embed, #gnb fieldset, #gnb figcaption, #gnb figure, #gnb footer, #gnb form, #gnb h1, #gnb h2, #gnb h3, #gnb h4, #gnb h5, #gnb h6, #gnb header, #gnb hr, #gnb html, #gnb i, #gnb iframe, #gnb img, #gnb input, #gnb ins, #gnb kbd, #gnb label, #gnb legend, #gnb li, #gnb main, #gnb mark, #gnb meter, #gnb nav, #gnb object, #gnb ol, #gnb output, #gnb p, #gnb pre, #gnb progress, #gnb q, #gnb s, #gnb samp, #gnb section, #gnb select, #gnb small, #gnb span, #gnb strong, #gnb sub, #gnb sup, #gnb table, #gnb td, #gnb textarea, #gnb th, #gnb time, #gnb u, #gnb ul, #gnb var, #gnb video {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

strong {
    font-weight: 400;
}

.wrap {
    position: relative;
    min-width: 1110px;
    min-height: 100%;
    padding-bottom: 129px;
}

.u_skip {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1080px;
    margin-left: -540px;
}

.u_skip .item {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px;
    height: 30px;
    line-height: 29px;
    background-color: #000;
    font-size: 13px;
    color: #00c73c;
}

.u_skip .item:focus {
    z-index: 100;
}

.sp_common, .category_select_subject .list_subject .label_check:before, .area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check, .pika-prev:before, .pika-next:before, .buddy_state .group_name .label_check {
    background-image: url(https://ssl.pstatic.net/static/blog/sp_common_0ef8f3b2.png);
    background-image: url(https://ssl.pstatic.net/static/blog/sp_common_82544d1d.svg), none;
    vertical-align: middle;
}

.highlight {
    font-weight: 600;
    color: #00ab33;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.dimmed {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: fixed;
    z-index: 1105;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}

.dimmed[aria-hidden="false"] {
    display: block;
}

.dimmed[aria-hidden="true"] {
    display: none;
}

/*! 상단 */
.header {
    position: relative;
    z-index: 60;
}

.header .inner {
    position: relative;
    height: 100%;
}

.header_common {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 54px;
    background-color: #03c75a;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
}

.header_common .area_logo {
    float: left;
}

.header_common .logo_naver_blog {
    float: left;
    overflow: hidden;
    margin: 10px 0 0 -4px;
}

.header_common .logo_naver_blog .link_naver {
    float: left;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 26px;
    height: 26px;
    padding: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M26 0v26H0V0h26zM11 7.049H6.54V18.95h4.4v-6.16l4.22 6.161h4.459V7.05H15.22v6.16L11 7.05z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-origin: content-box;
    background-origin: content-box;
}

.header_common .logo_naver_blog .link_blog {
    float: left;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 48px;
    height: 26px;
    padding: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='26' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M13.1 7.158V4c2.842.277 5.42 1.997 5.42 5.625v10.376h-3.503V9.625c0-1.407-.713-2.234-1.918-2.467Zm-9.386 2.26c.77-.887 1.915-1.425 3.48-1.425v.001c3.061 0 5.584 2.687 5.584 6.167s-2.524 6.167-5.584 6.167c-1.564 0-2.71-.537-3.48-1.425v1.098H.21V4.427h3.504v4.991Zm-.229 4.743c0 1.897 1.265 3.085 3.009 3.085s3.008-1.188 3.008-3.085c0-1.896-1.264-3.084-3.008-3.084s-3.009 1.188-3.009 3.084Zm17.111 0c0-3.481 2.756-6.168 6.19-6.168 3.433 0 6.19 2.687 6.19 6.167s-2.756 6.167-6.19 6.167c-3.433 0-6.19-2.686-6.19-6.167Zm3.283 0c0 1.795 1.264 2.983 2.907 2.983s2.907-1.19 2.907-2.984-1.264-2.982-2.907-2.982-2.907 1.187-2.907 2.982Zm23.314-5.84h-3.41v1.19c-.77-.957-1.893-1.518-3.41-1.518-3.318 0-5.747 2.71-5.747 5.934s2.43 5.933 5.746 5.933c1.518 0 2.64-.56 3.411-1.519v1.075c0 1.659-1.005 2.5-2.64 2.5h-.116v3.083c3.108 0 6.167-1.659 6.167-5.583V8.321Zm-6.236 8.539c-1.795 0-3.058-1.188-3.058-2.932s1.264-2.932 3.058-2.932c1.795 0 3.059 1.188 3.059 2.932s-1.264 2.932-3.059 2.932Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-origin: content-box;
    background-origin: content-box;
}

.header_common .area_search {
    float: left;
    margin: 9px 0 0 11px;
}

.header_common .area_search .search {
    position: relative;
    float: left;
    width: 322px;
    height: 37px;
    border: 1px solid #05ab4f;
    border-right: 0;
    background-color: #fff;
}

.header_common .area_search .area_dropdown[data-set="search"] {
    float: left;
    width: 99px;
    height: 35px;
}

.header_common .area_search .textbox {
    float: left;
    width: 222px;
    height: 35px;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-indent: 10px;
}

.header_common .area_search .selected_option {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 20px 0 9px;
    color: #00ab33;
    line-height: 35px;
}

.header_common .area_search .selected_option .icon_arrow {
    background-position: -1011px -332px;
    width: 8px;
    height: 4px;
    position: absolute;
    top: 15px;
    right: 11px;
}

.header_common .area_search .selected_option:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #dddddf;
}

.header_common .area_search .selected_option[aria-expanded="true"] .icon_arrow {
    background-position: -1043px -332px;
    width: 8px;
    height: 4px;
}

.header_common .area_search .button {
    float: left;
    height: 37px;
    background-color: #03b150;
    border: 1px solid #05ab4f;
    text-align: center;
}

.header_common .area_search .button_blog {
    width: 36px;
    line-height: 35px;
}

.header_common .area_search .button_naver {
    width: 64px;
    margin-left: 5px;
    line-height: 36px;
    font-size: 13px;
}

.header_common .area_search .icon_search {
    background-position: -476px -547px;
    width: 18px;
    height: 18px;
}

.header_common .area_previous {
    float: left;
    margin: 17px 0 0 13px;
}

.header_common .area_previous .link {
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
    line-height: 1.7;
}

.header_common .area_previous .icon_prev {
    background-position: -850px -508px;
    width: 14px;
    height: 14px;
    margin: -1px 0 0 6px;
}

.header_common .area_gnb {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
}

.header_common .area_gnb .navigator_gnb {
    display: inline-block;
    line-height: 54px;
}

.header_common .area_gnb .navigator_gnb .item {
    position: relative;
    display: inline-block;
    margin-right: 11px;
    padding-right: 12px;
    font-size: 11px;
}

.header_common .area_gnb .navigator_gnb .item:after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    content: '';
    right: 0;
    width: 1px;
    background-color: #00b034;
}

.header_service {
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
}

.header_service .navigator_lnb {
    float: left;
}

.header_service .navigator_lnb .item {
    position: relative;
    float: left;
    padding: 0 10px;
    margin-left: 8px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.header_service .navigator_lnb .item:first-child {
    margin-left: -8px;
}

.header_service .navigator_lnb .item.on, .header_service .navigator_lnb .item[aria-current=page] {
    font-weight: 600;
    color: #00ab33;
}

.header_service .navigator_lnb .item.on:after, .header_service .navigator_lnb .item[aria-current=page]:after {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    content: '';
    height: 3px;
    background-color: #4cc570;
}

.header_service .navigator_lnb .item.on:hover, .header_service .navigator_lnb .item[aria-current=page]:hover {
    text-decoration: none;
}

.header_service .navigator_lnb .item:hover {
    font-weight: 600;
    color: #00ab33;
}

.header_service .navigator_lnb .item:hover:after {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    content: '';
    height: 3px;
    background-color: #4cc570;
}

.header_service .navigator_lnb .bar {
    float: left;
    width: 1px;
    height: 13px;
    margin: 14px 9px 0 18px;
    background-color: #dcdcdc;
    content: '';
}

.header_service .navigator_lnb_sub {
    float: right;
}

.header_service .navigator_lnb_sub .item {
    float: left;
    height: 26px;
    line-height: 25px;
    margin: 7px 0 0 5px;
    padding: 0 11px;
    border: 1px solid #cecece;
}

.header_service .navigator_lnb_sub .item_register {
    position: relative;
    float: left;
    margin: 7px 0 0 5px;
}

.header_service .navigator_lnb_sub .item_register .register_link {
    display: block;
    height: 26px;
    padding: 5px 9px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #03c75a;
    color: #fff;
    font-size: 13px;
    line-height: 14px;
}

.header_service .navigator_lnb_sub .item_register .register_layer {
    position: absolute;
    top: 37px;
    left: -37px;
    width: 188px;
    height: 56px;
    padding: 11px 16px 14px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #0f98fb;
    border-color: #0f98fb;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    z-index: 9100;
}

.header_service .navigator_lnb_sub .item_register .register_layer::before {
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #0f98fb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
}

.header_service .navigator_lnb_sub .item_register .register_tooltip {
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: -0.5px;
    color: #fff;
}

.header_service .navigator_lnb_sub .item_register .register_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 9px;
    padding: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9 8v1H8V8h1zM1 8v1H0V8h1zm7-1v1H7V7h1zM2 7v1H1V7h1zm5-1v1H6V6h1zM3 6v1H2V6h1zm3-1v1H5V5h1zM4 5v1H3V5h1zm1-1v1H4V4h1zM4 3v1H3V3h1zm2 0v1H5V3h1zM3 2v1H2V2h1zm4 0v1H6V2h1zM2 1v1H1V1h1zm6 0v1H7V1h1zM1 0v1H0V0h1zm8 0v1H8V0h1z' transform='translate(-1041 -105) translate(870 91) translate(171 14)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.box_atcmp {
    float: left;
    width: 38px;
    height: 35px;
}

.box_atcmp .button_atcmp {
    display: block;
    line-height: 35px;
    text-align: center;
}

.box_atcmp .button_atcmp[aria-expanded="false"] .icon_arrow {
    background-position: -854px -352px !important;
    width: 8px !important;
    height: 4px !important;
}

.box_atcmp .button_atcmp[aria-expanded="true"] .icon_arrow {
    background-position: -1027px -332px !important;
    width: 8px !important;
    height: 4px !important;
}

.box_atcmp .wrap_atcmp {
    position: absolute;
    z-index: 1;
    top: 35px;
    left: -1px;
    width: 358px;
    border: 1px solid #009f4a;
    background-color: #fff;
    color: #666;
}

.box_atcmp .wrap_atcmp[aria-hidden="true"] {
    display: none;
}

.box_atcmp .wrap_atcmp[aria-hidden="false"] {
    display: block;
}

.box_atcmp .wrap_atcmp .list_atcmp {
    margin: 2px 0;
}

.box_atcmp .wrap_atcmp .list_atcmp .item:hover {
    background-color: #f5f5f5;
}

.box_atcmp .wrap_atcmp .list_atcmp .link {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
}

.box_atcmp .wrap_atcmp .list_atcmp .search_word {
    color: #00ab33;
}

.box_atcmp .wrap_atcmp .function {
    position: relative;
    height: 27px;
    padding-right: 4px;
    border-top: 1px solid #e0e0e0;
    background-color: #f5f5f5;
    color: #cecece;
    font-size: 0;
    line-height: 26px;
    text-align: right;
}

.box_atcmp .wrap_atcmp .function a {
    display: inline-block;
    height: 26px;
    padding: 0 5px;
    font-size: 11px;
    color: #a1a2a5;
}

.box_atcmp .wrap_atcmp .function a:hover {
    text-decoration: underline;
}

.box_atcmp .wrap_atcmp .function .bar {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin-top: 8px;
    background-color: #a1a2a5;
    vertical-align: top;
}

.box_atcmp .wrap_atcmp .function .button_off {
    position: relative;
}

.box_atcmp .wrap_atcmp .function .button_off:hover + .help {
    display: block;
    position: absolute;
    top: -23px;
    right: 2px;
}

.box_atcmp .wrap_atcmp .function .help {
    display: none;
}

.box_atcmp .wrap_atcmp .message {
    padding: 13px 9px 9px 10px;
}

/*! 컨테이너 */
.container {
    position: relative;
}

.content {
    margin: 0 auto;
}

.layout_content .content {
    float: left;
    width: 770px;
    padding: 0;
}

/*! 사이드메뉴 */
.aside {
    float: right;
    width: 280px;
    margin: 15px 0 70px 0;
}

.aside[data-type="search"] {
    margin-top: 62px;
}

.aside.aside_type2 {
    margin-top: 50px;
}

.wrap_my_information [type="HOME"] .area_advertisement {
    margin-top: -1px;
}

.wrap_my_information .area_signin {
    background-color: #f7f9fa;
    border: 1px solid #dbe1e5;
}

.wrap_my_information .area_my_account {
    position: relative;
    height: 69px;
    padding-left: 71px;
    background-color: #f7f9fa;
    border: solid #dbe1e5;
    border-width: 1px 1px 0;
}

.wrap_my_information .area_my_account .name {
    overflow: hidden;
    max-width: 132px;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 600;
}

.wrap_my_information .area_my_account .text_today_guest {
    display: inline-block;
    margin-top: 4px;
    color: #535353;
}

.wrap_my_information .area_my_account .highlight {
    color: #00b336;
}

.wrap_my_information .area_my_account .icon_arrow_right {
    background-position: -877px -547px;
    width: 6px;
    height: 10px;
    margin: -2px 0 0 4px;
}

.wrap_my_information .area_my_account .button_signout {
    position: absolute;
    top: 15px;
    right: 10px;
    height: 22px;
    line-height: 21px;
    padding: 0 6px;
    border: 1px solid #dbdbdb;
    letter-spacing: -0.1px;
    color: #666;
}

.wrap_my_information .area_my_account .thumbnail {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}

.wrap_my_information .area_my_account .thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrap_my_information .menu_my_blog {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #03c75a;
}

.wrap_my_information .menu_my_blog .item {
    display: table-cell;
    height: 44px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.wrap_my_information .menu_my_blog .item:first-child {
    border-left: 0;
}

.wrap_my_information .menu_my_blog .icon_write {
    background-position: -502px -547px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: top;
}

.wrap_my_information .menu_my_article {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f5f5f6;
    border: solid #dddddf;
    border-width: 0 1px;
}

.wrap_my_information .menu_my_article .item {
    display: table-cell;
    height: 40px;
    border-bottom: 1px solid #dddddf;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    color: #888;
}

.wrap_my_information .menu_my_article .item[aria-selected="true"] {
    border-color: #333;
    font-weight: 600;
    color: #000;
}

.wrap_my_information .menu_my_article .item:hover {
    border-color: #333;
    font-weight: 600;
    color: #000;
}

.wrap_my_information .area_my_content {
    position: relative;
    border: solid #dddddf;
    border-width: 0 1px;
}

.wrap_my_information .area_my_content .none {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 247px;
    text-align: center;
    color: #333;
    letter-spacing: -0.1px;
}

.wrap_my_information .area_my_content .my_content_news,
.wrap_my_information .area_my_content .my_content_written,
.wrap_my_information .area_my_content .my_content_buddy {
    overflow: hidden;
    height: 247px;
    padding: 0 20px;
}

.wrap_my_information .area_my_content .heading {
    position: relative;
    margin-top: 16px;
    padding-bottom: 13px;
    border-bottom: 1px solid #eeeeef;
    font-size: 13px;
    letter-spacing: -0.1px;
}

.wrap_my_information .area_my_content .heading .dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 6px 5px 0 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #afafaf;
    vertical-align: top;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.wrap_my_information .area_my_content .heading .title:hover {
    text-decoration: underline;
}

.wrap_my_information .area_my_content .button_layer_open {
    display: inline-block;
}

.wrap_my_information .area_my_content .icon_arrow_up,
.wrap_my_information .area_my_content .icon_arrow_bottom {
    margin-top: -2px;
}

.wrap_my_information .area_my_content .icon_arrow_up {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.wrap_my_information .area_my_content .icon_arrow_bottom {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.wrap_my_information .area_my_content .button_delete_all,
.wrap_my_information .area_my_content .link_manage_buddy {
    position: absolute;
    bottom: -40px;
    left: 0;
    padding: 13px 19px 12px;
    font-size: 12px;
    letter-spacing: -0.1px;
}

.wrap_my_information .area_my_content .button_delete_all:hover,
.wrap_my_information .area_my_content .link_manage_buddy:hover {
    text-decoration: underline;
}

.wrap_my_information .area_my_content .heading ~ .none {
    height: 202px;
}

.wrap_my_information .list_news {
    margin-top: 17px;
}

.wrap_my_information .list_news .item {
    position: relative;
    margin-bottom: 14px;
    padding: 0 20px 0 25px;
    font-size: 12px;
}

.wrap_my_information .list_news .item > i[class*="icon_"],
.wrap_my_information .list_news .text_news i[class*="icon_"] {
    position: absolute;
    top: 1px;
    left: -2px;
}

.wrap_my_information .list_news .icon_comment {
    background-position: -702px -547px;
    width: 17px;
    height: 15px;
}

.wrap_my_information .list_news .icon_likes {
    background-position: -718px -508px;
    width: 17px;
    height: 15px;
}

.wrap_my_information .list_news .icon_memo {
    background-position: -677px -547px;
    width: 17px;
    height: 15px;
}

.wrap_my_information .list_news .icon_greeting {
    background-position: -652px -547px;
    width: 17px;
    height: 16px;
}

.wrap_my_information .list_news .icon_recomment {
    background-position: -450px -581px;
    width: 17px;
    height: 16px;
}

.wrap_my_information .list_news .icon_post_invitation {
    background-position: -627px -547px;
    width: 17px;
    height: 17px;
}

.wrap_my_information .list_news .thumbnail {
    position: absolute;
    top: 1px;
    left: -5px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.wrap_my_information .list_news .thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrap_my_information .list_news .text_news {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 1.38;
    letter-spacing: -0.1px;
    color: #262626;
}

.wrap_my_information .list_news .name {
    display: inline-block;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    font-weight: 600;
    color: #00ab33;
}

.wrap_my_information .list_news .name:hover {
    text-decoration: underline;
}

.wrap_my_information .list_news .post_link:hover .name {
    text-decoration: underline;
}

.wrap_my_information .list_news .title_my_post {
    font-weight: 600;
    color: #000;
}

.wrap_my_information .list_news .text_datetime {
    display: block;
    margin-top: 1px;
    font-size: 11px;
    line-height: 1.5;
    color: #959595;
}

.wrap_my_information .list_news .number {
    font-family: "Tahoma", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

.wrap_my_information .list_news .button_delete {
    position: absolute;
    top: -4px;
    right: -10px;
    padding: 5px;
}

.wrap_my_information .list_news .button_delete:hover .icon_delete {
    background-position: -380px -606px;
    width: 17px;
    height: 17px;
}

.wrap_my_information .list_news .icon_delete {
    background-position: -405px -606px;
    width: 17px;
    height: 17px;
}

.wrap_my_information .my_content_buddy .area_dropdown {
    position: relative;
}

.wrap_my_information .my_content_buddy .area_dropdown .present_selected {
    display: inline-block;
    max-width: 162px;
    height: 15px;
    line-height: 1;
    border: 0;
    padding: 0 18px 0 0;
}

.wrap_my_information .my_content_buddy .area_dropdown .present_selected .icon_arrow {
    margin-top: -6px;
    right: 0;
}

.wrap_my_information .my_content_buddy .area_dropdown .dropdown_select {
    position: absolute;
    top: 30px;
    left: -3px;
    overflow: auto;
    overflow-x: hidden;
    min-width: 129px;
    max-height: 197px;
    padding: 0;
    border-color: #999;
}

.wrap_my_information .my_content_buddy .area_dropdown .dropdown_select .item {
    padding: 0 12px;
}

.wrap_my_information .my_content_buddy .area_dropdown .dropdown_select .item:first-child {
    margin-top: 3px;
}

.wrap_my_information .my_content_buddy .area_dropdown .dropdown_select .item:last-child {
    margin-bottom: 9px;
}

.wrap_my_information .my_content_buddy .list_buddy .item:hover .text {
    text-decoration: underline;
}

.wrap_my_information .list_buddy {
    margin-top: 15px;
}

.wrap_my_information .list_buddy .item {
    position: relative;
    float: left;
    width: 50%;
    height: 32px;
    padding: 0 5px 0 41px;
    margin-bottom: 15px;
}

.wrap_my_information .list_buddy .name {
    display: table;
    height: 32px;
}

.wrap_my_information .list_buddy .name_inner {
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    line-height: 1.42;
}

.wrap_my_information .list_buddy .name_inner .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 33px;
    word-break: break-all;
}

.wrap_my_information .list_buddy .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.wrap_my_information .list_buddy .thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrap_my_information .area_pagination {
    height: 41px;
    border: 1px solid #dddddf;
    border-top-color: #eeeeef;
    text-align: center;
}

.wrap_my_information .area_pagination + .area_advertisement {
    margin-top: -1px;
}

.wrap_my_information .area_guide {
    position: relative;
    border: solid #dddddf;
    border-width: 0 1px 1px;
}

.wrap_my_information .area_guide .title {
    display: block;
    padding: 19px 80px 16px 21px;
    height: 85px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-weight: 100;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: -0.5px;
    color: #222;
}

.wrap_my_information .area_guide .title .point {
    font-size: 18px;
    font-weight: 700;
}

.wrap_my_information .area_guide .title .icon_market {
    background-position: -770px -362px;
    width: 88px;
    height: 65px;
}

.wrap_my_information .area_guide .title .icon_guide {
    background-position: -866px -362px;
    width: 88px;
    height: 65px;
}

.wrap_my_information .area_guide .title .icon_news {
    background-position: -376px -504px;
    width: 88px;
    height: 65px;
}

.wrap_my_information .area_guide .title .icon_market,
.wrap_my_information .area_guide .title .icon_guide,
.wrap_my_information .area_guide .title .icon_news {
    position: absolute;
    top: 6px;
    right: 15px;
}

.wrap_my_information .area_notice {
    overflow: hidden;
    padding: 0 21px 22px;
    border: solid #dddddf;
    border-width: 0 1px 1px;
}

.wrap_my_information .area_notice .heading {
    margin-top: 24px;
}

.wrap_my_information .area_notice .title {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.wrap_my_information .area_notice .icon_arrow_right {
    background-position: -888px -508px;
    width: 8px;
    height: 13px;
    float: right;
    margin-top: 2px;
}

.wrap_my_information .area_notice .list {
    padding-top: 13px;
}

.wrap_my_information .area_notice .link {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
    line-height: 23px;
}

.wrap_my_information .area_link {
    padding: 16px 20px 23px;
    border: solid #dddddf;
    border-width: 0 1px 1px;
}

.wrap_my_information .area_link .item {
    position: relative;
}

.wrap_my_information .area_link .link {
    position: relative;
    display: block;
    height: 38px;
    padding: 0 10px 0 30px;
    line-height: 38px;
    font-size: 14px;
}

.wrap_my_information .area_link .sp_common, .wrap_my_information .area_link .category_select_subject .list_subject .label_check:before, .category_select_subject .list_subject .wrap_my_information .area_link .label_check:before, .wrap_my_information .area_link .area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check, .area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .wrap_my_information .area_link .icon_dropdown_check, .wrap_my_information .area_link .pika-prev:before, .wrap_my_information .area_link .pika-next:before, .wrap_my_information .area_link .buddy_state .group_name .label_check, .buddy_state .group_name .wrap_my_information .area_link .label_check {
    position: absolute;
    top: 8px;
    left: 0;
}

.wrap_my_information .area_link .icon_download {
    background-position: -880px -439px;
    width: 21px;
    height: 21px;
}

.wrap_my_information .area_link .icon_naver_dev {
    background-position: -996px -439px;
    width: 21px;
    height: 21px;
}

.wrap_my_information .area_link .icon_protection {
    background-position: -967px -439px;
    width: 21px;
    height: 21px;
}

.wrap_my_information .area_link .icon_support {
    background-position: -1025px -439px;
    width: 21px;
    height: 21px;
}

.wrap_my_information .area_link .icon_report {
    background-position: -909px -439px;
    width: 21px;
    height: 21px;
}

.wrap_my_information .area_link .icon_happybean {
    background-position: -966px -471px;
    width: 21px;
    height: 21px;
}

.wrap_my_information .area_link .icon_smartbot {
    margin: -1px 0 0 -2px;
    background-position: -787px -439px;
    width: 24px;
    height: 23px;
}

.wrap_my_information .area_keyword {
    padding: 21px 21px 15px 21px;
    border: 1px solid #dddddf;
    border-top-width: 0;
}

.wrap_my_information .area_keyword + .area_promotion {
    margin-top: -1px;
}

.wrap_my_information .area_keyword .heading {
    padding-bottom: 11px;
    border-bottom: 1px solid #eeeeef;
}

.wrap_my_information .area_keyword .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.wrap_my_information .area_keyword .list {
    margin-top: 8px;
}

.wrap_my_information .area_keyword .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 6px 6px 6px 0;
    font-size: 13px;
    color: #333;
}

.wrap_my_information .area_keyword .text {
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 27px;
    color: #666;
}

.area_my_content .item[data-visited="true"] .text_news,
.area_my_content .item[data-visited="true"] .name,
.area_my_content .item[data-visited="true"] .title_my_post {
    color: #959595;
}

.my_content_buddy .box_search {
    position: absolute;
    z-index: 50;
    top: -7px;
    left: 0;
    width: 100%;
    height: 28px;
    padding-right: 70px;
    background-color: #fff;
    font-size: 13px;
    line-height: 28px;
    letter-spacing: -0.1px;
    color: #000;
}

.my_content_buddy .box_search label {
    position: absolute;
    top: 0;
    left: 0;
    color: #b3b3b3;
    cursor: text;
}

.my_content_buddy .box_search .text_buddy_name {
    width: 100%;
    height: 100%;
    border: 0;
}

.my_content_buddy .box_search .button_close {
    position: absolute;
    top: 1px;
    right: -6px;
    padding: 0 7px;
}

.my_content_buddy .box_search .button_close:hover .icon_close {
    background-position: -1043px -471px;
    width: 14px;
    height: 17px;
}

.my_content_buddy .box_search .icon_close {
    background-position: -380px -581px;
    width: 14px;
    height: 17px;
}

.my_content_buddy .button_search {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 5px 6px 6px;
}

.my_content_buddy .button_search .icon_search {
    background-position: -402px -581px;
    width: 16px;
    height: 17px;
}

.my_content_buddy .button_search:hover .icon_search {
    background-position: -426px -581px;
    width: 16px;
    height: 17px;
}

.my_content_buddy .button_submit {
    position: absolute;
    top: 1px;
    right: 24px;
    padding: 0 6px;
}

.my_content_buddy .button_submit .icon_search {
    background-position: -402px -581px;
    width: 16px;
    height: 17px;
}

.my_content_buddy .button_submit:hover .icon_search {
    background-position: -426px -581px;
    width: 16px;
    height: 17px;
}

.my_content_buddy .button_submit.active_search .icon_search {
    background-position: -528px -547px;
    width: 16px;
    height: 17px;
}

.my_content_buddy .search_result {
    color: #666;
}

.my_content_buddy .search_result .result_buddy {
    display: block;
    padding: 19px 0 5px;
    font-size: 13px;
}

.my_content_buddy .search_result .name_buddy {
    color: #00ab33;
    font-weight: 600;
}

.my_content_buddy .search_result .result_number {
    padding-left: 2px;
    font-weight: 600;
}

.my_content_buddy .search_result .result_no_buddy {
    margin-top: 17px;
    font-size: 12px;
    line-height: 20px;
}

.area_my_content .item.cursor .name {
    cursor: text;
}

.area_my_content .item.cursor .name:hover {
    text-decoration: none;
}

.area_my_content .none .text {
    display: table-row;
    color: #959595;
    vertical-align: middle;
}

.area_my_content .none .text_inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.area_my_content .none .message_box {
    display: table-row;
    font-size: 12px;
    color: #333;
    text-align: left;
}

.area_my_content .none .text_box {
    position: relative;
    border-top: 1px solid #f1f1f1;
    margin: 0 -20px;
    max-height: 181px;
    padding: 22px 18px 19px;
    background-color: #fafafa;
}

.area_my_content .none .from_blog {
    margin-top: 12px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    letter-spacing: -0.1px;
}

.area_my_content .none .question {
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 7px;
    margin-right: -18px;
    margin-left: -18px;
    max-height: 80px;
    padding: 0 18px;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    letter-spacing: -0.1px;
}

.area_my_content .none .link_write {
    display: inline-block;
    margin-top: 22px;
    font-size: 12px;
    line-height: 14px;
    color: #00962d;
    letter-spacing: -0.1px;
}

.area_my_content .none .link_write:hover {
    text-decoration: underline;
}

.area_my_content .none .link_setting {
    position: absolute;
    right: 8px;
    bottom: 8px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px;
    width: 17px;
    height: 17px;
}

.area_my_content .none .icon_categories_setting {
    background-position: -552px -547px;
    width: 17px;
    height: 17px;
}

.area_my_content .none .icon_arrow {
    background-position: -835px -547px;
    width: 6px;
    height: 10px;
    margin: 2px 0 0 3px;
    vertical-align: top;
}

.area_my_content .none .wrap_myarea_banner {
    display: table-row;
}

.area_my_content .none .wrap_myarea_banner .myarea_banner {
    position: relative;
    margin: 0 -21px;
}

.area_my_content .none .wrap_myarea_banner .myarea_banner .link_banner {
    display: block;
}

.area_my_content .none .wrap_myarea_banner .myarea_banner .button_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: #fff;
    opacity: 0.01;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    border: 0;
}

.area_tutorial_banner {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 185px;
}

.area_tutorial_banner .button_tutorial {
    position: absolute;
    top: 0;
    left: 0;
    width: 278px;
    height: 185px;
    border: 0;
    cursor: pointer;
}

.area_tutorial_banner .button_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: #fff;
    opacity: 0.01;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    border: 0;
}

.popup_check {
    z-index: 10;
    width: 280px;
    height: 160px;
    padding: 25px 27px 22px 28px;
    border: 1px solid #666;
    background-color: #fff;
}

.my_content_news .popup_check {
    position: absolute;
    left: -1px;
    right: 0;
    bottom: -148px;
}

.challenge_introduce .popup_check {
    position: absolute;
    right: 29px;
    bottom: -136px;
}

.is_fixed.navigator_spot .popup_check {
    position: absolute;
    top: 40px;
    right: 15px;
}

.popup_check .text_check {
    font-size: 15px;
    line-height: 24px;
    color: #000;
}

.popup_check .area_button {
    margin-top: 26px;
    font-size: 0;
    text-align: right;
}

.popup_check .button_yes,
.popup_check .button_no {
    display: inline-block;
    height: 36px;
    letter-spacing: -0.1px;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    vertical-align: top;
}

.popup_check .button_yes {
    width: 67px;
    margin-left: 4px;
    border: 1px solid #00c73c;
    background-color: #00c73c;
    color: #fff;
}

.popup_check .button_no {
    width: 80px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #333;
}

.aside_blogid_area {
    position: relative;
    border: 1px solid #dbe1e5;
}

.aside_blogid_area .logout_area {
    height: 44px;
    background: #f7f9fa;
    border-bottom: 1px solid #dbe1e5;
    font-size: 12px;
    font-weight: 500;
}

.aside_blogid_area .logout_area .desc {
    padding: 0 0 0 19px;
    line-height: 44px;
    color: #808080;
}

.aside_blogid_area .logout_area .btn {
    position: absolute;
    top: 11px;
    right: 19px;
    padding: 0 7px;
    background: #fff;
    border: 1px solid #dddddf;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    color: #666;
    letter-spacing: -0.1px;
    font-weight: 500;
}

.aside_blogid_area .blogid_area {
    padding: 19px;
    text-align: center;
}

.aside_blogid_area .blogid_area .img_area .img {
    width: 100px;
    height: 80px;
}

.aside_blogid_area .blogid_area .text_area .title {
    display: block;
    padding: 18px 0 4px;
    font-size: 16px;
    letter-spacing: -0.1px;
    font-weight: 700;
    line-height: 19px;
}

.aside_blogid_area .blogid_area .text_area .desc {
    font-size: 12px;
    letter-spacing: -0.48px;
    line-height: 18px;
    color: #000;
}

.aside_blogid_area .blogid_area .btn_area {
    padding: 19px 0 0;
}

.aside_blogid_area .blogid_area .btn_area .btn {
    display: block;
    background: #03c75a;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 13px;
    letter-spacing: -0.3px;
    font-weight: 700;
    line-height: 36px;
    color: #fff;
}

/* 버튼 Sprite 이미지 */
.ugc_login .login_common {
    display: block;
    height: 20px;
    line-height: 0;
    background-image: url(https://ssl.pstatic.net/static/blog/ugc_login_2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 320px auto;
    background-size: 320px auto;
}

/* 로그인 영역 */
.ugc_login {
    padding: 17px 13px 12px;
    word-break: break-all;
}

.ugc_login.eng {
    letter-spacing: 0;
}

.ugc_login .login_button {
    display: block;
    position: relative;
    height: 48px;
    background: #03c75a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 0;
    line-height: 1;
}

.ugc_login .login_button:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    content: '';
}

.ugc_login .login_button:hover {
    cursor: pointer;
    text-decoration: none;
}

.ugc_login .ugc_login_text {
    display: inline-block;
    width: 100px;
    height: 18px;
    margin: 15px 0;
    background-position: -157px 2px;
}

.ugc_login .bar {
    display: inline-block;
    overflow: hidden;
    width: 3px;
    height: 3px;
    margin: 7px 4px 0;
    vertical-align: top;
    background: #d8dce0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ugc_login .Ugc_my_info {
    display: inline-block;
    width: 122px;
    background-position: 0 -40px;
}

.ugc_login.eng .Ugc_my_info {
    width: 154px;
    background-position: 0 -60px;
}

.ugc_login .green_type .Ugc_my_info {
    width: 123px;
    background-position: -160px -40px;
}

.ugc_login.eng .green_type .Ugc_my_info {
    width: 155px;
    background-position: -160px -60px;
}

/* 상단 텍스트 영역 */
.ugc_login .top_text {
    margin: 0 0 12px;
    line-height: 14px;
    letter-spacing: -0.1px;
    font-size: 12px;
    font-family: "Helvetica Reguler", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    color: #808080;
}

.ugc_login.eng .top_text {
    letter-spacing: 0;
}

/* 하단 텍스트 영역 */
.ugc_login .menu_signin {
    margin: 12px 0 0;
    line-height: 18px;
    vertical-align: top;
    font-family: "Helvetica Reguler", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

.ugc_login .menu_signin:after {
    content: '';
    display: block;
    clear: both;
}

.ugc_login .menu_signin .info_find {
    float: left;
}

.ugc_login .menu_signin .info_find a {
    display: inline-block;
    font-size: 12px;
    color: #404040;
    vertical-align: top;
}

.ugc_login .menu_signin .info_find .id:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 0 1px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6.5h4V5a2 2 0 1 0-4 0v1.5zm-1 0H5a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1h-1V5a3 3 0 1 0-6 0v1.5zm4.25 4.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0z' fill='%23A0A3A6'/%3E%3C/svg%3E") no-repeat;
    vertical-align: top;
    content: '';
}

.ugc_login .menu_signin .sign_in {
    float: right;
    margin-right: 10px;
}

.ugc_login .menu_signin .sign_in a {
    display: inline-block;
    font-size: 12px;
    color: #404040;
    vertical-align: top;
}

.ugc_login .menu_signin .sign_in a:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm-5.25 3.5v2h10.5v-2c-.5-.667-2.45-2-5.25-2s-4.583 1.333-5.25 2z' fill='%23C1C4C9'/%3E%3C/svg%3E") no-repeat;
    vertical-align: top;
    content: '';
}

.ugc_login .menu_signin .info_find,
.ugc_login .menu_signin .sign_in {
    font-size: 0;
}

/*! 하단 */
.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 128px;
    padding-top: 40px;
    background-color: #f6f6f6;
    text-align: center;
}

.footer .navigator_footer {
    font-size: 0;
}

.footer .navigator_footer .item {
    position: relative;
    margin-left: 12px;
    padding-left: 13px;
    font-size: 13px;
    letter-spacing: -0.1px;
    color: #000;
}

.footer .navigator_footer .item:first-child {
    margin-left: 0;
    padding-left: 0;
}

.footer .navigator_footer .item:first-child:before {
    display: none;
}

.footer .navigator_footer .item:before {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    content: '';
    left: 0;
    width: 1px;
    background-color: #d7d7d7;
}

.footer .navigator_footer .item strong {
    font-weight: 600;
}

.footer .address {
    margin-top: 20px;
    font-size: 0;
}

.footer .address .logo_naver {
    background-position: -806px -332px;
    width: 63px;
    height: 12px;
    margin-right: 4px;
    vertical-align: top;
}

.footer .address .text {
    margin-left: 4px;
    font-family: "Verdana Regular", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 10px;
    color: #444;
}

.footer .address .text[data-style="strong"] {
    font-weight: 800;
}

/*! UIO */
.spot {
    position: relative;
    color: #fff;
}

.spot:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: '';
    width: 50%;
}

.spot:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 50%;
}

.spot .inner {
    position: relative;
    z-index: 1;
}

.spot .heading {
    position: relative;
    z-index: 2;
    padding-top: 62px;
}

.spot .heading .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 48px;
    line-height: 1.13;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.spot .heading .text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.75;
}

.spot .area_button {
    position: relative;
    z-index: 2;
    margin-top: 24px;
}

.spot .button {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 39px;
    margin-right: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 14px;
    letter-spacing: -0.1px;
    text-align: center;
}

.spot .button:hover {
    background-color: #fff;
}

.spot .icon_symbol {
    z-index: 1;
}

.spot[data-lnb="monthly_blog"]:before {
    background-color: #de635b;
}

.spot[data-lnb="monthly_blog"]:after {
    background-color: #f79471;
}

.is_fixed_spot .spot[data-lnb="monthly_blog"] {
    margin-bottom: 40px;
}

.spot[data-lnb="monthly_blog"] .inner {
    height: 212px;
    background-image: url(https://ssl.pstatic.net/static/blog/spot_monthlyBlog.png);
    background-repeat: repeat-y;
}

.spot[data-lnb="monthly_blog"] .icon_symbol {
    position: absolute;
    right: 14px;
    bottom: -50px;
    background-position: -4px -4px;
    width: 352px;
    height: 496px;
}

.spot[data-lnb="official_blog"]:before {
    background-color: #2167b6;
}

.spot[data-lnb="official_blog"]:after {
    background-color: #4eb4eb;
}

.spot[data-lnb="official_blog"] .inner {
    height: 320px;
    background-image: url(https://ssl.pstatic.net/static/blog/spot_officialBlog.png);
    background-repeat: repeat-y;
}

.spot[data-lnb="official_blog"] .heading {
    padding-top: 60px;
}

.spot[data-lnb="official_blog"] .button {
    width: 178px;
}

.spot[data-lnb="official_blog"] .button:hover {
    color: #3588CD;
}

.spot[data-lnb="official_blog"] .icon_symbol {
    position: absolute;
    right: -15px;
    bottom: 0;
    background-position: -678px -4px;
    width: 380px;
    height: 320px;
}

.spot[data-lnb="power_blog"]:before {
    background-color: #0c9d7d;
}

.spot[data-lnb="power_blog"]:after {
    background-color: #3fd299;
}

.is_fixed_spot .spot[data-lnb="power_blog"] {
    margin-bottom: 80px;
}

.spot[data-lnb="power_blog"] .inner {
    height: 300px;
    background-image: url(https://ssl.pstatic.net/static/blog/spot_powerBlog.png);
    background-repeat: repeat-y;
}

.spot[data-lnb="power_blog"] .button:hover {
    color: #0c9d7d;
}

.spot[data-lnb="power_blog"] .icon_symbol {
    position: absolute;
    right: 15px;
    bottom: -108px;
    background-position: -364px -4px;
    width: 306px;
    height: 494px;
}

.spot[data-lnb="challenge"]:before {
    background-color: #634ea4;
}

.spot[data-lnb="challenge"]:after {
    background-color: #8f5ae0;
}

.is_fixed_spot .spot[data-lnb="challenge"] {
    margin-bottom: 40px;
}

.spot[data-lnb="challenge"] .inner {
    height: 212px;
    background-image: url(https://ssl.pstatic.net/static/blog/spot_challengeProgram.png);
    background-repeat: repeat-y;
}

.spot[data-lnb="challenge"] .icon_symbol {
    position: absolute;
    right: 0;
    bottom: -108px;
    background-position: -4px -508px;
    width: 368px;
    height: 368px;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="monthly_blog"],
[data-user-agent*="MSIE 9"] .spot[data-lnb="monthly_blog"] {
    background-color: #de635b;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="official_blog"],
[data-user-agent*="MSIE 9"] .spot[data-lnb="official_blog"] {
    background-color: #2167b7;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="official_blog"] .button,
[data-user-agent*="MSIE 9"] .spot[data-lnb="official_blog"] .button {
    background-color: #4389ca;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="official_blog"] .advantage .bright,
[data-user-agent*="MSIE 9"] .spot[data-lnb="official_blog"] .advantage .bright {
    background-color: #4389ca;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="power_blog"],
[data-user-agent*="MSIE 9"] .spot[data-lnb="power_blog"] {
    background-color: #0c9d7d;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="power_blog"] .button,
[data-user-agent*="MSIE 9"] .spot[data-lnb="power_blog"] .button {
    background-color: #2daf8e;
}

[data-user-agent*="MSIE 8"] .spot[data-lnb="challenge"],
[data-user-agent*="MSIE 9"] .spot[data-lnb="challenge"] {
    background-color: #8f5ae0;
}

[data-user-agent*="MSIE 8"] .spot .button,
[data-user-agent*="MSIE 9"] .spot .button {
    border: 1px solid #fff;
}

[data-user-agent*="MSIE 8"] .spot .button:hover,
[data-user-agent*="MSIE 9"] .spot .button:hover {
    background-color: #fff;
}

.navigator_spot {
    position: relative;
    z-index: 50;
    height: 41px;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
}

.navigator_spot.is_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.navigator_spot .challenge_top_button .link_write,
.navigator_spot .challenge_top_button .area_dropdown {
    display: none;
}

.navigator_spot.is_fixed .challenge_top_button .link_write,
.navigator_spot.is_fixed .challenge_top_button .area_dropdown {
    display: block;
}

.navigator_spot .inner {
    position: relative;
}

.navigator_spot .list_menu_spot_main {
    float: left;
    margin-left: -12px;
}

.navigator_spot .list_menu_spot_main .link_write {
    position: absolute;
    top: 6px;
    right: 15px;
    height: 28px;
    padding: 0 11px;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 26px;
    color: #333;
    text-align: center;
}

.navigator_spot .list_menu_spot_sub {
    float: right;
    margin-right: -12px;
}

.navigator_spot .area_year_month {
    position: relative;
    z-index: 1;
    float: left;
    margin-right: -1px;
    border-right: 1px solid #ebebeb;
}

.navigator_spot .area_year_month .present_selected {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 36px 0 12px;
    line-height: 39px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.navigator_spot .area_year_month .status {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    right: 16px;
    width: 14px;
    line-height: 11px;
    margin-left: 6px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.navigator_spot .area_year_month [aria-expanded="true"] .icon_arrow {
    background-position: -806px -352px;
    width: 8px;
    height: 6px;
}

.navigator_spot .area_year_month [aria-expanded="false"] .icon_arrow {
    background-position: -995px -332px;
    width: 8px;
    height: 6px;
}

.navigator_spot .menu {
    float: left;
}

.navigator_spot .menu_set {
    position: relative;
    float: left;
}

.navigator_spot .menu_set:first-child .menu:before {
    display: none;
}

.navigator_spot .menu_set .menu {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 14px;
    color: #666;
}

.navigator_spot .menu_set .menu:before {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    content: '';
    left: 0;
    width: 1px;
    background-color: #ababab;
    opacity: 0.3;
}

.navigator_spot .menu_set .menu[aria-selected="true"], .navigator_spot .menu_set .menu.on {
    font-weight: 600;
    color: #000;
}

.navigator_spot .menu_set .menu:hover, .navigator_spot .menu_set .menu--focused {
    text-decoration: underline;
    color: #000;
}

.navigator_spot .menu_set .menu:hover + [aria-hidden="true"] > .dropdown_select, .navigator_spot .menu_set .menu--focused + [aria-hidden="true"] > .dropdown_select {
    display: inline-block;
}

.navigator_spot .icon_search {
    background-position: -554px -508px;
    width: 20px;
    height: 20px;
    margin-top: -1px;
}

.navigator_spot .menu_search {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
}

.navigator_spot .menu_search[aria-selected="true"] + .input_keyword {
    display: block;
}

.navigator_spot .input_keyword {
    display: none;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 12px;
    width: 267px;
    height: 32px;
    padding: 0 60px 1px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 13px;
}

.navigator_spot .input_keyword .input_search_keyword {
    width: 100%;
    height: 30px;
    padding-left: 6px;
    border: 0;
    font-size: 13px;
}

.navigator_spot .input_keyword label {
    position: absolute;
    top: 0;
    left: 7px;
    color: #959595;
    cursor: text;
    line-height: 32px;
}

.navigator_spot .button_submit {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 30px;
    padding: 5px 4px 5px;
    line-height: 20px;
}

.navigator_spot .button_submit[aria-selected="true"] .icon_search {
    background-position: -1015px -471px;
    width: 20px;
    height: 20px;
}

.navigator_spot .button_submit .icon_search {
    margin-top: 0;
    vertical-align: top;
}

.navigator_spot .button_close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 1px;
    padding: 5px 5px 5px 4px;
    line-height: 20px;
}

.navigator_spot .button_close .icon_close {
    background-position: -638px -508px;
    width: 20px;
    height: 20px;
    vertical-align: top;
}

.navigator_spot .button_close:hover .icon_close {
    background-position: -610px -508px;
    width: 20px;
    height: 20px;
}

.hot_topic {
    position: relative;
    height: 305px;
    background-color: #f5f5f6;
    padding: 20px 0 15px;
}

.hot_topic .area_topic {
    float: left;
    position: relative;
    width: 770px;
}

.hot_topic .area_topic .list_group {
    overflow: hidden;
}

.hot_topic .area_topic .list_hottopic {
    position: relative;
    overflow: hidden;
    height: 240px;
    margin-left: -7px;
}

.hot_topic .area_advertisement,
.hot_topic .area_promotion {
    position: relative;
    float: right;
    width: 280px;
    padding-top: 30px;
}

.hot_topic .area_promotion .list_group {
    overflow: hidden;
}

.hot_topic .list_promotion {
    position: relative;
    width: 840px;
}

.hot_topic .list_promotion .item {
    width: 280px;
    height: 240px;
}

.hot_topic .list_promotion .item > a {
    position: relative;
    display: block;
}

.hot_topic .list_promotion .item > a:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    content: '';
}

.hot_topic .pagination_tab {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.hot_topic .pagination_tab .item {
    float: left;
    position: relative;
    background-color: #f6f6f7;
    color: #888;
    font-size: 12px;
    font-family: "Tahoma", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    text-align: center;
}

.hot_topic .pagination_tab .item:first-child {
    margin-left: 0;
}

.hot_topic .pagination_tab.pagination_number .item {
    width: 20px;
    height: 20px;
    margin: 0 0 0 4px;
    border: 1px solid rgba(221, 221, 223, 0.8);
    line-height: 17px;
}

.hot_topic .pagination_tab.pagination_number .item[aria-selected=true] {
    border: 1px solid #69707d;
    background-color: #69707d;
    color: #fff;
}

.hot_topic .pagination_tab.pagination_number .item:hover {
    border-color: rgba(105, 112, 125, 0.5);
}

.hot_topic .pagination_tab.pagination_arrow .item {
    width: 24px;
    height: 24px;
    border: 1px solid rgba(227, 227, 229, 0.8);
}

.hot_topic .pagination_tab.pagination_arrow .item:first-child {
    margin-right: -1px;
}

.hot_topic .pagination_tab.pagination_arrow .item.disabled {
    cursor: default;
}

.hot_topic .pagination_tab.pagination_arrow .item.disabled [class*="icon_"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.hot_topic .pagination_tab.pagination_arrow .icon_prev {
    background-position: -904px -508px;
    width: 8px;
    height: 12px;
    margin-top: 5px;
    vertical-align: top;
}

.hot_topic .pagination_tab.pagination_arrow .icon_next {
    background-position: -920px -508px;
    width: 8px;
    height: 12px;
    margin-top: 5px;
    vertical-align: top;
}

.hot_topic .heading .title {
    color: #e55e5e;
}

.area_topic a.category_topic:hover {
    text-decoration: underline;
}

.area_topic .heading {
    display: inline-block;
    height: 19px;
    margin-bottom: 11px;
    font-size: 0;
}

.hot_topic_search .area_topic .heading {
    margin-top: 2px;
}

.area_topic .heading .title {
    display: inline-block;
    margin-top: -1px;
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
}

.area_topic .heading .title .link:hover {
    text-decoration: underline;
}

.area_topic .heading .icon_arrow_right {
    background-position: -812px -508px;
    width: 8px;
    height: 14px;
    margin: 3px 8px 0 8px;
    vertical-align: top;
}

.area_topic .heading .category_topic {
    font-size: 16px;
}

.area_topic .heading .description {
    margin-left: 9px;
    font-size: 12px;
    line-height: 17px;
    color: #666;
}

.area_topic .list_hottopic .item_inner {
    display: block;
    position: relative;
    background-color: #374257;
}

.area_topic .list_hottopic .item_inner:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    content: '';
}

.area_topic .list_hottopic .area_snippet {
    width: 252px;
    height: 240px;
    padding: 21px 20px 0;
    background: #566070;
    font-size: 13px;
    color: #fff;
    line-height: 21px;
}

.area_topic .list_hottopic .area_snippet .text {
    height: 125px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.area_topic .list_hottopic .desc_post {
    position: absolute;
    top: 162px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0 18px 22px 18px;
    color: #fff;
    text-align: center;
    -webkit-transition: top 0.35s ease;
    transition: top 0.35s ease;
}

.area_topic .list_hottopic .desc_post:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 252.5px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    background-color: #374257;
    content: '';
}

.list_hottopic .item {
    position: relative;
    float: left;
    margin-left: 7px;
    background-color: #374257;
}

.list_hottopic .item:hover .item_inner .desc_post, .list_hottopic .item:focus .item_inner .desc_post, .list_hottopic .item.focus .item_inner .desc_post {
    top: 0;
}

.list_hottopic .item:hover .item_inner .desc_post .title, .list_hottopic .item:focus .item_inner .desc_post .title, .list_hottopic .item.focus .item_inner .desc_post .title {
    display: none;
}

.list_hottopic .item:hover .link_author, .list_hottopic .item:focus .link_author, .list_hottopic .item.focus .link_author {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    top: 40px;
    -webkit-transition: top 0.35s ease;
    transition: top 0.35s ease;
    visibility: visible;
}

.list_hottopic .item .icon_video_play {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 10;
    width: 36px;
    height: 36px;
    font-size: 0;
    color: transparent;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3ClinearGradient id='jw2fku7glb' x1='0%25' x2='0%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFF' stop-opacity='.7'/%3E%3Cstop offset='100%25' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3Cfilter id='36hqqbnnta' width='288.2%25' height='269.4%25' x='-94.1%25' y='-84.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='4'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cg filter='url(%2336hqqbnnta)' transform='translate(8 8)'%3E%3Cpath fill='url(%23jw2fku7glb)' d='M0 16.392L5.124 16.392 5.124 2.54 0 2.54z'/%3E%3Cpath fill='%23FFF' d='M16.246 8.13c-.775-1.167-2.331-1.514-3.529-.79L1.204 14.306C.005 15.03-.36 16.56.39 17.72c.775 1.168 2.333 1.515 3.53.789l11.511-6.964c1.202-.724 1.565-2.254.815-3.417'/%3E%3Cpath fill='%23FFF' d='M16.246 10.76c-.774 1.167-2.331 1.515-3.529.788L1.204 4.584C.632 4.25.222 3.694.07 3.05c-.154-.644-.038-1.324.32-1.882C1.166 0 2.724-.348 3.92.38l11.511 6.964c1.202.724 1.565 2.256.815 3.417'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
}

.list_hottopic .item .icon_market {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 10;
    width: 38px;
    height: 38px;
    font-size: 0;
    color: transparent;
    -webkit-background-size: 38px 38px;
    background-size: 38px 38px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='38' viewBox='0 0 38 38'%3E%3Cdefs%3E%3ClinearGradient id='69xvf99r0c' x1='50%25' x2='50%25' y1='67.188%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFF'/%3E%3Cstop offset='100%25' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3Cfilter id='u41wuu5qaa' width='241.2%25' height='221.4%25' x='-70.6%25' y='-60.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='4'/%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3C/filter%3E%3Cpath id='7p8gqmt26b' d='M18.5 8c2.106 0 3.814 1.708 3.814 3.814l-.001.42h2.072c1.444 0 2.615 1.168 2.615 2.608v8.762c0 2.297-1.65 4.159-3.954 4.159h-8.874c-2.304 0-4.172-1.862-4.172-4.16v-8.761c0-1.44 1.17-2.607 2.615-2.607l2.07-.001v-.42C14.686 9.708 16.395 8 18.5 8zm-1.107 7.624H15.45v8.508h1.944v-.6c.428.485 1.063.779 1.932.779 1.698 0 3.098-1.468 3.098-3.369 0-1.901-1.4-3.37-3.098-3.37-.796 0-1.397.248-1.82.662l-.112.117v-2.727zm1.543 3.633c.968 0 1.67.65 1.67 1.685 0 1.036-.702 1.685-1.67 1.685s-1.67-.65-1.67-1.685c0-1.036.702-1.685 1.67-1.685zm-.436-9.65c-1.19 0-2.165.924-2.244 2.095l-.005.154-.002.378h4.499l.001-.378c0-1.243-1.007-2.25-2.249-2.25z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-2265 -1256) translate(1640 1229) translate(19 24) translate(603) translate(3 3)'%3E%3Cuse fill='%23000' filter='url(%23u41wuu5qaa)' xlink:href='%237p8gqmt26b'/%3E%3Cuse fill='url(%2369xvf99r0c)' xlink:href='%237p8gqmt26b'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
}

.list_hottopic .link_author {
    position: absolute;
    top: 202px;
    left: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 2;
    visibility: hidden;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.list_hottopic .link_author:hover .nickname {
    text-decoration: underline;
}

.list_hottopic .thumbnail_author {
    position: relative;
    width: 46px;
    height: 46px;
    margin: 0 auto 10px;
}

.list_hottopic .thumbnail_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    content: '';
}

.list_hottopic .thumbnail_author:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list_hottopic .thumbnail_author .img_author {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list_hottopic .nickname {
    display: block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
}

.list_hottopic .title {
    position: relative;
    width: 160px;
    height: 44px;
    margin: 17px auto;
    font-size: 0;
}

.list_hottopic .title .title_inner {
    display: inline-block;
    vertical-align: middle;
}

.list_hottopic .title:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.list_hottopic .title .title_post {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 44px;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 23px;
    word-wrap: break-word;
    word-break: break-all;
}

.list_hottopic .text_post {
    overflow: hidden;
    width: 216px;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    position: absolute;
    top: 142px;
    left: 20px;
    height: 76px;
    font-size: 13px;
    line-height: 19px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}

.item_inner .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_image2.svg) no-repeat 50%/cover;
}

.category_theme .search_information {
    padding: 33px 0 17px;
    border-bottom: 1px solid #eeeeef;
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.category_theme .search_information .search_result {
    display: inline-block;
    word-break: break-all;
}

.category_theme .search_information .search_result .search_keyword {
    color: #00ab33;
    font-weight: bold;
}

.navigator_category,
.navigator_category_sub {
    font-size: 0;
}

.navigator_category .item,
.navigator_category_sub .item {
    display: inline-block;
}

.navigator_category .item .category_name,
.navigator_category_sub .item .category_name {
    display: inline-block;
}

.navigator_category .dot,
.navigator_category_sub .dot {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 3px;
    background-color: #c7c7c7;
    vertical-align: middle;
}

.navigator_category {
    height: 66px;
    border-bottom: 1px solid #999;
}

.navigator_category .item .category_name {
    height: 66px;
    margin: 0 14px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 20px;
    line-height: 66px;
    color: #959595;
}

.navigator_category .item:first-child .category_name {
    margin-left: 0;
}

.navigator_category .item_click .category_name, .navigator_category .item[aria-selected="true"] .category_name, .navigator_category .item:hover .category_name {
    font-weight: bold;
    color: #000;
}

.navigator_category .item_click .dot, .navigator_category .item[aria-selected="true"] .dot, .navigator_category .item:hover .dot {
    background-color: #000;
}

.navigator_category .item_click .category_name, .navigator_category .item[aria-selected="true"] .category_name {
    border-bottom: 3px solid #000;
}

.navigator_category_sub {
    position: relative;
    height: 43px;
    margin: 0 -8px;
}

.navigator_category_sub:after {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    overflow: hidden;
    height: 1px;
    background: #999;
    content: '';
}

.navigator_category_sub[data-set="favorite"] {
    height: auto;
    padding: 9px 25px 9px 0;
}

.navigator_category_sub[data-set="favorite"] .item:first-child .category_name {
    margin-left: 8px;
}

.navigator_category_sub[data-set="favorite"] .category_name {
    overflow: hidden;
    max-width: 357px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 25px !important;
}

.navigator_category_sub[data-set="favorite"] .item_all .category_name {
    width: auto;
}

.navigator_category_sub[data-set="no_category"] .txt {
    color: #434343;
}

.navigator_category_sub[data-set="logout"] .txt {
    color: #555;
}

.navigator_category_sub .item .category_name {
    margin: 0 8px;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 14px;
    line-height: 42px;
    color: #333;
}

.navigator_category_sub .item[aria-selected="true"] .category_name {
    font-weight: 600;
    color: #00ab33;
}

.navigator_category_sub .item:hover .category_name {
    text-decoration: underline;
}

.navigator_category_sub .txt {
    padding-left: 8px;
    font-size: 13px;
    line-height: 42px;
}

.navigator_category_sub .point {
    font-weight: 600;
    color: #000;
}

.navigator_category_sub .button_setting {
    position: absolute;
    bottom: 0;
    right: 6px;
    padding: 12px 4px 13px;
}

.navigator_category_sub .button_setting:hover .icon_categories_setting {
    background-position: -602px -547px;
    width: 17px;
    height: 17px;
}

.navigator_category_sub .button_setting[aria-expanded="true"] .icon_categories_setting {
    background-position: -577px -547px;
    width: 17px;
    height: 17px;
}

.navigator_category_sub .icon_categories_setting {
    background-position: -552px -547px;
    width: 17px;
    height: 17px;
}

.category_search .option_sorting, .category_search_hottopic .option_sorting {
    float: left;
    margin-right: -5px;
    font-size: 0;
    line-height: 52px;
}

.category_search .option_sorting .item, .category_search_hottopic .option_sorting .item {
    display: inline-block;
}

.category_search .option_sorting .item .icon_filter_check, .category_search_hottopic .option_sorting .item .icon_filter_check {
    margin-right: 2px;
}

.category_search .option_sorting .item[aria-pressed="true"] .sorting_name, .category_search_hottopic .option_sorting .item[aria-pressed="true"] .sorting_name {
    color: #00ab33;
}

.category_search .option_sorting .item[aria-pressed="true"] .icon_filter_check, .category_search_hottopic .option_sorting .item[aria-pressed="true"] .icon_filter_check {
    background-position: -692px -508px;
    width: 18px;
    height: 16px;
}

.category_search .option_sorting .item[aria-pressed="false"] .icon_filter_check, .category_search_hottopic .option_sorting .item[aria-pressed="false"] .icon_filter_check {
    background-position: -666px -508px;
    width: 18px;
    height: 16px;
}

.category_search .option_sorting .sorting_name, .category_search_hottopic .option_sorting .sorting_name {
    display: inline-block;
    margin: 0 5px;
    font-size: 13px;
    color: #666;
}

.category_search .option_sorting .icon_check, .category_search_hottopic .option_sorting .icon_check {
    margin-right: 2px;
}

.category_search {
    margin-top: 24px;
}

.category_search .navigator_category {
    height: 39px;
}

.category_search .item .category_name {
    height: 39px;
    margin: 0 17px;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 16px;
    line-height: 39px;
    color: #333;
}

.category_search .item[aria-selected="true"] .category_name, .category_search .item:hover .category_name {
    font-weight: 600;
}

.category_search .item[aria-selected="true"] .category_name {
    border-bottom: 3px solid #000;
}

.category_search .search_information {
    height: 52px;
    color: #666;
    vertical-align: top;
}

.category_search .search_information .search_result {
    font-size: 13px;
    color: #666;
    line-height: 51px;
    vertical-align: top;
}

.category_search .search_information .search_keyword {
    overflow: hidden;
    max-width: 310px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    color: #00ab33;
    float: left;
    font-weight: 600;
}

.category_search .search_information .search_number {
    padding-left: 4px;
    vertical-align: top;
    font-weight: 600;
}

.category_search .search_option {
    float: right;
    height: 51px;
    color: #666;
}

.category_search .search_option .search_result {
    float: left;
    line-height: 51px;
}

.category_search .search_option .search_keyword {
    font-weight: 600;
}

.category_search .search_option .search_number {
    font-weight: 600;
    color: #dc464c;
}

.category_search .area_dropdown {
    position: relative;
    float: left;
    margin: 10px 0 0 20px;
}

.category_search .area_dropdown .dropdown_select {
    position: absolute;
    top: 33px;
    left: 0;
}

.category_challenge {
    margin: 26px 0 20px;
}

.category_challenge .navigator_category_sub {
    width: auto;
    height: auto;
    border: 0;
}

.category_challenge .navigator_category_sub .item[aria-selected="true"] .category_name {
    font-weight: 600;
    color: #000;
}

.category_challenge .navigator_category_sub .category_name {
    margin: 0 8px;
    line-height: 48px;
    color: #000;
}

.category_home .navigator_category {
    height: 44px;
    border: 1px solid #999;
    border-width: 1px 0;
}

.category_home .navigator_category .item:hover .category_name {
    text-decoration: underline;
}

.category_home .navigator_category .item:hover .category_name {
    border: 0;
    font-weight: 400;
}

.category_home .navigator_category .item[aria-selected="true"] .category_name {
    border: 0;
    font-weight: 600;
    color: #00ab33;
}

.category_home .navigator_category .category_name {
    height: 42px;
    margin: 0 11px;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 14px;
    line-height: 42px;
    color: #000;
}

.category_search_hottopic {
    height: 48px;
    margin-bottom: 19px;
    border-bottom: 1px solid #999;
}

.category_search_hottopic .search_result {
    font-size: 13px;
    vertical-align: middle;
    color: #666;
    line-height: 48px;
}

.category_search_hottopic .search_keyword {
    overflow: hidden;
    max-width: 430px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    color: #00ab33;
    font-weight: 600;
    vertical-align: top;
}

.category_search_hottopic .search_number {
    margin-left: 4px;
    font-weight: 600;
}

.category_search_hottopic .search_option {
    float: right;
}

.category_search_hottopic .option_sorting {
    line-height: 47px;
}

.category_challenge .box_item {
    display: inline-block;
}

.box_item .item:first-child .category_name {
    margin: 0 8px;
}

.category_select_subject {
    position: absolute;
    left: 8px;
    bottom: -551px;
    z-index: 40;
    width: 770px;
    height: 552px;
    padding: 34px 40px 28px 40px;
    border: 1px solid #666;
    background-color: #fff;
}

.category_select_subject[aria-hidden="true"] {
    display: none;
}

.category_select_subject form, .category_select_subject fieldset {
    vertical-align: top;
}

.category_select_subject input {
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
}

.category_select_subject input[type=text] {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.category_select_subject input[type=checkbox] + label {
    cursor: pointer;
}

.category_select_subject .heading {
    height: 22px;
}

.category_select_subject .heading .title {
    font-size: 20px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-weight: 600;
    line-height: 22px;
}

.category_select_subject .heading .tip {
    margin-left: 7px;
    color: #959595;
    font-size: 12px;
    line-height: 14px;
}

.category_select_subject .area_select {
    margin-top: 36px;
    padding-bottom: 28px;
    border-bottom: 1px solid #eeeeef;
}

.category_select_subject .area_select .title_list {
    display: block;
    height: 15px;
    font-size: 13px;
    line-height: 15px;
}

.category_select_subject .area_select .title_list + .check_item {
    margin-top: 17px;
}

.category_select_subject .area_select .button_register:hover, .category_select_subject .area_select .button_order_set[aria-disabled="false"]:hover, .category_select_subject .area_select .button_del:hover {
    border-color: #999;
}

.category_select_subject .list_button_form {
    margin-top: 23px;
    font-size: 12px;
    text-align: right;
}

.category_select_subject .list_button_form .button_reset {
    float: left;
    position: relative;
    width: 91px;
    height: 36px;
    padding-left: 21px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
}

.category_select_subject .list_button_form .button_reset .icon_refresh {
    background-position: -768px -508px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -7px;
}

.category_select_subject .list_button_form .button_cancel, .category_select_subject .list_button_form .button_submit {
    display: inline-block;
    width: 75px;
    height: 36px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.1px;
    text-align: center;
    line-height: 34px;
    vertical-align: top;
}

.category_select_subject .list_button_form .button_submit.modify {
    border: none;
    background-color: #00c73c;
    color: #fff;
}

.category_select_subject .list_button_form .button_reset:hover, .category_select_subject .list_button_form .button_cancel:hover, .category_select_subject .list_button_form .button_submit:hover, .category_select_subject .list_button_form .button_submit:hover {
    border-color: #999;
}

.category_select_subject .subject_select {
    float: left;
}

.category_select_subject .order_select {
    position: relative;
    float: right;
    width: 162px;
}

.category_select_subject .order_select:before {
    position: absolute;
    top: 2px;
    left: -40px;
    bottom: 2px;
    width: 1px;
    background-color: #eeeeef;
    content: '';
}

.category_select_subject .order_select .title_list {
    margin-bottom: 11px;
}

.category_select_subject .list_subject .item {
    float: left;
    width: 125px;
    height: 287px;
}

.category_select_subject .list_subject .item:nth-child(3) {
    margin-left: 5px;
}

.category_select_subject .list_subject .item:nth-child(4) {
    margin-left: -10px;
}

.category_select_subject .list_subject .check_item {
    height: 15px;
    margin-top: 15px;
    font-size: 0;
}

.category_select_subject .list_subject .label_check {
    display: inline-block;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
}

.category_select_subject .list_subject .label_check:before {
    background-position: -798px -547px;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    vertical-align: top;
    content: '';
}

.category_select_subject .list_subject .input_checkbox[checked="checked"] + .label_check:before {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.category_select_subject .search_keyword {
    height: 26px;
    margin-top: 30px;
}

.category_select_subject .search_keyword .title_search {
    float: left;
    font-size: 13px;
    line-height: 26px;
}

.category_select_subject .search_keyword .register_keyword {
    float: left;
    width: 169px;
    height: 26px;
    margin-left: 10px;
    padding-left: 6px;
    border: 1px solid #dbdbdb;
}

.category_select_subject .search_keyword .register_keyword:focus {
    outline: 0;
}

.category_select_subject .search_keyword .button_register {
    float: left;
    width: 49px;
    height: 26px;
    margin-left: 4px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
}

.order_select .list_subject_added {
    height: 282px;
    border: 1px solid #ebebeb;
    background: #fcfcfc;
}

.order_select .list_subject_added .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    height: 28px;
    padding-left: 11px;
    background-color: #fcfcfc;
    font-size: 12px;
    line-height: 28px;
}

.order_select .list_subject_added .item[aria-selected*="true"] {
    background-color: #f2f2f2;
}

.order_select .list_button_control {
    margin-top: 10px;
}

.order_select .list_button_control .button_order_set {
    position: relative;
    float: left;
    width: 28px;
    height: 26px;
    margin-right: 4px;
    border: 1px solid #dbdbdb;
}

.order_select .list_button_control .button_del {
    float: right;
    width: 49px;
    height: 26px;
    border: 1px solid #dbdbdb;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
}

.order_select .list_button_control .icon_arrow_up {
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
    margin: -4px 0 0 -6px;
}

.order_select .list_button_control .icon_arrow_down {
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
    margin: -4px 0 0 -6px;
}

.order_select .button_order_set[aria-disabled*=true] {
    cursor: default;
}

.order_select .button_order_set[aria-disabled*=true] .icon_arrow_up, .order_select .button_order_set[aria-disabled*=true] .icon_arrow_down {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.list_post_article .item[data-visited="true"] .title_post,
.list_post_article .item[data-visited="true"] .text,
.list_post_article .item[data-visited="true"] .search_keyword {
    color: #959595;
}

.list_post_article .info_post {
    display: table-cell;
    position: relative;
    padding-right: 30px;
    font-size: 0;
}

.list_post_article .info_post.only_post + .thumbnail_post,
.list_post_article .info_post.only_post + .thumbnail_post .thumbnail_post {
    width: 0;
}

.list_post_article .info_post.only_post {
    padding-right: 0;
}

.list_post_article .info_post.only_post .button_del_post {
    right: -4px;
}

.list_post_article .info_post.only_post .button_buddy,
.list_post_article .info_post.only_post .label_category {
    right: 0px;
}

.list_post_article .info_post.only_post .title_post, .list_post_article .info_post.only_post .text {
    width: 770px;
}

.list_post_article .info_post:last-child {
    padding-right: 0;
}

.list_post_article .info_post:last-child .button_del_post {
    right: -4px;
}

.list_post_article .info_post:last-child .button_buddy,
.list_post_article .info_post:last-child .label_category {
    right: 0;
}

.list_post_article .info_post .author {
    display: inline-block;
}

.list_post_article .info_post .desc {
    margin-top: 16px;
}

.list_post_article .info_post .title_post {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    width: 573px;
    min-height: 20px;
    max-height: 50px;
    font-size: 17px;
    line-height: 25px;
    word-wrap: break-word;
}

.list_post_article .info_post .title_post .challenge_daily_keyword {
    color: #27c400;
}

.list_post_article .info_post .title_post .challenge_special_keyword {
    color: #ff6565;
}

.list_post_article .info_post .title_post .keyword_material_challenge {
    color: #527BFF;
}

.list_post_article .info_post strong.title_post {
    font-weight: 600;
}

.list_post_article .info_post p.title_post {
    font-weight: 400;
}

.list_post_article .info_post .search_keyword {
    font-weight: 600;
}

.list_post_article .info_post .button_del_post {
    position: absolute;
    top: -1px;
    right: 25px;
    opacity: 0;
    padding: 4px;
}

.list_post_article .info_post .button_del_post:focus {
    opacity: 1;
}

.list_post_article .info_post .button_buddy {
    position: absolute;
    top: 0;
    right: 30px;
    width: 74px;
    height: 26px;
    line-height: 25px;
    border: solid 1px #4cc570;
    font-size: 12px;
    text-align: center;
    color: #00a532;
}

.list_post_article .info_post .label_category {
    position: absolute;
    top: -1px;
    right: 26px;
    padding: 4px;
    font-size: 12px;
    color: #00ab33;
    letter-spacing: -0.1px;
}

.list_post_article .info_post .label_category:hover {
    text-decoration: underline;
}

.list_post_article .icon_add {
    background-position: -1010px -508px;
    width: 9px;
    height: 9px;
    margin: -3px 3px 0 0;
}

.list_post_article .icon_delete {
    background-position: -938px -439px;
    width: 21px;
    height: 21px;
}

.list_post_article .thumbnail_post {
    display: table-cell;
    position: relative;
    width: 167px;
    vertical-align: top;
}

.list_post_article .thumbnail_post .thumbnail_inner {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 167px;
    height: 167px;
    background-color: #fff;
    text-align: center;
}

.list_post_article .thumbnail_post .thumbnail_inner:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    content: '';
}

.list_post_article .thumbnail_post .img_post {
    width: 100%;
}

.list_post_article .thumbnail_post .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_image2.svg) no-repeat;
}

.list_post_article .author:hover .name_author {
    text-decoration: underline;
}

.list_post_article .author .thumbnail_author {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 10px;
    font-size: 17px;
    font-weight: 600;
}

.list_post_article .author .thumbnail_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list_post_article .author .info_author {
    float: left;
}

.list_post_article .author .name_author {
    display: block;
    height: 16px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 16px;
}

.list_post_article .author .time {
    font-size: 11px;
    color: #959595;
    line-height: 13px;
}

.list_post_article .author .market_status {
    font-size: 11px;
}

.list_post_article .author .market_status:before {
    display: inline-block;
    margin: 5px 4px 0;
    width: 2px;
    height: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ccc;
    vertical-align: top;
    content: '';
}

.list_post_article .author .market_status.OnSale {
    color: #ff4e1d;
}

.list_post_article .author .market_status.BeforeSale {
    color: #000;
}

.list_post_article .author .market_status.OutOfStock {
    color: #898989;
}

.list_post_article .comments {
    height: 15px;
    margin-top: 14px;
    font-size: 12px;
    color: #959595;
    letter-spacing: -0.1px;
}

.list_post_article .comments .like {
    margin-right: 9px;
}

.list_post_article .comments .num {
    font-family: Tahoma, sans-serif;
}

.list_post_article .desc .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    width: 573px;
    max-height: 60px;
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    word-wrap: break-word;
}

.list_post_article .desc_inner {
    display: block;
}

.list_post_article .desc_inner:last-child {
    margin-bottom: 7px;
}

.list_post_article .item {
    display: table;
    overflow: hidden;
    width: 100%;
    padding: 25px 0 23px;
    border-bottom: 1px solid #eeeeef;
}

.list_post_article .item:hover .button_del_post {
    opacity: 1;
}

.list_post_article .item.multi_pic .button_more_img {
    position: absolute;
    top: 136px;
    left: 136px;
    z-index: 15;
}

.list_post_article .item.multi_pic .icon_more {
    background-position: -515px -508px;
    width: 31px;
    height: 31px;
}

.list_post_article .item.multi_pic .thumbnail_post.is_opened .icon_more {
    background-position: -476px -508px;
    width: 31px;
    height: 31px;
}

.list_post_article .item.multi_pic .plus_thumbnail_list {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    font-size: 0;
    white-space: nowrap;
}

.list_post_article .item.multi_pic .plus_thumbnail_list .list_inner {
    display: block;
}

.list_post_article .item.multi_pic .plus_thumbnail_list .plus_item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 167px;
    height: 167px;
    margin-right: 1px;
    text-align: center;
}

.list_post_article .item.multi_pic .plus_thumbnail_list .plus_item:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    content: '';
}

.list_post_article .item.multi_pic .plus_thumbnail_list .plus_item .plus_img {
    width: 100%;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .item {
    display: block;
    overflow: visible;
    position: relative;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .item_inner {
    display: table;
    width: 100%;
    overflow: hidden;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .info_post {
    position: static;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .info_post .button_del_post {
    top: 21px;
    right: 193px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .info_post .button_del_post .icon_delete {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='%23949494' d='m20.3 1.4-.7-.7-9.1 9.1L1.4.7l-.7.7 9.1 9.1-9.1 9.1.7.7 9.1-9.1 9.1 9.1.7-.7-9.1-9.1 9.1-9.1Z'/%3E%3C/svg%3E") no-repeat;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .info_post.only_post .button_del_post {
    top: 21px;
    right: -4px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .like {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: top;
    line-height: 15px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .reply {
    display: inline-block;
    color: #000;
    vertical-align: top;
    line-height: 15px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .reply .icon_comment2 {
    background-position: -727px -547px;
    width: 17px;
    height: 15px;
    margin: -1px 0 1px;
    vertical-align: top;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .reply em {
    font-weight: bold;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .share {
    float: right;
    position: relative;
    width: 27px;
    height: 24px;
    margin: -5px -5px 0 0;
    padding: 5px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .share .icon_share {
    background-position: -743px -508px;
    width: 17px;
    height: 14px;
    vertical-align: top;
    pointer-events: none;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .list_post_article.list_post_article_comments .comments .share:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
}

.thumbnail_post .thumbnail_inner .icon_vr,
.plus_thumbnail_list .plus_item .icon_vr {
    background-position: -678px -439px;
    width: 36px;
    height: 24px;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 10;
}

.thumbnail_post .thumbnail_inner .icon_video_play,
.plus_thumbnail_list .plus_item .icon_video_play {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 10;
    width: 36px;
    height: 36px;
    font-size: 0;
    color: transparent;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3ClinearGradient id='jw2fku7glb' x1='0%25' x2='0%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFF' stop-opacity='.7'/%3E%3Cstop offset='100%25' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3Cfilter id='36hqqbnnta' width='288.2%25' height='269.4%25' x='-94.1%25' y='-84.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='4'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cg filter='url(%2336hqqbnnta)' transform='translate(8 8)'%3E%3Cpath fill='url(%23jw2fku7glb)' d='M0 16.392L5.124 16.392 5.124 2.54 0 2.54z'/%3E%3Cpath fill='%23FFF' d='M16.246 8.13c-.775-1.167-2.331-1.514-3.529-.79L1.204 14.306C.005 15.03-.36 16.56.39 17.72c.775 1.168 2.333 1.515 3.53.789l11.511-6.964c1.202-.724 1.565-2.254.815-3.417'/%3E%3Cpath fill='%23FFF' d='M16.246 10.76c-.774 1.167-2.331 1.515-3.529.788L1.204 4.584C.632 4.25.222 3.694.07 3.05c-.154-.644-.038-1.324.32-1.882C1.166 0 2.724-.348 3.92.38l11.511 6.964c1.202.724 1.565 2.256.815 3.417'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
}

.thumbnail_post .thumbnail_inner .icon_market,
.plus_thumbnail_list .plus_item .icon_market {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 10;
    width: 38px;
    height: 38px;
    font-size: 0;
    color: transparent;
    -webkit-background-size: 38px 38px;
    background-size: 38px 38px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='38' viewBox='0 0 38 38'%3E%3Cdefs%3E%3ClinearGradient id='69xvf99r0c' x1='50%25' x2='50%25' y1='67.188%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFF'/%3E%3Cstop offset='100%25' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3Cfilter id='u41wuu5qaa' width='241.2%25' height='221.4%25' x='-70.6%25' y='-60.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='4'/%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3C/filter%3E%3Cpath id='7p8gqmt26b' d='M18.5 8c2.106 0 3.814 1.708 3.814 3.814l-.001.42h2.072c1.444 0 2.615 1.168 2.615 2.608v8.762c0 2.297-1.65 4.159-3.954 4.159h-8.874c-2.304 0-4.172-1.862-4.172-4.16v-8.761c0-1.44 1.17-2.607 2.615-2.607l2.07-.001v-.42C14.686 9.708 16.395 8 18.5 8zm-1.107 7.624H15.45v8.508h1.944v-.6c.428.485 1.063.779 1.932.779 1.698 0 3.098-1.468 3.098-3.369 0-1.901-1.4-3.37-3.098-3.37-.796 0-1.397.248-1.82.662l-.112.117v-2.727zm1.543 3.633c.968 0 1.67.65 1.67 1.685 0 1.036-.702 1.685-1.67 1.685s-1.67-.65-1.67-1.685c0-1.036.702-1.685 1.67-1.685zm-.436-9.65c-1.19 0-2.165.924-2.244 2.095l-.005.154-.002.378h4.499l.001-.378c0-1.243-1.007-2.25-2.249-2.25z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-2265 -1256) translate(1640 1229) translate(19 24) translate(603) translate(3 3)'%3E%3Cuse fill='%23000' filter='url(%23u41wuu5qaa)' xlink:href='%237p8gqmt26b'/%3E%3Cuse fill='url(%2369xvf99r0c)' xlink:href='%237p8gqmt26b'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
}

.thumbnail_post .thumbnail_inner .dimmed,
.plus_thumbnail_list .plus_item .dimmed {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    position: absolute;
    z-index: 0;
}

.thumbnail_post .thumbnail_inner .dimmed_n_year,
.plus_thumbnail_list .plus_item .dimmed_n_year {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    opacity: 0.45;
    background-color: #000;
}

.thumbnail_post .thumbnail_inner .background_color,
.plus_thumbnail_list .plus_item .background_color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.thumbnail_post .thumbnail_inner .background_color[data-season="spring"],
.plus_thumbnail_list .plus_item .background_color[data-season="spring"] {
    background-color: #d9ab9e;
}

.thumbnail_post .thumbnail_inner .background_color[data-season="summer"],
.plus_thumbnail_list .plus_item .background_color[data-season="summer"] {
    background-color: #65bce2;
}

.thumbnail_post .thumbnail_inner .background_color[data-season="fall"],
.plus_thumbnail_list .plus_item .background_color[data-season="fall"] {
    background-color: #907b6c;
}

.thumbnail_post .thumbnail_inner .background_color[data-season="winter"],
.plus_thumbnail_list .plus_item .background_color[data-season="winter"] {
    background-color: #99a2c1;
}

.thumbnail_post .thumbnail_inner .text_n_year,
.plus_thumbnail_list .plus_item .text_n_year {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding-top: 62px;
    color: #fff;
    font-size: 15px;
    line-height: 21px;
}

.wrap_thumbnail_cardlist {
    margin: -10px;
}

.wrap_thumbnail_cardlist[data-lnb="monthly_blog"][data-cardtype="a"] .cardlist .area_image,
.wrap_thumbnail_cardlist[data-lnb="monthly_blog"][data-cardtype="a"] .cardlist .area_snippet {
    display: block;
}

.wrap_thumbnail_cardlist[data-lnb="monthly_blog"][data-cardtype="a"] .cardlist .area_text {
    display: block;
}

.cardlist {
    float: left;
    position: relative;
    margin: 10px;
    font-size: 0;
}

.cardlist[data-cardlist="challenge_hot_topic"] {
    margin: 0 0 0 6px;
}

.cardlist[data-cardlist="challenge_hot_topic"]:first-child {
    margin: 0;
}

.cardlist:hover .area_text {
    border: 1px solid #ccccce;
    border-width: 0 1px 1px;
}

.cardlist .link_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(https://ssl.pstatic.net/static/blank.gif);
}

.cardlist .area_image {
    position: relative;
    overflow: hidden;
    width: 255px;
    height: 160px;
}

.cardlist .area_image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    content: '';
}

.cardlist .area_image .thumbnail {
    width: 100%;
    height: 100%;
    background: #f4f4f4 no-repeat 50%/cover;
}

.cardlist .area_image .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_image2.svg) no-repeat 50%/cover !important;
}

.cardlist .area_image .icon_video_play {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: url(https://ssl.pstatic.net/static/blog/icon_video_play_190604.svg) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    font-size: 0;
    color: transparent;
    -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
}

.cardlist .area_text {
    width: 255px;
    height: 120px;
    padding: 16px 15px 15px;
    border: 1px solid #eaeaec;
    border-width: 0 1px 1px;
    background-color: #fff;
}

.cardlist .area_text .title {
    word-break: break-all;
}

.cardlist .area_text .buddy_info {
    position: relative;
    padding: 1px 50px 0 46px;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

.cardlist .area_text .blog_info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 12px;
    max-height: 40px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.wrap_thumbnail_cardlist .area_snippet {
    position: relative;
    color: #fff;
}

.wrap_thumbnail_cardlist .area_snippet:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    content: '';
}

.wrap_thumbnail_cardlist .area_snippet .title {
    word-break: break-all;
}

.wrap_thumbnail_cardlist .area_snippet .text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    font-size: 13px;
    word-break: break-all;
}

.wrap_thumbnail_cardlist[data-lnb="power_blog"] .area_snippet {
    background-color: #26b88b;
}

.wrap_thumbnail_cardlist[data-lnb="official_blog"] .area_snippet {
    background-color: #378cd0;
}

.wrap_thumbnail_cardlist[data-lnb="monthly_blog"] .area_snippet {
    background-color: #df665c;
}

.wrap_thumbnail_cardlist[data-cardtype="a"] .area_snippet {
    width: 255px;
    height: 160px;
    padding: 20px 16px 28px;
}

.wrap_thumbnail_cardlist[data-cardtype="a"] .area_snippet .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 44px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
}

.wrap_thumbnail_cardlist[data-cardtype="a"] .area_snippet .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 60px;
    margin-top: 8px;
    line-height: 20px;
}

.wrap_thumbnail_cardlist[data-cardtype="b"] .area_snippet {
    width: 255px;
    height: 180px;
    padding: 24px 16px;
}

.wrap_thumbnail_cardlist[data-cardtype="b"] .area_snippet .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 132px;
    line-height: 22px;
}

.wrap_thumbnail_cardlist[data-cardtype="b"] .area_text {
    height: 98px;
}

.wrap_thumbnail_cardlist[data-cardtype="b"] .area_text .title_category {
    display: block;
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 16px;
    color: #ff5248;
}

.wrap_thumbnail_cardlist[data-cardtype="b"] .area_text .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    margin-top: 6px;
    max-height: 44px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}

.wrap_thumbnail_cardlist[data-cardtype="b"] .area_image {
    height: 180px;
}

.cardlist .button_buddy,
.cardlist .button_buddy_add {
    position: absolute;
    z-index: 3;
    top: 176px;
    right: 16px;
    width: 47px;
    height: 25px;
    font-size: 12px;
    line-height: 23px;
}

.cardlist .button_buddy {
    border: 1px solid #999;
    color: #333;
    text-align: center;
}

.cardlist .button_buddy_add {
    padding-left: 16px;
    border: 1px solid #4cc570;
    color: #00ab33;
}

.cardlist .button_buddy_add .icon_plus {
    background-position: -891px -547px;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 6px;
}

.buddy_info .text_info {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #959595;
}

.buddy_info .buddy_blog_link {
    display: inline-block;
    position: relative;
}

.buddy_info .buddy_blog_link .image_author {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: -46px;
}

.buddy_info .buddy_blog_link .image_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.buddy_info .buddy_blog_link .name_author {
    overflow: hidden;
    max-width: 115px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    font-weight: 600;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_image, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_image {
    display: none;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text {
    height: 228px;
    border: 0;
    background-color: #7d55c8;
    text-align: center;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text:after, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    content: '';
    width: 173px;
    height: 226px;
    border: 1px solid #704cb3;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .title, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .title {
    display: none;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .thumbnail_author, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .thumbnail_author {
    display: block;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .image_author, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .image_author {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    position: relative;
    margin: 0 auto 8px;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .image_author:after, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .image_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .name_author, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .name_author {
    position: relative;
    z-index: 2;
    margin-top: 12px;
    color: #d8ccef;
}

.group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"]:hover .area_text .post_contents, .group_row_cardlist .cardlist[data-cardlist="challenge_hot_topic"].focus .area_text .post_contents {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    visibility: visible;
    top: 112px;
    width: 175px;
    padding: 0 16px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}

.group_row_cardlist .area_image {
    width: 175px;
    height: 132px;
}

.group_row_cardlist .area_image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    content: '';
}

.group_row_cardlist .area_text {
    position: relative;
    width: 175px;
    height: 96px;
}

.group_row_cardlist .area_text:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.group_row_cardlist .area_text .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    min-height: 42px;
    max-height: 42px;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    word-break: break-all;
}

.group_row_cardlist .area_text .name_author {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 145px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #959595;
}

.group_row_cardlist .area_text .image_author {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.group_row_cardlist .area_text .thumbnail_author {
    display: none;
}

.group_row_cardlist .area_text .post_contents {
    visibility: hidden;
    position: absolute;
    top: 132px;
    left: 0;
    max-height: 100px;
    -webkit-transition: top 0.2s ease;
    transition: top 0.2s ease;
    text-align: left;
    word-break: break-all;
}

.list_challenge_card {
    margin: -12px;
}

.list_challenge_card .cardlist {
    margin: 12px;
}

.list_challenge_card .cardlist .area_image {
    float: left;
    width: 110px;
    height: 158px;
}

.list_challenge_card .cardlist .area_text {
    float: left;
    width: 418px;
    height: 158px;
    padding: 20px;
    border-width: 1px 1px 1px 0;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

.list_challenge_card[data-challenge="widget"] .cardlist {
    height: 158px;
}

.list_challenge_card[data-challenge="widget"] .cardlist .area_image {
    float: right;
    width: 158px;
    height: 158px;
}

.list_challenge_card[data-challenge="widget"] .cardlist .area_text {
    width: 370px;
    height: 158px;
    border-width: 1px 0 1px 1px;
}

.list_challenge_card[data-challenge="widget"] .cardlist .area_text:first-child {
    width: 528px;
    border-width: 1px;
}

.list_challenge_card .area_text .title_category {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    color: #7d55c8;
}

.list_challenge_card .area_text .title_category:hover, .list_challenge_card .area_text .title_category:focus, .list_challenge_card .area_text .title_category:active {
    text-decoration: underline;
}

.list_challenge_card .area_text .serial_data {
    font-size: 12px;
    color: #959595;
}

.list_challenge_card .area_text .serial_data:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: 3px 5px 0;
    background-color: #e6e6e6;
    vertical-align: top;
}

.list_challenge_card .area_text .number {
    font-size: 12px;
    color: #333;
}

.list_challenge_card .description {
    display: block;
    margin-top: 16px;
}

.list_challenge_card .description .title_post {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.list_challenge_card .description .text_content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    height: 40px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    word-break: break-all;
}

.list_challenge_card .post_info {
    margin-top: 8px;
    color: #959595;
}

.list_challenge_card .post_info .name_author {
    font-size: 12px;
}

.list_challenge_card .post_info .name_author:hover, .list_challenge_card .post_info .name_author:focus, .list_challenge_card .post_info .name_author:active {
    text-decoration: underline;
}

.list_challenge_card .post_info .level {
    margin-left: 3px;
    font-size: 12px;
    color: #7d55c8;
}

.list_challenge_card .post_info .text_datetime {
    font-size: 12px;
}

.list_challenge_card .post_info .text_datetime:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: 3px 6px 0;
    background-color: #e6e6e6;
    vertical-align: top;
}

.area_list_search {
    border-top: 1px solid #eeeeef;
}

.age_message + .area_list_search,
.life_message + .area_list_search,
.category_search_hottopic + .area_list_search {
    border: 0;
}

.wrap_search_list .list_search_post .item {
    display: table;
    overflow: hidden;
    table-layout: fixed;
    width: 100%;
    padding: 25px 0 25px;
    border-bottom: 1px solid #eeeeef;
}

.wrap_search_list .list_search_post .item:first-child {
    padding-top: 21px;
}

.wrap_search_list .list_search_post .info_post {
    display: table-cell;
    position: relative;
    padding-right: 35px;
    font-size: 0;
}

.wrap_search_list .list_search_post .info_post.only_post {
    padding-right: 0;
}

.wrap_search_list .list_search_post .thumbnail_post {
    display: table-cell;
    position: relative;
    width: 167px;
    vertical-align: top;
}

.wrap_search_list .pagination {
    margin: 40px 0;
}

.wrap_search_list .item[data-visited="true"] .title,
.wrap_search_list .item[data-visited="true"] .text,
.wrap_search_list .item[data-visited="true"] .text .search_keyword,
.wrap_search_list .item[data-visited="true"] .search_keyword,
.wrap_search_list .item[data-visited="true"] .text_blog,
.wrap_search_list .item[data-visited="true"] .blog_intro {
    color: #959595;
}

.list_search_post .info_post .writer_info {
    margin-top: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
}

.list_search_post .info_post .author {
    display: inline-block;
}

.list_search_post .info_post .name_blog {
    font-size: 12px;
    line-height: 25px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_search_post .info_post .name_blog:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: -1px 7px 1px;
    background-color: #ddd;
    vertical-align: middle;
}

.list_search_post .info_post .date {
    font-family: Tahoma, sans-sarif;
    font-size: 12px;
    color: #959595;
    font-weight: 400;
    line-height: 25px;
}

.list_search_post .info_post .date:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: -1px 7px 1px;
    background-color: #ddd;
    vertical-align: middle;
}

.list_search_post .info_post .market_status {
    font-size: 11px;
    line-height: 25px;
}

.list_search_post .info_post .market_status:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: -1px 7px 1px;
    background-color: #ddd;
    vertical-align: middle;
}

.list_search_post .info_post .market_status.OnSale {
    color: #ff4e1d;
}

.list_search_post .info_post .market_status.BeforeSale {
    color: #000;
}

.list_search_post .info_post .market_status.OutOfStock {
    color: #898989;
}

.list_search_post .info_post .title_post {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    min-height: 20px;
    max-height: 50px;
    font-size: 17px;
    line-height: 25px;
    word-wrap: break-word;
    word-break: break-all;
}

.list_search_post .info_post .challenge_daily_keyword {
    color: #27c400;
}

.list_search_post .info_post .challenge_special_keyword {
    color: #ff6565;
}

.list_search_post .info_post .keyword_material_challenge {
    color: #527BFF;
}

.list_search_post .info_post .search_keyword {
    font-weight: 600;
}

.list_search_post .thumbnail_post {
    display: table-cell;
    position: relative;
    width: 167px;
    vertical-align: top;
}

.list_search_post .thumbnail_post .thumbnail_inner {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 167px;
    height: 167px;
    background-color: #fff;
    text-align: center;
}

.list_search_post .thumbnail_post .thumbnail_inner:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    content: '';
}

.list_search_post .thumbnail_post .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_image2.svg) no-repeat 50%/cover;
}

.list_search_post .author .thumbnail_author {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
}

.list_search_post .author .thumbnail_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list_search_post .author .img_author {
    width: 100%;
}

.list_search_post .author .name_author {
    margin-left: 9px;
    font-size: 12px;
    line-height: 25px;
    vertical-align: middle;
}

.list_search_post .desc .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 60px;
    margin-top: 12px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
}

.list_search_post .desc .text .search_keyword {
    color: #262626;
}

.list_search_post .desc_inner {
    display: block;
}

.list_search_post .item.multi_pic .button_more_img {
    position: absolute;
    top: 136px;
    left: 136px;
    z-index: 15;
}

.list_search_post .item.multi_pic .icon_more {
    background-position: -515px -508px;
    width: 31px;
    height: 31px;
}

.list_search_post .item.multi_pic .thumbnail_post.is_opened .icon_more {
    background-position: -476px -508px;
    width: 31px;
    height: 31px;
}

.list_search_post .item.multi_pic .thumbnail_post.is_opened .plus_thumbnail_list {
    display: block;
}

.list_search_post .item.multi_pic .plus_thumbnail_list {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    font-size: 0;
    white-space: nowrap;
}

.list_search_post .item.multi_pic .plus_thumbnail_list .list_inner {
    display: block;
}

.list_search_post .item.multi_pic .plus_thumbnail_list .plus_item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 167px;
    height: 167px;
    margin-right: 1px;
    text-align: center;
}

.list_search_post .item.multi_pic .plus_thumbnail_list .plus_item .plus_img {
    width: 100%;
}

.list_search_blog .item {
    padding: 25px 33px 20px 0;
    border-bottom: 1px solid #eeeeef;
    font-size: 0;
}

.list_search_blog .item .name_blog {
    display: block;
}

.list_search_blog .item .text_blog {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    height: 20px;
    font-size: 17px;
    line-height: 20px;
}

.list_search_blog .item .search_keyword {
    font-weight: 600;
}

.list_search_blog .item .blog_intro {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    max-height: 40px;
    margin-top: 12px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
}

.list_search_blog .item .writer_info {
    margin-top: 21px;
}

.list_search_blog .item .writer_info .icon_verified {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 5px 0 0 4px;
    font-size: 0;
    color: transparent;
    vertical-align: top;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2303C75A'%3E%3Cg%3E%3Cpath d='M0 7c0-3.86 3.14-7 7-7 1.337 0 2.633.378 3.757 1.095l-.967.967c-.854-.485-1.817-.74-2.79-.74-3.131 0-5.678 2.547-5.678 5.678S3.869 12.678 7 12.678 12.678 10.131 12.678 7c0-.853-.191-1.68-.57-2.46l-.048-.099-5.493 5.494L3.18 6.548l1.113-1.112L6.567 7.71l5.518-5.518C13.32 3.498 14 5.202 14 7c0 3.86-3.14 7-7 7s-7-3.14-7-7z' transform='translate(-299 -313) translate(299 313.5) translate(1 1)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
}

.list_search_blog .item .writer_info .icon_marketblog {
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 4px;
    vertical-align: top;
    font-size: 10px;
    font-weight: 700;
    color: #03c75a;
    line-height: 16px;
    border: 1px solid #03c75a;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.list_search_blog .item .author {
    display: inline-block;
}

.list_search_blog .item .author .thumbnail_author {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
}

.list_search_blog .item .author .thumbnail_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list_search_blog .item .author .img_author {
    width: 100%;
}

.list_search_blog .item .author .name_author {
    margin-left: 9px;
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle;
}

.list_search_name .item {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 36px;
    padding: 15px 0;
    font-size: 0;
    border-bottom: 1px solid #eeeeef;
}

.list_search_name .item[data-visited="true"] .name_author {
    color: #959595;
}

.list_search_name .item .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.list_search_name .item .thumbnail_author {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.list_search_name .item .thumbnail_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list_search_name .item .img_author {
    width: 36px;
    height: 36px;
}

.list_search_name .item .name_author {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 220px;
    margin-left: 11px;
}

.list_search_name .item .name_author .nickname_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.list_search_name .item .name_author .nickname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.list_search_name .item .name_author .nickname .search_keyword {
    font-weight: 700;
}

.list_search_name .item .name_author .icon_verified {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0 0 0 4px;
    font-size: 0;
    color: transparent;
    vertical-align: top;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2303C75A'%3E%3Cg%3E%3Cpath d='M0 7c0-3.86 3.14-7 7-7 1.337 0 2.633.378 3.757 1.095l-.967.967c-.854-.485-1.817-.74-2.79-.74-3.131 0-5.678 2.547-5.678 5.678S3.869 12.678 7 12.678 12.678 10.131 12.678 7c0-.853-.191-1.68-.57-2.46l-.048-.099-5.493 5.494L3.18 6.548l1.113-1.112L6.567 7.71l5.518-5.518C13.32 3.498 14 5.202 14 7c0 3.86-3.14 7-7 7s-7-3.14-7-7z' transform='translate(-299 -313) translate(299 313.5) translate(1 1)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
}

.list_search_name .item .name_author .icon_marketblog {
    display: inline-block;
    height: 18px;
    margin: 0 0 0 4px;
    padding: 0 4px;
    vertical-align: top;
    font-size: 10px;
    font-weight: 700;
    color: #03c75a;
    line-height: 16px;
    border: 1px solid #03c75a;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    white-space: nowrap;
}

.list_search_name .item .name_author .icon_marketblog:hover {
    text-decoration: none;
}

.list_search_name .item .name_author .domain {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0 0;
    font-size: 12px;
    line-height: 14px;
}

.list_search_name .item .blog_intro {
    overflow: hidden;
    width: 496px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    margin-left: 10px;
    font-size: 13px;
    line-height: 32px;
    vertical-align: middle;
}

.wrap_search_list .area_result {
    margin-top: 30px;
}

.wrap_search_list .area_result .none {
    margin-top: 70px;
}

.wrap_search_list .area_result .none .title {
    display: inline-block;
    word-break: break-all;
    font-size: 16px;
}

.wrap_search_list .area_result .none .search_keyword {
    color: #00ab33;
    font-weight: 600;
}

.wrap_search_list .area_result .none .check_list {
    margin-top: 20px;
    font-size: 13px;
    line-height: 22px;
    color: #777;
}

.wrap_search_list .area_result .more_help {
    margin-top: 70px;
    font-size: 13px;
}

.wrap_search_list .area_result .more_help .area_link {
    margin-top: 15px;
    font-size: 0;
}

.wrap_search_list .area_result .more_help .link {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    text-decoration: underline;
}

.life_message,
.age_message {
    width: 770px;
    padding: 17px 0 16px 19px;
    border: 1px solid #ebebeb;
    background-color: #f9f9fa;
    font-size: 0;
}

.life_message .icon,
.age_message .icon {
    display: inline-block;
    vertical-align: top;
}

.life_message .text,
.age_message .text {
    font-size: 13px;
}

.age_message {
    margin: 18px 0 21px;
}

.age_message .link {
    margin-left: 4px;
    font-size: 13px;
    text-decoration: underline;
}

.age_message .icon {
    width: 15px;
    height: 17px;
    margin: -1px 7px 0 0;
    background: url(https://ssl.pstatic.net/static/blog/icon_19.png) 50% no-repeat;
}

.life_message {
    margin: 18px 0 21px;
    padding: 17px 26px;
}

.life_message .heading {
    height: 36px;
    line-height: 36px;
}

.life_message .heading .text {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 20px;
}

.life_message .heading .icon {
    width: 46px;
    height: 36px;
    margin-right: 15px;
    background-image: url(https://ssl.pstatic.net/static/blog/icon_life.png);
}

.life_message .heading .point {
    color: #16a829;
}

.life_message .heading .link {
    margin-left: 13px;
    font-size: 12px;
    text-decoration: underline;
}

.life_message .message_content {
    margin-top: 12px;
    padding-top: 18px;
    border-top: 1px solid #ebebeb;
    font-size: 12px;
}

.life_message .message_content .advice_list {
    float: left;
}

.life_message .message_content .advice_list:first-child {
    margin-right: 93px;
}

.life_message .message_content .list_heading {
    overflow: hidden;
    font-weight: 600;
}

.life_message .message_content .list {
    float: right;
    margin: -3px 0 0 15px;
}

.life_message .message_content .item {
    line-height: 20px;
    color: #60616a;
}

.life_message .message_content .point {
    font-weight: 600;
}

.life_message .message_content .link:hover {
    text-decoration: underline;
}

.life_message .none {
    margin-top: 70px;
}

.hot_topic_search {
    margin: 20px 0 36px 0;
}

.hot_topic_search .area_topic {
    position: relative;
}

.hot_topic_search .area_topic .list_hottopic {
    position: relative;
    width: 777px;
    margin: -7px 0 0 -7px;
}

.hot_topic_search .area_topic .area_dropdown {
    position: absolute;
    top: -6px;
    right: 0;
}

.hot_topic_search .list_hottopic .item {
    margin-top: 7px;
}

.challenge_introduce {
    background-color: #f8f8f9;
    padding-top: 44px;
}

.challenge_introduce .button_write:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: 0.85;
}

.challenge_introduce[data-challenge="hot_topic"] {
    padding-bottom: 36px;
}

.challenge_introduce[data-challenge="hot_topic"] .button_write {
    width: 179px;
    bottom: 29px;
    right: 29px;
}

.challenge_introduce[data-challenge="movie"] {
    padding-bottom: 49px;
}

.challenge_introduce[data-challenge="movie"] .button_write {
    width: 149px;
    bottom: 5px;
    right: 0;
}

.challenge_introduce[data-challenge="movie"] .list {
    padding-right: 155px;
}

.challenge_introduce[data-challenge="widget"] {
    padding-bottom: 24px;
}

.challenge_introduce[data-challenge="widget"] .area_dropdown {
    position: absolute;
    top: 106px;
    right: 0;
}

.challenge_introduce[data-challenge="widget"] .list {
    padding-right: 175px;
}

.challenge_introduce .text_challenge {
    position: relative;
    padding-left: 310px;
}

.challenge_introduce .title_program {
    position: absolute;
    top: -2px;
    left: 0;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -0.3px;
    color: #7d55c8;
}

.challenge_introduce .message_box {
    position: relative;
    width: 1080px;
    margin-top: 70px;
    padding: 29px 220px 29px 29px;
    border: 1px solid #eaeaec;
    background-color: #fff;
}

.challenge_introduce .message_box .from_blog {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #7d55c8;
}

.challenge_introduce .message_box .question {
    margin-top: 6px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 0;
}

.challenge_introduce .message_box .text_datetime {
    font-size: 18px;
    line-height: 28px;
    color: #693bbc;
}

.challenge_introduce .message_box .text_datetime:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 5px 9px 0;
    background-color: #d5d5d5;
    vertical-align: top;
}

.challenge_introduce .message_box .text {
    font-size: 18px;
    line-height: 28px;
    word-break: break-all;
}

.challenge_introduce .button_write {
    position: absolute;
    height: 40px;
    background-color: #7d55c8;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    letter-spacing: -0.1px;
}

.text_challenge .description {
    width: 770px;
}

.text_challenge .description .text {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 18px;
    line-height: 28px;
    color: #262626;
}

.text_challenge .description .link_guide {
    display: inline-block;
    margin-top: 18px;
    font-size: 13px;
    color: #7d55c8;
}

.text_challenge .description .icon_challenge_more {
    background-position: -1027px -508px;
    width: 5px;
    height: 8px;
    margin: -3px 0 0 4px;
}

.text_challenge .description .how_to_join {
    position: relative;
    margin-top: 36px;
    padding-top: 36px;
    border-top: 1px solid #e6e6e8;
}

.text_challenge .series_information {
    margin-top: 20px;
    padding: 17px 19px;
    border: 1px solid #eaeaec;
    background-color: #fff;
}

.text_challenge .series_information .text {
    position: relative;
    margin: 0;
    padding: 6px 50px 0 0;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 13px;
    line-height: 24px;
}

.text_challenge .series_information .text:first-child {
    padding-top: 0;
}

.text_challenge .series_information .text ~ .text {
    margin-top: 6px;
    border-top: 1px solid #f0f0f0;
}

.challenge_introduce[data-challenge="movie"] .series_information .text {
    color: #666;
}

.challenge_introduce[data-challenge="widget"] .series_information .text {
    color: #535353;
}

.series_information .name_author {
    font-weight: 600;
}

.series_information .name_category {
    overflow: hidden;
    max-width: 135px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    color: #693bbc;
    vertical-align: top;
}

.series_information .level {
    font-size: 12px;
    color: #693bbc;
}

.series_information .counting {
    font-size: 12px;
    line-height: 20px;
    color: #959595;
}

.series_information .number {
    color: #262626;
}

.series_information .text:first-child .button_stop_writing {
    margin-top: -10px;
}

.series_information .text .button_stop_writing {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    font-size: 12px;
    line-height: 20px;
    color: #959595;
}

.series_information .text .button_stop_writing:hover {
    color: #666;
}

.series_information .text_mission {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 24px;
    color: #333;
}

.series_information .text_mission .number_series {
    margin-left: 2px;
    color: #7d55c8;
}

.how_to_join .text_how_to {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #7d55c8;
}

.how_to_join .list_heading {
    font-size: 0;
    color: #7d55c8;
}

.how_to_join .list_heading .link {
    margin-left: 12px;
    font-size: 13px;
}

.how_to_join .list {
    margin-top: 8px;
}

.how_to_join .list .item:first-child {
    margin-top: 0;
}

.how_to_join ol.list {
    counter-reset: item;
}

.how_to_join ol.list .item:before {
    content: counter(item);
    margin-right: 10px;
    font-family: "Avenir Next", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-weight: 600;
    color: #7d55c8;
    counter-increment: item;
}

.how_to_join .item {
    margin-top: 3px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.how_to_join .item .point {
    font-weight: 600;
}

.how_to_join .item:hover .link_widget {
    padding: 6px 10px;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.how_to_join .item:hover .text_series {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    font-size: 12px;
    color: #7d55c8;
}

.how_to_join .icon_challenge_mission_dropdown_down {
    background-position: -959px -332px;
    width: 10px;
    height: 6px;
    margin: 17px 0 0 5px;
    vertical-align: top;
}

.how_to_join .widget_box {
    width: 770px;
    margin-top: 17px;
    padding: 12px 12px 16px;
    border: 1px solid #eaeaec;
    background-color: #fff;
}

.how_to_join .widget_box .area_field {
    float: left;
    width: 50%;
}

.how_to_join .widget_box .area_field:first-child {
    padding-right: 12px;
}

.how_to_join .widget_box .area_field:first-child .title_widget,
.how_to_join .widget_box .area_field:first-child .text {
    margin-left: 11px;
}

.how_to_join .widget_box .area_field:first-child .list {
    margin-left: 0;
}

.how_to_join .widget_box .title_widget {
    display: block;
    margin: 11px 0 0 23px;
    font-size: 16px;
    line-height: 20px;
}

.how_to_join .widget_box .text {
    margin: 4px 0 0 23px;
    font-size: 13px;
    line-height: 24px;
    color: #666;
}

.how_to_join .widget_box .list {
    margin: 12px 0 0 12px;
    padding-right: 0;
}

.how_to_join .widget_box .item {
    position: relative;
    margin-top: 0;
}

.how_to_join .widget_box .text_series {
    display: none;
}

.how_to_join .widget_box .link_widget {
    display: block;
    width: 361px;
    height: 40px;
    padding: 7px 11px;
    line-height: 26px;
}

.how_to_join .widget_box i[class*="icon_challenge"] {
    margin: 1px 16px 0 0;
    vertical-align: top;
}

.how_to_join .widget_box .icon_challenge_earth {
    background-position: -722px -439px;
    width: 25px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_study {
    background-position: -838px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_parents {
    background-position: -774px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_work {
    background-position: -902px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_my_theme {
    background-position: -742px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_weight {
    background-position: -870px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_exercise {
    background-position: -678px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_saving {
    background-position: -806px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_calendar {
    background-position: -934px -471px;
    width: 24px;
    height: 24px;
}

.how_to_join .widget_box .icon_challenge_checklist {
    background-position: -755px -439px;
    width: 24px;
    height: 24px;
}

.how_to_join .text_notice {
    margin-top: 8px;
    font-size: 12px;
    line-height: 24px;
    color: #888;
}

.challenge_popup .title_layer {
    height: 24px;
    font-size: 20px;
    color: #333;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    line-height: 24px;
}

.challenge_popup [class*="icon_challenge_"],
.challenge_popup [class*="icon_movie"] {
    margin-right: 12px;
    vertical-align: top;
}

.challenge_popup .icon_movie {
    background-position: -710px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_earth {
    background-position: -722px -439px;
    width: 25px;
    height: 24px;
}

.challenge_popup .icon_challenge_calendar {
    background-position: -934px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_checklist {
    background-position: -755px -439px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_exercise {
    background-position: -678px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_my_theme {
    background-position: -742px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_parents {
    background-position: -774px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_saving {
    background-position: -806px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_study {
    background-position: -838px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_weight {
    background-position: -870px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .icon_challenge_work {
    background-position: -902px -471px;
    width: 24px;
    height: 24px;
}

.challenge_popup .desc_layer {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.challenge_popup .area_category_select {
    position: relative;
    margin-top: 32px;
}

.challenge_popup .title_category,
.challenge_popup .title_goal {
    font-size: 14px;
    color: #959595;
    line-height: 24px;
}

.challenge_popup .title_dropmenu,
.challenge_popup .title_input {
    display: block;
    height: 20px;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
}

.challenge_popup .button_newcategory,
.challenge_popup .button_category {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    color: #7d55c8;
    text-decoration: underline;
    line-height: 20px;
}

.challenge_popup .alarm_text {
    display: block;
    margin-top: 16px;
    padding-top: 18px;
    border-top: 1px solid #e6e6e6;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

.challenge_popup .alarm_text .text_widget {
    text-decoration: underline;
}

.challenge_popup .text_notice {
    display: block;
    margin-top: 4px;
    color: #959595;
    line-height: 20px;
}

.challenge_popup .area_button {
    float: right;
    margin-top: 24px;
    font-size: 0;
}

.challenge_popup .area_button .button_stop_publish {
    width: 97px;
}

.challenge_popup .area_button .button_confirm {
    width: 67px;
}

.challenge_popup .area_button .button_publish_review {
    width: 140px;
}

.challenge_popup .area_button .button_stop_publish {
    width: 97px;
}

.challenge_popup .area_button .button_stop_publish {
    width: 97px;
    margin-left: 4px;
    border: none;
    background-color: #7d55c8;
    color: #fff;
}

.challenge_popup .area_button .button_publish_post {
    width: 127px;
}

.challenge_popup .area_button .button_admin {
    width: 149px;
}

.challenge_popup .input_category_set,
.challenge_popup .input_goal_set {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #333;
}

.challenge_popup .input_category_set:focus,
.challenge_popup .input_goal_set:focus {
    outline: none;
}

.challenge_popup .input_category_set::-webkit-input-placeholder,
.challenge_popup .input_goal_set::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #959595;
}

.challenge_popup .input_category_set::-moz-placeholder,
.challenge_popup .input_goal_set::-moz-placeholder {
    /* Firefox 19+ */
    color: #959595;
}

.challenge_popup .input_category_set:-ms-input-placeholder,
.challenge_popup .input_goal_set:-ms-input-placeholder {
    /* IE 10+ */
    color: #959595;
}

.challenge_popup .input_category_set:-moz-placeholder,
.challenge_popup .input_goal_set:-moz-placeholder {
    /* Firefox 18- */
    color: #959595;
}

.challenge_popup .area_goal_set,
.challenge_popup .area_category_set {
    position: relative;
}

.challenge_popup .area_goal_set label,
.challenge_popup .area_category_set label {
    position: absolute;
    top: 34px;
    left: 11px;
    font-size: 14px;
    line-height: 20px;
    color: #959595;
}

.challenge_popup .area_category_set {
    margin-top: 32px;
}

.challenge_popup .area_goal_set {
    margin-top: 12px;
}

.area_layer_popup .popup_challenge_content {
    width: 400px;
    text-align: left;
}

.popup_challenge_content .area_category_selected {
    margin-top: 32px;
    font-size: 14px;
    line-height: 24px;
}

.popup_challenge_content .category_selected {
    font-size: 14px;
    line-height: 24px;
}

.popup_challenge_content .title_category ~ .text_present_selected,
.popup_challenge_content .title_goal ~ .text_present_selected {
    margin-left: 15px;
}

.popup_challenge_content .goal_selected {
    height: 24px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 24px;
}

.popup_challenge_content .link {
    color: #7d55c8;
    text-decoration: underline;
}

.area_dropdown {
    z-index: 20;
    background-color: #fff;
    color: #333;
}

.area_dropdown .present_selected {
    position: relative;
    display: block;
    height: 33px;
    line-height: 32px;
    border: 1px solid #ccc;
}

.area_dropdown .present_selected .icon_arrow {
    position: absolute;
    top: 50%;
}

.area_dropdown .text_present_selected {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 13px;
}

.area_dropdown .dropdown_select {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-color: #e7e7e7;
}

.area_dropdown .dropdown_select.on {
    display: block;
}

.area_dropdown .dropdown_select[aria-hidden="true"] {
    display: none;
}

.area_dropdown .dropdown_select .item {
    display: block;
}

.area_dropdown .dropdown_select .item[aria-current=true], .area_dropdown .dropdown_select .item[aria-selected="true"] {
    font-weight: 600;
}

.area_dropdown .area_input_date {
    position: relative;
    padding: 0 15px;
}

.area_dropdown .area_input_date .inputbox {
    width: 100%;
    height: 28px;
    margin-bottom: 3px;
    border: 1px solid #f0f0f0;
    line-height: 2.42;
    letter-spacing: -0.1px;
    text-align: center;
    color: #333;
}

.area_dropdown .area_input_date .button {
    display: block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d4d4d4;
    letter-spacing: -0.1px;
    text-align: center;
}

.area_dropdown .area_input_date .layer_calendar {
    position: absolute;
    top: 62px;
    left: 15px;
}

.area_dropdown .bar {
    margin: 7px 12px;
    height: 1px;
    border: 0;
    background-color: #f0f0f0;
}

.area_dropdown[data-set="buddy"] .present_selected, .area_dropdown[data-set="hottopic"] .present_selected, .area_dropdown[data-set="period"] .present_selected, .area_dropdown[data-set="popup_buddy_group"] .present_selected, .area_dropdown[data-set="popup_buddy_open"] .present_selected, .area_dropdown[data-set="popup_category_group"] .present_selected {
    padding: 0 30px 0 15px;
}

.area_dropdown[data-set="buddy"] .present_selected .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected .icon_arrow, .area_dropdown[data-set="period"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected .icon_arrow {
    right: 13px;
    margin-top: -4px;
}

.area_dropdown[data-set="buddy"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="period"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="buddy"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="period"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="buddy"] .present_selected.on .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected.on .icon_arrow, .area_dropdown[data-set="period"] .present_selected.on .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected.on .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected.on .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected.on .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item, .area_dropdown[data-set="hottopic"] .dropdown_select .item, .area_dropdown[data-set="period"] .dropdown_select .item, .area_dropdown[data-set="popup_buddy_group"] .dropdown_select .item, .area_dropdown[data-set="popup_buddy_open"] .dropdown_select .item, .area_dropdown[data-set="popup_category_group"] .dropdown_select .item {
    font-size: 13px;
    line-height: 2.08;
    letter-spacing: -0.1px;
}

.area_dropdown[data-set="popup_buddy_group"], .area_dropdown[data-set="popup_category_group"] {
    width: 281px;
    height: 34px;
}

.area_dropdown[data-set="popup_buddy_group"] .present_selected, .area_dropdown[data-set="popup_category_group"] .present_selected {
    padding-left: 14px;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select, .area_dropdown[data-set="popup_category_group"] .dropdown_select {
    padding: 0 14px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select .item:first-child, .area_dropdown[data-set="popup_category_group"] .dropdown_select .item:first-child {
    margin-top: 11px;
}

.area_dropdown[data-set="popup_buddy_open"] {
    width: 85px;
    height: 34px;
}

.area_dropdown[data-set="popup_buddy_open"] .present_selected {
    padding-left: 12px;
}

.area_dropdown[data-set="popup_buddy_open"] .dropdown_select {
    padding: 10px 14px;
}

.area_dropdown[data-set="popup_buddy_group"] .present_selected, .area_dropdown[data-set="popup_buddy_open"] .present_selected, .area_dropdown[data-set="popup_category_group"] .present_selected {
    height: 34px;
    border-color: #dbdbdb;
}

.area_dropdown[data-set="popup_buddy_group"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected .icon_arrow {
    right: 12px;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select, .area_dropdown[data-set="popup_buddy_open"] .dropdown_select, .area_dropdown[data-set="popup_category_group"] .dropdown_select {
    overflow: hidden;
    overflow-y: auto;
    max-height: 143px;
    border: 1px solid #dbdbdb;
    border-top-color: #e7e7e7;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select .item, .area_dropdown[data-set="popup_buddy_open"] .dropdown_select .item, .area_dropdown[data-set="popup_category_group"] .dropdown_select .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
    line-height: 27px;
}

.area_dropdown[data-set="popup_buddy_group"] .text_present_selected, .area_dropdown[data-set="popup_buddy_open"] .text_present_selected, .area_dropdown[data-set="popup_category_group"] .text_present_selected {
    font-size: 12px;
}

.area_dropdown[data-set="buddy"] {
    width: 167px;
}

.area_dropdown[data-set="buddy"] .present_selected {
    border: 1px solid #e7e7e7;
}

.area_dropdown[data-set="buddy"] .dropdown_select {
    overflow: auto;
    overflow-x: hidden;
    max-width: 167px;
    max-height: 286px;
    padding: 0 15px;
    border: 1px solid #e7e7e7;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item:first-child {
    margin-top: 9px;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item:last-child {
    margin-bottom: 10px;
}

.area_dropdown[data-set="popup_category_group"] {
    width: 183px;
}

.area_dropdown[data-set="hottopic"] {
    width: 213px;
}

.area_dropdown[data-set="hottopic"] .present_selected {
    height: 30px;
}

.area_dropdown[data-set="hottopic"] .text_present_selected {
    line-height: 28px;
}

.area_dropdown[data-set="hottopic"] .present_selected,
.area_dropdown[data-set="hottopic"] .dropdown_select {
    border-color: #e7e7e7;
}

.area_dropdown[data-set="hottopic"] .dropdown_select {
    padding: 8px 15px 10px;
    white-space: nowrap;
}

.area_dropdown[data-set="hottopic"] .dropdown_select .item {
    overflow: hidden;
    padding: 0;
}

.area_dropdown[data-set="period"] {
    width: 108px;
}

.area_dropdown[data-set="period"] .present_selected,
.area_dropdown[data-set="period"] .dropdown_select {
    border-color: #e7e7e7;
}

.area_dropdown[data-set="period"] .dropdown_select {
    padding: 5px 0 12px;
}

.area_dropdown[data-set="period"] .dropdown_select .item {
    padding: 0 15px;
}

.area_dropdown[data-set="year"] {
    width: 104px;
}

.area_dropdown[data-set="year"] .present_selected {
    padding: 0 20px 0 12px;
    border-color: #e7e7e7;
}

.area_dropdown[data-set="year"] .present_selected .icon_arrow {
    right: 11px;
    margin-top: -3px;
}

.area_dropdown[data-set="year"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -838px -352px;
    width: 8px;
    height: 5px;
}

.area_dropdown[data-set="year"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -822px -352px;
    width: 8px;
    height: 5px;
}

.area_dropdown[data-set="year"] .dropdown_select {
    padding: 6px 0;
    border-color: #e7e7e7;
}

.area_dropdown[data-set="year"] .dropdown_select .item {
    padding: 0 12px;
    font-size: 13px;
    line-height: 2.08;
}

.area_dropdown[data-set="mission_top"] {
    position: absolute;
    top: 6px;
    right: 15px;
    width: 140px;
}

.area_dropdown[data-set="mission_top"] .present_selected {
    padding: 0 20px 0 11px;
    height: 28px;
    line-height: 26px;
}

.area_dropdown[data-set="mission_top"] .present_selected .icon_arrow {
    right: 11px;
    margin-top: -2px;
}

.area_dropdown[data-set="mission_top"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -885px -352px;
    width: 7px;
    height: 4px;
}

.area_dropdown[data-set="mission_top"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -870px -352px;
    width: 7px;
    height: 4px;
}

.area_dropdown[data-set="mission_top"] .dropdown_select {
    padding: 6px 0;
}

.area_dropdown[data-set="mission_top"] .dropdown_select .item {
    padding: 0 11px;
    font-size: 13px;
    line-height: 28px;
}

.area_dropdown[data-set="mission_top"] .dropdown_select .bar {
    margin-bottom: 5px;
}

.area_dropdown[data-set="mission_article"] {
    width: 168px;
    background-color: inherit;
}

.area_dropdown[data-set="mission_article"] .present_selected {
    padding: 0 35px 0 20px;
    height: 40px;
    line-height: 39px;
}

.area_dropdown[data-set="mission_article"] .present_selected .icon_arrow {
    right: 20px;
    margin-top: -3px;
}

.area_dropdown[data-set="mission_article"] .present_selected .text_present_selected {
    font-size: 14px;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="true"] {
    background-color: #fff;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -977px -332px;
    width: 10px;
    height: 6px;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="true"] .text_present_selected {
    color: #7d55c8;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="false"] {
    border: 0;
    background-color: #7d55c8;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -959px -332px;
    width: 10px;
    height: 6px;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="false"] .text_present_selected {
    color: #fff;
}

.area_dropdown[data-set="mission_article"] .dropdown_select {
    margin-top: 8px;
    padding: 9px 0 12px;
    border-top-color: #ccc;
}

.area_dropdown[data-set="mission_article"] .dropdown_select .heading_select {
    display: block;
    padding: 5px 20px 3px;
    line-height: 2.08;
    letter-spacing: -0.1px;
    color: #959595;
}

.area_dropdown[data-set="mission_article"] .dropdown_select .heading_select ~ .heading_select {
    padding-top: 2px;
}

.area_dropdown[data-set="mission_article"] .dropdown_select .item {
    padding: 0 20px;
    font-size: 14px;
    line-height: 2.08;
    letter-spacing: -0.1px;
}

.area_dropdown[data-set="mission_article"] .bar {
    margin: 12px 20px 13px;
}

.area_dropdown[data-set="menu_drop"] {
    position: absolute;
    top: 41px;
    left: 12px;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 8px 0 8px;
    border-top-color: #ccc;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select[aria-hidden="true"] {
    display: none;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select .item {
    padding: 0 16px;
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: -0.1px;
    color: #333;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select .count {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #878787;
}

.area_dropdown[data-set="year_month"] {
    position: absolute;
    top: 41px;
    left: 12px;
}

.area_dropdown[data-set="year_month"] .dropdown_select {
    position: absolute;
    top: 0;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 8px 0 8px;
    border-top-color: #ccc;
}

.area_dropdown[data-set="year_month"] .dropdown_select[data-set="year"][aria-hidden="true"], .area_dropdown[data-set="year_month"] .dropdown_select[data-set="month"][aria-hidden="true"] {
    display: none;
}

.area_dropdown[data-set="year_month"] .dropdown_select[data-set="year"] {
    left: 0;
}

.area_dropdown[data-set="year_month"] .dropdown_select[data-set="month"] {
    left: 78px;
}

.area_dropdown[data-set="year_month"] .dropdown_select .item {
    padding: 0 16px;
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: -0.1px;
    color: #333;
}

.area_dropdown[data-set="year_month"] .icon_check {
    background-position: -936px -508px;
    width: 12px;
    height: 9px;
    margin: -2px 0 0 18px;
}

.area_dropdown[data-set="blog_category"] {
    position: relative;
    float: none;
    margin-bottom: 4px;
    font-size: 14px;
}

.area_dropdown[data-set="blog_category"] .present_selected {
    display: block;
    position: relative;
    height: 40px;
    padding: 0 36px 0 10px;
    border: 1px solid #ccc;
}

.area_dropdown[data-set="blog_category"] .present_selected .icon_arrow {
    right: 12px;
    margin-top: -4px;
    opacity: 0.7;
}

.area_dropdown[data-set="blog_category"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="blog_category"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="blog_category"] .text_present_selected {
    color: #333;
    font-size: 14px;
    line-height: 38px;
}

.area_dropdown[data-set="blog_category"] .dropdown_select {
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    right: 0;
    max-height: 210px;
    padding: 6px 0;
}

.area_dropdown[data-set="blog_category"] .dropdown_select[aria-hidden="false"] {
    display: block;
}

.area_dropdown[data-set="blog_category"] .dropdown_select .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    position: relative;
    padding: 0 36px 0 10px;
    line-height: 28px;
}

.area_dropdown[data-set="blog_category"] .dropdown_select .item .icon_dropdown_check {
    display: none;
}

.area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check {
    background-position: -956px -508px;
    width: 12px;
    height: 9px;
    position: absolute;
    top: 9px;
    right: 12px;
}

.area_dropdown[data-set="search"] .dropdown_select {
    margin: 0 0 0 -1px;
    padding: 3px 0 4px;
    border-color: #999;
}

.area_dropdown[data-set="search"] .dropdown_select[aria-hidden="false"] {
    display: block;
}

.area_dropdown[data-set="search"] .dropdown_select[aria-hidden="true"] {
    display: none;
}

.area_dropdown[data-set="search"] .dropdown_select .item {
    padding: 0 9px;
    color: #333;
    line-height: 27px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.area_dropdown[data-set="search"] .dropdown_select .item[aria-selected="true"] {
    color: #00ab33;
}

.area_dropdown[data-set="search"] .dropdown_select .item:hover {
    background-color: #f7f7f7;
    color: #00ab33;
}

.layer_calendar {
    width: 254px;
    background-color: #fff;
    border: 1px solid #979797;
}

.layer_calendar .heading_calendar {
    position: relative;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    text-align: center;
}

.layer_calendar .button_prev,
.layer_calendar .button_next {
    width: 40px;
    height: 40px;
}

.layer_calendar .button_prev {
    position: absolute;
    top: 6px;
    left: 6px;
}

.layer_calendar .button_next {
    position: absolute;
    top: 6px;
    right: 6px;
}

.layer_calendar .icon_arrow_left {
    position: absolute;
    top: 15px;
    left: 18px;
    background-position: -872px -508px;
    width: 8px;
    height: 13px;
}

.layer_calendar .icon_arrow_right {
    position: absolute;
    top: 15px;
    right: 18px;
    background-position: -888px -508px;
    width: 8px;
    height: 13px;
}

.layer_calendar .list_week {
    padding: 0 13px;
    height: 32px;
    font-size: 0;
    line-height: 32px;
    background-color: #f7f7f7;
}

.layer_calendar .list_week .item_day {
    display: inline-block;
    width: 12px;
    margin: 0 10px;
    padding: 0;
    font-size: 12px;
    color: #000;
}

.layer_calendar .list_day {
    padding: 10px 14px 14px;
    font-size: 0;
}

.layer_calendar .list_day .item_day {
    display: inline-block;
    width: 32px;
    padding: 6px 0;
    font-size: 12px;
    text-align: center;
    color: #262626;
}

.layer_calendar .list_day .item_day.is_today {
    font-weight: 600;
}

.layer_calendar .list_day .item_day.is_disabled {
    color: #9a9a9a;
}

.layer_calendar .list_day .item_day.is_holyday {
    color: #e35f5f;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after {
    clear: both;
}

.pika-single {
    *zoom: 1;
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    width: 254px;
    min-height: 241px;
    background-color: #fff;
    border: 1px solid #979797;
}

.pika-title {
    position: relative;
    text-align: center;
    height: 53px;
    padding-top: 12px;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev, .pika-next {
    position: absolute;
    top: 6px;
    width: 40px;
    height: 40px;
    border: 0;
    background: #fff;
    cursor: pointer;
}

.pika-prev {
    left: 6px;
}

.pika-prev:before {
    display: block;
    margin: 15px auto 0;
    background-position: -872px -508px;
    width: 8px;
    height: 13px;
    line-height: 0;
    vertical-align: top;
    content: '';
}

.pika-next {
    right: 6px;
}

.pika-next:before {
    display: block;
    margin: 15px auto 0;
    background-position: -888px -508px;
    width: 8px;
    height: 13px;
    line-height: 0;
    vertical-align: top;
    content: '';
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table tr td:first-child {
    padding-left: 14px;
}

.pika-table tr td:last-child {
    padding-right: 14px;
}

.pika-table tr:first-child td {
    padding-top: 10px;
}

.pika-table tr:last-child td {
    padding-bottom: 14px;
}

.pika-table th,
.pika-table td {
    width: 32px;
    padding: 0;
}

.pika-table th {
    height: 32px;
    background: #f7f7f7;
    color: #000;
    font-size: 12px;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px 5px 6px;
    color: #333;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #fff;
}

.pika-table td:first-child .pika-button {
    color: #e35f5f;
}

.pika-week {
    font-size: 11px;
    color: #959595;
}

.is-today .pika-button {
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    -webkit-box-shadow: inset 0 1px 3px #178fe5;
    box-shadow: inset 0 1px 3px #178fe5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #aaa;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: default;
    text-decoration: none;
}

.pagination {
    height: 28px;
    margin: 40px 0 70px;
    font-size: 0;
    color: #666;
    text-align: center;
}

.pagination .item,
.pagination .button_prev,
.pagination .button_next {
    display: inline-block;
}

.pagination[data-page="main_pagination"] .item {
    border: 1px solid #fff;
}

.pagination[data-page="main_pagination"] .item:hover {
    border: 1px solid #e0e0e0;
}

.pagination[data-page="main_pagination"] .item[aria-current="page"] {
    border: 1px solid #e0e0e0;
    cursor: default;
}

.pagination[data-page="main_pagination"] .button_prev {
    margin-right: 12px;
}

.pagination[data-page="main_pagination"] .button_prev:after {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin-left: 21px;
    background-color: #ddd;
    content: '';
}

.pagination[data-page="main_pagination"] .button_next {
    margin-left: 12px;
}

.pagination[data-page="main_pagination"] .button_next:before {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin-right: 21px;
    background-color: #ddd;
    content: '';
}

.pagination[data-page="main_pagination"] .icon_arrow_left {
    margin: 8px 3px 0 0;
    vertical-align: top;
}

.pagination[data-page="main_pagination"] .icon_arrow_right {
    margin: 8px 0 0 3px;
    vertical-align: top;
}

.pagination .item {
    min-width: 27px;
    height: 28px;
    margin: 0 1px;
    padding: 0 6px;
    font-family: "Tahoma", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 13px;
    line-height: 26px;
}

.pagination .item[aria-current="page"] strong {
    font-weight: 600;
    color: #00ab33;
}

.pagination .button_prev {
    height: 28px;
    font-size: 13px;
    line-height: 28px;
}

.pagination .button_prev .icon_arrow_left {
    background-position: -904px -508px;
    width: 8px;
    height: 12px;
}

.pagination .button_next {
    height: 28px;
    font-size: 13px;
    line-height: 28px;
}

.pagination .button_next .icon_arrow_right {
    background-position: -920px -508px;
    width: 8px;
    height: 12px;
}

.pagination span.button_prev .icon_arrow_left, .pagination a.button_prev[aria-disabled*="true"] .icon_arrow_left {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.pagination span.button_next .icon_arrow_right, .pagination a.button_next[aria-disabled*="true"] .icon_arrow_right {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.aside .pagination {
    float: right;
    height: 39px;
    margin: 0;
}

.aside .pagination .button_prev,
.aside .pagination .button_next {
    width: 40px;
    height: 39px;
    padding: 0 16px 0 15px;
    border-left: 1px solid #eeeeef;
    line-height: 39px;
}

.wrap_thumbnail_cardlist .pagination {
    margin-top: 30px;
}

.wrap_layer_popup {
    overflow-y: auto;
    position: fixed;
    z-index: 1127;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 0;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

.wrap_layer_popup:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.area_layer_popup {
    display: inline-block;
    padding: 30px;
    background: #fff;
    vertical-align: middle;
    white-space: normal;
    font-size: 12px;
}

.area_layer_popup.post_setting {
    border: 1px solid #ccc;
}

.wrap_my_information .area_layer {
    position: absolute;
    top: 40px;
    left: -21px;
}

.popup_buddy .area_layer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -113px 0 0 -140px;
}

.area_layer[aria-hidden="true"] {
    display: none;
}

.area_layer[aria-hidden="false"] {
    display: block;
}

.wrap_my_information .area_layer,
.popup_buddy .area_layer {
    z-index: 20;
    width: 280px;
    padding: 26px 28px 22px;
    background-color: #fff;
    border: 1px solid #666;
}

.wrap_my_information .area_layer .title,
.popup_buddy .area_layer .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #000;
}

.wrap_my_information .area_layer .text,
.popup_buddy .area_layer .text {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.54;
    color: #666;
}

.wrap_my_information .area_layer .list_button,
.popup_buddy .area_layer .list_button {
    margin-top: 27px;
    text-align: right;
}

.wrap_my_information .area_layer .button_resend,
.wrap_my_information .area_layer .button_check,
.popup_buddy .area_layer .button_resend,
.popup_buddy .area_layer .button_check {
    display: inline-block;
    height: 36px;
    line-height: 35px;
    border: 1px solid;
    font-size: 14px;
    letter-spacing: -0.1px;
    text-align: center;
}

.wrap_my_information .area_layer .button_resend,
.popup_buddy .area_layer .button_resend {
    width: 104px;
    border-color: #dbdbdb;
    color: #333;
}

.wrap_my_information .area_layer .button_check,
.popup_buddy .area_layer .button_check {
    width: 79px;
    background-color: #00c73c;
    border-color: #00c73c;
    color: #fff;
}

[data-user-agent*="MSIE 8"] .item .thumbnail_buddy .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_profile.png) no-repeat 50%;
}

.popup_buddy .popup_heading .title,
.popup_item .popup_heading .title,
.popup_post_setting .popup_heading .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 22px;
    line-height: 24px;
    color: #333;
}

.popup_buddy .popup_text,
.popup_item .popup_text,
.popup_post_setting .popup_text {
    margin-top: 19px;
}

.popup_buddy .area_button,
.popup_item .area_button,
.popup_post_setting .area_button {
    float: right;
    margin-top: 20px;
    font-size: 0;
}

.popup_buddy .area_button a[class*="button"],
.popup_item .area_button a[class*="button"],
.popup_post_setting .area_button a[class*="button"] {
    display: inline-block;
    height: 36px;
    font-size: 14px;
    letter-spacing: -0.1px;
    text-align: center;
}

.popup_buddy .area_button a[class*="button"] ~ a[class*="button_"],
.popup_item .area_button a[class*="button"] ~ a[class*="button_"],
.popup_post_setting .area_button a[class*="button"] ~ a[class*="button_"] {
    margin-left: 4px;
}

.popup_buddy .area_button .button_cancel, .popup_buddy .area_button .category_select_subject .list_button_form .button_submit, .category_select_subject .list_button_form .popup_buddy .area_button .button_submit,
.popup_buddy .area_button .button_reject,
.popup_item .area_button .button_cancel,
.popup_item .area_button .category_select_subject .list_button_form .button_submit,
.category_select_subject .list_button_form .popup_item .area_button .button_submit,
.popup_item .area_button .button_reject,
.popup_post_setting .area_button .button_cancel,
.popup_post_setting .area_button .category_select_subject .list_button_form .button_submit,
.category_select_subject .list_button_form .popup_post_setting .area_button .button_submit,
.popup_post_setting .area_button .button_reject {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    line-height: 34px;
    color: #666;
}

.popup_buddy .area_button .button_next,
.popup_buddy .area_button .button_close,
.popup_buddy .area_button .button_receive,
.popup_item .area_button .button_next,
.popup_item .area_button .button_close,
.popup_item .area_button .button_receive,
.popup_post_setting .area_button .button_next,
.popup_post_setting .area_button .button_close,
.popup_post_setting .area_button .button_receive {
    background-color: #00c73c;
    line-height: 36px;
    color: #fff;
}

.UserBlock_layer_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.UserBlock_layer_wrap .UserBlock_layer {
    overflow: hidden;
    width: 280px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
}

.UserBlock_layer_wrap .UserBlock_layer .text_area {
    padding: 24px;
    text-align: center;
    line-height: 20px;
    word-break: break-all;
    color: #000;
}

.UserBlock_layer_wrap .UserBlock_layer .text_area .title {
    display: block;
    padding: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
}

.UserBlock_layer_wrap .UserBlock_layer .text_area .desc {
    font-size: 14px;
    word-break: keep-all;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #f1f1f1;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #fff;
    border: 0;
    line-height: 48px;
    font-size: 15px;
    color: #323232;
    font-weight: 500;
    cursor: pointer;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn + .btn {
    border-left: 1px solid #f1f1f1;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn.confirm {
    font-weight: 600;
    color: #03c75a;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn.red_color {
    font-weight: 600;
    color: #f83333;
}

.banner_checking_now {
    position: relative;
    z-index: 10;
    height: 86px;
    background-color: #616b7b;
}

.banner_checking_now.banner_temporary_error .title_banner {
    padding: 31px 0;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.banner_checking_now.banner_temporary_error .title_banner .icon_notice {
    margin-top: 1px;
}

.banner_checking_now.banner_temporary_error .desc_banner {
    margin-left: 8px;
    padding: 0;
    line-height: 86px;
}

.banner_checking_now .inner {
    position: relative;
    height: 100%;
}

.banner_checking_now .title_banner {
    float: left;
    padding: 30px 0;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 23px;
    line-height: 26px;
    color: #ffec00;
    vertical-align: middle;
    letter-spacing: -1px;
}

.banner_checking_now .title_banner .icon_notice {
    background-position: -819px -439px;
    width: 24px;
    height: 22px;
    margin: 2px 11px 0 0;
    vertical-align: top;
}

.banner_checking_now .desc_banner {
    float: left;
    padding: 26px 0;
    margin-left: 35px;
    color: #e2e4e7;
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
}

.banner_checking_now .desc_banner .text_time {
    text-decoration: underline;
}

.banner_checking_now .link_tip {
    float: right;
    margin: 26px -10px 26px 0;
    padding: 10px;
    line-height: 14px;
    color: #e2e4e7;
    font-size: 12px;
}

.banner_checking_now .link_tip .icon_arrow_right_6x10 {
    background-position: -863px -547px;
    width: 6px;
    height: 10px;
    margin-top: 2px;
    vertical-align: top;
}

/*! 페이지 */
.wrap_thumbnail_post_list[data-post-type="buddy"] .heading {
    position: relative;
    margin: 30px 0 15px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading .title {
    margin-bottom: 20px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading .title_heading {
    font-size: 22px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-weight: 400;
    line-height: 34px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading .selectbox_group {
    float: right;
    width: 167px;
    height: 34px;
    background-color: #fff;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading .area_dropdown[data-set="buddy"] {
    position: absolute;
    top: 0;
    right: 0;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading .area_dropdown_select[data-set="more_buddy"] {
    background-color: #fcfcfc;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading_nobuddy, .wrap_thumbnail_post_list[data-post-type="buddy"] .heading_logout, .wrap_thumbnail_post_list[data-post-type="buddy"] .nothing_updatedpost {
    margin: 54px 0 15px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .heading_nobuddy .title, .wrap_thumbnail_post_list[data-post-type="buddy"] .heading_logout .title, .wrap_thumbnail_post_list[data-post-type="buddy"] .nothing_updatedpost .title {
    width: 497px;
    height: 60px;
    margin: 0 auto 54px;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 30px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] {
    position: relative;
    z-index: 15;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy {
    position: relative;
    height: 44px;
    padding: 0 40px 0 20px;
    border: 1px solid #e3e3e4;
    line-height: 42px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .text_view_more_buddy {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 13px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .text_view_more_buddy .name {
    color: #00a532;
    font-weight: 600;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .name_author {
    font-weight: bold;
    color: #00c73c;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .button_arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    text-align: center;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .button_arrow[aria-expanded="true"] .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .view_more_buddy .button_arrow[aria-expanded="false"] .icon_arrow {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select {
    position: absolute;
    width: 100%;
    height: 105px;
    margin-top: -1px;
    padding: 9px 23px 21px;
    border: 1px solid #e3e3e4;
    border-top-width: 0;
    background-color: #fcfcfc;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select[aria-hidden="true"] {
    display: none;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .item {
    float: left;
    position: relative;
    width: 33.33%;
    font-size: 0;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .buddy_area {
    display: block;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .thumbnail_author {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .thumbnail_author:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .img_author {
    width: 100%;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .info_buddy {
    width: 100%;
    padding: 2px 20px 0 51px;
    font-size: 13px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .name_author {
    display: block;
    height: 15px;
    margin-bottom: 6px;
    font-weight: 600;
    line-height: 15px;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    height: 18px;
    line-height: 18px;
    letter-spacing: -1px;
    color: #000000;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .button_buddy {
    display: inline-block;
    position: relative;
    height: 26px;
    margin: 8px 0 0 51px;
    padding: 5px 14px;
    border: 1px solid #999;
    background-color: #fdfdfd;
    font-size: 12px;
    color: #333;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .button_buddy[data-button-type="buddy_add"] {
    border-color: #4cc570;
    color: #00a532;
}

.wrap_thumbnail_post_list[data-post-type="buddy"] .area_dropdown_select[data-set="more_buddy"] .dropdown_select .icon_add {
    background-position: -1010px -508px;
    width: 9px;
    height: 9px;
    margin: 2px 3px 0 0;
    vertical-align: top;
}

.wrap_thumbnail_post_list[data-post-type="category"] {
    margin-top: 19px;
}

.wrap_thumbnail_post_list[data-post-type="category"] .area_result {
    margin: 90px 0;
    text-align: center;
}

.wrap_thumbnail_post_list[data-post-type="category"] .area_result .none .title {
    font-size: 16px;
    line-height: 30px;
    color: #000;
}

.wrap_thumbnail_post_list[data-post-type="category"] .area_result .more_help {
    padding-top: 10px;
}

.wrap_thumbnail_post_list[data-post-type="category"] .area_result .more_help .area_link .link {
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    color: #000;
    text-decoration: underline;
}

.notice {
    margin: 50px 0 70px;
}

.notice .heading {
    margin-bottom: 48px;
}

.notice .heading .title {
    margin-bottom: 15px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 40px;
    font-weight: 400;
}

.notice .heading .text {
    font-size: 13px;
    letter-spacing: -0.3px;
    color: #666666;
}

.notice .area_search .pagination + .search {
    margin-top: -35px;
}

.notice .area_search .search {
    overflow: hidden;
    position: relative;
    width: 360px;
    height: 41px;
    margin: 0 auto;
    border: solid 1px #ccc;
}

.notice .area_search .search label {
    position: absolute;
    top: 0;
    left: 13px;
    overflow: hidden;
    width: 297px;
    height: 39px;
    font-size: 13px;
    line-height: 39px;
    color: #959595;
}

.notice .area_search .textbox {
    width: 310px;
    height: 39px;
    line-height: 38px;
    border: 0;
    text-indent: 13px;
    font-size: 13px;
    color: #959595;
}

.notice .area_search .button {
    float: right;
    width: 39px;
    height: 39px;
    line-height: 38px;
    text-align: center;
}

.notice .area_search .icon_search {
    background-position: -582px -508px;
    width: 20px;
    height: 20px;
}

.notice .area_button {
    margin-top: 15px;
    text-align: right;
}

.notice .area_button .button {
    display: inline-block;
    width: 64px;
    height: 33px;
    line-height: 31px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #4a4a4a;
    text-align: center;
}

.notice .area_other {
    margin-top: 40px;
}

.notice .area_other .item {
    font-size: 13px;
    line-height: 3.08;
    color: #959595;
}

.notice .area_other .item:first-child {
    border-bottom: 1px solid #eeeeef;
}

.notice .area_other .label {
    float: left;
    width: 45px;
}

.notice .area_other .title {
    overflow: hidden;
    max-width: 900px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    float: left;
    color: #4a4a4a;
    word-break: break-all;
}

.notice .area_other .date {
    float: right;
}

.list_notice {
    width: 100%;
    border-top: 2px solid #4a4a4a;
    border-bottom: 1px solid #9b9b9b;
}

.list_notice .col {
    height: 44px;
    line-height: 1;
    text-align: center;
}

.list_notice .col[data-label="number"], .list_notice .col[data-label="title"] {
    text-align: left;
}

.list_notice .col[data-label="number"] {
    width: 94px;
}

.list_notice .col[data-label="date"] {
    width: 150px;
}

.list_notice .col[data-label="hits"] {
    width: 70px;
}

.list_notice .heading_list_notice .col {
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
}

.list_notice .article_list_notice .row:first-child .col {
    border-color: #9b9b9b;
}

.list_notice .article_list_notice .col {
    border-top: 1px solid #eeeeef;
    font-size: 13px;
    color: #959595;
}

.list_notice .article_list_notice .col[data-label="title"] {
    color: #000;
}

.list_notice .article_list_notice .col.nothing {
    padding: 170px 0;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    text-align: center;
}

.list_notice .article_list_notice .link {
    overflow: hidden;
    max-width: 700px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
}

.list_notice .icon_set {
    display: inline-block;
    margin: -1px 0 0 2px;
    vertical-align: top;
}

.list_notice .icon_file,
.list_notice .icon_image {
    margin-left: 2px;
}

.list_notice .icon_file {
    background-position: -828px -508px;
    width: 14px;
    height: 14px;
}

.list_notice .icon_image {
    background-position: -790px -508px;
    width: 14px;
    height: 14px;
}

.detail_notice {
    border-top: 2px solid #4a4a4a;
    border-bottom: 1px solid #9b9b9b;
}

.detail_notice .heading_detail_notice {
    padding: 22px 0;
    border-bottom: 1px solid #eeeeef;
}

.detail_notice .heading_detail_notice .title {
    float: left;
    width: 870px;
    font-size: 16px;
    line-height: 1.4;
}

.detail_notice .heading_detail_notice .text {
    float: right;
    padding-top: 3px;
    font-size: 13px;
    color: #959595;
}

.detail_notice .heading_detail_notice .date {
    float: left;
}

.detail_notice .heading_detail_notice .hits {
    float: left;
    margin-left: 40px;
}

.detail_notice .article_detail_notice {
    position: relative;
    padding: 25px 100px 44px 0;
    font-size: 13px;
    line-height: 1.85;
    color: #333;
}

.detail_notice .button_url_copy {
    position: absolute;
    top: 20px;
    right: 0;
    height: 23px;
    line-height: 22px;
    padding: 0 6px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #4a4a4a;
}

.heading_monthly_blog_categoty {
    padding: 49px 0 19px;
    border-top: 1px solid #eeeeef;
}

.group_categoty:first-child .heading_monthly_blog_categoty {
    padding: 35px 0 20px;
    border-top: 0;
}

.heading_monthly_blog_categoty .title {
    display: inline-block;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    color: #ff5248;
}

.heading_monthly_blog_categoty .count {
    display: inline-block;
    margin-left: 6px;
    font-size: 18px;
    letter-spacing: -0.3px;
    color: #959595;
}

.page_partition {
    position: relative;
    padding-top: 56px;
    border-top: 1px solid #eeeeef;
}

.page_partition:first-child {
    border-top: 0;
    padding-top: 55px;
}

.page_partition .heading_monthly_blog {
    float: left;
    width: 235px;
}

.page_partition .wrap_thumbnail_cardlist {
    float: right;
    width: 825px;
}

.heading_monthly_blog .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 42px;
    line-height: 56px;
    letter-spacing: -1px;
    color: #333;
}

.heading_monthly_blog .button_buddy {
    display: inline-block;
    position: relative;
    width: 51px;
    height: 26px;
    padding-left: 15px;
    line-height: 24px;
    border: 1px solid #4cc570;
    text-align: center;
    color: #00ab33;
}

.heading_monthly_blog .button_buddy .icon_plus {
    background-position: -1010px -508px;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 8px;
    left: 7px;
}

.heading_monthly_blog .button_buddy_state {
    display: inline-block;
    width: 51px;
    height: 26px;
    border: 1px solid #999;
    line-height: 24px;
    text-align: center;
    color: #333;
}

.heading_monthly_blog .count {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 24px;
    line-height: 24px;
    color: #959595;
}

.heading_monthly_blog .area_author_pick {
    margin-top: 24px;
}

.heading_monthly_blog .area_author_pick .author {
    position: relative;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 42px;
}

.heading_monthly_blog .area_author_pick .name {
    font-size: 15px;
    font-weight: 600;
}

.heading_monthly_blog .area_author_pick .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.heading_monthly_blog .area_author_pick .thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.heading_monthly_blog .area_author_pick .button_set {
    margin-top: 16px;
}

.heading_monthly_blog .area_author_theme {
    margin-top: 16px;
}

.heading_monthly_blog .wrap_lucky_blog {
    height: 278px;
}

.heading_monthly_blog .wrap_lucky_blog:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.heading_monthly_blog .area_author_lucky {
    display: inline-block;
    width: 209px;
    text-align: center;
    vertical-align: middle;
}

.heading_monthly_blog .area_author_lucky .author {
    position: relative;
    display: inline-block;
    padding-top: 64px;
}

.heading_monthly_blog .area_author_lucky .name {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 22px;
    line-height: 1.09;
    letter-spacing: -0.1px;
    font-weight: 600;
}

.heading_monthly_blog .area_author_lucky .thumbnail {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
}

.heading_monthly_blog .area_author_lucky .thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.heading_monthly_blog .area_author_lucky .since {
    display: block;
    margin-top: 7px;
    line-height: 1.67;
    color: #00ab33;
}

.heading_monthly_blog .area_author_lucky .summary_comment {
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 66px;
    margin-top: 7px;
    font-size: 14px;
    line-height: 22px;
    color: #959595;
}

.heading_monthly_blog .area_author_lucky .button_set {
    margin-top: 21px;
}

.area_button_more {
    float: left;
    width: 100%;
    min-height: 56px;
}

.area_button_more .button_more {
    display: block;
    margin-top: 16px;
    padding: 24px 0;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    text-align: center;
}

.area_button_more .button_more .icon_arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    margin: 0 0 0 7px;
}

.area_button_more .button_more[aria-expanded="true"] .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_button_more .button_more[aria-expanded="false"] .icon_arrow {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.group_categoty .area_button_more .button_more {
    margin-top: 16px;
}

.footer_monthly_blog {
    position: relative;
    margin-bottom: 80px;
    padding-top: 24px;
    border-top: 1px solid #eeeeef;
}

.footer_monthly_blog .link {
    font-size: 15px;
    letter-spacing: -0.7px;
}

.footer_monthly_blog .link[data-link="prev"] {
    float: left;
}

.footer_monthly_blog .link[data-link="next"] {
    float: right;
}

.button_page_top {
    position: absolute;
    top: 10px;
    right: -69px;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    border: 1px solid #e0e0e0;
    line-height: 44px;
    text-align: center;
}

.button_page_top .icon_top {
    background-position: -851px -439px;
    width: 21px;
    height: 22px;
}

.area_no_lucky {
    padding: 287px 0 284px;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    text-align: center;
}

.area_no_lucky .title {
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
}

.area_no_lucky .title strong {
    font-weight: 600;
}

.banner_monthly {
    height: 88px;
    background-color: #f8f8f9;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 16px;
    line-height: 88px;
}

.banner_monthly .link {
    margin-left: 13px;
    color: #ff5248;
}

.banner_monthly .link .icon_arrow {
    background-position: -821px -547px;
    width: 6px;
    height: 11px;
    margin: -2px 0 0 4px;
}

.banner_monthly .link:hover {
    text-decoration: underline;
}

.banner_monthly ~ .content .group_categoty:first-child .heading_monthly_blog_categoty {
    padding-top: 49px;
}

.official_blog_introduce {
    padding: 48px 0 53px;
    background-color: #f8f8f9;
}

.is_fixed_spot .official_blog_introduce {
    margin-bottom: 80px;
}

.official_blog_introduce .official_blog_content {
    position: relative;
    padding-left: 310px;
}

.official_blog_introduce .title {
    position: absolute;
    top: -4px;
    left: 0;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -0.3px;
    color: #3588CD;
}

.official_blog_introduce .list {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 18px;
    line-height: 22px;
}

.official_blog_introduce .list .item {
    margin-top: 22px;
}

.official_blog_introduce .list .item:first-child {
    margin-top: 0;
}

.official_blog_introduce .text {
    margin-top: 29px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1px;
    color: #3588CD;
}

.text_official_blog {
    margin: 36px 0 20px;
    font-size: 16px;
}

.text_official_blog .point {
    font-weight: 600;
}

.heading_power_blog {
    position: relative;
    height: 26px;
    margin: 35px 0 20px;
}

.heading_power_blog .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 24px;
}

.heading_power_blog .icon_arrow_right {
    background-position: -995px -471px;
    width: 12px;
    height: 20px;
    margin: -2px 8px 0;
}

.heading_power_blog .area_dropdown {
    position: absolute;
    top: -3px;
    right: 0;
}

.area_no_search {
    padding: 200px 0;
    text-align: center;
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

.area_no_search .title {
    font-size: 28px;
    line-height: 36px;
    word-break: break-all;
}

.area_no_search .title .search_keyword {
    font-weight: 600;
}

.area_no_search .link {
    display: block;
    margin-top: 18px;
    font-size: 14px;
    line-height: 28px;
    text-decoration: underline;
}

.wrap_thumbnail_cardlist[data-lnb="power_blog"][data-cardtype="a"] .none {
    padding: 161px 0 223px;
    text-align: center;
}

.wrap_thumbnail_cardlist[data-lnb="power_blog"][data-cardtype="a"] .none .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 28px;
    line-height: 36px;
}

.heading_challenge_hottopic {
    margin: 36px 0 16px;
}

.heading_challenge_hottopic .date,
.heading_challenge_hottopic .title {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
}

.heading_challenge_hottopic .date {
    color: #693bbc;
}

.heading_challenge_hottopic .bar {
    display: inline-block;
    position: relative;
    top: -6px;
    margin: 0 7px;
}

.heading_challenge_hottopic .bar:before {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 1px;
    background-color: #d5d5d5;
    content: '';
}

.heading_challenge_hottopic .title {
    font-weight: 400;
}

.heading_challenge_hottopic .text {
    margin-left: 2px;
    font-size: 14px;
    line-height: 1.57;
    color: #666;
}

.heading_challenge_movie {
    margin: 48px 0 24px;
}

.heading_challenge_movie .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 20px;
    font-weight: 400;
}

/*! 팝업 */
.popup_buddy {
    position: relative;
    width: 410px;
    text-align: left;
}

.popup_buddy .buddy_state {
    margin-bottom: 21px;
    padding: 19px;
    border: 1px solid #d9d9d9;
    background-color: #fafafa;
}

.popup_buddy .buddy_state:last-child {
    margin-bottom: 0;
}

.popup_buddy .buddy_state .text_buddy_add {
    font-size: 14px;
    line-height: 20px;
}

.popup_buddy .buddy_state .name_buddy {
    color: #00ab33;
}

.popup_buddy .buddy_state .notice {
    margin-top: 13px;
    line-height: 1.2;
    color: #959595;
}

.popup_buddy .tip_box {
    font-size: 12px;
    color: #777;
}

.popup_buddy .tip_box .link_blog {
    display: inline-block;
    margin-top: 5px;
}

.popup_buddy .tip_box .link_blog:hover {
    text-decoration: underline;
}

.popup_buddy .tip_box .link_blog strong {
    font-weight: 600;
}

.popup_buddy .tip_box .link_blog .icon_arrow {
    margin: 2px 0 0 4px;
    vertical-align: top;
    background-position: -849px -547px;
    width: 6px;
    height: 10px;
}

.popup_buddy .tip_box .list {
    margin-top: 7px;
}

.popup_buddy .tip_box .item a:visited,
.popup_buddy .tip_box .item a:hover,
.popup_buddy .tip_box .item a:focus {
    text-decoration: underline;
}

.popup_buddy .tip_box .link_blog_post {
    line-height: 19px;
}

.popup_buddy .tip_box .text {
    line-height: 19px;
    color: #777;
}

.popup_buddy .tip_box .link_install {
    font-weight: 600;
    text-decoration: underline;
}

.popup_buddy .notice {
    margin: 15px 0 0 0;
    line-height: 20px;
    color: #777;
}

.popup_buddy .link_naver_me {
    font-weight: 600;
    text-decoration: underline;
}

.popup_buddy .notice_each_buddy {
    color: #777;
}

.popup_buddy .notice_each_buddy .link_manage_buddy {
    font-weight: 600;
    text-decoration: underline;
}

.popup_buddy .notice_naver_me {
    margin-top: 5px;
    line-height: 20px;
    color: #777;
}

.popup_buddy .area_button a[class*="button"] {
    width: 67px;
}

.popup_buddy .wrap_radio {
    display: inline-block;
}

.popup_buddy .wrap_radio label {
    display: inline-block;
    color: #000;
    cursor: pointer;
}

.popup_buddy .wrap_radio label:before {
    content: '';
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
}

.popup_buddy .wrap_radio.checked label:before {
    border: 5px solid #00c73c;
}

.popup_buddy .radio_button_buddy:checked + label:before {
    border: 5px solid #00c73c;
}

.popup_buddy .radio_button_buddy:disabled + label,
.popup_buddy .radio_button_buddy.disabled + label {
    color: #959595;
}

.text_buddy_add .wrap_radio {
    width: 75px;
    margin-left: 6px;
}

.text_buddy_add .wrap_radio label:before {
    margin-top: 3px;
}

.text_buddy_add .name_buddy + .wrap_radio {
    width: 49px;
}

.text_buddy_add .radio_addbuddy.checked ~ .text_addbuddy,
.text_buddy_add .radio_bothbuddy.checked ~ .text_bothbuddy {
    display: inline;
}

.text_buddy_add .text_addbuddy,
.text_buddy_add .text_bothbuddy {
    display: none;
}

.buddy_state .group_add {
    margin-top: 16px;
}

.buddy_state .group_add .area_dropdown {
    float: left;
}

.buddy_state .group_add .button_group_add {
    float: left;
    width: 85px;
    height: 34px;
    margin-left: 4px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 12px;
    line-height: 32px;
    color: #333;
    text-align: center;
}

.buddy_state .group_add .icon_plus {
    background-position: -976px -508px;
    width: 9px;
    height: 9px;
    margin: -2px 5px 0 0;
}

.buddy_state .group_name {
    margin-top: 8px;
}

.buddy_state .group_name .wrap_text {
    float: left;
    position: relative;
    line-height: 34px;
}

.buddy_state .group_name .wrap_text.checked .label_check {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.buddy_state .group_name .wrap_text.checked .input_text_box {
    border-color: #00c73c;
    color: #00ab33;
}

.buddy_state .group_name .label_check {
    background-position: -798px -547px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.buddy_state .group_name .checkbox_group:checked + .label_check {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.buddy_state .group_name .checkbox_group:checked ~ .input_text_box {
    border-color: #00c73c;
    color: #00ab33;
}

.buddy_state .group_name .input_text_box {
    width: 281px;
    height: 34px;
    padding: 0 15px 0 38px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #959595;
    line-height: 34px;
}

.buddy_state .group_name .label_check {
    position: absolute;
    top: 10px;
    left: 15px;
}

.buddy_state .group_name .area_dropdown {
    float: left;
    margin-left: 4px;
}

.buddy_state .message_box {
    position: relative;
    margin-top: 8px;
}

.buddy_state .message_box .label_message {
    position: absolute;
    top: 11px;
    left: 13px;
    color: #959595;
}

.buddy_state .message_box .text_box {
    width: 370px;
    height: 60px;
    padding: 10px 12px;
    border: 1px solid #dbdbdb;
    color: #959595;
    vertical-align: top;
}

.buddy_state .buddy_box,
.buddy_state .setting_buddy_box {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eeeeef;
}

.buddy_box .text {
    color: #777;
}

.buddy_box .list {
    padding: 20px 0 24px;
}

.buddy_box .item {
    position: relative;
    margin-top: 20px;
    padding: 0 90px 0 42px;
}

.buddy_box .item:first-child {
    margin-top: 0;
}

.buddy_box .item .name {
    font-weight: 600;
}

.buddy_box .link_close_buddy {
    display: inline-block;
}

.buddy_box .link_common_buddy {
    font-size: 12px;
}

.buddy_box .thumbnail_buddy {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.buddy_box .thumbnail_buddy:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.buddy_box .blog_introduce {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    margin-top: 6px;
}

.buddy_box .buddy_number {
    margin-top: 6px;
    font-size: 0;
    color: #959595;
}

.buddy_box .buddy_number .number {
    color: #00ab33;
}

.buddy_box .detail {
    font-size: 12px;
}

.buddy_box .detail ~ .link_common_buddy:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: -1px 8px 0 8px;
    background-color: #d8d8d8;
    vertical-align: middle;
}

.buddy_box .button_buddy,
.buddy_box .button_buddy_add {
    position: absolute;
    top: 4px;
    right: 0;
    width: 74px;
    height: 26px;
    line-height: 24px;
    text-align: center;
}

.buddy_box .button_buddy {
    border: 1px solid #999;
    color: #333;
}

.buddy_box .button_buddy_add {
    border: 1px solid #4cc570;
    color: #00ab33;
}

.buddy_box .icon_plus {
    background-position: -1010px -508px;
    width: 9px;
    height: 9px;
    margin: -2px 3px 0 0;
}

.buddy_box .recommend {
    position: relative;
    margin-top: 14px;
    line-height: 19px;
    color: #777;
}

.buddy_box .button_watch_post {
    position: absolute;
    bottom: 9px;
    right: 0;
    width: 90px;
    height: 26px;
    border: 1px solid #dbdbdb;
    line-height: 24px;
    color: #666;
    text-align: center;
}

.buddy_box .buddy_description_list {
    font-size: 12px;
    line-height: 23px;
}

.buddy_box .buddy_description_list::after {
    content: '';
    display: block;
    clear: both;
}

.buddy_box .buddy_description_term {
    float: left;
}

.buddy_box .buddy_description_description {
    float: left;
    color: #666;
}

.buddy_box .buddy_description_term + .buddy_description_description {
    margin-left: 15px;
}

.buddy_state .text_each_buddy {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeef;
    color: #777;
    line-height: 19px;
}

.buddy_state .text_each_buddy .my_name {
    color: #000;
}

.buddy_state .message_each_buddy {
    margin-top: 11px;
    background-color: #f9f9f9;
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    word-break: break-all;
}

.text_each_buddy .name_buddy {
    font-weight: 400;
}

.text_buddy_add .name_buddy {
    font-weight: 600;
}

.layer_buddy_info {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 327px;
    margin: auto;
    font-size: 0;
    color: #000;
}

.layer_buddy_info:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.layer_buddy_info .layer_middle {
    display: inline-block;
    position: relative;
    width: 327px;
    margin: -40px 0;
    vertical-align: middle;
    font-size: 12px;
}

.layer_buddy_info .text {
    margin-top: 8px;
    color: #959595;
    letter-spacing: -0.5px;
}

.layer_buddy_info .list {
    margin-bottom: 40px;
    padding: 16px 30px 20px 19px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #a0a0a0;
    border-width: 0 1px 1px;
    background-color: #fff;
}

.layer_buddy_info .item {
    margin-top: 16px;
    padding-right: 0;
}

.layer_buddy_info .layer_title {
    font-size: 14px;
}

.layer_buddy_info .layer_heading {
    margin-top: 40px;
    padding: 17px 17px 0 19px;
    background-color: #fff;
    border: 1px solid #a0a0a0;
    border-width: 1px 1px 0;
}

.layer_buddy_info .layer_heading:after {
    content: '';
    display: block;
    width: 325px;
    height: 1px;
    margin: 15px 0 0 -19px;
    background-color: #eeeeef;
}

.layer_buddy_info .button_close {
    position: absolute;
    top: 53px;
    right: 12px;
    padding: 4px 5px;
}

.layer_buddy_info .button_close .icon_close {
    background-position: -380px -581px;
    width: 14px;
    height: 17px;
}

.setting_buddy_box {
    font-size: 14px;
}

.setting_buddy_box .wrap_radio {
    display: block;
    margin-top: 16px;
}

.setting_buddy_box .wrap_radio:first-child {
    margin-top: 0;
}

.setting_buddy_box .wrap_radio label:before {
    margin-right: 10px;
}

.popup_blog {
    position: relative;
    text-align: left;
}

.popup_blog[data-popup="right_protection"] {
    width: 560px;
    height: 955px;
}

.popup_blog[data-popup="power_blog"] {
    width: 560px;
    height: 389px;
}

.popup_blog .popup_heading .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.1px;
    color: #00ab33;
}

.popup_blog .popup_heading .text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.popup_blog .popup_text {
    margin-top: 32px;
    border-top: 1px solid #e6e6e6;
}

.popup_blog .popup_text .text_detail {
    margin-top: 32px;
    font-size: 13px;
    line-height: 22px;
    color: #333;
}

.popup_blog .button_check {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 67px;
    height: 36px;
    background-color: #00c73c;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: -0.1px;
    color: #fff;
    text-align: center;
}

.popup_blog .button_check:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.text_detail .title {
    font-weight: 600;
}

.text_detail .list {
    margin-top: 6px;
}

.text_detail .item {
    margin-top: 6px;
    padding-left: 20px;
}

.text_detail .item:first-child {
    margin-top: 0;
}

.text_detail .item:before {
    content: '\2022';
    display: inline-block;
    width: 20px;
    margin-left: -20px;
    color: #666;
}

.text_detail .item a {
    font-size: 12px;
    line-height: 22px;
    text-decoration: underline;
}

.text_detail .item .link_help {
    color: #878787;
}

.text_detail .item .link_setting {
    color: #00ab33;
}

.text_detail .text {
    margin-top: 6px;
}

.text_detail .text .link_more_detail {
    display: inline-block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
    color: #959595;
}

.text_detail .text_box {
    position: relative;
    margin-top: 20px;
    padding: 20px;
    background-color: #f8f8f9;
}

.text_detail .text_box .title {
    display: block;
    margin-top: 20px;
}

.text_detail .text_box .title:first-child {
    margin-top: 0;
}

.text_detail .text_box .point {
    font-weight: 600;
    color: #00a532;
}

.text_detail .text_box .list {
    margin-top: 4px;
}

.text_detail .text_box .item {
    margin-top: 4px;
    padding-left: 16px;
}

.text_detail .text_box .item:before {
    width: 16px;
    margin-left: -16px;
}

.text_detail .text_box .button_report {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 67px;
    height: 36px;
    border: 1px solid #4cd776;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: -0.1px;
    color: #00a532;
    text-align: center;
}

.text_detail .text_box .button_report:hover {
    border-color: #00c73c;
    background-color: #00c73c;
    color: #fff;
}

.text_detail .list_notice {
    width: auto;
    margin-top: 20px;
    border: 0;
}

.text_detail .list_notice .item {
    margin-top: 4px;
    padding-left: 16px;
    font-size: 12px;
    line-height: 20px;
    color: #959595;
}

.text_detail .list_notice .item:before {
    width: 16px;
    margin-left: -16px;
    color: #959595;
}

.text_detail .list_notice .item .point {
    color: #535353;
}

.text_detail .list_notice .link_move {
    line-height: 20px;
    color: #878787;
}

body, p,
h1, h2, h3, h4, h5, h6,
ul, ol, li,
dl, dt, dd,
table, th, td,
form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
}

img,
fieldset {
    border: 0;
}

ul,
ol {
    list-style: none;
}

em,
address {
    font-style: normal;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

i {
    font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

.SetBlogId_layer_wrap {
    overflow-y: auto;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.6);
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.SetBlogId_layer_wrap:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.SetBlogId_layer_wrap .BlogId_content {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 680px;
    padding: 0 70px;
    background: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal;
    text-align: left;
}

.SetBlogId_layer_wrap .title_h1 {
    padding: 75px 0 0;
    font-size: 25px;
    line-height: 33px;
    letter-spacing: -0.6px;
    font-weight: 700;
}

.SetBlogId_layer_wrap .title_desc {
    padding: 6px 0 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    letter-spacing: -0.6px;
}

.SetBlogId_layer_wrap .domain {
    padding: 40px 0 0;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SetBlogId_layer_wrap .domain .blogid {
    font-weight: 400;
    color: #000;
}

.SetBlogId_layer_wrap .back_btn_area {
    position: absolute;
    left: 15px;
    top: 12px;
}

.SetBlogId_layer_wrap .back_btn_area .back_btn {
    width: 32px;
    height: 41px;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg width='12' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.15.378a.9.9 0 0 1-.028 1.272l-9.194 8.793c-.024.023-.028.043-.028.057 0 .014.004.033.028.056l9.19 8.788a.9.9 0 0 1-1.245 1.301L.684 11.857a1.87 1.87 0 0 1 0-2.715L9.878.35a.9.9 0 0 1 1.272.029Z' fill='%23000'/%3E%3C/svg%3E") 10px 10px/12px 21px no-repeat;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.SetBlogId_layer_wrap .pagination_area {
    position: absolute;
    top: 27px;
    right: 20px;
    color: transparent;
    font-size: 0;
}

.SetBlogId_layer_wrap .pagination_area .item {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-top: 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ccc;
    vertical-align: top;
}

.SetBlogId_layer_wrap .pagination_area .item + .item {
    margin-left: 8px;
}

.SetBlogId_layer_wrap .pagination_area .is_active {
    width: 10px;
    height: 10px;
    margin-top: 0;
    background: #000;
}

.SetBlogId_layer_wrap .alert_content {
    display: inline-block;
    position: relative;
    width: 440px;
    height: 100px;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
}

.SetBlogId_layer_wrap .alert_content .text_area {
    padding: 21px 0 16px 24px;
}

.SetBlogId_layer_wrap .alert_content .text_area .desc {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #505050;
}

.SetBlogId_layer_wrap .alert_content .btn_area {
    display: block;
    height: 40px;
    margin: 0;
    padding: 0;
    background: none;
    border-top: 1px solid #d5d5d5;
}

.SetBlogId_layer_wrap .alert_content .btn_area .btn {
    float: right;
    margin: 4px 21px 0 0;
    padding: 5px;
    background: none;
    border: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #989898;
    cursor: pointer;
}

.SetBlogId_layer_wrap .input_blogid_area,
.SetBlogId_layer_wrap .input_area {
    position: relative;
    margin: 12px 0 0;
}

.SetBlogId_layer_wrap .input_blogid_area .input_text,
.SetBlogId_layer_wrap .input_area .input_text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 45px 0 15px;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: -0.3px;
    font-weight: 600;
}

.SetBlogId_layer_wrap .input_blogid_area .input_text::-webkit-input-placeholder,
.SetBlogId_layer_wrap .input_area .input_text::-webkit-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    color: #ccc;
}

.SetBlogId_layer_wrap .input_blogid_area .input_text::placeholder,
.SetBlogId_layer_wrap .input_area .input_text::placeholder {
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    color: #ccc;
}

.SetBlogId_layer_wrap .input_blogid_area .input_text:focus,
.SetBlogId_layer_wrap .input_area .input_text:focus {
    outline: none;
}

.SetBlogId_layer_wrap .input_blogid_area .input_text::-ms-clear,
.SetBlogId_layer_wrap .input_area .input_text::-ms-clear {
    display: none;
}

.SetBlogId_layer_wrap .input_blogid_area .right_area,
.SetBlogId_layer_wrap .input_area .right_area {
    position: absolute;
    top: 1px;
    right: 1px;
}

.SetBlogId_layer_wrap .input_blogid_area .right_area .del_btn,
.SetBlogId_layer_wrap .input_area .right_area .del_btn {
    width: 42px;
    height: 48px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23CCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.914 6.086a.863.863 0 0 0-1.22 0L10 8.78 7.307 6.086a.863.863 0 0 0-1.22 1.22L8.78 10l-2.694 2.694a.863.863 0 0 0 1.22 1.22L10 11.22l2.694 2.694a.863.863 0 1 0 1.22-1.22L11.22 10l2.694-2.693a.863.863 0 0 0 0-1.22Z' fill='%23fff'/%3E%3C/svg%3E") 11px 14px/20px 20px no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.SetBlogId_layer_wrap .input_blogid_area .right_area .loading_icon,
.SetBlogId_layer_wrap .input_area .right_area .loading_icon {
    position: absolute;
    top: 14px;
    right: 11px;
    width: 20px;
    height: 20px;
    background: #fafafa;
}

.SetBlogId_layer_wrap .input_blogid_area .message,
.SetBlogId_layer_wrap .input_area .message {
    height: 17px;
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.3px;
    font-weight: 700;
}

.SetBlogId_layer_wrap .input_blogid_area.error .input_text,
.SetBlogId_layer_wrap .input_area.error .input_text {
    border-color: #f83333;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation-name: shake;
    animation-name: shake;
}

.SetBlogId_layer_wrap .input_blogid_area.error .right_area,
.SetBlogId_layer_wrap .input_area.error .right_area {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation-name: shake;
    animation-name: shake;
}

.SetBlogId_layer_wrap .input_blogid_area.error .message,
.SetBlogId_layer_wrap .input_area.error .message {
    color: #f83333;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation-name: error_message;
    animation-name: error_message;
}

.SetBlogId_layer_wrap .input_blogid_area.success .input_text,
.SetBlogId_layer_wrap .input_area.success .input_text {
    border-color: #03c75a;
}

.SetBlogId_layer_wrap .input_blogid_area.success .message,
.SetBlogId_layer_wrap .input_area.success .message {
    color: #03c75a;
}

.SetBlogId_layer_wrap .recommend_blogid {
    min-height: 60px;
    margin: 25px 0;
}

.SetBlogId_layer_wrap .recommend_blogid .list {
    font-size: 0;
}

.SetBlogId_layer_wrap .recommend_blogid .item {
    display: inline-block;
    margin: 0 10px 10px 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation-name: recommend_item;
    animation-name: recommend_item;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

.SetBlogId_layer_wrap .recommend_blogid .item + .item {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.SetBlogId_layer_wrap .recommend_blogid .item + .item + .item {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.SetBlogId_layer_wrap .recommend_blogid .item + .item + .item + .item {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.SetBlogId_layer_wrap .recommend_blogid .item + .item + .item + .item + .item {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.SetBlogId_layer_wrap .recommend_blogid .item + .item + .item + .item + .item + .item {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.SetBlogId_layer_wrap .recommend_blogid .btn {
    padding: 0 12px;
    background: #f4f4f4;
    border: 0;
    -webkit-border-radius: 34px;
    border-radius: 34px;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -0.3px;
    cursor: pointer;
}

.SetBlogId_layer_wrap .desc_area .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 76px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.SetBlogId_layer_wrap .desc_area .item {
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.3px;
}

.SetBlogId_layer_wrap .desc_area .item:before {
    display: inline-block;
    margin: 8px 6px 0 0;
    width: 2px;
    height: 2px;
    background: #000;
    vertical-align: top;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    content: '';
}

.SetBlogId_layer_wrap .desc_area .strong {
    color: #f83333;
    font-weight: 700;
}

.SetBlogId_layer_wrap .recommendation_list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 478px;
    padding: 42px 0 0;
}

.SetBlogId_layer_wrap .recommendation_list .list {
    font-size: 0;
}

.SetBlogId_layer_wrap .recommendation_list .item {
    display: inline-block;
    position: relative;
    margin: 0 7px 8px 0;
}

.SetBlogId_layer_wrap .recommendation_list .item .label {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    padding: 0 15px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: -0.3px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1), -webkit-transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
}

.SetBlogId_layer_wrap .recommendation_list .item .label:hover {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
}

.SetBlogId_layer_wrap .recommendation_list .item .inputbox {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.SetBlogId_layer_wrap .recommendation_list .item .inputbox:checked + .label {
    background: #222;
    border: 1px solid #222;
    color: #fff;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1), -webkit-transform 0.2s cubic-bezier(0.38, 1.71, 0.31, 1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.SetBlogId_layer_wrap .btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 30px -70px 0;
    padding: 30px 70px;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
}

.SetBlogId_layer_wrap .btn_area .cancel_btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-right: 6px;
    background: #eee;
    border: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #666;
    cursor: pointer;
}

.SetBlogId_layer_wrap .btn_area .submit_btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-left: 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 48px;
    letter-spacing: -0.3px;
    font-weight: 700;
    color: #fff;
    background: #03c75a;
    cursor: pointer;
}

.SetBlogId_layer_wrap .btn_area .submit_btn:disabled {
    background: #ccc;
    pointer-events: none;
}

.SetBlogId_layer_wrap .btn_area .start_blog_btn {
    width: 100%;
    height: 48px;
    background: #0f98fb;
    border: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #fff;
    cursor: pointer;
}

.SetBlogId_layer_wrap .bloger_list {
    position: relative;
    height: 584px;
    margin: 42px 0 -109px;
}

.SetBlogId_layer_wrap .bloger_list + .btn_area {
    position: relative;
    margin-top: 0;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.SetBlogId_layer_wrap .bloger_list > .list {
    overflow-y: auto;
    height: 584px;
    -ms-overflow-style: none;
    /* IE and Edge scrollbar */
    scrollbar-width: none;
    /* Firefox scrollbar */
    /* Chrome, Safari and Opera scrollbar */
}

.SetBlogId_layer_wrap .bloger_list > .list::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
}

.SetBlogId_layer_wrap .bloger_list > .list > .item + .item {
    padding: 28px 0 0;
}

.SetBlogId_layer_wrap .bloger_list > .list > .item:last-child {
    padding-bottom: 129px;
}

.SetBlogId_layer_wrap .bloger_list .bloger_item {
    position: relative;
}

.SetBlogId_layer_wrap .bloger_list .bloger {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.SetBlogId_layer_wrap .bloger_list .profile_img {
    position: relative;
    width: 56px;
    height: 56px;
}

.SetBlogId_layer_wrap .bloger_list .profile_img:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
}

.SetBlogId_layer_wrap .bloger_list .profile_img .img {
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.SetBlogId_layer_wrap .bloger_list .profile_text {
    padding: 0 0 0 10px;
}

.SetBlogId_layer_wrap .bloger_list .profile_text .nickname {
    display: block;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}

.SetBlogId_layer_wrap .bloger_list .profile_text .blogname {
    display: block;
    padding: 2px 0 0;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: #666;
}

.SetBlogId_layer_wrap .bloger_list .profile_text .category {
    display: block;
    padding: 4px 0 0;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.5px;
    color: #aaa;
}

.SetBlogId_layer_wrap .bloger_list .add_buddy_btn {
    position: absolute;
    right: 0;
    top: 12px;
    width: 71px;
    height: 34px;
    background: #03c75a;
    border: 0;
    -webkit-border-radius: 34px;
    border-radius: 34px;
    font-size: 13px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #fff;
    cursor: pointer;
}

.SetBlogId_layer_wrap .bloger_list .buddy {
    position: absolute;
    right: 0;
    top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 71px;
    height: 34px;
    background: #fff;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #000;
    cursor: pointer;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap {
    padding: 16px 0 0;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px 0 0;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .item {
    width: 172px;
    margin: 0 12px 0 0;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .img_area {
    position: relative;
    width: 172px;
    height: 105px;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .img_area:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    content: '';
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .img_area .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .img_area + .text_area .desc {
    display: none;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .text_area {
    padding: 8px 0 0;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .text_area .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 32px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.4px;
    font-weight: 400;
}

.SetBlogId_layer_wrap .bloger_list .post_list_wrap .text_area .desc {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 64px;
    margin: 8px 0 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: #666;
}

.SetBlogId_layer_wrap .loading_wrap {
    position: absolute;
    left: 0;
    top: -42px;
    right: 0;
    bottom: 109px;
    background: #fff;
    text-align: center;
    opacity: 1;
    visibility: visible;
}

.SetBlogId_layer_wrap .loading_wrap.is_hide {
    opacity: 0;
    visibility: hidden;
    top: 100%;
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0s 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0s 0.3s;
}

.SetBlogId_layer_wrap .loading_wrap:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading {
    display: inline-block;
    position: relative;
    width: 38px;
    height: 10px;
    vertical-align: middle;
    text-align: left;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #333;
    position: absolute;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot1 {
    background-color: #2196f3;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot2 {
    background-color: #00bcd4;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot3 {
    background-color: #03c75a;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot4 {
    background-color: #2196f3;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot5 {
    background-color: #00bcd4;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot6 {
    background-color: #03c75a;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot1 {
    -webkit-animation-name: dot1;
    animation-name: dot1;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot2 {
    -webkit-animation-name: dot2;
    animation-name: dot2;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot3 {
    -webkit-animation-name: dot3;
    animation-name: dot3;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot4 {
    -webkit-animation-name: dot4;
    animation-name: dot4;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot5 {
    -webkit-animation-name: dot5;
    animation-name: dot5;
}

.SetBlogId_layer_wrap .loading_wrap .colordot_loading .dot6 {
    -webkit-animation-name: dot6;
    animation-name: dot6;
}

.SetBlogId_layer_wrap .ui_alert_content {
    display: inline-block;
    overflow: hidden;
    width: 285px;
    background: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    white-space: normal;
}

.SetBlogId_layer_wrap .ui_alert_content .text_area {
    padding: 38px 24px 39px;
}

.SetBlogId_layer_wrap .ui_alert_content .text_area .desc {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: center;
    word-break: keep-all;
}

.SetBlogId_layer_wrap .ui_alert_content .btn_area {
    margin: 0;
    padding: 0;
    background: #fff;
}

.SetBlogId_layer_wrap .ui_alert_content .btn_area .btn {
    border: 0;
    background: #fff;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #03c75a;
    line-height: 50px;
}

.SetBlogId_layer_wrap .caution_alert_content {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 360px;
    background: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    white-space: normal;
}

.SetBlogId_layer_wrap .caution_alert_content .icon {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin: 20px auto 0;
    background: #03c75a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.SetBlogId_layer_wrap .caution_alert_content .icon:before {
    display: block;
    width: 6px;
    height: 29px;
    margin: 10px auto 0;
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='6' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 23.206a2.57 2.57 0 0 1 1.912.798c.52.532.78 1.185.78 1.958 0 .774-.26 1.426-.78 1.958A2.57 2.57 0 0 1 3 28.718a2.57 2.57 0 0 1-1.913-.798c-.52-.532-.779-1.184-.779-1.958 0-.773.26-1.426.78-1.958a2.57 2.57 0 0 1 1.912-.798ZM3 0c.755 0 1.363.17 1.824.508.46.338.679.906.655 1.704l-.567 16.57c-.023.75-.23 1.27-.62 1.56-.39.29-.82.435-1.293.435-.472 0-.903-.145-1.293-.435-.39-.29-.596-.81-.62-1.56L.52 2.213C.496 1.414.715.846 1.175.508 1.635.169 2.244 0 2.999 0Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}

.SetBlogId_layer_wrap .caution_alert_content .text_area {
    padding: 20px;
    text-align: center;
}

.SetBlogId_layer_wrap .caution_alert_content .text_area .title {
    font-weight: 700;
    font-size: 23px;
    line-height: 28px;
}

.SetBlogId_layer_wrap .caution_alert_content .text_area .desc {
    padding: 8px 0 0;
    font-size: 15px;
    line-height: 20px;
    color: #666;
}

.SetBlogId_layer_wrap .caution_alert_content .btn_area {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0;
}

.SetBlogId_layer_wrap .caution_alert_content .btn_area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 20px 20px;
    background: #03c75a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    line-height: 42px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.3px;
}

.SetBlogId_layer_wrap .caution_alert_content .btn_area .close_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.921.86a.75.75 0 0 0-1.06 1.061L7.438 8.5.86 15.079a.75.75 0 0 0 1.061 1.06L8.5 9.562l6.579 6.579a.75.75 0 0 0 1.06-1.061L9.562 8.5l6.579-6.579a.75.75 0 1 0-1.061-1.06L8.5 7.438 1.921.86Z' fill='%23000'/%3E%3C/svg%3E") 5px 5px/17px 17px no-repeat;
}

.IntroBlogId_layer .BlogId_content {
    min-height: 580px;
    text-align: center;
}

.IntroBlogId_layer .img_area {
    padding: 40px 0 0;
}

.IntroBlogId_layer .img_area .img {
    width: 335px;
    height: 260px;
}

.IntroBlogId_layer .text_area {
    padding: 36px 0 0;
}

.IntroBlogId_layer .text_area .title {
    display: block;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000;
}

.IntroBlogId_layer .text_area .desc {
    padding: 21px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #444;
    font-weight: 500;
}

.IntroBlogId_layer .btn_area {
    margin: 45px 0 0;
    padding: 0;
    border: 0;
}

.IntroBlogId_layer .btn_area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #03c75a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 48px;
    letter-spacing: -0.3px;
    font-weight: 700;
    color: #fff;
}

.IntroBlogId_layer .btn_area .close_btn {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 35px;
    height: 35px;
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.921 4.86a.75.75 0 0 0-1.06 1.061l6.578 6.579-6.579 6.579a.75.75 0 0 0 1.061 1.06l6.579-6.578 6.579 6.579a.75.75 0 0 0 1.06-1.061L13.562 12.5l6.579-6.579a.75.75 0 1 0-1.061-1.06l-6.58 6.577L5.921 4.86z' fill='%23000'/%3E%3C/svg%3E") 5px 5px no-repeat;
    font-size: 0;
    color: transparent;
}

.SetBlogIdAlert_wrap .SetBlogIdAlert_content {
    display: inline-block;
    overflow: hidden;
    width: 326px;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
}

.SetBlogIdAlert_wrap .blogid_area {
    padding: 36px 25px;
    background: #f5f5f5;
}

.SetBlogIdAlert_wrap .blogid_area .img_area {
    width: 208px;
    margin: -16px auto 4px;
}

.SetBlogIdAlert_wrap .blogid_area .img_area .img {
    width: 208px;
    height: 86px;
    vertical-align: top;
}

.SetBlogIdAlert_wrap .blogid_area .blogid {
    font-size: 30px;
    letter-spacing: -0.15px;
    font-weight: 700;
    line-height: 34px;
    word-break: break-all;
}

.SetBlogIdAlert_wrap .blogid_area .domain {
    padding: 4px 0 0;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #888;
    word-break: break-all;
}

.SetBlogIdAlert_wrap .text_area {
    padding: 28px 0;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.11px;
    font-weight: 600;
}

.SetBlogIdAlert_wrap .text_area .text_red {
    color: #f83333;
}

.SetBlogIdAlert_wrap .text_area .text {
    padding: 12px 0 0;
    color: #000;
}

.SetBlogIdAlert_wrap .text_area .text_small {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}

.SetBlogIdAlert_wrap .text_area .text_small + .text_small {
    padding: 8px 0 0;
}

.SetBlogIdAlert_wrap .text_area .red_color {
    color: #f83333;
}

.SetBlogIdAlert_wrap .btn_area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 76px;
    margin: 0;
    padding: 20px 30px;
}

.SetBlogIdAlert_wrap .btn_area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 36px;
    margin: 0 6px 0 0;
    background: #eee;
    border: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 36px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
}

.SetBlogIdAlert_wrap .btn_area .btn + .btn {
    margin: 0 0 0 6px;
    background: #03c75a;
    color: #fff;
}

.WelcomeSetBlogId_layer_wrap .BlogId_content {
    height: 762px;
    text-align: center;
}

.WelcomeSetBlogId_layer_wrap .title_h1 {
    padding: 78px 0 0;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #000;
}

.WelcomeSetBlogId_layer_wrap .img_area {
    padding: 24px 0 0;
}

.WelcomeSetBlogId_layer_wrap .img_area .img {
    width: 500px;
    height: 281px;
    vertical-align: top;
}

.WelcomeSetBlogId_layer_wrap .text_area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 152px;
    padding: 23px 0 0;
}

.WelcomeSetBlogId_layer_wrap .text_area .blogid {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    color: #000;
    word-break: break-all;
}

.WelcomeSetBlogId_layer_wrap .text_area .domain {
    padding: 10px 0 0;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #888;
}

.WelcomeSetBlogId_layer_wrap .btn_area {
    padding: 30px 64px;
}

.WelcomeSetBlogId_layer_wrap .btn_area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 17px;
    line-height: 48px;
    letter-spacing: -0.3px;
    color: #fff;
    font-weight: 700;
}

.WelcomeSetBlogId_layer_wrap .btn_area .blue {
    background: #0f98fb;
}

.WelcomeSetBlogId_layer_wrap .btn_area .green {
    background: #03c75a;
}

.InputBlogId_layer_wrap .BlogId_content {
    height: 762px;
}

.InputBlogId_layer_wrap .profile_area {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 38px auto 0;
}

.InputBlogId_layer_wrap .profile_area .profile {
    position: relative;
    width: 150px;
    height: 150px;
}

.InputBlogId_layer_wrap .profile_area .profile .img {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.InputBlogId_layer_wrap .profile_area .profile:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
}

.InputBlogId_layer_wrap .profile_area .profile_set_btn {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 54px;
    height: 54px;
    background: #03c75a;
    border: 3px solid #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.InputBlogId_layer_wrap .profile_area .profile_set_btn:before, .InputBlogId_layer_wrap .profile_area .profile_set_btn:after {
    position: absolute;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    content: '';
}

.InputBlogId_layer_wrap .profile_area .profile_set_btn:before {
    left: 13px;
    top: 22.5px;
    width: 22px;
    height: 3px;
}

.InputBlogId_layer_wrap .profile_area .profile_set_btn:after {
    left: 22.5px;
    top: 13px;
    width: 3px;
    height: 22px;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 167px;
    width: 326px;
    height: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(-50%, 0) scale(0.94);
    transform: translate(-50%, 0) scale(0.94);
    -webkit-transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer.is_show {
    visibility: visible;
    height: auto;
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
    -webkit-transition: 0.3s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: 0.3s cubic-bezier(0.38, 1.71, 0.31, 1);
    opacity: 1;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer:before {
    position: absolute;
    left: 49.5%;
    top: -2px;
    width: 10px;
    height: 10px;
    border-width: 1px 0 0 1px;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    background: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    content: '';
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer:after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 30px;
    height: 10px;
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .top_btn_area {
    position: relative;
    z-index: 10;
    padding: 25px 0 0;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .top_btn_area .del_btn {
    display: inline-block;
    width: 69px;
    height: 24px;
    margin: 0 3px 0 4px;
    background: #fff;
    border: 1px solid #dedede;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    vertical-align: top;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 22px;
    font-weight: 600;
    cursor: pointer;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .top_btn_area .file_btn {
    display: inline-block;
    position: relative;
    margin: 0 3px 0 4px;
    vertical-align: top;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .top_btn_area .file_btn .label {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 69px;
    height: 24px;
    border: 1px solid #dedede;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 11px;
    line-height: 22px;
    font-weight: 600;
    cursor: pointer;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .top_btn_area .file_btn .input_file {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .profile_list {
    margin: 20px 0 0;
    font-size: 0;
    text-align: center;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .profile_list .item {
    display: inline-block;
    margin: 5px;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .profile_list .item .btn {
    width: 59px;
    height: 59px;
    background: none;
    border: 0;
    cursor: pointer;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .profile_list .item .btn.is_selected {
    position: relative;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .profile_list .item .btn.is_selected:after {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    content: '';
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .profile_list .item .btn .img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .btn_area {
    margin: 23px 0 0;
    padding: 20px 30px;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .btn_area .cancel_btn,
.InputBlogId_layer_wrap .profile_area .profile_set_layer .btn_area .submit_btn {
    height: 36px;
    font-size: 15px;
    line-height: 36px;
    cursor: pointer;
}

.InputBlogId_layer_wrap .profile_area .profile_set_layer .btn_area .submit_btn {
    background: #e2f1e9;
    color: #03c75a;
}

.InputBlogId_layer_wrap .input_area {
    margin: 14px 0 0;
}

.InputBlogId_layer_wrap .input_area .input {
    position: relative;
    padding: 16px 0 0;
}

.InputBlogId_layer_wrap .input_area .label {
    display: block;
    padding: 0 0 10px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: #666;
}

.InputBlogId_layer_wrap .input_area .theme_btn {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 45px 0 15px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo, "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "Malgun Gothic", Dotum, Helvetica, sans-serif;
    font-size: 18px;
    text-align: left;
    letter-spacing: -0.3px;
    font-weight: 600;
    color: #ccc;
    cursor: pointer;
}

.InputBlogId_layer_wrap .input_area .theme_btn.is_show:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.InputBlogId_layer_wrap .input_area .theme_btn.is_selected {
    color: #000;
}

.InputBlogId_layer_wrap .input_area .theme_btn:after {
    position: absolute;
    right: 11px;
    top: 15px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.32 6.315a1.101 1.101 0 0 1 1.542 0L9 10.4l4.138-4.085a1.101 1.101 0 0 1 1.543 0 1.067 1.067 0 0 1 0 1.523l-4.91 4.847c-.426.42-1.116.42-1.542 0l-4.91-4.847a1.067 1.067 0 0 1 0-1.523z' fill='%23666'/%3E%3C/svg%3E") no-repeat;
    content: '';
}

.InputBlogId_layer_wrap .theme_list_layer {
    visibility: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 98px;
    width: 540px;
    height: 0;
    padding: 0 30px;
    background: #fff;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    -webkit-transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
}

.InputBlogId_layer_wrap .theme_list_layer.is_show {
    visibility: visible;
    height: 300px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.38, 1.71, 0.31, 1);
    transition: transform 0.3s cubic-bezier(0.38, 1.71, 0.31, 1), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.38, 1.71, 0.31, 1), opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.38, 1.71, 0.31, 1);
    opacity: 1;
}

.InputBlogId_layer_wrap .theme_list_layer .title {
    display: block;
    padding: 25px 0 4px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    color: #888;
}

.InputBlogId_layer_wrap .theme_list_layer .item {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.InputBlogId_layer_wrap .theme_list_layer .item .label {
    display: block;
    position: relative;
    height: 36px;
    margin: 0 -12px;
    padding: 0 12px;
    background: #fff;
    border: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 36px;
    letter-spacing: -0.3px;
    color: #000;
    text-align: left;
    cursor: pointer;
    background: #fff;
    -webkit-transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.InputBlogId_layer_wrap .theme_list_layer .item .label:hover {
    background: #f3faf6;
    -webkit-transition: background 0s;
    transition: background 0s;
}

.InputBlogId_layer_wrap .theme_list_layer .item .input_radio {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.InputBlogId_layer_wrap .theme_list_layer .item .input_radio:checked ~ .label:after {
    position: absolute;
    right: 12px;
    top: 8px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.833 6.417 4.75 9.333 10.584 3.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 4px 4px/12px 12px #03c75a no-repeat;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
}

.InputBlogId_layer_wrap .btn_area {
    margin-top: 39px;
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    40% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    60% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    80% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    40% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    60% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    80% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes error_message {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes error_message {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes recommend_item {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes recommend_item {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes dot1 {
    0% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
    30% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
    66% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    100% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
}

@keyframes dot1 {
    0% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
    30% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
    66% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    100% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
}

@-webkit-keyframes dot2 {
    0% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
    33% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
    66% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
    100% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
}

@keyframes dot2 {
    0% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
    33% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
    66% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
    100% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
}

@-webkit-keyframes dot3 {
    0% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    33% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
    66% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
    100% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
}

@keyframes dot3 {
    0% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    33% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
    66% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
    100% {
        -webkit-transform: translateX(26px) scale(0);
        transform: translateX(26px) scale(0);
    }
}

@-webkit-keyframes dot4 {
    0% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    3% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    33% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    66% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
    100% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
}

@keyframes dot4 {
    0% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    3% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    33% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    66% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
    100% {
        -webkit-transform: translateX(26px) scale(1);
        transform: translateX(26px) scale(1);
    }
}

@-webkit-keyframes dot5 {
    0% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    33% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    36% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    66% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    100% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
}

@keyframes dot5 {
    0% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    33% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    36% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    66% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    100% {
        -webkit-transform: translateX(13px) scale(1);
        transform: translateX(13px) scale(1);
    }
}

@-webkit-keyframes dot6 {
    0% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    33% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    66% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    69% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    100% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
}

@keyframes dot6 {
    0% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    33% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    66% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    69% {
        -webkit-transform: translateX(0px) scale(0);
        transform: translateX(0px) scale(0);
    }
    100% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
}
@charset "UTF-8";
/*! May. 2017, Eunjae & Jongho, NHN Technology Services UIT Development Center */
/*! 공통 */
@font-face {
    font-family: 'NanumSquareWebFont';
    font-style: normal;
    font-weight: 400;
    src: url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.eot);
    src: local("Nanum Square Regular"), local("NanumSquareR"), local("NanumSquare"), local("나눔스퀘어"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.woff2) format("woff2"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.woff) format("woff"), url(https://ssl.pstatic.net/static/blog/font/NanumSquareR.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumGothicWebFont';
    font-style: normal;
    font-weight: 400;
    src: url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.eot);
    src: local("Nanum Gothic Regular"), local("NanumGothicR"), local("NanumGothic"), local("나눔고딕"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.woff2) format("woff2"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.woff) format("woff"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumGothicWebFont';
    font-style: normal;
    font-weight: 600;
    src: url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.eot);
    src: local("Nanum Gothic Bold"), local("NanumGothicB"), local("NanumGothic"), local("나눔고딕"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.woff2) format("woff2"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.woff) format("woff"), url(https://ssl.pstatic.net/static/blog/font/NanumGothic-Bold.ttf) format("truetype");
}

/* _variables.scss */
/*

네이밍 조합 케이스	예시
$ {요소(E) 이름} - {속성 이름}
$body-color, $body-background-color, $G-body-background-color 등}
$ {요소(E) 이름} - {용도 및 역할}
$body-horizental 등
$ {요소(E) 이름} - {속성 이름} - {용도 및 역할}
$body-color-point, $body-background-color-point 등
$ {요소(class) 이름} - {속성 이름}
$btn-border-color, $btn_more-border-color 등
$ {요소(class) 이름} - {속성 이름} - {용도 및 역할}
$btn-border-color-hover, $btn_more-border-color-hover 등
$ {속성 이름} - {용도 및 역할}
$color-point, $G-color-point, $margin-endpage, $margin-endpage-wide 등
$ {용도 및 역할}
$index, $count, $length, $max-count 등

*/
/* _mixins.scss */
/*
작명법
- camelCase
- '하다' + '무엇을'
- ex. opacityBackground, opacityBorder, wrapMask
*/
/* _placeholders.scss */
/*
공통(부분)으로 쓸 속성
연결자 : _ (Underbar)로 사용
미디어 쿼리는 %내부에 적용
*/
.popup_buddy:after, .buddy_state .group_add:after, .buddy_state .group_name:after, .popup_post_setting:after, .popup_post_setting.popup_move_post .group_select:after {
    content: '';
    display: table;
    clear: both;
}

legend, .blind, .popup_buddy .radio_button_buddy, .buddy_state .group_name .label_group, .buddy_state .group_name .checkbox_group, .popup_post_setting .wrap_checkbox input[type='checkbox'], .popup_post_setting .wrap_radio input[type='radio'] {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

.sp_common, .area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check, .pika-prev:before, .pika-next:before, .buddy_state .group_name .label_check, .popup_post_setting .wrap_checkbox label:before, .pika-prev, .pika-next {
    display: inline-block;
    overflow: hidden;
    font-size: 1px;
    line-height: 100px;
}

.area_dropdown .dropdown_select .item:hover, .buddy_box .link_close_buddy:hover,
.buddy_box .link_common_buddy:hover,
.buddy_box .link_buddy:hover {
    text-decoration: underline;
}

/*
%aria_selected {
	&[aria-selected="true"]{
		&:after{
			@extend %blind;

			content: '선택됨';
		}
	}
}
*/
.item .thumbnail_buddy .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_profile.svg) no-repeat;
}

/* _base.scss */
html, body {
    height: 100%;
}

body, p,
h1, h2, h3, h4, h5, h6,
ul, ol, li,
dl, dt, dd,
table, th, td,
form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
}

body,
input,
textarea,
select,
button,
table {
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 12px;
    line-height: 1.2;
}

body {
    position: relative;
    -webkit-text-size-adjust: none;
    overflow-y: scroll;
}

body[data-mode="dimmed"] {
    overflow: hidden;
}

img,
fieldset {
    border: 0;
}

img {
    vertical-align: top;
}

ul,
ol {
    list-style: none;
}

em,
address {
    font-style: normal;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

i {
    font-style: normal;
}

a, abbr, address, article, aside, audio, b, blockquote, body, br, button, canvas, caption, cite, code, col, data, datalist, dd, del, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, select, small, span, strong, sub, sup, table, td, textarea, th, time, u, ul, var, video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gnb a, #gnb abbr, #gnb address, #gnb article, #gnb aside, #gnb audio, #gnb b, #gnb blockquote, #gnb body, #gnb br, #gnb button, #gnb canvas, #gnb caption, #gnb cite, #gnb code, #gnb col, #gnb data, #gnb datalist, #gnb dd, #gnb del, #gnb dfn, #gnb div, #gnb dl, #gnb dt, #gnb em, #gnb embed, #gnb fieldset, #gnb figcaption, #gnb figure, #gnb footer, #gnb form, #gnb h1, #gnb h2, #gnb h3, #gnb h4, #gnb h5, #gnb h6, #gnb header, #gnb hr, #gnb html, #gnb i, #gnb iframe, #gnb img, #gnb input, #gnb ins, #gnb kbd, #gnb label, #gnb legend, #gnb li, #gnb main, #gnb mark, #gnb meter, #gnb nav, #gnb object, #gnb ol, #gnb output, #gnb p, #gnb pre, #gnb progress, #gnb q, #gnb s, #gnb samp, #gnb section, #gnb select, #gnb small, #gnb span, #gnb strong, #gnb sub, #gnb sup, #gnb table, #gnb td, #gnb textarea, #gnb th, #gnb time, #gnb u, #gnb ul, #gnb var, #gnb video {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

strong {
    font-weight: 400;
}

.wrap {
    position: relative;
    min-width: 1110px;
    min-height: 100%;
    padding-bottom: 129px;
}

.u_skip {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1080px;
    margin-left: -540px;
}

.u_skip .item {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px;
    height: 30px;
    line-height: 29px;
    background-color: #000;
    font-size: 13px;
    color: #00c73c;
}

.u_skip .item:focus {
    z-index: 100;
}

.sp_common, .area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check, .pika-prev:before, .pika-next:before, .buddy_state .group_name .label_check, .popup_post_setting .wrap_checkbox label:before {
    background-image: url(https://ssl.pstatic.net/static/blog/sp_common_0ef8f3b2.png);
    background-image: url(https://ssl.pstatic.net/static/blog/sp_common_82544d1d.svg), none;
    vertical-align: middle;
}

.highlight {
    font-weight: 600;
    color: #00ab33;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.dimmed {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: fixed;
    z-index: 1105;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}

.dimmed[aria-hidden="false"] {
    display: block;
}

.dimmed[aria-hidden="true"] {
    display: none;
}

/*! UIO */
.area_dropdown {
    z-index: 20;
    background-color: #fff;
    color: #333;
}

.area_dropdown .present_selected {
    position: relative;
    display: block;
    height: 33px;
    line-height: 32px;
    border: 1px solid #ccc;
}

.area_dropdown .present_selected .icon_arrow {
    position: absolute;
    top: 50%;
}

.area_dropdown .text_present_selected {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 13px;
}

.area_dropdown .dropdown_select {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-color: #e7e7e7;
}

.area_dropdown .dropdown_select.on {
    display: block;
}

.area_dropdown .dropdown_select[aria-hidden="true"] {
    display: none;
}

.area_dropdown .dropdown_select .item {
    display: block;
}

.area_dropdown .dropdown_select .item[aria-current=true], .area_dropdown .dropdown_select .item[aria-selected="true"] {
    font-weight: 600;
}

.area_dropdown .area_input_date {
    position: relative;
    padding: 0 15px;
}

.area_dropdown .area_input_date .inputbox {
    width: 100%;
    height: 28px;
    margin-bottom: 3px;
    border: 1px solid #f0f0f0;
    line-height: 2.42;
    letter-spacing: -0.1px;
    text-align: center;
    color: #333;
}

.area_dropdown .area_input_date .button {
    display: block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d4d4d4;
    letter-spacing: -0.1px;
    text-align: center;
}

.area_dropdown .area_input_date .layer_calendar {
    position: absolute;
    top: 62px;
    left: 15px;
}

.area_dropdown .bar {
    margin: 7px 12px;
    height: 1px;
    border: 0;
    background-color: #f0f0f0;
}

.area_dropdown[data-set="buddy"] .present_selected, .area_dropdown[data-set="hottopic"] .present_selected, .area_dropdown[data-set="period"] .present_selected, .area_dropdown[data-set="popup_buddy_group"] .present_selected, .area_dropdown[data-set="popup_buddy_open"] .present_selected, .area_dropdown[data-set="popup_category_group"] .present_selected {
    padding: 0 30px 0 15px;
}

.area_dropdown[data-set="buddy"] .present_selected .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected .icon_arrow, .area_dropdown[data-set="period"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected .icon_arrow {
    right: 13px;
    margin-top: -4px;
}

.area_dropdown[data-set="buddy"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="period"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected[aria-expanded="true"] .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="buddy"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="period"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected[aria-expanded="false"] .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="buddy"] .present_selected.on .icon_arrow, .area_dropdown[data-set="hottopic"] .present_selected.on .icon_arrow, .area_dropdown[data-set="period"] .present_selected.on .icon_arrow, .area_dropdown[data-set="popup_buddy_group"] .present_selected.on .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected.on .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected.on .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item, .area_dropdown[data-set="hottopic"] .dropdown_select .item, .area_dropdown[data-set="period"] .dropdown_select .item, .area_dropdown[data-set="popup_buddy_group"] .dropdown_select .item, .area_dropdown[data-set="popup_buddy_open"] .dropdown_select .item, .area_dropdown[data-set="popup_category_group"] .dropdown_select .item {
    font-size: 13px;
    line-height: 2.08;
    letter-spacing: -0.1px;
}

.area_dropdown[data-set="popup_buddy_group"], .area_dropdown[data-set="popup_category_group"] {
    width: 281px;
    height: 34px;
}

.area_dropdown[data-set="popup_buddy_group"] .present_selected, .area_dropdown[data-set="popup_category_group"] .present_selected {
    padding-left: 14px;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select, .area_dropdown[data-set="popup_category_group"] .dropdown_select {
    padding: 0 14px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select .item:first-child, .area_dropdown[data-set="popup_category_group"] .dropdown_select .item:first-child {
    margin-top: 11px;
}

.area_dropdown[data-set="popup_buddy_open"] {
    width: 85px;
    height: 34px;
}

.area_dropdown[data-set="popup_buddy_open"] .present_selected {
    padding-left: 12px;
}

.area_dropdown[data-set="popup_buddy_open"] .dropdown_select {
    padding: 10px 14px;
}

.area_dropdown[data-set="popup_buddy_group"] .present_selected, .area_dropdown[data-set="popup_buddy_open"] .present_selected, .area_dropdown[data-set="popup_category_group"] .present_selected {
    height: 34px;
    border-color: #dbdbdb;
}

.area_dropdown[data-set="popup_buddy_group"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_buddy_open"] .present_selected .icon_arrow, .area_dropdown[data-set="popup_category_group"] .present_selected .icon_arrow {
    right: 12px;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select, .area_dropdown[data-set="popup_buddy_open"] .dropdown_select, .area_dropdown[data-set="popup_category_group"] .dropdown_select {
    overflow: hidden;
    overflow-y: auto;
    max-height: 143px;
    border: 1px solid #dbdbdb;
    border-top-color: #e7e7e7;
}

.area_dropdown[data-set="popup_buddy_group"] .dropdown_select .item, .area_dropdown[data-set="popup_buddy_open"] .dropdown_select .item, .area_dropdown[data-set="popup_category_group"] .dropdown_select .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
    line-height: 27px;
}

.area_dropdown[data-set="popup_buddy_group"] .text_present_selected, .area_dropdown[data-set="popup_buddy_open"] .text_present_selected, .area_dropdown[data-set="popup_category_group"] .text_present_selected {
    font-size: 12px;
}

.area_dropdown[data-set="buddy"] {
    width: 167px;
}

.area_dropdown[data-set="buddy"] .present_selected {
    border: 1px solid #e7e7e7;
}

.area_dropdown[data-set="buddy"] .dropdown_select {
    overflow: auto;
    overflow-x: hidden;
    max-width: 167px;
    max-height: 286px;
    padding: 0 15px;
    border: 1px solid #e7e7e7;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item:first-child {
    margin-top: 9px;
}

.area_dropdown[data-set="buddy"] .dropdown_select .item:last-child {
    margin-bottom: 10px;
}

.area_dropdown[data-set="popup_category_group"] {
    width: 183px;
}

.area_dropdown[data-set="hottopic"] {
    width: 213px;
}

.area_dropdown[data-set="hottopic"] .present_selected {
    height: 30px;
}

.area_dropdown[data-set="hottopic"] .text_present_selected {
    line-height: 28px;
}

.area_dropdown[data-set="hottopic"] .present_selected,
.area_dropdown[data-set="hottopic"] .dropdown_select {
    border-color: #e7e7e7;
}

.area_dropdown[data-set="hottopic"] .dropdown_select {
    padding: 8px 15px 10px;
    white-space: nowrap;
}

.area_dropdown[data-set="hottopic"] .dropdown_select .item {
    overflow: hidden;
    padding: 0;
}

.area_dropdown[data-set="period"] {
    width: 108px;
}

.area_dropdown[data-set="period"] .present_selected,
.area_dropdown[data-set="period"] .dropdown_select {
    border-color: #e7e7e7;
}

.area_dropdown[data-set="period"] .dropdown_select {
    padding: 5px 0 12px;
}

.area_dropdown[data-set="period"] .dropdown_select .item {
    padding: 0 15px;
}

.area_dropdown[data-set="year"] {
    width: 104px;
}

.area_dropdown[data-set="year"] .present_selected {
    padding: 0 20px 0 12px;
    border-color: #e7e7e7;
}

.area_dropdown[data-set="year"] .present_selected .icon_arrow {
    right: 11px;
    margin-top: -3px;
}

.area_dropdown[data-set="year"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -838px -352px;
    width: 8px;
    height: 5px;
}

.area_dropdown[data-set="year"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -822px -352px;
    width: 8px;
    height: 5px;
}

.area_dropdown[data-set="year"] .dropdown_select {
    padding: 6px 0;
    border-color: #e7e7e7;
}

.area_dropdown[data-set="year"] .dropdown_select .item {
    padding: 0 12px;
    font-size: 13px;
    line-height: 2.08;
}

.area_dropdown[data-set="mission_top"] {
    position: absolute;
    top: 6px;
    right: 15px;
    width: 140px;
}

.area_dropdown[data-set="mission_top"] .present_selected {
    padding: 0 20px 0 11px;
    height: 28px;
    line-height: 26px;
}

.area_dropdown[data-set="mission_top"] .present_selected .icon_arrow {
    right: 11px;
    margin-top: -2px;
}

.area_dropdown[data-set="mission_top"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -885px -352px;
    width: 7px;
    height: 4px;
}

.area_dropdown[data-set="mission_top"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -870px -352px;
    width: 7px;
    height: 4px;
}

.area_dropdown[data-set="mission_top"] .dropdown_select {
    padding: 6px 0;
}

.area_dropdown[data-set="mission_top"] .dropdown_select .item {
    padding: 0 11px;
    font-size: 13px;
    line-height: 28px;
}

.area_dropdown[data-set="mission_top"] .dropdown_select .bar {
    margin-bottom: 5px;
}

.area_dropdown[data-set="mission_article"] {
    width: 168px;
    background-color: inherit;
}

.area_dropdown[data-set="mission_article"] .present_selected {
    padding: 0 35px 0 20px;
    height: 40px;
    line-height: 39px;
}

.area_dropdown[data-set="mission_article"] .present_selected .icon_arrow {
    right: 20px;
    margin-top: -3px;
}

.area_dropdown[data-set="mission_article"] .present_selected .text_present_selected {
    font-size: 14px;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="true"] {
    background-color: #fff;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -977px -332px;
    width: 10px;
    height: 6px;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="true"] .text_present_selected {
    color: #7d55c8;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="false"] {
    border: 0;
    background-color: #7d55c8;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -959px -332px;
    width: 10px;
    height: 6px;
}

.area_dropdown[data-set="mission_article"] .present_selected[aria-expanded="false"] .text_present_selected {
    color: #fff;
}

.area_dropdown[data-set="mission_article"] .dropdown_select {
    margin-top: 8px;
    padding: 9px 0 12px;
    border-top-color: #ccc;
}

.area_dropdown[data-set="mission_article"] .dropdown_select .heading_select {
    display: block;
    padding: 5px 20px 3px;
    line-height: 2.08;
    letter-spacing: -0.1px;
    color: #959595;
}

.area_dropdown[data-set="mission_article"] .dropdown_select .heading_select ~ .heading_select {
    padding-top: 2px;
}

.area_dropdown[data-set="mission_article"] .dropdown_select .item {
    padding: 0 20px;
    font-size: 14px;
    line-height: 2.08;
    letter-spacing: -0.1px;
}

.area_dropdown[data-set="mission_article"] .bar {
    margin: 12px 20px 13px;
}

.area_dropdown[data-set="menu_drop"] {
    position: absolute;
    top: 41px;
    left: 12px;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 8px 0 8px;
    border-top-color: #ccc;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select[aria-hidden="true"] {
    display: none;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select .item {
    padding: 0 16px;
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: -0.1px;
    color: #333;
}

.area_dropdown[data-set="menu_drop"] .dropdown_select .count {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #878787;
}

.area_dropdown[data-set="year_month"] {
    position: absolute;
    top: 41px;
    left: 12px;
}

.area_dropdown[data-set="year_month"] .dropdown_select {
    position: absolute;
    top: 0;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    padding: 8px 0 8px;
    border-top-color: #ccc;
}

.area_dropdown[data-set="year_month"] .dropdown_select[data-set="year"][aria-hidden="true"], .area_dropdown[data-set="year_month"] .dropdown_select[data-set="month"][aria-hidden="true"] {
    display: none;
}

.area_dropdown[data-set="year_month"] .dropdown_select[data-set="year"] {
    left: 0;
}

.area_dropdown[data-set="year_month"] .dropdown_select[data-set="month"] {
    left: 78px;
}

.area_dropdown[data-set="year_month"] .dropdown_select .item {
    padding: 0 16px;
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: -0.1px;
    color: #333;
}

.area_dropdown[data-set="year_month"] .icon_check {
    background-position: -936px -508px;
    width: 12px;
    height: 9px;
    margin: -2px 0 0 18px;
}

.area_dropdown[data-set="blog_category"] {
    position: relative;
    float: none;
    margin-bottom: 4px;
    font-size: 14px;
}

.area_dropdown[data-set="blog_category"] .present_selected {
    display: block;
    position: relative;
    height: 40px;
    padding: 0 36px 0 10px;
    border: 1px solid #ccc;
}

.area_dropdown[data-set="blog_category"] .present_selected .icon_arrow {
    right: 12px;
    margin-top: -4px;
    opacity: 0.7;
}

.area_dropdown[data-set="blog_category"] .present_selected[aria-expanded="true"] .icon_arrow {
    background-position: -939px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="blog_category"] .present_selected[aria-expanded="false"] .icon_arrow {
    background-position: -919px -332px;
    width: 12px;
    height: 8px;
}

.area_dropdown[data-set="blog_category"] .text_present_selected {
    color: #333;
    font-size: 14px;
    line-height: 38px;
}

.area_dropdown[data-set="blog_category"] .dropdown_select {
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    right: 0;
    max-height: 210px;
    padding: 6px 0;
}

.area_dropdown[data-set="blog_category"] .dropdown_select[aria-hidden="false"] {
    display: block;
}

.area_dropdown[data-set="blog_category"] .dropdown_select .item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    position: relative;
    padding: 0 36px 0 10px;
    line-height: 28px;
}

.area_dropdown[data-set="blog_category"] .dropdown_select .item .icon_dropdown_check {
    display: none;
}

.area_dropdown[data-set="blog_category"] .dropdown_select .item[aria-selected="true"] .icon_dropdown_check {
    background-position: -956px -508px;
    width: 12px;
    height: 9px;
    position: absolute;
    top: 9px;
    right: 12px;
}

.area_dropdown[data-set="search"] .dropdown_select {
    margin: 0 0 0 -1px;
    padding: 3px 0 4px;
    border-color: #999;
}

.area_dropdown[data-set="search"] .dropdown_select[aria-hidden="false"] {
    display: block;
}

.area_dropdown[data-set="search"] .dropdown_select[aria-hidden="true"] {
    display: none;
}

.area_dropdown[data-set="search"] .dropdown_select .item {
    padding: 0 9px;
    color: #333;
    line-height: 27px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.area_dropdown[data-set="search"] .dropdown_select .item[aria-selected="true"] {
    color: #00ab33;
}

.area_dropdown[data-set="search"] .dropdown_select .item:hover {
    background-color: #f7f7f7;
    color: #00ab33;
}

.layer_calendar {
    width: 254px;
    background-color: #fff;
    border: 1px solid #979797;
}

.layer_calendar .heading_calendar {
    position: relative;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    text-align: center;
}

.layer_calendar .button_prev,
.layer_calendar .button_next {
    width: 40px;
    height: 40px;
}

.layer_calendar .button_prev {
    position: absolute;
    top: 6px;
    left: 6px;
}

.layer_calendar .button_next {
    position: absolute;
    top: 6px;
    right: 6px;
}

.layer_calendar .icon_arrow_left {
    position: absolute;
    top: 15px;
    left: 18px;
    background-position: -872px -508px;
    width: 8px;
    height: 13px;
}

.layer_calendar .icon_arrow_right {
    position: absolute;
    top: 15px;
    right: 18px;
    background-position: -888px -508px;
    width: 8px;
    height: 13px;
}

.layer_calendar .list_week {
    padding: 0 13px;
    height: 32px;
    font-size: 0;
    line-height: 32px;
    background-color: #f7f7f7;
}

.layer_calendar .list_week .item_day {
    display: inline-block;
    width: 12px;
    margin: 0 10px;
    padding: 0;
    font-size: 12px;
    color: #000;
}

.layer_calendar .list_day {
    padding: 10px 14px 14px;
    font-size: 0;
}

.layer_calendar .list_day .item_day {
    display: inline-block;
    width: 32px;
    padding: 6px 0;
    font-size: 12px;
    text-align: center;
    color: #262626;
}

.layer_calendar .list_day .item_day.is_today {
    font-weight: 600;
}

.layer_calendar .list_day .item_day.is_disabled {
    color: #9a9a9a;
}

.layer_calendar .list_day .item_day.is_holyday {
    color: #e35f5f;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after {
    clear: both;
}

.pika-single {
    *zoom: 1;
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    width: 254px;
    min-height: 241px;
    background-color: #fff;
    border: 1px solid #979797;
}

.pika-title {
    position: relative;
    text-align: center;
    height: 53px;
    padding-top: 12px;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev, .pika-next {
    position: absolute;
    top: 6px;
    width: 40px;
    height: 40px;
    border: 0;
    background: #fff;
    cursor: pointer;
}

.pika-prev {
    left: 6px;
}

.pika-prev:before {
    display: block;
    margin: 15px auto 0;
    background-position: -872px -508px;
    width: 8px;
    height: 13px;
    line-height: 0;
    vertical-align: top;
    content: '';
}

.pika-next {
    right: 6px;
}

.pika-next:before {
    display: block;
    margin: 15px auto 0;
    background-position: -888px -508px;
    width: 8px;
    height: 13px;
    line-height: 0;
    vertical-align: top;
    content: '';
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table tr td:first-child {
    padding-left: 14px;
}

.pika-table tr td:last-child {
    padding-right: 14px;
}

.pika-table tr:first-child td {
    padding-top: 10px;
}

.pika-table tr:last-child td {
    padding-bottom: 14px;
}

.pika-table th,
.pika-table td {
    width: 32px;
    padding: 0;
}

.pika-table th {
    height: 32px;
    background: #f7f7f7;
    color: #000;
    font-size: 12px;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px 5px 6px;
    color: #333;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #fff;
}

.pika-table td:first-child .pika-button {
    color: #e35f5f;
}

.pika-week {
    font-size: 11px;
    color: #959595;
}

.is-today .pika-button {
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    -webkit-box-shadow: inset 0 1px 3px #178fe5;
    box-shadow: inset 0 1px 3px #178fe5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #aaa;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: default;
    text-decoration: none;
}

.wrap_layer_popup {
    overflow-y: auto;
    position: fixed;
    z-index: 1127;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 0;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

.wrap_layer_popup:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.area_layer_popup {
    display: inline-block;
    padding: 30px;
    background: #fff;
    vertical-align: middle;
    white-space: normal;
    font-size: 12px;
}

.area_layer_popup.post_setting {
    border: 1px solid #ccc;
}

.wrap_my_information .area_layer {
    position: absolute;
    top: 40px;
    left: -21px;
}

.popup_buddy .area_layer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -113px 0 0 -140px;
}

.area_layer[aria-hidden="true"] {
    display: none;
}

.area_layer[aria-hidden="false"] {
    display: block;
}

.wrap_my_information .area_layer,
.popup_buddy .area_layer {
    z-index: 20;
    width: 280px;
    padding: 26px 28px 22px;
    background-color: #fff;
    border: 1px solid #666;
}

.wrap_my_information .area_layer .title,
.popup_buddy .area_layer .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #000;
}

.wrap_my_information .area_layer .text,
.popup_buddy .area_layer .text {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.54;
    color: #666;
}

.wrap_my_information .area_layer .list_button,
.popup_buddy .area_layer .list_button {
    margin-top: 27px;
    text-align: right;
}

.wrap_my_information .area_layer .button_resend,
.wrap_my_information .area_layer .button_check,
.popup_buddy .area_layer .button_resend,
.popup_buddy .area_layer .button_check {
    display: inline-block;
    height: 36px;
    line-height: 35px;
    border: 1px solid;
    font-size: 14px;
    letter-spacing: -0.1px;
    text-align: center;
}

.wrap_my_information .area_layer .button_resend,
.popup_buddy .area_layer .button_resend {
    width: 104px;
    border-color: #dbdbdb;
    color: #333;
}

.wrap_my_information .area_layer .button_check,
.popup_buddy .area_layer .button_check {
    width: 79px;
    background-color: #00c73c;
    border-color: #00c73c;
    color: #fff;
}

[data-user-agent*="MSIE 8"] .item .thumbnail_buddy .no_image {
    background: url(https://ssl.pstatic.net/static/blog/no_profile.png) no-repeat 50%;
}

.popup_buddy .popup_heading .title,
.popup_item .popup_heading .title,
.popup_post_setting .popup_heading .title {
    font-family: "나눔스퀘어", "NanumSquare", "NanumSquareWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
    font-size: 22px;
    line-height: 24px;
    color: #333;
}

.popup_buddy .popup_text,
.popup_item .popup_text,
.popup_post_setting .popup_text {
    margin-top: 19px;
}

.popup_buddy .area_button,
.popup_item .area_button,
.popup_post_setting .area_button {
    float: right;
    margin-top: 20px;
    font-size: 0;
}

.popup_buddy .area_button a[class*="button"],
.popup_item .area_button a[class*="button"],
.popup_post_setting .area_button a[class*="button"] {
    display: inline-block;
    height: 36px;
    font-size: 14px;
    letter-spacing: -0.1px;
    text-align: center;
}

.popup_buddy .area_button a[class*="button"] ~ a[class*="button_"],
.popup_item .area_button a[class*="button"] ~ a[class*="button_"],
.popup_post_setting .area_button a[class*="button"] ~ a[class*="button_"] {
    margin-left: 4px;
}

.popup_buddy .area_button .button_cancel,
.popup_buddy .area_button .button_reject,
.popup_item .area_button .button_cancel,
.popup_item .area_button .button_reject,
.popup_post_setting .area_button .button_cancel,
.popup_post_setting .area_button .button_reject {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    line-height: 34px;
    color: #666;
}

.popup_buddy .area_button .button_next,
.popup_buddy .area_button .button_close,
.popup_buddy .area_button .button_receive,
.popup_item .area_button .button_next,
.popup_item .area_button .button_close,
.popup_item .area_button .button_receive,
.popup_post_setting .area_button .button_next,
.popup_post_setting .area_button .button_close,
.popup_post_setting .area_button .button_receive {
    background-color: #00c73c;
    line-height: 36px;
    color: #fff;
}

.UserBlock_layer_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.UserBlock_layer_wrap .UserBlock_layer {
    overflow: hidden;
    width: 280px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
}

.UserBlock_layer_wrap .UserBlock_layer .text_area {
    padding: 24px;
    text-align: center;
    line-height: 20px;
    word-break: break-all;
    color: #000;
}

.UserBlock_layer_wrap .UserBlock_layer .text_area .title {
    display: block;
    padding: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
}

.UserBlock_layer_wrap .UserBlock_layer .text_area .desc {
    font-size: 14px;
    word-break: keep-all;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #f1f1f1;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #fff;
    border: 0;
    line-height: 48px;
    font-size: 15px;
    color: #323232;
    font-weight: 500;
    cursor: pointer;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn + .btn {
    border-left: 1px solid #f1f1f1;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn.confirm {
    font-weight: 600;
    color: #03c75a;
}

.UserBlock_layer_wrap .UserBlock_layer .btn_area .btn.red_color {
    font-weight: 600;
    color: #f83333;
}

.popup_buddy {
    position: relative;
    width: 410px;
    text-align: left;
}

.popup_buddy .buddy_state {
    margin-bottom: 21px;
    padding: 19px;
    border: 1px solid #d9d9d9;
    background-color: #fafafa;
}

.popup_buddy .buddy_state:last-child {
    margin-bottom: 0;
}

.popup_buddy .buddy_state .text_buddy_add {
    font-size: 14px;
    line-height: 20px;
}

.popup_buddy .buddy_state .name_buddy {
    color: #00ab33;
}

.popup_buddy .buddy_state .notice {
    margin-top: 13px;
    line-height: 1.2;
    color: #959595;
}

.popup_buddy .tip_box {
    font-size: 12px;
    color: #777;
}

.popup_buddy .tip_box .link_blog {
    display: inline-block;
    margin-top: 5px;
}

.popup_buddy .tip_box .link_blog:hover {
    text-decoration: underline;
}

.popup_buddy .tip_box .link_blog strong {
    font-weight: 600;
}

.popup_buddy .tip_box .link_blog .icon_arrow {
    margin: 2px 0 0 4px;
    vertical-align: top;
    background-position: -849px -547px;
    width: 6px;
    height: 10px;
}

.popup_buddy .tip_box .list {
    margin-top: 7px;
}

.popup_buddy .tip_box .item a:visited,
.popup_buddy .tip_box .item a:hover,
.popup_buddy .tip_box .item a:focus {
    text-decoration: underline;
}

.popup_buddy .tip_box .link_blog_post {
    line-height: 19px;
}

.popup_buddy .tip_box .text {
    line-height: 19px;
    color: #777;
}

.popup_buddy .tip_box .link_install {
    font-weight: 600;
    text-decoration: underline;
}

.popup_buddy .notice {
    margin: 15px 0 0 0;
    line-height: 20px;
    color: #777;
}

.popup_buddy .link_naver_me {
    font-weight: 600;
    text-decoration: underline;
}

.popup_buddy .notice_each_buddy {
    color: #777;
}

.popup_buddy .notice_each_buddy .link_manage_buddy {
    font-weight: 600;
    text-decoration: underline;
}

.popup_buddy .notice_naver_me {
    margin-top: 5px;
    line-height: 20px;
    color: #777;
}

.popup_buddy .area_button a[class*="button"] {
    width: 67px;
}

.popup_buddy .wrap_radio {
    display: inline-block;
}

.popup_buddy .wrap_radio label {
    display: inline-block;
    color: #000;
    cursor: pointer;
}

.popup_buddy .wrap_radio label:before {
    content: '';
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
}

.popup_buddy .wrap_radio.checked label:before {
    border: 5px solid #00c73c;
}

.popup_buddy .radio_button_buddy:checked + label:before {
    border: 5px solid #00c73c;
}

.popup_buddy .radio_button_buddy:disabled + label,
.popup_buddy .radio_button_buddy.disabled + label {
    color: #959595;
}

.text_buddy_add .wrap_radio {
    width: 75px;
    margin-left: 6px;
}

.text_buddy_add .wrap_radio label:before {
    margin-top: 3px;
}

.text_buddy_add .name_buddy + .wrap_radio {
    width: 49px;
}

.text_buddy_add .radio_addbuddy.checked ~ .text_addbuddy,
.text_buddy_add .radio_bothbuddy.checked ~ .text_bothbuddy {
    display: inline;
}

.text_buddy_add .text_addbuddy,
.text_buddy_add .text_bothbuddy {
    display: none;
}

.buddy_state .group_add {
    margin-top: 16px;
}

.buddy_state .group_add .area_dropdown {
    float: left;
}

.buddy_state .group_add .button_group_add {
    float: left;
    width: 85px;
    height: 34px;
    margin-left: 4px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 12px;
    line-height: 32px;
    color: #333;
    text-align: center;
}

.buddy_state .group_add .icon_plus {
    background-position: -976px -508px;
    width: 9px;
    height: 9px;
    margin: -2px 5px 0 0;
}

.buddy_state .group_name {
    margin-top: 8px;
}

.buddy_state .group_name .wrap_text {
    float: left;
    position: relative;
    line-height: 34px;
}

.buddy_state .group_name .wrap_text.checked .label_check {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.buddy_state .group_name .wrap_text.checked .input_text_box {
    border-color: #00c73c;
    color: #00ab33;
}

.buddy_state .group_name .label_check {
    background-position: -798px -547px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.buddy_state .group_name .checkbox_group:checked + .label_check {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.buddy_state .group_name .checkbox_group:checked ~ .input_text_box {
    border-color: #00c73c;
    color: #00ab33;
}

.buddy_state .group_name .input_text_box {
    width: 281px;
    height: 34px;
    padding: 0 15px 0 38px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #959595;
    line-height: 34px;
}

.buddy_state .group_name .label_check {
    position: absolute;
    top: 10px;
    left: 15px;
}

.buddy_state .group_name .area_dropdown {
    float: left;
    margin-left: 4px;
}

.buddy_state .message_box {
    position: relative;
    margin-top: 8px;
}

.buddy_state .message_box .label_message {
    position: absolute;
    top: 11px;
    left: 13px;
    color: #959595;
}

.buddy_state .message_box .text_box {
    width: 370px;
    height: 60px;
    padding: 10px 12px;
    border: 1px solid #dbdbdb;
    color: #959595;
    vertical-align: top;
}

.buddy_state .buddy_box,
.buddy_state .setting_buddy_box {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eeeeef;
}

.buddy_box .text {
    color: #777;
}

.buddy_box .list {
    padding: 20px 0 24px;
}

.buddy_box .item {
    position: relative;
    margin-top: 20px;
    padding: 0 90px 0 42px;
}

.buddy_box .item:first-child {
    margin-top: 0;
}

.buddy_box .item .name {
    font-weight: 600;
}

.buddy_box .link_close_buddy {
    display: inline-block;
}

.buddy_box .link_common_buddy {
    font-size: 12px;
}

.buddy_box .thumbnail_buddy {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.buddy_box .thumbnail_buddy:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter: alpha(opacity=8);
    opacity: 0.08;
    content: '';
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.buddy_box .blog_introduce {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    margin-top: 6px;
}

.buddy_box .buddy_number {
    margin-top: 6px;
    font-size: 0;
    color: #959595;
}

.buddy_box .buddy_number .number {
    color: #00ab33;
}

.buddy_box .detail {
    font-size: 12px;
}

.buddy_box .detail ~ .link_common_buddy:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: -1px 8px 0 8px;
    background-color: #d8d8d8;
    vertical-align: middle;
}

.buddy_box .button_buddy,
.buddy_box .button_buddy_add {
    position: absolute;
    top: 4px;
    right: 0;
    width: 74px;
    height: 26px;
    line-height: 24px;
    text-align: center;
}

.buddy_box .button_buddy {
    border: 1px solid #999;
    color: #333;
}

.buddy_box .button_buddy_add {
    border: 1px solid #4cc570;
    color: #00ab33;
}

.buddy_box .icon_plus {
    background-position: -1010px -508px;
    width: 9px;
    height: 9px;
    margin: -2px 3px 0 0;
}

.buddy_box .recommend {
    position: relative;
    margin-top: 14px;
    line-height: 19px;
    color: #777;
}

.buddy_box .button_watch_post {
    position: absolute;
    bottom: 9px;
    right: 0;
    width: 90px;
    height: 26px;
    border: 1px solid #dbdbdb;
    line-height: 24px;
    color: #666;
    text-align: center;
}

.buddy_box .buddy_description_list {
    font-size: 12px;
    line-height: 23px;
}

.buddy_box .buddy_description_list::after {
    content: '';
    display: block;
    clear: both;
}

.buddy_box .buddy_description_term {
    float: left;
}

.buddy_box .buddy_description_description {
    float: left;
    color: #666;
}

.buddy_box .buddy_description_term + .buddy_description_description {
    margin-left: 15px;
}

.buddy_state .text_each_buddy {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeef;
    color: #777;
    line-height: 19px;
}

.buddy_state .text_each_buddy .my_name {
    color: #000;
}

.buddy_state .message_each_buddy {
    margin-top: 11px;
    background-color: #f9f9f9;
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    word-break: break-all;
}

.text_each_buddy .name_buddy {
    font-weight: 400;
}

.text_buddy_add .name_buddy {
    font-weight: 600;
}

.layer_buddy_info {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 327px;
    margin: auto;
    font-size: 0;
    color: #000;
}

.layer_buddy_info:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.layer_buddy_info .layer_middle {
    display: inline-block;
    position: relative;
    width: 327px;
    margin: -40px 0;
    vertical-align: middle;
    font-size: 12px;
}

.layer_buddy_info .text {
    margin-top: 8px;
    color: #959595;
    letter-spacing: -0.5px;
}

.layer_buddy_info .list {
    margin-bottom: 40px;
    padding: 16px 30px 20px 19px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #a0a0a0;
    border-width: 0 1px 1px;
    background-color: #fff;
}

.layer_buddy_info .item {
    margin-top: 16px;
    padding-right: 0;
}

.layer_buddy_info .layer_title {
    font-size: 14px;
}

.layer_buddy_info .layer_heading {
    margin-top: 40px;
    padding: 17px 17px 0 19px;
    background-color: #fff;
    border: 1px solid #a0a0a0;
    border-width: 1px 1px 0;
}

.layer_buddy_info .layer_heading:after {
    content: '';
    display: block;
    width: 325px;
    height: 1px;
    margin: 15px 0 0 -19px;
    background-color: #eeeeef;
}

.layer_buddy_info .button_close {
    position: absolute;
    top: 53px;
    right: 12px;
    padding: 4px 5px;
}

.layer_buddy_info .button_close .icon_close {
    background-position: -380px -581px;
    width: 14px;
    height: 17px;
}

.setting_buddy_box {
    font-size: 14px;
}

.setting_buddy_box .wrap_radio {
    display: block;
    margin-top: 16px;
}

.setting_buddy_box .wrap_radio:first-child {
    margin-top: 0;
}

.setting_buddy_box .wrap_radio label:before {
    margin-right: 10px;
}

.popup_post_setting {
    width: 410px;
    text-align: left;
}

.popup_post_setting .popup_text {
    padding: 20px;
    background: #fafafa;
    border: 1px solid #d9d9d9;
}

.popup_post_setting .popup_text .content {
    font-size: 14px;
    color: #000;
}

.popup_post_setting .popup_text em {
    color: #ff4040;
}

.popup_post_setting .wrap_checkbox {
    display: inline-block;
}

.popup_post_setting .wrap_checkbox input[type='checkbox']:checked + label:before {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.popup_post_setting .wrap_checkbox input[type='checkbox'].checked + label:before {
    background-position: -752px -547px;
    width: 15px;
    height: 15px;
}

.popup_post_setting .wrap_checkbox input[type='checkbox'].checked.disabled + label {
    color: #999;
}

.popup_post_setting .wrap_checkbox input[type='checkbox'].checked.disabled + label:before {
    background-position: -775px -547px;
    width: 15px;
    height: 15px;
}

.popup_post_setting .wrap_checkbox label {
    display: inline-block;
    font-size: 13px;
    color: #000;
    cursor: pointer;
}

.popup_post_setting .wrap_checkbox label:before {
    background-position: -798px -547px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 8px;
    content: '';
}

.popup_post_setting .wrap_radio {
    display: inline-block;
    margin-right: 10px;
}

.popup_post_setting .wrap_radio input[type='radio']:checked + label:before {
    border: 5px solid #00c73c;
}

.popup_post_setting .wrap_radio input[type='radio'].checked + label:before {
    border: 5px solid #00c73c;
}

.popup_post_setting .wrap_radio input[type='radio'].checked.disabled + label:before {
    border: 5px solid #ccc;
}

.popup_post_setting .wrap_radio input[type='radio']:disabled + label {
    color: #999;
}

.popup_post_setting .wrap_radio input[type='radio'].disabled + label {
    color: #999;
}

.popup_post_setting .wrap_radio input.checked + label:before {
    border: 5px solid #00c73c;
}

.popup_post_setting .wrap_radio label {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    cursor: pointer;
}

.popup_post_setting .wrap_radio label:before {
    content: '';
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
}

.popup_post_setting .table_condition {
    table-layout: fixed;
}

.popup_post_setting .table_condition tr {
    border-top: 1px solid #eeeeef;
}

.popup_post_setting .table_condition tr:first-child {
    border: 0;
}

.popup_post_setting .table_condition th {
    padding: 15px 30px 15px 0;
    font-weight: normal;
    letter-spacing: -0.1px;
    text-align: left;
}

.popup_post_setting .notice_title {
    margin-top: 21px;
    font-size: 12px;
    line-height: 19px;
    color: #000;
}

.popup_post_setting .list_notice {
    margin-top: 21px;
    font-size: 12px;
    line-height: 21px;
    color: #666;
}

.popup_post_setting .list_notice .break_line {
    display: block;
    padding-left: 8px;
}

.popup_post_setting .tag_box {
    position: relative;
}

.popup_post_setting .tag_box .text_box {
    width: 370px;
    height: 34px;
    border: 1px solid #dbdbdb;
    font-size: 12px;
    color: #000;
    text-indent: 10px;
}

.popup_post_setting .tag_box .text_box:focus + .label_text_box {
    display: none;
}

.popup_post_setting .tag_box .label_text_box {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 12px;
    line-height: 34px;
    color: #959595;
}

.popup_post_setting .area_button a[class*="button"] {
    width: 67px;
}

.popup_post_setting.popup_change_setting {
    width: 460px;
}

.popup_post_setting.popup_change_setting .popup_text {
    padding: 5px 20px;
}

.popup_post_setting.popup_change_setting .list_notice {
    margin-top: 8px;
}

.popup_post_setting.popup_input_tag .popup_text {
    width: 410px;
    height: 77px;
}

.popup_post_setting.popup_move_post .popup_text {
    padding-right: 0;
}

.popup_post_setting.popup_move_post .group_select {
    margin-top: 16px;
}

.popup_post_setting.popup_move_post .group_select .area_dropdown {
    float: left;
}

.popup_post_setting.popup_move_post .group_select .area_dropdown:first-child {
    margin-right: 4px;
}

.popup_post_setting.popup_move_post .list_notice.to_blog li.to_blog {
    display: block;
}

.popup_post_setting.popup_move_post .list_notice.to_blog li.to_memo {
    display: none;
}

.popup_post_setting.popup_move_post .list_notice.to_memo li.to_blog {
    display: none;
}

.popup_post_setting.popup_move_post .list_notice.to_memo li.to_memo {
    display: block;
}

.popup_post_setting.popup_delete_post .popup_text {
    height: 60px;
}

html[data-useragent*='MSIE 8.0'] .popup_post_setting .wrap_checkbox input[type="checkbox"] {
    position: relative;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin: 0 4px 0 0;
}

html[data-useragent*='MSIE 8.0'] .popup_post_setting .wrap_checkbox label:before {
    display: none;
}

html[data-useragent*='MSIE 8.0'] .popup_post_setting .wrap_radio input[type="radio"] {
    position: relative;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin: 0 4px 0 0;
}

html[data-useragent*='MSIE 8.0'] .popup_post_setting .wrap_radio label:before {
    display: none;
}

#defineNHNCSS_section_ngapp-268202114_css{color:#ffe}
#defineNHNCSS_section_ngapp-268202114_https_css{color:#ffe}