@charset "utf-8";

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans DemiLight", "Malgun Gothic";
    -webkit-font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;

    text-rendering: auto;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    text-rendering: inherit;
}

fieldset, img {
    border: 0 none
}

dl, ul, ol, menu, li {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

input, select, textarea, button {
    vertical-align: middle
}

input::-ms-clear {
    display: none
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    border-radius: 0px;
}

body {
    background: #fff;
    color: #333;
}

body,th,td,input,select,textarea,button {
    font-size:14px;
    line-height:1.5;
}

/* color값은 디자인가이드에 맞게사용 */
a {
    color: #333;
    text-decoration: none
}

a:active, a:hover {
    text-decoration: none
}

a:active {
    background-color: transparent
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal
}

#dkIndex{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
/* common util */
.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 0px;
    line-height: 0;
    text-indent: -9999px
}

/* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%
}

/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px
}

.ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px} /* Table caption에 숨김텍스트를 제공할때 2019-06-24 이동 */

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.f_l {
    float: left
}

.f_r {
    float: right
}

.cl_b {
    clear: both;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.of_h {
    overflow: hidden;
}

.show {
    display: block
}

.hide {
    display: none
}

.tbl {
    border-collapse: collapse;
    border-spacing: 0
}

/* 테이블 초기화 */
.clear_g {
    display: block;
    overflow: visible;
    width: auto;
    clear: both;
    *zoom: 1
}

.clear_g:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: ''
}

.text_hide {
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px
}





.ico_brunch {display: inline-block;overflow: hidden;background: url(//t1.daumcdn.net/brunch9/static/images/pc/ico_brunch8_181106.png) no-repeat;line-height: 0;text-indent: -9999px;vertical-align: top}
.ico_brunch_v1{display:inline-block;overflow:hidden;background:url(//t1.daumcdn.net/brunch9/static/images/pc/ico_brunch_v1_210624.png) no-repeat;line-height:0;text-indent:-9999px;vertical-align:top}
.bg_profile{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}

.ico_sns {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/gnb_btn_share.png) no-repeat;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: top;
}

.img_thumb {
    display: block
}

.frame_g {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #2c2f35;
    opacity: 0.1;
    filter: alpha(opacity:10)
}

.frame_b {
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #2c2f35;
    opacity: 0.1;
}

/* PC 에서 보여지지 않을항목을 정의 할때 */
.pc_d_n {
    display: none !important;
}

/* service default */

/* service layer */

.brunch_layer {
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    overflow: auto;
}

.brunch_layer.black {
    background-color: rgba(0, 0, 0, 0.65);
}

/* service header */
.service_header {
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 10000;
    transition:background 0.3s ease-in 0s;
    top: 0;
}

.service_header .img_ico {
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_view_cover.v4.png) no-repeat;
}

.service_header .wrap_inner {
    margin: 30px 30px 0;
}
.service_header .wrap_inner.inner_author, .service_header .wrap_inner.inner_request {
    margin: 30px 30px 0;
    text-align: center;
}

.service_header.beyond_content .wrap_inner {
    margin: 20px 30px 0;
}

.service_header.beyond_content {
    position: fixed;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #ddd;
    height: 60px;
    box-sizing:border-box;
}

/* 2015-08-18 네비 추가 시작 */
.wrap_inner .list_process{overflow: hidden;width: 320px;margin: 5px auto 0;display: inline-block;}
.wrap_inner .list_process li{position:relative;float:left;width:70px;margin-right:29px;text-align:center;font-size:12px;line-height: 29px}
.wrap_inner .list_process li:after{position:absolute;top:13px;left:50px;content:'';width:70px;height:1px}
.wrap_inner .list_process .lst{margin:0}
.wrap_inner .list_process .lst:after{display:none}
.wrap_inner.inner_author .list_process {display: inline-block;overflow: hidden;margin: 5px 0 0 -106px;}
.list_process .txt_process{display:block;width:28px;height:28px;margin:0 auto;border-radius:15px;line-height:28px;text-align:center}
.list_process .on .txt_process{width:30px;height:30px;border:0 none;line-height:30px;background-color:#333}
.process_type01 li{color:#b2b2b2}
.process_type01 .on{color:#fff}
.process_type01 li:after{background-color:#8a8b8a}
.process_type01 .txt_process{border:1px solid #b2b2b2}
.process_type02 li{color:#959595}
.process_type02 .on{color:#666}
.process_type02 li:after{background-color:#ddd}
.process_type02 .txt_process{border:1px solid #c1c1c1;color:#959595}
.process_type02 .on .txt_process{color:#fff}
/* 2015-08-18 네비 추가 끝 */

/* 2015-10-21 좋아요 기능 추가와 더불어 헤더 아이콘처리 시작 */
.service_header .img_ico.img_ico_single {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 5px;
}

.service_header .img_ico_wrap {
    float: left;
    padding: 5px 0 5px 5px;

    height: 20px;
    margin-left: 15px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.service_header .img_ico.img_ico_with_text {
    width: 20px;
    height: 20px;
}

.service_header .wrap_action_article {
    margin-top: -5px;
    margin-right: -8px;
}

.service_header .wrap_action_article .text_with_img_ico {
    padding-top: 1px;
    margin-left: 4px;
    min-width: 6px;
    min-height: 1px;
}

.service_header .wrap_action_article .text_with_img_ico.text_share_count {
    min-width: 0;
    min-height: 0;
}

.service_header .more_action_wrap .img_ico.more_action {
    margin-left: 30px;
}

.service_header.article {
    overflow: hidden;
}

.service_header.article.block_hidden {
    overflow: visible;
}

.service_header .wrap_action_article .default_action_wrap {
    position: absolute;
    right: 64px;

    -webkit-transition: -webkit-transform 300ms, opacity 200ms;
    -moz-transition: -moz-transform 300ms, opacity 200ms;
    -ms-transition: -ms-transform 300ms, opacity 200ms;
    -o-transition: -o-transform 300ms, opacity 200ms;
    transition: transform 300ms, opacity 200ms;

    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);

    font-size: 14px;
    right: 63px;
    padding-top: 0px;
    font-family: 'SF Pro Light', sans-serif !important;
}

.service_header .wrap_action_article.show_more_action .default_action_wrap {

    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);

    opacity: .1;

    display: none\9;
    display: none \0/IE9;
}

.service_header .wrap_action_article .more_action_wrap.more_action_not_publish {
    right: 20px;
}

.service_header .wrap_action_article .more_action_wrap {
    position: absolute;
    right: 67px;

    -webkit-transition: -webkit-transform 300ms, opacity 200ms;
    -moz-transition: -moz-transform 300ms, opacity 200ms;
    -ms-transition: -ms-transform 300ms, opacity 200ms;
    -o-transition: -o-transform 300ms, opacity 200ms;
    transition: transform 300ms;

    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);

    opacity: .1;

    display: none\9;
    display: none \0/IE9;
}

.service_header .wrap_action_article.show_more_action .more_action_wrap {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);

    display: block;
    opacity: 1;
}

.service_header.article .wrap_action_article .img_ico.ico_likeit_users,
.service_header.article .wrap_action_article .img_ico.ico_likeit_like {
    background-position: -60px -90px;
    margin-top: 1px;
    width: 21px;
}

.service_header.article.cover_type_text .wrap_action_article  .ico_likeit_users,
.service_header.article.beyond_content .wrap_action_article  .ico_likeit_users,
.service_header.article.cover_type_text .wrap_action_article  .ico_likeit_like,
.service_header.article.beyond_content .wrap_action_article  .ico_likeit_like {
    background-position: 0 -90px;
}

.service_header.article .wrap_action_article .ico_likeit_unlike.img_ico_with_text {
    background-position: -90px -89px;
    width: 21px;
}

.service_header.article.cover_type_text .wrap_action_article  .ico_likeit_unlike.img_ico_with_text,
.service_header.article.beyond_content .wrap_action_article  .ico_likeit_unlike.img_ico_with_text {
    background-position: -30px -89px;
    width: 21px;
}

.service_header.article .wrap_action_article .ico_comment {
    background-position: -30px -120px;
}

.service_header.article.cover_type_text .wrap_action_article .ico_comment,
.service_header.article.beyond_content .wrap_action_article .ico_comment {
    background-position: 0 -120px;
}

.service_header.article .wrap_action_article .ico_share {
    background-position: -90px -121px;
    margin-right: 0;
}

.service_header.article.cover_type_text .wrap_action_article .ico_share,
.service_header.article.beyond_content .wrap_action_article .ico_share {
    background-position: -59.5px -121px;
    margin-right: 0;
}

.service_header.article .wrap_action_article .ico_modify {
    background-position: -30px -150px;
}

.service_header.article.cover_type_text .wrap_action_article .ico_modify,
.service_header.article.beyond_content .wrap_action_article .ico_modify {
    background-position: 0 -150px;
}

.service_header.article .wrap_action_article .ico_delete {
    background-position: -90px -150px;
}

.service_header.article.cover_type_text .wrap_action_article .ico_delete,
.service_header.article.beyond_content .wrap_action_article .ico_delete {
    background-position: -60px -150px;
}

.service_header.article .wrap_action_article .ico_private {
    background-position: -150px -150px;
}

.service_header.article.cover_type_text .wrap_action_article .ico_private,
.service_header.article.beyond_content .wrap_action_article .ico_private {
    background-position: -120px -150px;
}

.service_header.article .wrap_action_article .ico_stats {
    background-position: -150px -120px;
}

.service_header.article.cover_type_text .wrap_action_article .ico_stats,
.service_header.article.beyond_content .wrap_action_article .ico_stats {
    background-position: -120px -120px;
}

.service_header.article .wrap_action_article .ico_publish,
.service_header.article.cover_type_text .wrap_action_article .ico_publish {
    font-size: 12px;
    color: #666;
    padding-bottom: 2px;
}

.service_header.article .wrap_action_article .ico_publish {
    width: 56px;
    height: 30px;
    margin-left: 21px;
    margin-right: 10px;
    background-position: -180px -60px;
}

.service_header.article .wrap_action_article .ico_report {
    background-position: -150px -90px;
    margin-top: 5px;
}

.service_header.article.article.cover_type_text .wrap_action_article .more_action_wrap .btn_cancel_reservation {
    color: #666
}
.service_header.article .wrap_action_article .btn_cancel_reservation {
    border: 1px solid #bbb;
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    padding: 4px 12px 5px 12px;
    margin-left: 20px;
}

.service_header.article.cover_type_text .wrap_action_article .ico_report,
.service_header.article.beyond_content .wrap_action_article .ico_report {
    background-position: -120px -90px;
}

/* 2015-10-21 좋아요 기능 추가와 더불어 헤더 아이콘처리 끝 */

/* 메뉴 버튼 */
.service_header .btn_menu,
.service_header.article.beyond_content .btn_menu,
.service_header.article.cover_type_text .btn_menu {
    width: 27px;
    height: 20px;
    background-position: 0 0;
    margin-right: 11px;
}

.service_header.new .btn_menu,
.service_header.new.top .btn_menu,
.service_header.new.article.beyond_content .btn_menu,
.service_header.new.article.cover_type_text .btn_menu {
    background-position: 0 -58px;
}

.service_header.article .btn_menu,
.service_header.top .btn_menu,
.service_header.cbt .btn_menu,
.service_header.home_has_main .btn_menu,
.service_header.white_header .btn_menu,
.service_header.project_list .btn_menu,
.service_header.signin_v2 .btn_menu{
    background-position: 0 -30px;
}

.service_header.new.article .btn_menu,
.service_header.new.cbt .btn_menu,
.service_header.new.home_has_main .btn_menu
{
    background-position: -30px -58px;
}

.service_header.home_has_main.beyond_content .btn_menu,
.service_header.top.beyond_content .btn_menu,
.service_header.cbt.beyond_content .btn_menu {
    background-position: 0 0;
}

.service_header.new.top.beyond_content .btn_menu,
.service_header.new.cbt.beyond_content .btn_menu,
.service_header.new.home_has_main.beyond_content .btn_menu
{
    background-position: 0 -58px;
}

.service_header.new .btn_menu {
    height: 22px !important;
    margin-top: -2px !important;
}

.service_header h1 {
    display: inline-block;
}

.service_header h1 .logo_service,
.service_header.article.cover_type_text h1 .logo_service,
.service_header.article.beyond_content h1 .logo_service {
    display: block;
    background: url(//t1.daumcdn.net/brunch9/static/images/pc/logo_brunch_v1.png) no-repeat;
    width: 72px;
    height: 22px;
    margin-top: -1px;
}

.short_logo .service_header h1 .logo_service,
.short_logo .service_header.article.cover_type_text h1 .logo_service,
.short_logo .service_header.article.beyond_content h1 .logo_service {width:50px;height:50px;margin-top:-5px}

.service_header .logo_service.white_logo,
.service_header.article h1 .logo_service,
.service_header.white_header .logo_service,
.service_header.home_has_main .logo_service,
.service_header.project_list .logo_service,
.service_header.signin_v2 .logo_service {
    background-position: -100px 0;
}
.service_header.beyond_content.home_has_main .logo_service{background-position: 0px 0;}
.short_logo .service_header .logo_service,
.short_logo .service_header.article h1 .logo_service,
.short_logo .service_header.signin h1 .logo_service {background-position:0 -25px}

.short_logo .btn_menu {display: none}

.service_header.article .text_noti_restrict {
    color: #ff4444;
    letter-spacing: -1px;
    font-size: 12px;
    border-bottom: 1px solid #ff4444;
    margin: 2px 0 0px 8px;
    cursor: pointer;
}

/* 검색 버튼 */
.service_header .wrap_btn_search.show {
    width: 204px;
    height: 34px;
    background: #fff;
    position: relative;
    top: -7px;
    right: -16px;
    border: 1px solid #dddddd;
    border-radius: 20px;
}

.service_header .wrap_btn_search input {
    display: none;
}

.service_header .wrap_btn_search.show input {
    display: inline-block;
    border: 0 none;
    margin-left: 40px;
    margin-top: 6px;
    font-size: 12px;
    width: 138px;
    outline: none;
    height:20px;
    line-height: 18px;
}

.service_header .wrap_btn_search .btn_search {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: -30px 0px;
    margin-top:0px;
    margin-right: 0;
}

.service_header.white_header .wrap_btn_search .btn_search {
    background-position: -30px -30px;
}

.service_header .wrap_btn_search.show .btn_search {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: -57px 0px;
    margin: -19px 172px 0 0;
}

.service_header .author_and_date {

    display: inline-block;
    float: left;
}

.service_header .author_and_date .ico_by,
.service_header.article.cover_type_text .author_and_date .ico_by,
.service_header.article.beyond_content .author_and_date .ico_by {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-position: -150px 0;
    margin: 4px 1px 0 0;
}

.service_header.article .author_and_date .ico_by {
    background-position: -150px -30px;
}

.service_header .author_and_date .ico_dot_middle {
    display: inline-block;
    width: 2px;
    height: 2px;
    background-position: -90px -30px;
    margin: 8px 4px 0;
}

.service_header .author_and_date *,
.service_header.article.beyond_content .author_and_date *,
.service_header.article.beyond_content .wrap_action_article *,
.service_header.article.cover_type_text .author_and_date * {
    font-size: 14px;
    color: #333;
}

.service_header.article .wrap_action_article *,
.service_header.article.cover_type_text .wrap_action_article * {
    color: #333;
}

.service_header.article .author_and_date *,
.service_header.article .wrap_action_article * {
    color: #fff;
}

.service_header .wrap_action_article .more_action {
    display: none;
    display: inline-block;
}

.service_header .wrap_action_article.show_more_action .more_action {
}

.service_header .wrap_action_article.show_more_action .text_default {
}

.service_header .wrap_action_article.show_more_action .default_action {
}

.service_header .wrap_action_article .ico_action {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 22px;
    margin-top: 5px;
    background-position: -180px 0;
    -webkit-transition: transform 200ms;
    -moz-transition: transform 200ms;
    -ms-transition: transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
}

.service_header .wrap_action_article.show_more_action .ico_action {
    margin-top: 6px;
    margin-left: 25px;
    background-position: -180px -30px\9;
    background-position: -180px -30px \0/IE9;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.service_header.article.cover_type_text .wrap_action_article .ico_action,
.service_header.article.beyond_content .wrap_action_article .ico_action {
    background-position: -120px 0;
}

.service_header.article.cover_type_text .wrap_action_article.show_more_action .ico_action,
.service_header.article.beyond_content .wrap_action_article.show_more_action .ico_action {
    margin-top: 6px;
    background-position: -120px -30px\9;
    background-position: -120px -30px \0/IE9;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.service_header .wrapButtonSocialShare {
    position: relative;
    display: inline;
}

.service_header .wrapButtonSocialShare .wrap_share_gnb {
    display: none;
}


.service_header .wrapButtonSocialShare.show .wrap_share_gnb {
    position: absolute;
    display: block;
    width: 240px;
    padding-top:18px;
    top: 45px;
    right: -34px;
    text-align:center;
    webkit-box-shadow:1px 1px 0 rgba(255,255,255,.06);
    box-shadow:1px 1px 0 rgba(255,255,255,.06);
    background-color: #FFF
}
.service_header .wrapButtonSocialShare.show .wrap_share_gnb:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);content:'';-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.service_header.article .tit_sharegnb{display:block;font-weight:normal;font-size:12px;color:#959595 !important;letter-spacing:-0.025em}
.service_header.article.beyond_content .wrap_action_article .tit_sharegnb {font-size: 13px}

/************************************************** 20180102 공통 공유 버튼 *****************************************/

.service_header .wrap_share_gnb .ico_share_common{position:relative;z-index:10;margin:12px 0 18px}
.ico_share_common{background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_share_rtn_20180103.png) no-repeat;background-size:  300px 210px;;}
.wrap_share_common button {width: 35px;height: 35px;  }
.wrap_share_common .btn_share_facebook{background-position:-2px -2px}
.wrap_share_common .btn_share_facebook:hover {background-position: -2px -37px;}
.wrap_share_common .btn_share_kakaotalk{background-position:-37px -2px}
.wrap_share_common .btn_share_kakaotalk:hover {background-position: -37px -37px;}
.wrap_share_common .btn_share_kakaostory {background-position: -72px -2px;}
.wrap_share_common .btn_share_kakaostory:hover {background-position: -72px -37px;}
.wrap_share_common .btn_share_twitter {background-position: -107px -2px;}
.wrap_share_common .btn_share_twitter:hover {background-position: -107px -37px;}

.wrap_share_gnb .social_connect{text-align:center;position: relative;}
.service_header .wrap_share_gnb .social_connect .link_connect{display:block;height:45px;font-size:12px;line-height:43px;letter-spacing:-0.025em;text-align: left;}
.service_header .wrap_share_gnb .social_connect .link_kt_bg{background-color:#fae100;}
.service_header .wrap_share_gnb .social_connect .link_kt{width:238px;height:43px;padding:1px;color:#463429;z-index: 10;position:relative;text-indent: 27px;letter-spacing: 0;}
.service_header .wrap_share_gnb .social_connect .link_fb_bg{background-color:#496eba}
.service_header .wrap_share_gnb .social_connect .link_fb{width:238px;height:43px;padding:1px;color:#fff;z-index: 10;position:relative;text-indent: 29px;letter-spacing: -0.025em;}
.wrap_share_gnb .social_connect .ico_kt{display:inline-block;overflow: hidden;line-height: 0;text-indent: -9999px;vertical-align: top;width:17px;height:16px;margin:14px 11px 0 -2px;background-position: -164px -5px;}
.wrap_share_gnb .social_connect .ico_fb{display:inline-block;overflow: hidden;line-height: 0;text-indent: -9999px;vertical-align: top;width:9px;height:16px;margin:14px 14px 0 0;background-position:-149px -5px}

/************************************************** 각 화면의 커스텀 메뉴바 추가 요소 *****************************************/
.service_header .wrap_custom {
    color: #666;
    font-size: 17px;
    letter-spacing: -1px;
    display: inline-block;
    text-align: center;
    left: 50%;
    position: absolute;
    margin-top: -3px;
}

.service_header .wrap_custom button {
    color: #666;
    font-size: 17px;
    letter-spacing: -1px;
    outline: none;
    white-space: nowrap;
}

.service_header .wrap_custom button.active,
.service_header .wrap_custom button.on {
    color: #00c3bd;
    border-bottom: 2px solid #00c3bd;
    margin-top: 2px;
}

/* 개별홈 커스텀 영역 */
.service_header.home {
    height: 60px;
}

.service_header .wrap_custom_home {
    display: none;
}

.service_header.beyond_content .wrap_custom_home {
    width: 375px;
    text-align: center;
    margin-left: -180px;
    top: 15px;
    color: #333;
    display: inherit;
}

.service_header .wrap_custom_home .profile_thumb {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 6px;
    margin-top: 3px;
    background-color:#fff;
}

.service_header .wrap_custom_home .user_name {
    color: #333;
    vertical-align: top;
    display: inline-block;
    padding-top: 5px;
    white-space: nowrap;
}

/* 미완성글 커스텀 영역 */
.service_header .wrap_custom_ready {
    width: 250px;
    margin-left: -125px;
    top: 27px;
}

.service_header.beyond_content .wrap_custom_ready {
    top: 17px;
}

.service_header .wrap_custom_ready .btn_ready_draft {
    margin-right: 18px;
}

.service_header .wrap_custom_ready .btn_ready_private {
    margin-right: 18px;
}

.service_header .wrap_custom_search {
    display: none;
}

/* 알림, 설정 커스텀 영역 */
.service_header .wrap_custom_history,
.service_header .wrap_custom_setting {
    width: 80px;
    margin-left: -40px;
    color: #333;
    top: 27px;
}

.service_header.beyond_content .wrap_custom_history,
.service_header.beyond_content .wrap_custom_feed,
.service_header.beyond_content .wrap_custom_search,
.service_header.beyond_content .wrap_custom_setting {
    top: 17px;
}

/* 통계 커스텀 영역 */
.service_header .wrap_custom_stats {
    width: 160px;
    margin-left: -80px;
    margin-top: -4px;
}

.service_header .wrap_custom_stats .btn_stats_day {
    margin-right: 16px;
}

/* 피드 */
.service_header .wrap_custom_feed {
    width: 400px;
    margin-left: -200px;
    color: #333;
}
.service_header .wrap_custom_feed .btn_feed_article, .service_header .wrap_custom_feed .btn_feed_magazine {
    margin-right: 29px;
}


/* 피드, 나우 커스텀 영역 */
.service_header .wrap_custom_now {
    width: 110px;
    margin-left: -55px;
    color: #333;
}

/* 라이킷 커스텀 영역 */
.service_header .wrap_custom_likeit {
    width: 150px;
    margin-left: -55px;
    color: #333;
}
/* 2019-06-25 라이크잇 메뉴 추가 */
.service_header .wrap_custom_likeit button{margin-left:20px;}
.service_header .wrap_custom_likeit button:first-child{margin-left:0}

/* 글통계 커스텀 영역 */
.service_header .wrap_custom_statsArticle {
    width: 940px;
    margin-left: -470px;
}

.service_header .wrap_custom_statsArticle .text_stats_article {
    color: #00c3bd;
    padding-right: 6px;
}

.service_header .wrap_custom_statsArticle .text_stats_article_link:hover {
    text-decoration: underline;
}

.service_header .wrap_custom_statsArticle .text_stats_article_title {
    color: #333;
    font-weight: normal;
}

.service_header .wrap_custom_brunchbook {
    color: #666;
    font-size: 17px;
    letter-spacing: -1px;
    display: inline-block;
    text-align: center;
    left: 50%;
    position: absolute;
    margin-top: -3px;
}

.service_header .wrap_btn_statsArticle .link_close {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -90px 0;
}

/* 글쓰기 커스텀 영역 */
.service_header .wrap_btn_write {
    display: inline-block;
    position: relative;
    top: -4px;
}

.cover_half .service_header .btn_menu,
.cover_full .service_header .btn_menu,
.cover_color .service_header .btn_menu {
    background-position: 0 -30px;
}

.cover_half .service_header.new .btn_menu,
.cover_full .service_header.new .btn_menu,
.cover_color .service_header.new .btn_menu {
    background-position: -30px -58px;
}

.cover_half .service_header.beyond_content .btn_menu,
.cover_full .service_header.beyond_content .btn_menu,
.cover_color .service_header.beyond_content .btn_menu {
    background-position: 0 0;
}

.cover_half .service_header.new.beyond_content .btn_menu,
.cover_full .service_header.new.beyond_content .btn_menu,
.cover_color .service_header.new.beyond_content .btn_menu {
    background-position: 0 -58px;
}

.service_header .wrap_btn_write {
    padding-top: 2.5px;
}

.service_header .wrap_btn_write_right {
    margin-top: -4px;
}

.service_header.beyond_content .wrap_btn_write_right {
    padding-top: 0;
    margin-top: -1px;
}

.service_header .wrap_btn_write *,
.cover_text .service_header .wrap_btn_write *,
.cover_half .service_header.beyond_content .wrap_btn_write *,
.cover_full .service_header.beyond_content .wrap_btn_write *,
.cover_color .service_header.beyond_content .wrap_btn_write * {
    color: #333;
    font-size: 12px;
}

.cover_half .service_header .wrap_btn_write *,
.cover_full .service_header .wrap_btn_write *,
.cover_color .service_header .wrap_btn_write *,
.cover_half .service_header .wrap_btn_write .wrap_btn_article_save .noti,
.cover_full .service_header .wrap_btn_write .wrap_btn_article_save .noti,
.cover_color .service_header .wrap_btn_write .wrap_btn_article_save .noti {
    color: #fff;
}

.service_header .wrap_btn_write .be_header_button_preview {
    margin-right: 12px;
    margin-left: 6px;
}

.service_header .wrap_btn_write .btn_write {
    width: 66px;
    height: 30px;
    line-height: 25px;
    background-color: #fff;
    border-radius: 15px;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.service_header .wrap_btn_write .be_header_button_save,
.cover_color .service_header .wrap_btn_write .be_header_button_save,
.cover_half .service_header .wrap_btn_write .be_header_button_save,
.cover_full .service_header .wrap_btn_write .be_header_button_save {
    border: 1px solid #bbb;
    margin-right: 5px;
    color: #666;
}

.service_header .wrap_btn_write .wrap_btn_article_save .btn_article_save_draft {
    margin-top: -1px;
}

.service_header .wrap_btn_write .wrap_btn_article_save.saved .be_header_button_save.article_saved_move {
    display: inline-block;
    width: 114px;
    border-width: 1px;
    color: #666;

}

.service_header .wrap_btn_write .wrap_btn_article_save .noti {
    margin-right: 7px;
    color: #666;
    opacity: 0;
    vertical-align: middle;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    display: inline-block;
    margin-top: -2px;
}

.service_header.beyond_content .wrap_btn_write .wrap_btn_article_save .noti,
.service_header.beyond_content .wrap_btn_write .wrap_btn_article_save .noti,
.service_header.beyond_content .wrap_btn_write .wrap_btn_article_save .noti {
    color: #666;
}

.service_header .wrap_btn_write .wrap_btn_article_save.saved .noti {
    opacity: 1;
}

.service_header .wrap_btn_write .wrap_btn_article_save.previous .noti {
    opacity: 1;
    color: #fff;
    margin-right: 16px;
    text-decoration: underline;
}

.cover_text .service_header .wrap_btn_write .wrap_btn_article_save.previous .noti {
    color: #959595;
}

.service_header .wrap_btn_write .wrap_btn_article_save.saved .be_header_button_save.article_save_draft,
.service_header .wrap_btn_write .wrap_btn_article_save.saved .be_header_button_save.article_save_private {
    width: 114px;
}

.service_header .wrap_btn_write .be_header_button_publish,
.cover_color .service_header .wrap_btn_write .be_header_button_publish,
.cover_half .service_header .wrap_btn_write .be_header_button_publish,
.cover_full .service_header .wrap_btn_write .be_header_button_publish {
    border: 1px solid #00c3bd;
    color: #00c3bd;
}

.service_header .wrap_btn_write .btn_request,
.service_header.beyond_content .wrap_btn_write .btn_request {
    width: 76px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #00c3bd;
    font-size: 12px;
    color: #00c3bd;
    background-color: #fff;
    margin-top: -1px;
}

/* 팔로윙 팔로워 */
.service_header .wrap_custom_subscription {
    width: 140px;
    margin-left: -70px;
    display: none;
}

.service_header.beyond_content .wrap_custom_subscription {
    display: block;
}

/* 브런치북 당선작 */
.service_header .wrap_custom_bookprize {
    width: 170px;
    margin-left: -85px;
    display: none;
}

.service_header.beyond_content .wrap_custom_bookprize {
    display: block;
}
/* 브런치북 당선작 */

.service_header .wrap_custom_policy {
    width: 200px;
    margin-left: -70px;
    display: block;
    color: #333;
}

.service_header .wrap_custom .text_key_color {
    color: #00c3bd;
}


.service_header .wrap_custom_magazine {
    left:0;
    width:100%;
    z-index:-1
}

.service_header .wrap_custom_magazine .service {
    color:#00b8b2
}
.service_header .wrap_custom_magazine .magazine_title {
    display:none;
    color:#333
}
.beyond_content .wrap_custom_magazine .magazine_title {
    display:inline
}

/************************************************** 사이드 메뉴 **********************************************************/

/******* 사이드 메뉴 Noto Sans Light 설정 *********/
#wrapSideMenu div, #wrapSideMenu dl, #wrapSideMenu dt, #wrapSideMenu dd, #wrapSideMenu ul, #wrapSideMenu ol, #wrapSideMenu li, #wrapSideMenu h1, #wrapSideMenu h2, #wrapSideMenu h3, #wrapSideMenu h4, #wrapSideMenu h5, #wrapSideMenu h6, #wrapSideMenu pre, #wrapSideMenu code, #wrapSideMenu form, #wrapSideMenu fieldset, #wrapSideMenu legend, #wrapSideMenu textarea, #wrapSideMenu p, #wrapSideMenu blockquote, #wrapSideMenu th, #wrapSideMenu td, #wrapSideMenu input, #wrapSideMenu select, #wrapSideMenu textarea, #wrapSideMenu button {
    font-family: "Noto Sans Light", "Malgun Gothic", sans-serif;
}

#wrapSideMenu {
    background-color: #fff;
    border-right: 1px solid #ddd;
    width: 260px;
    margin-left: -261px;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    position: fixed;
    z-index: 10000;
    height: 100%;
    top: 0;
    text-align: center;
}

#wrapSideMenu h2 .logo_service {
    display: block;
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/logo_service2.png) no-repeat;
    width: 94px;
    height: 22px;
}

#wrapSideMenu .img_side_menu {
    background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_view_sidebar.png);
}

#wrapSideMenu.open {
    margin-left: 0;
}

#wrapSideMenu header {
    overflow: hidden;
}

#wrapSideMenu main {
    clear: both;
}

#wrapSideMenu .wrap_inner {
    padding: 20px 20px 30px 20px;
    text-align: center;
}

#wrapSideMenu #btnCloseSideMenu {
    display: none;
    position: absolute;
    right: 20px;
    top: 18px;
}

#wrapSideMenu .ico_close {
    display: block;
    width: 19px;
    height: 19px;
    background-position: -40px 0;
}

#wrapSideMenu .wrap_side_service_menu {
    border-top: 1px solid #ddd;
    padding-top: 28px;
    height: 427px;
    overflow-y: auto;
}

#wrapSideMenu .wrap_side_service_menu.logout {
    padding-left: 2px;
}

#wrapSideMenu .wrap_side_service_menu .link_service {
    font-size: 14px;
    color: #333;
}

#wrapSideMenu .wrap_side_service_menu li {
    height: 13px;
    line-height: 13px;
    padding: 12.5px 0;
    width: 240px;
    margin:0 auto;
}

#wrapSideMenu .wrap_side_service_menu.logout li {
    height: 13px;
    line-height: 13px;
    padding: 12.5px 0;
}

#wrapSideMenu .wrap_side_service_menu li a {
    height: 13px;
    line-height: 14px;
    display: block;
    position: relative;
}

#wrapSideMenu .wrap_side_service_menu li a:hover,
#wrapSideMenu .wrap_side_service_menu li.now_page a {
    color: #00c3bd;
}

#wrapSideMenu .wrap_side_service_menu li a:hover span,
#wrapSideMenu .wrap_side_service_menu li.now_page a span {
    display: block;
    border-bottom: 1px solid #00c3bd;
    position: absolute;
    top: 6px;
}

#wrapSideMenu .wrap_side_service_menu li .ico_brunch_new {
    background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/img_weekly.v2.png);
    background-position: -77px -80px;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 10;
}

#wrapSideMenu .wrap_side_service_menu li a:hover span.bar_left,
#wrapSideMenu .wrap_side_service_menu li.now_page a span.bar_left {
    left: 50px;
}

#wrapSideMenu .wrap_side_service_menu li a:hover span.bar_right,
#wrapSideMenu .wrap_side_service_menu li.now_page a span.bar_right {
    right: 50px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word7 span {
    width: 23px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word7 em.ico_brunch_new {
    top:-1px;
    right:60px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word7:hover em.ico_brunch_new,
#wrapSideMenu .wrap_side_service_menu li a.menu_word7:focus em.ico_brunch_new,
#wrapSideMenu .wrap_side_service_menu li.now_page a em.ico_brunch_new{
    display: none;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word6 span {
    width: 23px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word6 em.ico_brunch_new {
    top:-1px;
    right:60px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word5 span {
    width: 29px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word4 span {
    width: 35px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word3 span {
    width: 44px;
}

#wrapSideMenu .wrap_side_service_menu li a.menu_word2 span {
    width: 50px;
}

#wrapSideMenu .wrap_side_service_menu li.hr {
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_sidebar.png) center no-repeat;
    height: 15px;
    margin: 30px auto 32px;
    padding: 0;
    display: block;
    width: 140px;
    background-position: -52px -5px;
}

#wrapSideMenu .wrap_side_service_menu li a.login_social:hover {
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/img_sidebar_hover_social2.png) center no-repeat;
}

#wrapSideMenu .wrap_side_service_menu li a.login_social.menu_facebook {
    color: #4c72b6;
    background-position: center 0;
}

#wrapSideMenu .wrap_side_service_menu li a.login_social.menu_twitter {
    color: #1dadea;
    background-position: center -13px;
}

#wrapSideMenu .wrap_side_service_menu li a.login_social.menu_kakao {
    color: #3b1d1e;
    background-position: center -26px;
}

#wrapSideMenu .link_service .img_side_menu {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 3px 18px 13px 0;
    vertical-align: top;
}

#wrapSideMenu .link_service .ico_link_home {
    background-position: -80px 0;
}

#wrapSideMenu .link_service .ico_link_magazine {
    background-position: -120px 0;
}

#wrapSideMenu .link_service .ico_link_write {
    background-position: -160px 0;
}

#wrapSideMenu .link_service .ico_link_draft {
    background-position: 0 -40px;
}

#wrapSideMenu .link_service .ico_link_statistic {
    background-position: -40px -40px;
}

#wrapSideMenu .link_service .ico_link_alim {
    background-position: -80px -40px;
}

#wrapSideMenu .wrap_side_ico {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 18px;
    right:20px;
    background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_sidebar.png);
    background-repeat: no-repeat;
}

#wrapSideMenu .ico_side_likeit {
    background-position: -4px -3px;
    right:60px;
}

#wrapSideMenu .ico_side_history {
    background-position: -27px -3px;
}

#wrapSideMenu .ico_alim_new {
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    font-size: 0;
    background-color: #00c3bd;
    display: none;
    position: absolute;
    top: 18px;
    right: 16px;
}

#wrapSideMenu.new .ico_alim_new {
    display: block;
}

#wrapSideMenu .wrap_side_setting {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin: 40px 0 30px;
}

#wrapSideMenu .wrap_side_setting button {
    width: 80px;
    height: 32px;
    border: 1px solid #bbb;
    border-radius: 16px;
    color: #959595;
    margin: 0 2px;
    font-size:13px;
}

#wrapSideMenu .wrap_side_profile {
    overflow: hidden;
    position: relative;
    height: 239px;
    background-color: #f6f6f6;
}

#wrapSideMenu .wrap_side_profile.logout {
    height: 239px;
    background: #f8f8f8;
}

#wrapSideMenu .wrap_side_profile.logout .logo_service {
    background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/logo_service2_v1.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    margin: 40px auto 9px;
    background-position: -1px -26px;
}

#wrapSideMenu .wrap_side_profile.logout .slogan {
    font-family: Georgia;
    font-size: 13px;
    font-style: italic;
    line-height: 1.35;
    text-align: center;
    color: #666666;
    margin-bottom: 5px;
}

#wrapSideMenu .wrap_side_profile.logout .slogan_writer {
    font-family: Georgia;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.3px;
    text-align: center;
    color: #959595;
}

#wrapSideMenu .wrap_side_profile .wrap_profile_image {
    width: 60px;
    margin: 50px auto 0;
}

#wrapSideMenu .img_profile {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color:#fff;
}

#wrapSideMenu .wrap_side_profile .wrap_profile_info {
    padding-top: 5px;
    margin-left: -2px;
}

#wrapSideMenu .wrap_profile_info .text_profile_name {
    font-size: 15px;
    color: #333;
    display: inline-block;
    width: 212px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

#wrapSideMenu .wrap_profile_info .text_profile_id {
    font-size: 12px;
    color: #959595;
    font-family: Georgia;
    font-style: italic;
    display: inline-block;
    width: 212px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}


#wrapSideMenu .btn_write {
    width: 80px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid #00c3bd;
    font-size: 13px;
    color: #00c3bd;
    margin-top: 13px;
    background-color: #fff;
}

#wrapSideMenu .btn_request {
    width: 80px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid #00c3bd;
    font-size: 13px;
    color: #00c3bd;
    margin-top: 13px;
    margin-left: 4px;
    background-color: #fff;
}

#wrapSideMenu .logout .btn_request {
    margin-left: 0;
    vertical-align: baseline;
    width: 120px;
}


#wrapSideMenu .wrap_side_login {
    position: absolute;
    bottom: 0;
    margin-bottom: 42px;
    padding-left: 40px;
}

#wrapSideMenu .wrap_side_login button {
    background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/btn_view_loginbox.png);
    width: 240px;
    height: 32px;
    font-size: 14px;
    margin-top: 12px;
    color: #fff;
}

#wrapSideMenu .wrap_side_login .btn_login_twitter {
    background-position: 0 -40px;
}

#wrapSideMenu .wrap_side_login .btn_login_kakao {
    background-position: 0 -80px;
}

#wrapSideMenu .login_social .img_ico_login {
    display: inline-block;
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_sidebar_social.png) no-repeat;
    width: 12px;
    height: 13px;
    margin-right: 5px;
    vertical-align: top;
    background-position: 3px 0;
}

#wrapSideMenu .login_social .ico_login_twitter {
    background-position: -12px 0;
}

#wrapSideMenu .login_social .ico_login_kakao {
    background-position: -24px 0;
}

footer {
    margin: 29px;
}

footer .copyright {
    width: 116px;
    height: 12px;
    text-indent: -10000px;
    background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_copyright.png)
}

/* Button */
.btn {
    padding: 8px 16px;
    color: #909090;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 100px;
}

.btn.btn_primary {
    color: #00c3bd;
    border-color: #00c3bd;
}

.btn.btn_active {
    color: #fff;
    border-color: #00c3bd;
    background-color: #00c3bd
}

/* 구독버튼 공통 */
.btn_post {
    display: block;
    width: 170px;
    height: 60px;
    border-radius: 50px;
    font-size: 24px
}

.btn_subscription {
    color: #fff;
    background-color: #00c3bd;
    opacity: 0.9;
    filter: alpha(opacity:90)
}

.btn_subscription .txt_on {
    display: none
}

.btn_subscription .ico_brunch {
    width: 22px;
    height: 16px;
    margin: 7px 0 0 7px;
    background-position: -80px 0
}

.btn_subscription:hover .txt_on {
    display: inline
}

.btn_subscription:hover .txt_default {
    display: none
}

.btn_subscription:hover .ico_brunch {
    display: none
}

.btn_default {
    color: #00c3bd;
    background-color: #fff;
    border: 2px solid #00c3bd;
    opacity: 0.9;
    filter: alpha(opacity:90)
}

.btn_default .ico_brunch {
    width: 17px;
    height: 17px;
    margin: 7px 0 0 7px;
    background-position: -60px 0
}

#wrapSideMenu .wrap_side_setting.wrap_find_user {
    margin-bottom:37px
}
.wrap_side_setting .find_user {
    font-size: 13px;
    color: #959595;
    border-bottom: 1px solid #bbb
}

/* 2021-11-03 추가 시작 */
.logo_brunch_v1{display:block;font-size:0;line-height:0;text-indent:-9999px;background:url(//t1.daumcdn.net/brunch9/static/images/pc/logo_brunch_v1_211103.png) no-repeat;background-size:200px 80px;}
.ico_arrow1{width:14px;height:7px;background-position:-60px -30px;}
.menu_side_banner .link_xproject_award{display:block;position:relative;width:173px;height:33px;margin:0 auto 33px;text-align:left;white-space:nowrap;}
.menu_side_banner .link_xproject_award:before{content:'';display:block;position:absolute;left:0;bottom:1px;width:100%;height:2px;background-color:#000;}
.menu_side_banner .link_xproject_award .tag_g{display:inline-block;width:auto;padding-left:6px;padding-right:6px;height:19px;box-sizing:border-box;border-radius:40px;border:1px solid rgba(211,211,211,0.7);font-size:10px;line-height:17px;color:#888;text-align:center;vertical-align:top;letter-spacing:-0.5px;}
.menu_side_banner .link_xproject_award .txt_g{display:inline-block;padding-left:2px;padding-right:1px;font-size:13px;line-height:19px;color:#888;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.menu_side_banner .link_xproject_award .ico_arrow1{position:absolute;top:6px;right:0;}
/* 2021-11-03 추가 끝 */

.alert-wrap {
    display: none;
    position:absolute;
    top:50%;
    left:0;
    height:190px;
    margin-top:-145px;
    width:50%;
    margin-left:25%;
    text-align: center;
}

@media all and (max-height:768px) { .alert-wrap.alert-wrap-like-users { top: 0; margin-top: 200px; } }

.alert-button {
    border: solid 1px #00c3bd;
    border-radius: 16px;
    padding: 0 22px;
    line-height: 32px;
    height:30px;
    color: #00c3bd;
    margin-top: 25px;
    background-color: #ffffff;
    display:inline-block;
    font-size:13px
}

.alert-button a {
    color: #00c3bd;
}

.alert-wrap img { margin-bottom: 6px; }
.alert-wrap .alert-title { font-size:18px; color:#666; letter-spacing: -1px; font-family:"Noto Sans Light" }
.alert-wrap .alert-sub-title { margin-top:2px; font-size:13px; color:#959595; font-family:"Noto Sans Light" }

.spinner {
    height: 50px;
    width: 50px;
    display: none;
    -webkit-animation: rotation 0.6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 2px solid rgba(6, 195, 189, .15);
    border-right: 2px solid rgba(6, 195, 189, 0.15);
    border-bottom: 2px solid rgba(6, 195, 189, .15);
    border-top: 2px solid rgba(6, 195, 189, 0.7);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.loader {
    height: 50px;
    width: 50px;
}

.loader.likeit_users_loader, .loader.likeit_loader, .loader.feed_loader {
    width: 26px;
}

.loader .dot {
    width:6px;
    height:6px;
    border-radius: 3px;
    margin:10px;
    background-color: rgba(6, 195, 189, 0.7);
    -webkit-animation: loading 0.8s infinite linear;
    -moz-animation: loading .8s infinite linear;
    -o-animation: loading .8s infinite linear;
    animation: loading .8s infinite linear;
    opacity: 0.25;
}

.loader .dot2 {
    animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.loader .dot3 {
    animation-delay: 2s;
    -o-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

@keyframes loading {
    from {
        opacity: 0.4;
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 0.7;
    }

    to {
        opacity: 0.4;
    }
}
@-moz-keyframes loading {
    from {
        opacity: 0.4;
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 0.7;
    }

    to {
        opacity: 0.4;
    }
}
@-o-keyframes loading {
    from {
        opacity: 0.4;
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 0.7;
    }

    to {
        opacity: 0.4;
    }
}
@-webkit-keyframes loading {
    from {
        opacity: 0.4;
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 0.7;
    }

    to {
        opacity: 0.4;
    }
}

.no-compatible {
    margin-top:61px;
    position: relative;
}

.compatible-info {
    display: none;
    color:#fff;
    line-height: 61px;
    font-size:14px;
    background-color: #00c3bd;
    position: absolute;
    top:-61px;
    z-index:9999;
    left:0;
    width:100%;
    height:61px;
    text-align: center;
}

.compatible-info .text_noti {
}

.compatible-info .ico_browser {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 6px;
    margin-left: 10px;
}

.compatible-info .ico_browser.ico_ie {
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_browser_ie.png) no-repeat;
    width: 22px;
}

.compatible-info .ico_browser.ico_chrome {
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_browser_chrome.png) no-repeat;
    width: 20px;
}

.compatible-info .ico_browser.ico_safari {
    background: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_browser_safari.png) no-repeat;
    width: 20px;
}

.no-compatible .compatible-info {
    display: block;
}

.animation_up { -webkit-animation:animation_up .2s; animation:animation_up .2s; transition:opacity 0.2s ease-out 0s, transform 0.2s ease-out 0s }
.animation_up_late { -webkit-animation:animation_up .5s; animation:animation_up .5s; transition:opacity 0.2s ease-out 0s, transform 0.5s ease-out 0s }
.animation_down { -webkit-animation:animation_down .2s; animation:animation_down .2s; transition:opacity 0.2s ease-out 0s, transform 0.3s ease-out 0s }

@keyframes animation_down {
    from { opacity: 0; transform: translate(0, -30px) }
    to { opacity: 1; transform: translate(0, 0) }
}
@-webkit-keyframes animation_down {
    from { opacity: 0; -webkit-transform: translate(0, -30px) }
    to { opacity: 1; -webkit-transform: translate(0, 0) }
}

@keyframes animation_up {
    from { opacity: 0; transform: translate(0, 30px) }
    to { opacity: 1; transform: translate(0, 0) }
}
@-webkit-keyframes animation_up {
    from { opacity: 0; -webkit-transform: translate(0, 30px) }
    to { opacity: 1; -webkit-transform: translate(0, 0) }
}

#wrapSideMenu .wrap_side_service_menu li.remember-me {
    border-top: 1px solid #eee;
    margin: 28px 41px 0;
    padding-top: 25px;
}

#wrapSideMenu .wrap_side_service_menu li.remember-me .choice_comm {display:inline-block;position:relative;  height: 18px; line-height: 18px;margin: 2px 0 0 -11px;}
#wrapSideMenu .wrap_side_service_menu li.remember-me .choice_comm .ico_brunch {position:absolute;top:0;left:0;width:18px;height:18px;pointer-events:none}
#wrapSideMenu .wrap_side_service_menu li.remember-me .choice_comm .ico_focused {outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
#wrapSideMenu .wrap_side_service_menu li.remember-me .choice_comm .inp_comm {outline: 0;position: absolute;left:0;top:0;z-index:-1;width:18px;height:18px;vertical-align:top;-webkit-appearance:none}

#wrapSideMenu .wrap_side_service_menu li.remember-me .choice_checkbox .ico_brunch {background-position:-410px 0}
#wrapSideMenu .wrap_side_service_menu li.remember-me .choice_checkbox .ico_choiced {background-position:-410px -20px}

#wrapSideMenu .wrap_side_service_menu li.remember-me .lab_comm {font-size:14px; color:#666;padding-left:26px;font-size: 13px;  background-color: transparent;letter-spacing: -1px;}


.request_header, .book_header {position:absolute;top:30px; width:100%;}
.request_header h1, .book_header   h1 {position: absolute;top:0;left:30px;}
.request_step_navi, .book_step_navi {margin: 0 auto; text-align: center;}
.request_step_navi li, .book_step_navi li {display:inline-block; color:black}
.brunch_start .request_step_navi li, .brunch_start .book_step_navi li {color:white}
.request_step_navi li.active, .book_step_navi li.active  {color: blue; font-weight: bold}


@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {

    .service_header h1 .logo_service,
    .service_header.article.cover_type_text h1 .logo_service,
    .service_header.article.beyond_content h1 .logo_service,
    #wrapSideMenu .wrap_side_profile.logout .logo_service {
        background-image: url(//t1.daumcdn.net/brunch9/static/images/pcrtn/logo_brunch_v1.png);
        background-size: 200px 80px;
    }

    .service_header .img_ico {
        background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_view_cover.v4_rtn.png); background-size: 240px 300px
    }

    #wrapSideMenu .wrap_side_service_menu li.hr,
    #wrapSideMenu .wrap_side_ico {
        background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/ico_sidebar_rtn.png);
        background-size: 200px 50px;
    }

    #wrapSideMenu .wrap_side_service_menu li .ico_brunch_new {
        background-image: url(//t1.daumcdn.net/brunch/static/img/help/pc/img_weekly.v2_rtn.png);
        background-size: 300px 170px;
    }
    .ico_brunch_v1{background-image:url(//t1.daumcdn.net/brunch9/static/images/pcrtn/ico_brunch_v1_210624.png);background-size:200px 840px}
    .logo_brunch_v1{background-image:url(//t1.daumcdn.net/brunch9/static/images/pcrtn/logo_brunch_v1_211103.png);}
    /* 2021-11-03 추가 */
}



.list_common.list_feed, .list_common.list_like {width:700px;margin:0 auto;padding-top:10px}
.list_common div, .list_common dl, .list_common dt, .list_common dd, .list_common ul, .list_common ol, .list_common li, .list_common h1, .list_common h2,
.list_common h3, .list_common h4, .list_common h5, .list_common h6, .list_common pre, .list_common code, .list_common form, .list_common fieldset, .list_common legend,
.list_common textarea, .list_common p, .list_common blockquote, .list_common th, .list_common td, .list_common input, .list_common select, .list_common textarea, .list_common button{font-family: "Noto Sans Light", "Malgun Gothic", sans-serif;}
.list_common li {overflow:hidden;width:100%;padding: 25px 0 30px;border-bottom:1px solid #eee}
.list_common .link_thumb {float:right;position:relative;width:120px;height:120px;margin-left:40px;background-position:0 -280px;margin-top: 5px}
.list_common .frame_g {width:120px;height:120px;border: none}
.list_common .cont_common {overflow:hidden}
.list_common .link_common {display:block}
.list_common .tit_subject {font-weight:normal;font-size:20px;line-height:28px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap}
.list_common .tit_subject .ico_pick {width:38px;height:20px;margin:4px 0 0 10px;background-position:-90px -280px}
.list_common .desc_common {display:block;padding-top:5px;font-size:14px;line-height:22px;color:#666666;max-height:43px;overflow:hidden;text-overflow:ellipsis}
.list_common .desc_common .tit_sub {color:#666}
.list_common .desc_common .ico_bar {display:inline-block;width:1px;height:14px;margin:4px 10px 0 10px;background-color:#bfbfbf;vertical-align:top}
.list_common .link_common:hover .tit_subject { box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #333333;}
.list_common .link_thumb:hover .frame_g {background-color:#000;opacity:0.25;filter:alpha(opacity:25)}
.list_common .append_common {overflow:hidden;width:100%;padding-top:18px;font-size:12px;color:#959595;font-family: "Noto Sans Light";}
.list_common .append_common .link_category {float:left;padding-right:5px;color:#00c3bd}

.list_common .append_common .ico_by {float:left;width:15px;height:15px;margin-right:2px;font-size:12px;font-family: Georgia;font-style: italic;color:#bfbfbf}
.list_common .append_common .link_bloger {float:left;color:#959595;font-family: "Noto Sans Light";}

.list_common .append_common .ico_dot {float:left;width:2px;height:2px;margin:8px 6px 11px;background-color:#bfbfbf;vertical-align:top}
.list_common .append_common .txt_time {float:left}
.list_common .append_common span {float:left}

.partial_block:after {content:" ";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;}





/*suggest*/
#suggestGuide, #suggestSearch {display: none}
#searchLayer.layer_guide #suggestGuide {display: block}
#searchLayer.layer_search #suggestSearch {display: block}
.brunch_suggest #dkIndex, .brunch_suggest .wrap_banner, .brunch_suggest #dkWrap {display: none}
.brunch_suggest .wrap_inner{position:relative;z-index:10}
.brunch_suggest .box_suggest{padding:275px 0 227px;box-sizing:border-box;display: flex;flex-direction: column;justify-content: center;overflow: hidden}
.brunch_suggest .service_header .wrap_btn_search{display:none}
.brunch_suggest .service_header .wrap_btn_search.on{display:none}
.brunch_suggest .wrap_search{padding:0;border-bottom:1px solid #333}
.brunch_suggest .search_form .txt_search::-webkit-input-placeholder  {color:#BEBEBE;}
.brunch_suggest .search_form .txt_search:-ms-input-placeholder {color:#BEBEBE;}
.brunch_suggest .search_form .txt_search::-ms-input-placeholder {color:#BEBEBE;}

.box_suggest{display:none;overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;font-family:'Noto Sans Light',sans-serif}
.box_suggest_inner {height: 440px}
.box_suggest .header_keyword{display:none;}
.box_suggest .btn_close{position:absolute;top:31px;right:32px;background-position:-90px 0}
.box_suggest .ico_close{display:block;width:20px;height:20px;font-size:0;line-height:0;background-position:-90px 0;text-indent:-9999px}
.box_suggest .btn_search{display:block;overflow:hidden;position:absolute;bottom:0;right:0;width:23px;height:45px}
.box_suggest .ico_search{display:block;width:22px;height:22px;font-size:0;line-height:0;background-position:-30px 0;text-indent:-9999px}
.box_suggest .wrap_list{overflow:hidden;width:940px;margin:45px auto 0;}
.box_suggest .recmd_list{width:1000px;margin:0 0 0 -30px;text-align:center;font-size:0;line-height:0}
.box_suggest .recmd_list li{display:inline-block;margin:0 30px;transition: all 1s ease-in-out;width: 140px;height: 198px;vertical-align: top}
.suggest_guide {width:949px;margin:65px auto 0;text-align:center}
.suggest_guide .desc_g{padding:0 0 12px;font-size:28px;color:#333}
.suggest_guide .desc_g b{color:#00C6BD;font-weight:normal;}
.suggest_guide .recmd_keyword{display:inline-block;margin:0 4px;padding:4px 14px;font-size:15px;color:#00C6BD;border:1px solid #56DDD5;border-radius:24px;line-height:22px;}
.suggest_guide .recmd_keyword:hover{text-decoration: none;}

.recmd_list . li{width:140px;height:194px;}
.recmd_list .thumb_img{width:120px;height:120px;margin:0 auto;border-radius:50%}
.recmd_list .tit_wirter{display:block;width:140px;padding:15px 0 0;font-size:15px;line-height:1.5;color:#333;text-align:center;font-family: "Noto Sans Light", "Malgun Gothic", sans-serif;font-weight: lighter;    -webkit-line-clamp: 1;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.recmd_list .txt_wirter{display:block;width:140px;padding:3px 0 0;font-size:12px;line-height:1.5;color:#666;text-align:center;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;text-overflow: ellipsis;height: 38px;overflow: hidden;display: -webkit-box;}
.recmd_list .link_g{display:block}
.recmd_list .link_g:hover{text-decoration: none}

.suggest_search{overflow:hidden;width:940px;margin:0 auto;min-height: 395px;}
.suggest_search .aside_suggest{overflow:hidden;width:220px;}
.suggest_search .aside_suggest .cont_suggest{width:inherit;}
.suggest_search .aside_suggest .cont_suggest + .cont_suggest{margin:22px 0 0;padding:0;border-top:1px solid #EFEFEF;}
.suggest_search .aside_suggest .cont_suggest + .cont_suggest .tit_suggest{margin:20px 0 0;padding:0;}
.cont_suggest{float:left;width:720px;}
.cont_suggest .tit_suggest{display:block;padding:30px 0 0;font-size:13px;line-height:1;color:#959595;font-weight:normal;}
.cont_suggest .tit_suggest a{color:#959595;font-weight:normal;}
.cont_suggest .tit_suggest a:hover{text-decoration: none}
.cont_suggest .tit_suggest .ico_arrow{display:inline-block;width:10px;height:10px;margin:2px 0 0 3px;background-position:-120px 0}
.suggest_search .cont_suggest li {padding:0;margin:26px 0 0;border-bottom:none;}
.suggest_search .cont_suggest li a:hover {text-decoration: none;}
.suggest_search .cont_suggest li a:hover .item_recommend_title{border-bottom: 1px solid #333;}
.suggest_search .tit_subject{line-height:1}
.suggest_search .list_article .post_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 620px;}
.suggest_search .txt_recommend{display:block;overflow:hidden;width:170px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;}
.suggest_search .txt_recommend b{color:#00C6BD;font-weight:normal;}
.suggest_search .search_recommend{padding:20px 0 0;}
.wrap_article_list.intro-magazine-item .search_recommend, .wrap_article_list.intro-user-item .search_recommend{padding:11px 0 0;}

.suggest_search .txt_nodata{display:block;padding:0 0 9px;font-size:16px;color:#959595}
.suggest_search .search_recommend .item_recommend + .item_recommend{margin:10px 0 0;}
.suggest_search .search_recommend .item_recommend{padding:0 0 0 50px;}
.suggest_search .search_recommend .thumb_type1{border-radius:4px}

@media all and (max-width: 1023px) and (min-width: 769px) {
    .brunch_suggest .box_suggest {padding-left: 30px;padding-right: 30px;}
    .brunch_suggest .search_form{padding:0;}
    .brunch_suggest .wrap_search{width: 100%;}
    .brunch_suggest .suggest_guide{width: 100%;}
    .box_suggest .wrap_list{width:600px;margin:50px auto 0;}
    .box_suggest .recmd_list {width: 100%;margin:0;max-height: 193px;overflow: hidden}
    .box_suggest .recmd_list li {margin: 0 0 0 70px;transition: all 1s ease-in-out;}
    .box_suggest .recmd_list li:nth-child(3n+1) {margin: 0}
}
@media all and (max-width: 768px) {
    .brunch_suggest .wrap_search{min-width:600px}
    .box_suggest_inner {padding: 0 34px;}
    .suggest_guide{width:600px;}
    .box_suggest .wrap_list{width:600px;margin:50px auto 0;}
    .suggest_search{width:700px;}
    .suggest_search .aside_suggest {float: none}
    .cont_suggest{width:380px;margin-right: 40px}
    .cont_suggest ul{width:380px;}
    .box_suggest .recmd_list {width: 100%;margin:0;max-height: 193px;overflow: hidden}
    .box_suggest .recmd_list li {margin: 0 0 0 70px;transition: all 1s ease-in-out;}
    .box_suggest .recmd_list li:nth-child(3n+1) {margin: 0}
}





.service_header.beyond_content {

    background: rgba(255, 255, 255, 0.9);
}
.service_header.article.beyond_content {
    overflow: visible;
    height: 59px;
}
.wrap_cover_type {
    position: absolute;
    left: 250px;
    right: 250px;
    text-align: center;
}
.wrap_cover_type .txt_by {
    margin-right: -2px;
    font-family: Georgia, sans-serif;
    font-style: italic;
    color: #bbb;
    font-size: 13px;
}
.wrap_cover_type .txt_name {
    font-size: 13px;
    color: #959595;
    font-family: "Noto Sans Light", "Malgun Gothic", sans-serif;
    letter-spacing: -0.05em;
}
.wrap_cover_type .txt_bar {
    margin: 0 5px;
    font-size: 11px;
    vertical-align: text-bottom;
    opacity: 0.2;
}
.wrap_cover_type h2 {
    display: inline-block;
    margin-top:-8px;
    font-size: 17px;
    color: #666;
    font-weight: normal;
    font-family: "Noto Sans Light", "Malgun Gothic";
    white-space: nowrap;
    vertical-align:top;
}
.beyond_content .wrap_cover_type h2{
    margin-top:-3px;
    line-height:27px;
}
.wrap_cover_type .txt_episode {
    position: relative;
    margin-left: 13px;
}
.service_header.article.beyond_content .txt_episode:before {
    position: absolute;
    background: #ddd;
    content: '';
}
.wrap_tit_header button {
    display: inline-block;
    width: 68px;
    height: 28px;
    margin-top: -2px;
    margin-left: 10px;
    border-radius: 40px;
    font-size: 11px;
    font-family: "Noto Sans Light", "Malgun Gothic", sans-serif;
}
.wrap_tit_header .btn_follow {
    border: 1px solid #00C3BD;
    color: #00C3BD;
}
.wrap_tit_header .btn_subscribing {
    margin-left: 12px;
    border: 1px solid #00C3BD;
    background: #00C3BD;
    color: #fff;
}
.service_header.article .img_ico_wrap {
    margin-left: 18px;
}
.service_header.article .wrap_action_article .text_with_img_ico {
    margin-left: 3px;
    margin-top:-1px;
}

/* 프로그래스 바 */
.progress-container {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
}
.progress-bar {
    width: 0%;
    height: 2px;
    background: #333;
    -webkit-transition: width 0.2s ease-out; /* Safari */
    transition: width 0.2s ease-out;
}

@media
only screen and (max-width:1024px){
    .service_header.article .wrap_cover_type {
        display: none;
    }
}


/* 2019-07-16 setting에서 이동 */
.setting_layer{background:#e9e9e9}
.brunch_layer_type3 {position:fixed;left: 50%;top: 50%;z-index:10000;width: auto;height: auto;overflow: visible;background-color:#fff}
.brunch_layer_type3 .ico_close {width:20px;height:20px;background-position:-120px -30px}
.brunch_layer_type3 .btn_close {position:absolute;right:30px;top:30px;width:20px;height:20px}
.brunch_layer_type3 .layer_body {width: 330px;background-color: #fff;margin: 60px auto 0}
.inner_brunch_type3 {position: relative;overflow: hidden;width: 460px;height: 420px;margin: -210px 0 0 -230px;border: 1px solid #ddd;box-shadow: 0 1px 1px rgba(51,51,51,.1);box-sizing: border-box;background-color: #fff;border-bottom: 1px solid #c9c9c9}
.tit_agree{font-family:"Nanum Myeongjo",sans-serif;font-weight:normal;font-size:32px;line-height:44px;letter-spacing:-1px;color:#333}
.list_agree{margin-top:8px;color:#959595}
.list_agree li{line-height:23px}
.wrap_agree{margin-top:43px;text-align:center}
.wrap_agree .btn{display:inline-block;min-width:138px;padding:10px 0 9px;}
.wrap_agree .btn + .btn{margin-left:7px}

.choice_set{display:inline-block;position:relative;min-height:22px;}
.choice_set .inp_choice{position:absolute;top:0;width:22px;height:22px;opacity:.01;background:0 0;cursor:pointer;-webkit-appearance:none;}
.choice_set .ico_chk{width:18px;height:18px;background-position:-20px -260px;pointer-events:none}
.choice_set .lab_choice{display:block;overflow:hidden;color:#959595;cursor:pointer}
.choice_set .check_on .ico_chk,.choice_set .inp_choice:checked+.lab_choice .ico_chk{background-position:0 -260px}

/*.dimmed_layer {*/
/*    z-index:10;*/
/*    position:fixed;*/
/*    top:0;*/
/*    left:0;*/
/*    bottom:0;*/
/*    right:0;*/
/*    background-color:rgba(0, 0, 0, 0.65);*/
/*    display:none;*/
/*}*/

/* 2021-02-25 B.Setting.css.vm에서 이동 및 추가 */
.brunch_layer_type4{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
.brunch_layer_type4 .inner_brunch_layer{position:relative;width:460px;padding:53px 0 60px;margin:auto;border:1px solid #ddd;background:#fff;text-align:center;box-sizing:border-box;box-shadow:0 1px 0 rgba(0,0,0,.1)}
.brunch_layer_type4 .layer_body{margin:0 auto;text-align:center}
.brunch_layer_type4 .tit_layer,
.brunch_layer_type4 .tit_agree{font-family: "Noto Sans Light";font-weight:normal;font-size:24px;line-height:32px;letter-spacing:-.75px}
.brunch_layer_type4 .txt_layer{padding-top:21px;font-family:"Noto Sans Light";font-size:14px;line-height:22px;color:#959595}
.brunch_layer_type4 .wrap_agree{margin-top:29px}
.brunch_layer_type4 .btn{min-width:112px}
.brunch_layer_type4 .btn_confirm{min-width:83px}

.brunch_layer_type4 .list_agree{margin-top:20px}
.brunch_layer_type4 .ico_close {width:20px;height:20px;background-position:-120px -30px}
.brunch_layer_type4 .btn_close {position:absolute;right:20px;top:20px;width:20px;height:20px}
.brunch_layer_type4 .btn{text-decoration:none}
.brunch_layer_type4 .btn{min-width:83px;padding-left:16px;padding-right:16px;box-sizing:border-box}
/* END 2021-02-25 B.Setting.css.vm에서 이동 및 추가 */