@charset "UTF-8";

/* s : vendors */
/* custom scroll(SimpleBar) */
.custom_scroll_wrap {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.custom_scroll_wrap .simplebar-track {
    width: 2px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 2px;
}

.custom_scroll_wrap .simplebar-track .simplebar-scrollbar {
    width: 2px;
    left: 0;
    border-radius: 2px;
}

.custom_scroll_wrap .simplebar-track .simplebar-scrollbar:before {
    border-radius: 2px;
}

.custom_scroll_wrap .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
}

.custom_scroll_wrap .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.custom_scroll_wrap .simplebar-track.simplebar-horizontal {
    height: 2px;
}

.custom_scroll_wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 2px;
    top: 0;
}

.custom_scroll_wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    left: 0;
    right: 0;
}

.custom_scroll_wrap.horizontal {
    overflow-x: auto;
    overflow-y: hidden;
}

.custom_scroll_wrap.active {
    padding-right: 18px;
}

.custom_scroll_wrap.type_white .simplebar-track {
    background: rgba(255, 255, 255, 0.06);
}

.custom_scroll_wrap.type_white .simplebar-track .simplebar-scrollbar:before {
    background-color: #fff;
}

/* jquery UI - dialog */
body.dialog_open {
    position: static;
    overflow-y: hidden;
}

html:not(.ios) body.dialog_open {
    padding-right: 16px;
}

html:not(.ios) body.dialog_open .dialog_wrapper.open {
    overflow-x: hidden;
    overflow-y: scroll;
}

html:not(.ios) body.dialog_open .wrapper .header_wrapper.sps.sps-blw,
html:not(.ios) body.dialog_open .wrapper .header_wrapper.fix_header {
    width: calc(100% + 15px);
    left: -15px;
}

html:not(.ios) body.dialog_open .wrapper .fly_menu_wrapper.sps-blw,
html:not(.ios) body.dialog_open .wrapper .floating_wrapper {
    right: 27px;
}

.dialog_wrap:not(.initialized) {
    display: none;
}

.dialog_wrapper {
    display: none;
    min-width: 1440px;
    z-index: 1000;
    align-items: center;
}

.dialog_wrapper .ui-widget-overlay {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.dialog_wrapper .ui-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 560px;
    max-height: 750px;
    margin: 0 auto;
    padding: 0;
    border: none;
    color: #000;
}

.dialog_wrapper .ui-dialog .ui-dialog-titlebar {
    display: none;
}

.dialog_wrapper .ui-dialog .btn_dialog_close {
    position: absolute;
    top: 28px;
    right: 30px;
    width: 24px;
    height: 24px;
}

.dialog_wrapper .ui-dialog .btn_dialog_close .ico_dialog_close {
    position: relative;
    z-index: 3;
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_dialog_close@2x.png);
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100% !important;
    max-height: 750px !important;
    padding: 0 30px 34px;
    background: #fff;
    border-radius: 16px;
    border: 0;
    box-sizing: border-box;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_header {
    flex-shrink: 0;
    padding: 25px 30px 20px 0;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_header .dialog_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 500;
    overflow: hidden;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color: #000;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents {
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    max-height: 616px;
    background: #fff;
    padding: 0;
    margin-top: 24px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .custom_scroll_wrap .simplebar-content {
    height: 100%;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .alert_text {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .alert_text+.alert_text {
    margin-top: 12px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .alert_text_sm {
    margin-top: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #595959;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .alert_text_sm .val {
    display: inline-block;
    font-weight: 700;
    color: #474c98;
    vertical-align: top;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .ico_info_wrap .ico_img_box {
    margin-bottom: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .ico_info_wrap .ico_text_box .ico_title {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .ico_info_wrap .ico_text_box .ico_title~.ico_desc {
    margin-top: 12px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .ico_info_wrap.type_sm .ico_img_box {
    margin-bottom: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .ico_info_wrap.type_sm .ico_text_box .ico_title {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap {
    display: block;
    text-align: center;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_text_box {
    display: block;
    position: relative;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_text_box~.notice_detail_box {
    margin-top: 16px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_detail_box {
    display: block;
    position: relative;
    padding-top: 16px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_detail_box:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 30px;
    height: 1px;
    border-top: 1px dashed #ccc;
    transform: translateX(-50%);
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_detail_box+.info_text_box {
    margin-top: 24px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_title {
    display: block;
    margin-bottom: 12px;
    color: #000;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_text {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 400;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_text .val {
    color: #000;
    font-weight: 700;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_text_sm {
    display: block;
    margin-top: 12px;
    color: #767676;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_store {
    display: block;
    margin-bottom: 6px;
    color: #474c98;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .notice_store .ico_locate {
    display: inline-block;
    width: 15px;
    height: 20px;
    margin-right: 4px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px 20px;
    background-image: url(/common/images/picks/ico_address_pin@2x.png);
    vertical-align: top;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .info_text_box {
    margin-top: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .info_text_box:first-child {
    margin-top: 0;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .info_text_box .info_text_list {
    text-align: left;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .info_text_box+.info_text,
.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .notice_info_wrap .info_text_box+.notice_text {
    margin-top: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box {
    padding: 16px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box .prod_area .prod_info_box {
    overflow: visible;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box .prod_area .prod_info_box .rating-container {
    margin-top: 16px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box:not(.size_md) .prod_area .prod_info_box .prod_name {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    max-height: 44px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box.size_md {
    padding: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box+.info_text_box {
    margin-top: 10px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box+.delivery_tracking_wrap {
    margin-top: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box+.title_wrap {
    margin-top: 24px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box+.form_wrap {
    margin-top: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents .thumbnail_round_box+.byte_check_wrap {
    margin-top: 20px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content.has_btn {
    padding-bottom: 30px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content.has_btn .dialog_contents {
    max-height: 542px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.no_title {
    padding: 0 30px 30px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.no_title .dialog_contents {
    max-height: 586px;
    margin-top: 56px;
    text-align: center;
    font-size: 0;
}

.dialog_wrapper .ui-dialog .dialog_wrap.no_title_line .dialog_header {
    border-bottom: none;
    padding-bottom: 0;
}

.dialog_wrapper .ui-dialog .dialog_wrap.no_title_line .dialog_contents {
    max-height: 631px;
    margin-top: 30px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.no_title_line.has_btn .dialog_contents {
    max-height: 557px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.no_title_line.has_btn .dialog_contents:before {
    content: '';
    display: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 100%;
    background-color: #fff;
}

.dialog_wrapper .ui-dialog .ui-selectmenu-menu .ui-menu {
    max-height: 222px;
}

.dialog_wrapper .ui-dialog .ui-selectmenu-menu.size_sm .ui-menu {
    max-height: 192px;
}

.dialog_wrapper.open {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 20px);
    padding: 10px 0;
    overflow-y: hidden;
}

/* large popup */
.dialog_wrapper .ui-dialog.dialog_lg {
    width: 920px;
}

.dialog_wrapper .ui-dialog.dialog_lg .dialog_wrap.no_title .dialog_contents {
    max-height: 664px;
}

.dialog_wrapper .ui-dialog.dialog_lg .dialog_contents .no_data:not(.type_gray) {
    padding: 150px 0;
}

.dialog_wrapper .ui-dialog.dialog_lg .dialog_contents .no_data:not(.type_gray) {
    padding: 150px 0;
}

/* small popup */
.dialog_wrapper .ui-dialog.dialog_sm {
    width: 400px;
}

.dialog_wrapper .ui-dialog.dialog_sm .dialog_contents .no_data.first {
    padding-top: 76px;
}

.dialog_wrapper .ui-dialog.dialog_sm .dialog_wrap.ui-dialog-content.type_col_btn .dialog_contents {
    max-height: 502px;
}

/* alert popup */
.dialog_wrapper .ui-dialog.dialog_alert {
    width: 360px;
}

.dialog_wrapper .ui-dialog.dialog_alert .dialog_wrap {
    padding: 0 37px 30px;
}

.dialog_wrapper .ui-dialog.dialog_alert .dialog_wrap .dialog_contents {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-direction: column;
    align-items: stretch;
    min-height: 45px;
    text-align: center;
}

.dialog_wrapper .ui-dialog.dialog_alert .dialog_wrap .dialog_contents .custom_scroll_wrap {
    height: auto;
}

/* dim 없는 경우 팝업 영역 line 처리 필요 시 */
.dialog_wrapper .ui-dialog.border_banner .dialog_wrap {
    border: 1px solid #d5d5d5;
}

.dialog_wrapper .ui-dialog.border_banner.no_scroll {
    max-height: none;
}

.dialog_wrapper .ui-dialog.border_banner.no_scroll .dialog_wrap {
    max-height: none !important;
}

.dialog_wrapper .ui-dialog.border_banner.no_scroll .dialog_wrap .dialog_contents {
    max-height: none;
}

/* h_auto (브라우저 높이 750 미만인 경우 팝업 높이 유동으로 조절) */
.dialog_wrapper .ui-dialog.h_auto {
    height: calc(100vh - 20px) !important;
}

/* dim 없는 타입 */
.dialog_wrapper.no_dim {
    overflow: visible;
    width: auto;
    min-width: 0;
    height: auto;
}

.dialog_wrapper.no_dim.content_margin {
    margin-left: calc((100% - 1200px) / 2);
}

/* sps(element offset) */
.header_wrapper.sps~.container_wrapper .sps.sps-blw {
    top: 80px;
}

.sps.sps_scroll_fixed {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
}

.sps.sps_scroll_fixed .sps_inner {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.sps.sps_scroll_fixed~.sps-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.sps.sps_scroll_fixed.sps-blw {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 1440px;
    width: 100%;
}

.sps.sps_scroll_fixed.pos-right {
    right: 0;
    left: auto;
    margin-left: 0;
}

/* jQuery UI -  spinner */
.form_spinner_box {
    display: inline-block;
    vertical-align: top;
}

.form_spinner_box.form_spinner_box.disabled .ui-spinner .ui-spinner-button .ui-icon {
    background-size: 12px 12px;
    background-image: url(/common/images/picks/ico_spinner_down_off@2x.png);
}

.form_spinner_box.form_spinner_box.disabled .ui-spinner .ui-spinner-button.ui-spinner-button.ui-spinner-up .ui-icon {
    background-size: 12px 12px;
    background-image: url(/common/images/picks/ico_spinner_up_off@2x.png);
}

.form_spinner_box.size_sm .ui-spinner {
    width: 80px;
    padding: 0 26px;
}

.form_spinner_box.size_sm .ui-spinner .form_spinner {
    height: 30px;
    font-size: 12px;
}

.form_spinner_box.size_sm .ui-spinner .ui-spinner-button {
    width: 27px;
    height: 30px;
}

.form_spinner_box.size_sm .ui-spinner .ui-spinner-button .ui-icon {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    background-image: url(/common/images/picks/ico_spinner_down_sm@2x.png);
}

.form_spinner_box.size_sm .ui-spinner .ui-spinner-button.ui-spinner-button.ui-spinner-up .ui-icon {
    background-size: 10px 10px;
    background-image: url(/common/images/picks/ico_spinner_up_sm@2x.png);
}

.form_spinner_box.size_sm .ui-spinner .ui-spinner-button.ui-spinner-up {
    border-radius: 0 4px 4px 0;
}

.form_spinner_box.size_sm .ui-spinner .ui-spinner-button.ui-spinner-down {
    border-radius: 4px 0 0 4px;
}

.form_spinner_box.size_sm.disabled .ui-spinner .ui-spinner-button .ui-icon {
    background-size: 10px 10px;
    background-image: url(/common/images/picks/ico_spinner_down_sm_off@2x.png);
}

.form_spinner_box.size_sm.disabled .ui-spinner .ui-spinner-button.ui-spinner-button.ui-spinner-up .ui-icon {
    background-size: 10px 10px;
    background-image: url(/common/images/picks/ico_spinner_up_sm_off@2x.png);
}

.form_spinner_box .ui-spinner {
    position: relative;
    display: block;
    width: 102px;
    padding: 0 33px;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 0;
}

.form_spinner_box .ui-spinner .form_spinner {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 1px 0 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-family: "Roboto", sans-serif;
    outline: 0;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
}

.form_spinner_box .ui-spinner .ui-spinner-button {
    display: block;
    top: 0;
    width: 34px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;
}

.form_spinner_box .ui-spinner .ui-spinner-button .ui-icon {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    background-image: url(/common/images/picks/ico_spinner_down@2x.png);
    text-align: center;
    vertical-align: top;
    margin: 0;
}

.form_spinner_box .ui-spinner .ui-spinner-button.ui-spinner-button.ui-spinner-up .ui-icon {
    background-size: 12px 12px;
    background-image: url(/common/images/picks/ico_spinner_up@2x.png);
}

.form_spinner_box .ui-spinner .ui-spinner-button.ui-spinner-up {
    border-left: none;
    border-radius: 0 6px 6px 0;
}

.form_spinner_box .ui-spinner .ui-spinner-button.ui-spinner-down {
    left: 0;
    border-right: none;
    border-radius: 6px 0 0 6px;
}

/* jQuery UI - selectmenu */
.ui-selectmenu-menu {
    display: block;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: -1px;
    border-radius: 0 0 6px 6px;
    opacity: 0;
    border: 1px solid #000;
    border-top: none;
    transition: opacity 0.25s;
    transform: scale(0);
}

.ui-selectmenu-menu.ui-selectmenu-open {
    height: auto;
    opacity: 1;
    transform: scale(1);
    box-sizing: border-box;
}

.ui-selectmenu-menu .ui-menu {
    max-width: 100%;
    max-height: 375px;
    padding-bottom: 0;
    box-sizing: border-box;
    border-radius: 0 0 6px 6px;
    overflow-y: auto;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 11px 14px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    box-sizing: border-box;
    transition: background-color 0.2s ease-out;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    background-color: #f5f5f5;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_label_box {
    display: block;
    margin-right: 15px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_price_box {
    margin-left: auto;
    flex-shrink: 0;
    display: block;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_price_box .option_price {
    font-family: "Roboto", sans-serif;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled .ui-menu-item-wrapper {
    color: #767676;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item:last-child {
    margin-bottom: 5px;
}

.ui-selectmenu-menu.type_sm .ui-menu .ui-menu-item {
    margin-bottom: 0;
}

.ui-selectmenu-menu.type_sm .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 9px 14px 10px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.ui-selectmenu-menu.type_arw {
    width: auto;
    min-width: 72px;
    border-radius: 10px;
    z-index: 1003;
}

.ui-selectmenu-menu.type_arw .ui-menu {
    padding: 12px 12px;
    border: 0;
    width: auto !important;
}

.ui-selectmenu-menu.type_arw .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 0;
    background: none;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    transition: color 0.2s ease-out;
}

.ui-selectmenu-menu.type_arw .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    color: #000;
}

.ui-selectmenu-menu.type_arw .ui-menu .ui-menu-item~.ui-menu-item {
    margin-top: 10px;
}

.ui-selectmenu-menu.type_arw.ui-selectmenu-open {
    border: 1px solid #000;
}

.ui-selectmenu-menu.type_calendar {
    width: auto;
    min-width: 60px;
    border-radius: 10px;
}

.ui-selectmenu-menu.type_calendar .ui-menu {
    padding: 12px 12px;
    border: 0;
}

.ui-selectmenu-menu.type_calendar .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 0;
    background: none;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    transition: color 0.2s ease-out;
}

.ui-selectmenu-menu.type_calendar .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    color: #000;
}

.ui-selectmenu-menu.type_calendar .ui-menu .ui-menu-item~.ui-menu-item {
    margin-top: 10px;
}

.ui-selectmenu-menu.type_calendar.ui-selectmenu-open {
    border: 1px solid #000;
}

.ui-selectmenu-menu.type_pick .ui-menu {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ui-selectmenu-menu.type_gnb {
    border-radius: 0 0 20px 20px;
    z-index: 1003;
}

.ui-selectmenu-menu.type_gnb .ui-menu {
    border-radius: 0 0 20px 20px;
    padding-bottom: 10px;
}

.ui-selectmenu-menu.type_gnb .ui-menu .ui-menu-item {
    margin-bottom: 0;
}

.ui-selectmenu-menu.type_gnb .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 3px 24px;
    color: #595959;
}

.ui-selectmenu-menu.type_pill {
    border-radius: 0 0 20px 20px;
}

.ui-selectmenu-menu.type_pill .ui-menu {
    padding-bottom: 10px;
}

.ui-selectmenu-menu.type_pill .ui-menu .ui-menu-item {
    margin-bottom: 0;
}

.ui-selectmenu-menu.type_pill .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 3px 18px;
    color: #595959;
}

/* 별점(클로버) */
.rating-container {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 0;
    vertical-align: top;
    margin-left: -2px;
}

.rating-container .clear-rating {
    display: none;
}

.rating-container .rating-stars .empty-stars .star {
    margin: 0 2px;
}

.rating-container .rating-stars .empty-stars .star .glyphicon-star-empty:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_star_sm_none@2x.png);
}

.rating-container .rating-stars .filled-stars .star {
    margin: 0 2px;
}

.rating-container .rating-stars .filled-stars .star .glyphicon-star:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_star_sm@2x.png);
}

.rating-container .rating-stars .form_rating {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-family: "Roboto", sans-serif;
    outline: 0;
}

.rating-container .rating-stars:focus {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.rating-container .caption {
    display: none;
}

.rating-container.rating-sm {
    margin: 0 -2px 0 -1px;
}

.rating-container.rating-sm .empty-stars .star {
    margin: 0 2px 0 1px;
}

.rating-container.rating-sm .empty-stars .star .glyphicon-star-empty:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    background-image: url(/common/images/picks/ico_klover_sm_none@2x.png);
}

.rating-container.rating-sm .filled-stars .star {
    margin: 0 2px 0 1px;
}

.rating-container.rating-sm .filled-stars .star .glyphicon-star:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    background-image: url(/common/images/picks/ico_klover_sm@2x.png);
}

.rating-container.rating-lg {
    margin-left: -2px;
}

.rating-container.rating-lg .empty-stars .star {
    margin: 0 2px;
}

.rating-container.rating-lg .empty-stars .star .glyphicon-star-empty:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    background-image: url(/common/images/picks/ico_klover_lg_none@2x.png);
}

.rating-container.rating-lg .filled-stars .star {
    margin: 0 2px;
}

.rating-container.rating-lg .filled-stars .star .glyphicon-star:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    background-image: url(/common/images/picks/ico_klover_lg@2x.png);
}

.rating-container.rating-lg.has_caption .caption {
    margin-top: 3px;
}

.rating-container.has_caption .rating-stars {
    margin-top: 2px;
}

.rating-container.has_caption .caption {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    font-size: 0;
}

.rating-container.has_caption .caption .caption-badge {
    padding: 0;
    border-radius: 0;
    font-size: 0;
    background: none;
    font-family: "Roboto", "Noto Sans KR", "PingFang SC", "Apple SD Gothic Neo", "Microsoft YaHei UI", "Malgun Gothic", sans-serif;
}

.rating-container.has_caption .caption .caption-badge .val {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #3c9a17;
    font-weight: 700;
    line-height: 1;
}

.rating-container.has_caption .caption .caption-badge .total {
    padding-top: 5px;
    margin-left: 5px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #767676;
    font-weight: 400;
    line-height: 1;
}

.rating-container.has_caption .caption .caption-badge .total:before {
    content: "/";
    margin-right: 1px;
}

.rating-disabled .rating-input {
    cursor: default;
}

.rating-disabled .rating-stars {
    cursor: default;
}

/* datepicker */
.datepicker_box {
    position: relative;
    width: 100%;
}

.datepicker_box .form_datepicker {
    display: inline-block;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    color: #000;
    font-size: 14px;
    line-height: 42px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s ease-out;
    outline: none;
}

.datepicker_box .form_datepicker:active,
.datepicker_box .form_datepicker:focus {
    border-color: #000;
}

.datepicker_box .form_datepicker[disabled],
.datepicker_box .form_datepicker[aria-disabled],
.datepicker_box .form_datepicker[readonly] {
    color: #767676;
    background-color: #f7f7f7;
    pointer-events: none;
    cursor: default;
}

.datepicker_box .form_datepicker::-webkit-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.datepicker_box .form_datepicker:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.datepicker_box .form_datepicker::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.datepicker_box .form_datepicker::placeholder {
    font-size: inherit;
    color: #767676;
}

.datepicker_box .form_datepicker:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.datepicker_box .form_datepicker::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.datepicker_box .ui-datepicker-trigger {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #ff1493;
}

/* swiper nav 기본 */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-color: transparent;
}

.swiper-button-next,
.swiper-button-prev {
    opacity: 1;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr_white@2x.png);
    transition: opacity 0.23s;
    border-radius: 100%;
    z-index: 2;
    box-sizing: border-box;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: auto;
}

.swiper-button-next.type_white,
.swiper-button-prev.type_white {
    border: 1px solid #ccc;
    background-color: #fff;
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr@2x.png);
}

.swiper-button-next.type_white_sm,
.swiper-button-prev.type_white_sm {
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url(/common/images/picks/btn_swiper_arr_gray_sm@2x.png);
}

.swiper-button-prev {
    transform: rotate(180deg);
}

/* swiper paging(type fraction) 기본 */
.swiper-pagination {
    z-index: 2;
}

.swiper-pagination.swiper-pagination-fraction {
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: auto;
    min-width: 60px;
    height: 29px;
    padding: 0 14px;
    line-height: 29px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    font-size: 0;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    display: inline-block;
    color: #ccc;
    font-size: 13px;
    letter-spacing: -0.01em;
    line-height: 29px;
    font-family: "Roboto", sans-serif;
    vertical-align: top;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    color: #fff;
    font-weight: 700;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
    content: "-";
    display: inline-block;
    margin: 0 4px 0 3px;
    color: #ccc;
}

/* swiper scrollbar */
.swiper-scrollbar>.swiper-scrollbar,
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 50;
    height: 2px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    overflow: hidden;
}

.swiper-scrollbar>.swiper-scrollbar .swiper-scrollbar-drag,
.swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
    background: #000;
}

/* swiper-container 외부 영역 nav, paging 기본 */
.swiper_control_box {
    text-align: center;
    font-size: 0;
}

.swiper_control_box .swiper-button-prev,
.swiper_control_box .swiper-button-next {
    display: inline-block;
    position: static;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 6px 10px;
    background-image: url(/common/images/picks/btn_swiper_list@2x.png);
    vertical-align: top;
}

.swiper_control_box .swiper-button-prev.swiper-button-disabled,
.swiper_control_box .swiper-button-next.swiper-button-disabled {
    opacity: 0.3;
}

.swiper_control_box .swiper-button-prev.type_round,
.swiper_control_box .swiper-button-next.type_round {
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr_white@2x.png);
    transition: opacity 0.23s;
    border-radius: 100%;
    box-sizing: border-box;
}

.swiper_control_box .swiper-button-prev.type_round.type_white,
.swiper_control_box .swiper-button-next.type_round.type_white {
    border: 1px solid #ccc;
    background-color: #fff;
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr@2x.png);
}

.swiper_control_box .swiper-button-prev.type_round.type_white_sm,
.swiper_control_box .swiper-button-next.type_round.type_white_sm {
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url(/common/images/picks/btn_swiper_arr_gray_sm@2x.png);
}

.swiper_control_box .swiper-pagination-bullets {
    margin-top: 24px;
}

.swiper_control_box .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px 0 2px;
    opacity: 1;
    background: #d5d5d5;
    transition: background 0.4s;
}

.swiper_control_box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
}

.swiper_control_box .swiper-pagination {
    display: inline-block;
    position: static;
    min-width: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    vertical-align: top;
    z-index: 2;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction {
    bottom: 0;
    height: 16px;
    padding: 0 2px;
    border-radius: 0;
    background: none;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    color: #767676;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 16px;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    color: #000;
    font-weight: 500;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
    margin: 0 3px;
    color: #767676;
}

.swiper_control_box .pagination_group {
    position: relative;
    display: inline-block;
    padding: 0 24px;
    vertical-align: top;
    line-height: 19px;
}

.swiper_control_box .pagination_group .swiper-pagination.fraction {
    padding: 0;
    transform: none;
    font-size: 0;
}

.swiper_control_box .pagination_group .swiper-pagination-current,
.swiper_control_box .pagination_group .swiper-pagination-total {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    line-height: 19px;
    vertical-align: top;
    color: #fff;
}

.swiper_control_box .pagination_group .swiper-pagination-total {
    left: auto;
    right: 0;
}

.swiper_control_box .pagination_group .swiper-pagination-total:before {
    content: none;
}

.swiper_control_box .pagination_group .swiper-pagination-progressbar {
    width: 70px;
    height: 1px;
    margin-top: 9px;
    background-color: rgba(255, 255, 255, 0.15);
}

.swiper_control_box .pagination_group .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

/* swiper-container 외부 영역 progress/scroll + nav 타입 */
.swiper_control_multi_box {
    margin-top: 20px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.swiper_control_multi_box .swiper-pagination-progressbar,
.swiper_control_multi_box .swiper-scrollbar {
    flex: 1;
    position: static;
    margin: 17px 20px 0 0;
}

.swiper_control_multi_box .swiper-button-next,
.swiper_control_multi_box .swiper-button-prev {
    position: static;
    margin-top: 0;
}

.swiper_control_multi_box .swiper-button-next {
    margin-left: 10px;
}

/* swiper 자동 재생 컨트롤 */
.swiper_auto_control_area {
    display: inline-block;
    position: absolute;
    right: 14px;
    z-index: 2;
    bottom: 14px;
    height: 30px;
    font-size: 0;
}

.swiper_auto_control_area .swiper_control_box {
    display: inline-block;
    min-width: 84px;
    height: 30px;
    padding: 7px 12px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    box-sizing: border-box;
}

.swiper_auto_control_area .swiper_control_box .swiper-pagination {
    padding: 0;
}

.swiper_auto_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    color: #fff;
}

.swiper_auto_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    color: #eaeaea;
}

.swiper_auto_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
    color: #eaeaea;
}

.swiper_auto_control_area .swiper_control_box .swiper-button-prev,
.swiper_auto_control_area .swiper_control_box .swiper-button-next {
    display: inline-block;
    position: static;
    width: 12px;
    height: 16px;
    margin-top: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 6px 10px;
    background-image: url(/common/images/picks/btn_swiper_list_wh@2x.png);
    vertical-align: top;
}

.swiper_auto_control_area .swiper_control_box .swiper-button-prev.swiper-button-disabled,
.swiper_auto_control_area .swiper_control_box .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 6px 10px;
    background-image: url(/common/images/picks/btn_swiper_list_wh_disabled@2x.png);
}

.swiper_auto_control_area .btn_auto_control {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 4px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    box-sizing: border-box;
}

.swiper_auto_control_area .btn_auto_control .ico_swiper_control {
    display: inline-block;
    width: 7px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px 8px;
    background-image: url(/common/images/picks/ico_swiper_pause@2x.png);
    vertical-align: top;
    z-index: auto;
}

.swiper_auto_control_area .btn_auto_control.pause .ico_swiper_control {
    background-position: 1px center;
    background-size: 7px 10px;
    background-image: url(/common/images/picks/ico_swiper_play@2x.png);
}

/* swiper 자동 재생 컨트롤 progress type */
.swiper_progress_control_area {
    display: inline-block;
    position: absolute;
    left: 110px;
    bottom: 47px;
    z-index: 2;
    font-size: 0;
}

.swiper_progress_control_area .swiper_control_box {
    display: inline-block;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: top;
}

.swiper_progress_control_area .swiper_control_box .swiper-pagination {
    padding: 0;
    font-size: 0;
}

.swiper_progress_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper_progress_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    position: static;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #fff;
}

.swiper_progress_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    font-weight: 700;
}

.swiper_progress_control_area .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
    content: none;
}

.swiper_progress_control_area .swiper_control_box .progress_bar {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 1px;
    margin: 10px 4px 0;
    background-color: rgba(255, 255, 255, 0.6);
    vertical-align: top;
}

.swiper_progress_control_area .swiper_control_box .progress_bar .progress_fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    transition: width 0.23s;
}

.swiper_progress_control_area .btn_auto_control {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 4px;
    line-height: 1;
    box-sizing: border-box;
    vertical-align: top;
    transform: translateY(2px);
}

.swiper_progress_control_area .btn_auto_control .ico_swiper_control {
    display: inline-block;
    width: 7px;
    height: 10px;
    margin-top: -1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 7px 10px;
    background-image: url(/common/images/picks/ico_swiper_pause_02@2x.png);
    vertical-align: top;
}

.swiper_progress_control_area .btn_auto_control.pause .ico_swiper_control {
    background-position: 1px center;
    background-size: 7px 10px;
    background-image: url(/common/images/picks/ico_swiper_play_02@2x.png);
}

.swiper_progress_control_area.type_black .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper_progress_control_area.type_black .swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    color: #000;
}

.swiper_progress_control_area.type_black .swiper_control_box .progress_bar {
    background-color: rgba(0, 0, 0, 0.06);
}

.swiper_progress_control_area.type_black .swiper_control_box .progress_bar .progress_fill {
    background-color: #000;
}

.swiper_progress_control_area.type_black .btn_auto_control .ico_swiper_control {
    background-size: 7px 10px;
    background-image: url(/common/images/picks/ico_swiper_pause_black_02@2x.png);
}

.swiper_progress_control_area.type_black .btn_auto_control.pause .ico_swiper_control {
    background-size: 7px 10px;
    background-image: url(/common/images/picks/ico_swiper_play_black_02@2x.png);
}

/* swiper 외부영역 nav */
.outside_nav {
    position: relative;
}

.outside_nav .swiper-button-prev {
    left: -64px;
}

.outside_nav .swiper-button-next {
    right: -64px;
}

/* swiper progressbar 기본 */
.swiper-pagination-progressbar {
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 2px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #000;
}

.swiper-pagination-progressbar.type_white {
    background-color: rgba(255, 255, 255, 0.06);
}

.swiper-pagination-progressbar.type_white .swiper-pagination-progressbar-fill {
    background-color: #fff;
}

/* jQuery UI - Slider */
.slider_item {
    height: 4px;
    background: #eaeaea;
    margin: 7px 0;
    border-radius: 2px;
}

.slider_item .ui-slider-range {
    background: #767675;
    border-radius: 2px;
}

.slider_item .ui-slider-handle {
    width: 16px;
    height: 16px;
    margin-left: -9px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 9px;
    top: -6px;
}

.slider_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.slider_wrap .slider_item {
    flex: 1;
    margin-left: 14px;
    margin-right: 14px;
}

/* jQueryUI - Datepicker */
.ui-datepicker {
    width: 284px;
    padding: 19px 12px 17px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    box-sizing: border-box;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
    margin: 0 7px 16px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    display: inline-block;
    width: auto;
    height: 24px;
    margin: 0;
    padding-right: 15px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    text-align: right;
    background-color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-image: url(/common/images/picks/arw_datepicker_select@2x.png);
    border: none;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year::-ms-expand,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month::-ms-expand {
    display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year+.ui-datepicker-month {
    margin-left: 8px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_datepicker_nav@2x.png);
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-next:focus {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.ui-datepicker .ui-datepicker-prev {
    top: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    top: 0;
    right: 0;
    transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    margin-bottom: 0;
}

.ui-datepicker .ui-datepicker-calendar th {
    width: 37px;
    padding: 0 0 2px 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 500;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child {
    color: #ec1f2d;
}

.ui-datepicker .ui-datepicker-calendar td {
    width: 37px;
    height: 35px;
    padding: 2px 3px;
    text-align: center;
    box-sizing: border-box;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 13px;
    line-height: 29px;
    letter-spacing: -0.01em;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid transparent;
    vertical-align: top;
    box-sizing: border-box;
    transition: border 0.2s, color 0.2s, background 0.2s;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {
    color: #fff;
    font-weight: 700;
    border-color: #5055b1;
    background-color: #5055b1;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
    opacity: 0.3;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight {
    color: #474c98;
    font-weight: 700;
    border-color: rgba(80, 85, 177, 0.2);
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight.ui-state-hover {
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default {
    color: #ec1f2d;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default.ui-state-active {
    color: #fff;
}

/* s : 버튼 */
a[disabled],
a[aria-disabled=true],
a.disabled,
button[disabled],
button[aria-disabled=true],
button.disabled {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

a[disabled] *,
a[aria-disabled=true] *,
a.disabled *,
button[disabled] *,
button[aria-disabled=true] *,
button.disabled * {
    text-decoration: none !important;
}

/* 버튼 공통 */
button[class^=btn_],
a[class^=btn_] {
    /* display: inline-block;
    box-sizing: border-box;
    vertical-align: top; */
}

button[class^=btn_]:hover,
a[class^=btn_]:hover {
    cursor: pointer;
}

button[class^=btn_] [class^=ico_],
a[class^=btn_] [class^=ico_] {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

button[class^=btn_] .text,
a[class^=btn_] .text {
    display: inline-block;
    position: relative;
    vertical-align: top;
    z-index: auto;
}

/* 버튼 - 사이즈 */
a.btn_lg,
button.btn_lg {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 200px;
    height: 50px;
    padding: 0 23px 1px;
    border-radius: 6px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

a.btn_lg.btn_pill,
button.btn_lg.btn_pill {
    min-width: auto;
    border-radius: 50px;
}

a.btn_lg [class^=ico_],
button.btn_lg [class^=ico_] {
    height: 24px;
    margin-right: 5px;
}

a.btn_lg .ico_gift,
button.btn_lg .ico_gift {
    width: 18px;
    background: url(/common/images/picks/ico_gift@2x.png) left center no-repeat;
    background-size: 18px 24px;
}

a.btn_lg .ico_purchase_alarm,
button.btn_lg .ico_purchase_alarm {
    width: 18px;
    background: url(/common/images/picks/ico_purchase_alarm@2x.png) left center no-repeat;
    background-size: 18px 24px;
}

a.btn_md,
button.btn_md {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 140px;
    height: 44px;
    padding: 0 23px 1px;
    border-radius: 6px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

a.btn_md.btn_pill,
button.btn_md.btn_pill {
    min-width: auto;
    border-radius: 44px;
}

a.btn_md [class^=ico_],
button.btn_md [class^=ico_] {
    margin-right: 5px;
}

a.btn_md [class^=ico_]:last-child,
button.btn_md [class^=ico_]:last-child {
    margin-right: 0;
    margin-left: 5px;
}

a.btn_md .ico_present_white,
button.btn_md .ico_present_white {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    background: url(/common/images/picks/ico_present_white@2x.png) center no-repeat;
    background-size: 18px 18px;
}

a.btn_md .ico_add_white,
button.btn_md .ico_add_white {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_add_white@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_md .ico_review,
button.btn_md .ico_review {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(/common/images/picks/ico_review_16x16@2x.png) center no-repeat;
    background-size: 16px 16px;
}

a.btn_sm,
button.btn_sm {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 38px;
    padding: 0 13px 1px;
    border-radius: 6px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

a.btn_sm.btn_pill,
button.btn_sm.btn_pill {
    border-radius: 38px;
}

a.btn_sm [class^=ico_],
button.btn_sm [class^=ico_] {
    height: 19px;
    margin-right: 3px;
}

a.btn_sm [class^=ico_]:last-child,
button.btn_sm [class^=ico_]:last-child {
    margin-right: 0;
    margin-left: 3px;
}

a.btn_sm .ico_review_white,
button.btn_sm .ico_review_white {
    width: 14px;
    height: 14px;
    background: url(/common/images/picks/ico_review_white@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

a.btn_sm .ico_reset,
button.btn_sm .ico_reset {
    width: 13px;
    height: 13px;
    background: url(/common/images/picks/ico_reset_13x13@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_sm .ico_reset_black,
button.btn_sm .ico_reset_black {
    width: 13px;
    height: 13px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_reset_black@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_sm .ico_plus,
button.btn_sm .ico_plus {
    width: 14px;
    background: url(/common/images/picks/ico_plus_h12@2x.png) left center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_plus_primary,
button.btn_sm .ico_plus_primary {
    width: 12px;
    height: 12px;
    background: url(/common/images/picks/ico_plus_primary_h12@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_locate,
button.btn_sm .ico_locate {
    width: 14px;
    background: url(/common/images/picks/ico_locate@2x.png) left center no-repeat;
    background-size: 13px 19px;
}

a.btn_sm .ico_locate_black,
button.btn_sm .ico_locate_black {
    width: 13px;
    background: url(/common/images/picks/ico_locate_black@2x.png) left center no-repeat;
    background-size: 13px 19px;
}

a.btn_sm .ico_new_window,
button.btn_sm .ico_new_window {
    width: 14px;
    background: url(/common/images/picks/ico_new_window@2x.png) left center no-repeat;
    background-size: 14px 19px;
}

a.btn_sm .ico_all_view,
button.btn_sm .ico_all_view {
    width: 12px;
    background: url(/common/images/picks/ico_all_view@2x.png) left center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_review,
button.btn_sm .ico_review {
    width: 14px;
    height: 19px;
    background: url(/common/images/picks/ico_review@2x.png) center no-repeat;
    background-size: 14px 19px;
}

a.btn_sm .ico_review_primary,
button.btn_sm .ico_review_primary {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(/common/images/picks/ico_review_primary_h14@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_sm .ico_inquiry,
button.btn_sm .ico_inquiry {
    width: 17px;
    height: 15px;
    background: url(/common/images/picks/ico_inquiry@2x.png) center no-repeat;
    background-size: 17px 15px;
}

a.btn_sm .ico_cart,
button.btn_sm .ico_cart {
    width: 14px;
    background: url(/common/images/picks/ico_cart@2x.png) center no-repeat;
    background-size: 14px 19px;
}

a.btn_sm .ico_excel,
button.btn_sm .ico_excel {
    width: 14px;
    background: url(/common/images/picks/ico_excel@2x.png) center no-repeat;
    background-size: 14px 19px;
}

a.btn_sm .ico_alarm,
button.btn_sm .ico_alarm {
    width: 12px;
    background: url(/common/images/picks/ico_alarm_on_h19@2x.png) center no-repeat;
    background-size: 12px 19px;
}

a.btn_sm .ico_delete,
button.btn_sm .ico_delete {
    width: 12px;
    background: url(/common/images/picks/ico_delete_black_h12@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_delete_white,
button.btn_sm .ico_delete_white {
    width: 12px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_delete_white_h12@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_calendar,
button.btn_sm .ico_calendar {
    width: 14px;
    background: url(/common/images/picks/ico_calendar@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_sm.btn_spec_compare .ico_compare,
button.btn_sm.btn_spec_compare .ico_compare {
    display: block;
    width: 13px;
    vertical-align: top;
    background: url(/common/images/picks/ico_compare@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_sm.btn_spec_compare .text,
button.btn_sm.btn_spec_compare .text {
    font-size: 14px;
    font-weight: 500;
}

a.btn_sm .ico_add,
button.btn_sm .ico_add {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_add@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_sm .ico_add_white,
button.btn_sm .ico_add_white {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_add_white@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_sm .ico_add_white_sm,
button.btn_sm .ico_add_white_sm {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    font-size: 0;
    background: url(/common/images/picks/ico_add_white_sm@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_download_white,
button.btn_sm .ico_download_white {
    width: 10px;
    height: 10px;
    background: url(/common/images/picks/ico_download_wh_h10@2x.png) left center no-repeat;
    background-size: 10px 10px;
}

a.btn_sm .ico_edit_primary,
button.btn_sm .ico_edit_primary {
    width: 12px;
    height: 12px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_edit_primary_h12@2x.png) left center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_edit_black,
button.btn_sm .ico_edit_black {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_edit_black_h14@2x.png) left center no-repeat;
    background-size: 14px 14px;
}

a.btn_sm .ico_order_edit_black,
button.btn_sm .ico_order_edit_black {
    width: 12px;
    height: 11px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_order_edit_black_h11@2x.png) left center no-repeat;
    background-size: 12px 11px;
}

a.btn_sm .ico_comment_white,
button.btn_sm .ico_comment_white {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_comment_white_h14@2x.png) left center no-repeat;
    background-size: 14px 14px;
}

a.btn_sm .ico_search_black,
button.btn_sm .ico_search_black {
    width: 12px;
    height: 12px;
    background: url(/common/images/picks/btn_library_search@2x.png) 0% 0% no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_star,
button.btn_sm .ico_star {
    width: 16px;
    height: 15px;
    background: url(/common/images/picks/ico_star_h15@2x.png) center no-repeat;
    background-size: 16px 15px;
}

a.btn_sm .ico_download_gray,
button.btn_sm .ico_download_gray {
    display: inline-block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background: url(/common/images/picks/ico_download_gray_12@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_sm .ico_present,
button.btn_sm .ico_present {
    margin-right: 0;
}

a.btn_sm .ico_present+.text,
button.btn_sm .ico_present+.text {
    margin-left: 3px;
}

a.btn_sm.active .ico_star,
button.btn_sm.active .ico_star {
    background: url(/common/images/picks/ico_star_h15_active@2x.png) center no-repeat;
    background-size: 16px 15px;
}

a.btn_xs,
button.btn_xs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 30px;
    padding: 0 9px 1px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
}

a.btn_xs.btn_pill,
button.btn_xs.btn_pill {
    width: auto;
    padding-left: 11px;
    padding-right: 12px;
    border-radius: 30px;
}

a.btn_xs [class^=ico_],
button.btn_xs [class^=ico_] {
    height: 18px;
    margin-right: 3px;
}

a.btn_xs [class^=ico_]:last-child,
button.btn_xs [class^=ico_]:last-child {
    margin-right: 0;
    margin-left: 3px;
}

a.btn_xs .ico_info,
button.btn_xs .ico_info {
    width: 14px;
    background: url(/common/images/picks/ico_info@2x.png) left center no-repeat;
    background-size: 14px 14px;
}

a.btn_xs .ico_check,
button.btn_xs .ico_check {
    width: 10px;
    background: url(/common/images/picks/ico_check@2x.png) left center no-repeat;
    background-size: 10px 18px;
}

a.btn_xs .ico_arw_white,
button.btn_xs .ico_arw_white {
    width: 6px;
    background: url(/common/images/picks/ico_arw_white@2x.png) left center no-repeat;
    background-size: 6px 6px;
}

a.btn_xs .ico_arw_back,
button.btn_xs .ico_arw_back {
    width: 4px;
    background: url(/common/images/picks/ico_arr_back_4x7@2x.png) left center no-repeat;
    background-size: 4px 7px;
}

a.btn_xs .ico_download_white,
button.btn_xs .ico_download_white {
    width: 10px;
    background: url(/common/images/picks/ico_download_wh_h10@2x.png) left center no-repeat;
    background-size: 10px 10px;
}

a.btn_xs .ico_download_primary,
button.btn_xs .ico_download_primary {
    width: 10px;
    background: url(/common/images/picks/ico_download_primary_10x10@2x.png) left center no-repeat;
    background-size: 10px 10px;
}

a.btn_xs .ico_change_white,
button.btn_xs .ico_change_white {
    width: 12px;
    background: url(/common/images/picks/ico_change_wh_h10@2x.png) left center no-repeat;
    background-size: 10px 10px;
}

a.btn_xs .ico_star,
button.btn_xs .ico_star {
    width: 14px;
    background: url(/common/images/picks/ico_star@2x.png) left center no-repeat;
    background-size: 14px 18px;
}

a.btn_xs .ico_alarm,
button.btn_xs .ico_alarm {
    width: 12px;
    background: url(/common/images/picks/ico_alarm_on@2x.png) left center no-repeat;
    background-size: 12px 18px;
}

a.btn_xs .ico_preview,
button.btn_xs .ico_preview {
    width: 12px;
    background: url(/common/images/picks/ico_preview@2x.png) left center no-repeat;
    background-size: 12px 12px;
}

a.btn_xs .ico_ebook_preview,
button.btn_xs .ico_ebook_preview {
    width: 12px;
    background: url(/common/images/picks/ico_ebook_preview@2x.png) left center no-repeat;
    background-size: 12px 12px;
}

a.btn_xs .ico_write_info,
button.btn_xs .ico_write_info {
    width: 14px;
    background: url(/common/images/picks/ico_writer_info@2x.png) left center no-repeat;
    background-size: 14px 14px;
}

a.btn_xs .ico_download,
button.btn_xs .ico_download {
    width: 10px;
    background: url(/common/images/picks/ico_download_black@2x.png) left center no-repeat;
    background-size: 10px 18px;
}

a.btn_xs .ico_complete,
button.btn_xs .ico_complete {
    width: 10px;
    background: url(/common/images/picks/ico_complete_black@2x.png) left center no-repeat;
    background-size: 10px 18px;
}

a.btn_xs .ico_excel,
button.btn_xs .ico_excel {
    width: 13px;
    background: url(/common/images/picks/ico_excel_xs@2x.png) center no-repeat;
    background-size: 13px 14px;
}

a.btn_xs .ico_list_plus,
button.btn_xs .ico_list_plus {
    width: 8px;
    background: url(/common/images/picks/ico_plus_list@2x.png) center no-repeat;
    background-size: 8px 8px;
}

a.btn_xs .ico_call_center,
button.btn_xs .ico_call_center {
    width: 13px;
    height: 13px;
    background: url(/common/images/picks/ico_call_center_black_h13@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_xxs,
button.btn_xxs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 24px;
    padding: 1px 5px 1px;
    border-radius: 4px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

a.btn_xxs.btn_pill,
button.btn_xxs.btn_pill {
    width: auto;
    border-radius: 24px;
    padding-right: 10px;
    padding-left: 12px;
}

a.btn_xxs.btn_pill.cast_popular,
a.btn_xxs.btn_pill.cast_partner,
a.btn_xxs.btn_pill.cast_formula,
button.btn_xxs.btn_pill.cast_popular,
button.btn_xxs.btn_pill.cast_partner,
button.btn_xxs.btn_pill.cast_formula {
    padding-left: 9px;
    padding-right: 10px;
    color: #fff;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_xxs.btn_pill.cast_popular .ico_caster_badge,
a.btn_xxs.btn_pill.cast_partner .ico_caster_badge,
a.btn_xxs.btn_pill.cast_formula .ico_caster_badge,
button.btn_xxs.btn_pill.cast_popular .ico_caster_badge,
button.btn_xxs.btn_pill.cast_partner .ico_caster_badge,
button.btn_xxs.btn_pill.cast_formula .ico_caster_badge {
    width: 15px;
    height: 20px;
}

a.btn_xxs.btn_pill.cast_formula,
button.btn_xxs.btn_pill.cast_formula {
    background: #4eb2d6;
    border: 1px solid #4eb2d6;
}

a.btn_xxs.btn_pill.cast_formula .ico_caster_badge,
button.btn_xxs.btn_pill.cast_formula .ico_caster_badge {
    width: 11px;
    background: url(/common/images/picks/ico_badge_formula@2x.png) center no-repeat;
    background-size: 11px 14px;
}

a.btn_xxs.btn_pill.cast_popular,
button.btn_xxs.btn_pill.cast_popular {
    background: #50b19e;
    border: 1px solid #50b19e;
}

a.btn_xxs.btn_pill.cast_popular .ico_caster_badge,
button.btn_xxs.btn_pill.cast_popular .ico_caster_badge {
    width: 13px;
    background: url(/common/images/picks/ico_badge_popular@2x.png) center no-repeat;
    background-size: 13px 12px;
}

a.btn_xxs.btn_pill.cast_partner,
button.btn_xxs.btn_pill.cast_partner {
    background: #5055b1;
    border: 1px solid #5055b1;
}

a.btn_xxs.btn_pill.cast_partner .ico_caster_badge,
button.btn_xxs.btn_pill.cast_partner .ico_caster_badge {
    width: 12px;
    background: url(/common/images/picks/ico_badge_partner@2x.png) center no-repeat;
    background-size: 12px 15px;
}

a.btn_xxs [class^=ico_],
button.btn_xxs [class^=ico_] {
    height: 18px;
    margin-right: 3px;
}

a.btn_xxs [class^=ico_]:last-child,
button.btn_xxs [class^=ico_]:last-child {
    margin-right: 0;
}

a.btn_xxs .ico_arw,
button.btn_xxs .ico_arw {
    width: 6px;
    height: 6px;
    margin-left: 2px;
    background: url(/common/images/picks/arw_info_more@2x.png) center no-repeat;
    background-size: 6px 6px;
}

a.btn_ip,
button.btn_ip {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 86px;
    height: 44px;
    padding: 0 19px 1px;
    border-radius: 6px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

a.btn_ip.btn_pill,
button.btn_ip.btn_pill {
    width: auto;
    border-radius: 24px;
}

a.btn_ip [class^=ico_],
button.btn_ip [class^=ico_] {
    height: 20px;
    margin-right: 5px;
}

a.btn_ip [class^=ico_]:last-child,
button.btn_ip [class^=ico_]:last-child {
    margin-right: 0;
    margin-left: 5px;
}

a.btn_ip .ico_heart,
button.btn_ip .ico_heart {
    width: 18px;
    background: url(/common/images/picks/ico_heart_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

a.btn_ip .ico_heart_primary,
button.btn_ip .ico_heart_primary {
    width: 18px;
    background: url(/common/images/picks/ico_heart_pm_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

a.btn_ip .ico_cart_white,
button.btn_ip .ico_cart_white {
    width: 18px;
    background: url(/common/images/picks/ico_cart_wh_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

a.btn_ip .ico_present,
button.btn_ip .ico_present {
    margin-top: 1px;
}

a.btn_ip .ico_excel,
button.btn_ip .ico_excel {
    width: 14px;
    background: url(/common/images/picks/ico_excel@2x.png) center no-repeat;
    background-size: 14px 19px;
}

a.btn_ip .ico_delete,
button.btn_ip .ico_delete {
    width: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_delete_black_h15@2x.png) center no-repeat;
    background-size: 14px 15px;
}

a.btn_ip .ico_reset_lg,
button.btn_ip .ico_reset_lg {
    width: 13px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_reset_lg@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_ip .ico_search,
button.btn_ip .ico_search {
    width: 18px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_btn_search@2x.png) center no-repeat;
    background-size: 18px 18px;
}

a.btn_ip .ico_add,
button.btn_ip .ico_add {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_add@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_ip .ico_msg_black,
button.btn_ip .ico_msg_black {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/common/images/picks/ico_msg_black_h18@2x.png) 0% 0% no-repeat;
    background-size: 18px 18px;
}

a.btn_ip .ico_write_black,
button.btn_ip .ico_write_black {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/common/images/picks/ico_write_black_h18@2x.png) 0% 0% no-repeat;
    background-size: 18px 18px;
}

/* 버튼 - 색상 */
a.btn_primary,
button.btn_primary,
a.btn_line_primary.active,
button.btn_line_primary.active {
    color: #fff;
    background: #5055b1;
    border: 1px solid #5055b1;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_primary:hover,
a.btn_primary:focus,
a.btn_primary:active,
button.btn_primary:hover,
button.btn_primary:focus,
button.btn_primary:active,
a.btn_line_primary.active:hover,
a.btn_line_primary.active:focus,
a.btn_line_primary.active:active,
button.btn_line_primary.active:hover,
button.btn_line_primary.active:focus,
button.btn_line_primary.active:active {
    color: #fff;
    background: #2c307c;
    border-color: #2c307c;
}

a.btn_primary[disabled],
a.btn_primary[aria-disabled],
a.btn_primary.disabled,
button.btn_primary[disabled],
button.btn_primary[aria-disabled],
button.btn_primary.disabled,
a.btn_line_primary.active[disabled],
a.btn_line_primary.active[aria-disabled],
a.btn_line_primary.active.disabled,
button.btn_line_primary.active[disabled],
button.btn_line_primary.active[aria-disabled],
button.btn_line_primary.active.disabled {
    color: #fff;
    background: #a6a9d7;
    border-color: #a6a9d7;
}

a.btn_light_gray,
button.btn_light_gray {
    color: #fff;
    background: #767676;
    border: 1px solid #767676;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_light_gray:hover,
a.btn_light_gray:focus,
a.btn_light_gray:active,
button.btn_light_gray:hover,
button.btn_light_gray:focus,
button.btn_light_gray:active {
    background: #595959;
    border-color: #595959;
}

a.btn_light_gray[disabled],
a.btn_light_gray[aria-disabled],
a.btn_light_gray.disabled,
button.btn_light_gray[disabled],
button.btn_light_gray[aria-disabled],
button.btn_light_gray.disabled {
    background: #bebebe;
    border-color: #bebebe;
}

a.btn_light_gray .ico_subscribe,
button.btn_light_gray .ico_subscribe {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 4px;
    font-size: 0;
    background: url(/common/images/picks/ico_subscribe_w@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_lighten_gray,
button.btn_lighten_gray {
    color: #000;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_lighten_gray:hover,
a.btn_lighten_gray:focus,
a.btn_lighten_gray:active,
button.btn_lighten_gray:hover,
button.btn_lighten_gray:focus,
button.btn_lighten_gray:active {
    background: #f2f2f2;
    border-color: #f2f2f2;
}

a.btn_lighten_gray[disabled],
a.btn_lighten_gray[aria-disabled],
a.btn_lighten_gray.disabled,
button.btn_lighten_gray[disabled],
button.btn_lighten_gray[aria-disabled],
button.btn_lighten_gray.disabled {
    opacity: 0.5;
}

a.btn_white,
button.btn_white {
    color: #000;
    border: 1px solid #fff;
    background: #fff;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_white:hover,
a.btn_white:focus,
a.btn_white:active,
button.btn_white:hover,
button.btn_white:focus,
button.btn_white:active {
    background: #fff;
    border-color: #fff;
}

a.btn_white[disabled],
a.btn_white[aria-disabled],
a.btn_white.disabled,
button.btn_white[disabled],
button.btn_white[aria-disabled],
button.btn_white.disabled {
    color: rgba(0, 0, 0, 0.5);
    background: #fff;
    border-color: #fff;
}

a.btn_white[disabled] [class^=ico_],
a.btn_white[aria-disabled] [class^=ico_],
a.btn_white.disabled [class^=ico_],
button.btn_white[disabled] [class^=ico_],
button.btn_white[aria-disabled] [class^=ico_],
button.btn_white.disabled [class^=ico_] {
    opacity: 0.4;
}

a.btn_line_primary,
button.btn_line_primary {
    color: #474c98;
    border: 1px solid #5055b1;
    background: #fff;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_line_primary:hover,
a.btn_line_primary:focus,
a.btn_line_primary:active,
button.btn_line_primary:hover,
button.btn_line_primary:focus,
button.btn_line_primary:active {
    background: #efeff8;
    border-color: #474c98;
    color: #474c98;
}

a.btn_line_primary[disabled],
a.btn_line_primary[aria-disabled],
a.btn_line_primary.disabled,
button.btn_line_primary[disabled],
button.btn_line_primary[aria-disabled],
button.btn_line_primary.disabled {
    color: rgba(71, 76, 152, 0.5);
    background: #fff;
    border-color: #a6a9d7;
}

a.btn_line_primary[disabled] [class^=ico_],
a.btn_line_primary[aria-disabled] [class^=ico_],
a.btn_line_primary.disabled [class^=ico_],
button.btn_line_primary[disabled] [class^=ico_],
button.btn_line_primary[aria-disabled] [class^=ico_],
button.btn_line_primary.disabled [class^=ico_] {
    opacity: 0.4;
}

a.btn_line_gray,
button.btn_line_gray {
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_line_gray:hover,
a.btn_line_gray:focus,
a.btn_line_gray:active,
button.btn_line_gray:hover,
button.btn_line_gray:focus,
button.btn_line_gray:active {
    background: #f2f2f2;
    border-color: #ccc;
}

a.btn_line_gray[disabled],
a.btn_line_gray[aria-disabled],
a.btn_line_gray.disabled,
button.btn_line_gray[disabled],
button.btn_line_gray[aria-disabled],
button.btn_line_gray.disabled {
    color: #999;
    border-color: #eaeaea;
}

a.btn_line_gray[disabled] [class^=ico_],
a.btn_line_gray[aria-disabled] [class^=ico_],
a.btn_line_gray.disabled [class^=ico_],
button.btn_line_gray[disabled] [class^=ico_],
button.btn_line_gray[aria-disabled] [class^=ico_],
button.btn_line_gray.disabled [class^=ico_] {
    opacity: 0.4;
}

a.btn_line_green,
button.btn_line_green {
    color: #4dac27;
    background: #fff;
    border: 1px solid #4dac27;
    transition: background-color 0.2s ease-out;
}

a.btn_line_green:hover,
a.btn_line_green:focus,
a.btn_line_green:active,
button.btn_line_green:hover,
button.btn_line_green:focus,
button.btn_line_green:active {
    background: #f3ffef;
}

a.btn_line_green[disabled],
a.btn_line_green[aria-disabled],
a.btn_line_green.disabled,
button.btn_line_green[disabled],
button.btn_line_green[aria-disabled],
button.btn_line_green.disabled {
    color: rgba(60, 154, 23, 0.5);
    background: #fff;
    border-color: #a5d592;
}

a.btn_line_green[disabled] [class^=ico_],
a.btn_line_green[aria-disabled] [class^=ico_],
a.btn_line_green.disabled [class^=ico_],
button.btn_line_green[disabled] [class^=ico_],
button.btn_line_green[aria-disabled] [class^=ico_],
button.btn_line_green.disabled [class^=ico_] {
    opacity: 0.4;
}

a.btn_green,
button.btn_green {
    color: #fff;
    background: #4dac27;
    border: 1px solid #4dac27;
    transition: background-color 0.2s ease-out;
}

a.btn_green:hover,
a.btn_green:focus,
a.btn_green:active,
button.btn_green:hover,
button.btn_green:focus,
button.btn_green:active {
    background: #459b23;
    border-color: #459b23;
}

a.btn_green[disabled],
a.btn_green[aria-disabled],
a.btn_green.disabled,
button.btn_green[disabled],
button.btn_green[aria-disabled],
button.btn_green.disabled {
    background: #a5d592;
    border-color: #a5d592;
}

a.btn_green[disabled] [class^=ico_],
a.btn_green[aria-disabled] [class^=ico_],
a.btn_green.disabled [class^=ico_],
button.btn_green[disabled] [class^=ico_],
button.btn_green[aria-disabled] [class^=ico_],
button.btn_green.disabled [class^=ico_] {
    opacity: 0.4;
}

a.btn_line_white,
button.btn_line_white {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_line_white:hover,
a.btn_line_white:focus,
a.btn_line_white:active,
button.btn_line_white:hover,
button.btn_line_white:focus,
button.btn_line_white:active {
    background: transparent;
    border-color: #fff;
}

a.btn_line_white[disabled],
a.btn_line_white[aria-disabled],
a.btn_line_white.disabled,
button.btn_line_white[disabled],
button.btn_line_white[aria-disabled],
button.btn_line_white.disabled {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    border-color: #fff;
}

a.btn_line_white[disabled] [class^=ico_],
a.btn_line_white[aria-disabled] [class^=ico_],
a.btn_line_white.disabled [class^=ico_],
button.btn_line_white[disabled] [class^=ico_],
button.btn_line_white[aria-disabled] [class^=ico_],
button.btn_line_white.disabled [class^=ico_] {
    opacity: 0.4;
}

/* 알림 on/off 버튼 */
a.btn_alarm,
button.btn_alarm {
    color: #767676;
    font-weight: 500;
    border: 1px solid #ccc;
}

a.btn_alarm .ico_alarm,
button.btn_alarm .ico_alarm {
    display: inline-block;
    width: 14px;
    height: 18px;
    font-size: 0;
    background: url(/common/images/picks/ico_alarm_off@2x.png) left 3px no-repeat;
    background-size: 14px 14px;
}

a.btn_alarm .text,
button.btn_alarm .text {
    position: relative;
    padding-right: 1px;
}

a.btn_alarm.active,
button.btn_alarm.active {
    color: #5055b1;
    border-color: #5055b1;
}

a.btn_alarm.active .ico_alarm,
button.btn_alarm.active .ico_alarm {
    background: url(/common/images/picks/ico_alarm_on@2x.png) 1px center no-repeat;
    background-size: 12px 18px;
}

a.btn_alarm.type_white,
button.btn_alarm.type_white {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}

a.btn_alarm.type_white .ico_alarm,
button.btn_alarm.type_white .ico_alarm {
    background: url(/common/images/picks/ico_alarm_wh@2x.png) left 2px no-repeat;
    background-size: 14px 15px;
}

a.btn_alarm.type_black,
button.btn_alarm.type_black {
    color: #000;
}

a.btn_alarm.type_black .ico_alarm,
button.btn_alarm.type_black .ico_alarm {
    background: url(/common/images/picks/ico_alarm_black@2x.png) left 3px no-repeat;
    background-size: 14px 14px;
}

/* 구독 on/off 버튼 */
a.btn_subscribe,
button.btn_subscribe {
    min-width: auto;
    border: 1px solid #ccc;
}

a.btn_subscribe .ico_subscribe,
button.btn_subscribe .ico_subscribe {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 2px 4px 0 0;
    font-size: 0;
    background: url(/common/images/picks/ico_subscribe@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_subscribe .text,
button.btn_subscribe .text {
    font-weight: 500;
}

a.btn_subscribe.active,
button.btn_subscribe.active {
    color: #fff;
    border-color: #4dac27;
    background: #4dac27;
}

a.btn_subscribe.active .ico_subscribe,
button.btn_subscribe.active .ico_subscribe {
    background: url(/common/images/picks/ico_subscribe_check_w@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_subscribe.btn_sm .ico_subscribe,
button.btn_subscribe.btn_sm .ico_subscribe {
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 0;
    background: url(/common/images/picks/ico_subscribe_sm@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_subscribe.btn_sm .text,
button.btn_subscribe.btn_sm .text {
    font-weight: 400;
}

a.btn_subscribe.btn_sm.active .ico_subscribe,
button.btn_subscribe.btn_sm.active .ico_subscribe {
    background: url(/common/images/picks/ico_subscribe_check_sm_w@2x.png) center no-repeat;
    background-size: 12px 12px;
}

a.btn_subscribe.white_type,
button.btn_subscribe.white_type {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
}

a.btn_subscribe.white_type .ico_subscribe,
button.btn_subscribe.white_type .ico_subscribe {
    background: url(/common/images/picks/ico_subscribe_w@2x.png) center no-repeat;
    background-size: 14px 14px;
}

a.btn_subscribe.white_type.active,
button.btn_subscribe.white_type.active {
    border-color: #4dac27;
}

a.btn_subscribe.white_type.active .ico_subscribe,
button.btn_subscribe.white_type.active .ico_subscribe {
    background: url(/common/images/picks/ico_subscribe_check_w@2x.png) center no-repeat;
    background-size: 14px 14px;
}

/* 버튼 - 링크 텍스트 */
a.btn_text_link,
button.btn_text_link {
    color: #767676;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 400;
    text-align: left;
}

a.btn_text_link .text,
button.btn_text_link .text {
    text-decoration: underline;
}

a.btn_text_link.ellipsis,
button.btn_text_link.ellipsis {
    max-width: 100%;
}

a.btn_text_link.ellipsis .text,
button.btn_text_link.ellipsis .text {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.btn_text_link.row_2_ellipsis .text,
button.btn_text_link.row_2_ellipsis .text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 44px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

a.btn_text_link.size_lg,
button.btn_text_link.size_lg {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

a.btn_text_link.size_lg.row_2_ellipsis .text,
button.btn_text_link.size_lg.row_2_ellipsis .text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 46px;
    line-height: 23px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

a.btn_text_link.size_sm,
button.btn_text_link.size_sm {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

a.btn_text_link.size_sm.row_2_ellipsis .text,
button.btn_text_link.size_sm.row_2_ellipsis .text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

a.btn_text_link [class^=ico_],
button.btn_text_link [class^=ico_] {
    margin-left: 4px;
}

a.btn_text_link:hover .text,
a.btn_text_link:focus .text,
a.btn_text_link:active .text,
button.btn_text_link:hover .text,
button.btn_text_link:focus .text,
button.btn_text_link:active .text {
    text-decoration: underline;
}

/* 파일 다운로드 버튼 */
a.btn_file_down,
button.btn_file_down {
    min-width: auto;
    max-width: 100%;
    padding: 0 15px;
    border: 1px solid #eaeaea;
    background: #fff;
}

a.btn_file_down.disabled .file_name .file_base,
a.btn_file_down.disabled .file_name .file_extension,
a.btn_file_down[disabled] .file_name .file_base,
a.btn_file_down[disabled] .file_name .file_extension,
button.btn_file_down.disabled .file_name .file_base,
button.btn_file_down.disabled .file_name .file_extension,
button.btn_file_down[disabled] .file_name .file_base,
button.btn_file_down[disabled] .file_name .file_extension {
    color: #999;
}

a.btn_file_down.disabled .memory,
a.btn_file_down[disabled] .memory,
button.btn_file_down.disabled .memory,
button.btn_file_down[disabled] .memory {
    color: #999;
}

a.btn_file_down.disabled .ico_file_down,
a.btn_file_down[disabled] .ico_file_down,
button.btn_file_down.disabled .ico_file_down,
button.btn_file_down[disabled] .ico_file_down {
    opacity: 0.4;
}

a.btn_file_down .file_name,
button.btn_file_down .file_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

a.btn_file_down .file_name .file_base,
a.btn_file_down .file_name .file_extension,
a.btn_file_down .file_name .memory,
button.btn_file_down .file_name .file_base,
button.btn_file_down .file_name .file_extension,
button.btn_file_down .file_name .memory {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
    vertical-align: top;
}

a.btn_file_down .file_name .file_base,
button.btn_file_down .file_name .file_base {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.btn_file_down .file_name .file_extension,
button.btn_file_down .file_name .file_extension {
    flex-shrink: 0;
}

a.btn_file_down .memory,
button.btn_file_down .memory {
    display: inline-block;
    margin-left: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

a.btn_file_down .memory+.ico_file_down,
button.btn_file_down .memory+.ico_file_down {
    margin-left: 12px;
}

a.btn_file_down .ico_file,
button.btn_file_down .ico_file {
    display: inline-block;
    flex-shrink: 0;
    width: 13px;
    height: 14px;
    margin-right: 6px;
    background: url(/common/images/picks/ico_file@2x.png) center no-repeat;
    background-size: 13px 14px;
}

a.btn_file_down .ico_file~.ico_file_down,
button.btn_file_down .ico_file~.ico_file_down {
    margin-left: 12px;
}

a.btn_file_down .ico_file_down,
button.btn_file_down .ico_file_down {
    display: inline-block;
    flex-shrink: 0;
    width: 11px;
    height: 14px;
    margin-left: 6px;
    background: url(/common/images/picks/ico_file_down@2x.png) center no-repeat;
    background-size: 11px 14px;
}

/* 버튼 - 더보기 */
/* 본문 펼쳐보기 */
.btn_more_body {
    color: #767676;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
}

.btn_more_body [class^=ico_] {
    height: 20px;
    margin-left: 4px;
}

.btn_more_body .ico_arw {
    width: 20px;
    height: 20px;
    background: url(/common/images/picks/btn_more_body@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.btn_more_body:hover .text,
.btn_more_body:focus .text,
.btn_more_body:active .text {
    text-decoration: underline;
}

.btn_more_body.active .ico_arw {
    background: url(/common/images/picks/btn_more_body_active@2x.png) center no-repeat;
    background-size: 20px 20px;
}

/* 컨텐츠 하단 더보기 */
.btn_more_cont {
    color: #767676;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-align: left;
}

.btn_more_cont [class^=ico_] {
    height: 24px;
    margin-left: 6px;
}

.btn_more_cont .ico_arw {
    width: 24px;
    height: 24px;
    background: url(/common/images/picks/btn_more_cont@2x.png) center no-repeat;
    background-size: 24px 24px;
    transition: background 0.2s ease-out;
}

.btn_more_cont .ico_arw_noline {
    width: 24px;
    height: 24px;
    background: url(/common/images/picks/btn_more_cont_noline@2x.png) center no-repeat;
    background-size: 24px 24px;
}

.btn_more_cont:hover .text,
.btn_more_cont:focus .text,
.btn_more_cont:active .text {
    text-decoration: underline;
}

.btn_more_cont.active .ico_arw {
    background: url(/common/images/picks/btn_more_cont_active@2x.png) center no-repeat;
    background-size: 24px 24px;
}

/* 상세정보 더보기 */
.btn_more_detail {
    color: #474c98;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-align: left;
}

.btn_more_detail [class^=ico_] {
    margin-left: 3px;
}

.btn_more_detail .ico_plus {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    background: url(/common/images/picks/btn_more_detail@2x.png) center no-repeat;
    background-size: 16px 16px;
}

/* 상세정보 더보기 type2 */
.btn_more_plus_text {
    color: #000;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
    text-align: left;
}

.btn_more_plus_text .ico_plus {
    width: 10px;
    height: 10px;
    margin: 6px 0 0 6px;
    background: url(/common/images/picks/ico_plus_h10_bold@2x.png) center no-repeat;
    background-size: 10px 10px;
}

.btn_more_plus_text:hover .text,
.btn_more_plus_text:focus .text,
.btn_more_plus_text:active .text {
    text-decoration: underline;
}

.btn_more_plus_text.type_white {
    color: #fff;
}

.btn_more_plus_text.type_white .ico_plus {
    background: url(/common/images/picks/ico_plus_h10_bold_white@2x.png) center no-repeat;
    background-size: 10px 10px;
}

/* 더보기(자세히보기) */
.btn_more_view {
    color: #595959;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-align: left;
}

.btn_more_view [class^=ico_] {
    height: 18px;
    margin-left: 4px;
}

.btn_more_view .ico_arw {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-top: 5px;
    background: url(/common/images/picks/btn_more_view@2x.png) center no-repeat;
    background-size: 5px 9px;
    vertical-align: top;
}

.btn_more_view .ico_check_green_md {
    width: 13px;
    height: 11px;
    margin-left: 0;
}

.btn_more_view:hover .text,
.btn_more_view:focus .text,
.btn_more_view:active .text {
    text-decoration: underline;
}

.btn_more_view.size_sm {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.btn_more_view.size_sm .ico_arw {
    margin-top: 4px;
}

.btn_more_view.size_lg {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.btn_more_view.size_lg .ico_arw {
    margin-top: 6px;
}

.btn_more_view.size_xl {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.btn_more_view.size_xl .ico_arw {
    margin-top: 6px;
}

.btn_more_view.fc_spot .text {
    color: #474c98;
}

.btn_more_view.fc_spot .ico_arw {
    background: url(/common/images/picks/btn_more_view_spot@2x.png) center no-repeat;
    background-size: 5px 9px;
}

.btn_more_view.fc_black .ico_arw {
    background: url(/common/images/picks/btn_more_view_black@2x.png) center no-repeat;
    background-size: 5px 9px;
}

.btn_more_view.fc_white .text {
    color: #fff;
}

.btn_more_view.fc_white .ico_arw {
    background: url(/common/images/picks/btn_more_view_white@2x.png) center no-repeat;
    background-size: 5px 9px;
}

/* 더보기 버튼 (결과) */
.btn_more_plus {
    position: relative;
    display: inline-block;
    padding-top: 31px;
    text-align: center;
    font-weight: 400;
    color: #767676;
    vertical-align: top;
}

.btn_more_plus:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 25px;
    height: 25px;
    margin-left: -12.5px;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff url(/common/images/picks/ico_more_pick@2x.png) 50% no-repeat;
    background-size: 9px 9px;
}

.btn_more_plus .text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #767676;
}

.btn_more_plus.type_white:before {
    border: none;
    background: transparent url(/common/images/picks/ico_more_pick_white@2x.png) 50% no-repeat;
    background-size: 25px 25px;
}

.btn_more_plus.type_white .text {
    color: #fff;
}

.btn_more_plus.size_sm .text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

/* 페이지 링크 이동 */
.btn_arw_link {
    display: inline-block;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
    vertical-align: top;
}

.btn_arw_link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 6px;
    background: url(/common/images/picks/arw_anb_category_all@2x.png) 0% 0% no-repeat;
    background-size: 16px 16px;
    vertical-align: top;
}

.btn_arw_link:hover .text,
.btn_arw_link:focus .text,
.btn_arw_link:active .text {
    text-decoration: underline;
}

/* 버튼 - 기능 버튼 */
/* 초기화 버튼 */
.btn_reset {
    color: #767676;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
}

.btn_reset [class^=ico_] {
    height: 18px;
    margin-right: 4px;
    z-index: auto;
}

.btn_reset .ico_reset {
    width: 13px;
    height: 13px;
    margin-top: 2px;
    background: url(/common/images/picks/ico_reset@2x.png) 0% 0% no-repeat;
    background-size: 13px 13px;
}

/* 종료 버튼 */
.btn_end {
    color: #767676;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
}

.btn_end [class^=ico_] {
    height: 18px;
    margin-right: 4px;
}

.btn_end .ico_end {
    width: 13px;
    height: 11px;
    margin-top: 3px;
    background: url(/common/images/picks/ico_end@2x.png) 0% 0% no-repeat;
    background-size: 13px 11px;
}

/* 버튼 - 아이콘 */
/* 찜 버튼 */
.ico_wish.lottie,
.ico_wish.lottie.active,
.ico_heart_primary.lottie,
.ico_heart_primary.lottie.active {
    background: none !important;
}

.ico_wish.lottie svg,
.ico_heart_primary.lottie svg {
    vertical-align: top;
}

.btn_wish {
    width: 44px;
    height: 44px;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 42px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.btn_wish .ico_wish {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 12px;
    background: url(/common/images/picks/ico_heart_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
    vertical-align: top;
    transition: background 0.2s ease-out;
}

.btn_wish.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h18_active@2x.png) center no-repeat;
    background-size: 18px 18px;
}

.btn_wish.size_xs {
    width: 30px;
    height: 30px;
    border-radius: 4px;
}

.btn_wish.size_xs .ico_wish {
    width: 14px;
    height: 14px;
    margin-top: 7px;
    background: url(/common/images/picks/ico_heart_h14@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.btn_wish.size_xs.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h14_active@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.btn_wish.size_xs.btn_pill {
    width: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 30px;
    padding: 0 9px 1px;
    border-radius: 30px;
    color: #000;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.btn_wish.size_sm {
    width: 38px;
    height: 38px;
}

.btn_wish.size_sm .ico_wish {
    margin-top: 9px;
}

.btn_wish.size_sm.btn_pill {
    width: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 38px;
    padding: 0 13px 1px;
    border-radius: 38px;
    color: #000;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.btn_wish.size_sm.btn_pill .ico_wish {
    margin-top: 1px;
    margin-right: 3px;
}

.btn_wish.size_lg {
    width: 50px;
    height: 50px;
}

.btn_wish.size_lg .ico_wish {
    width: 20px;
    height: 20px;
    margin-top: 11px;
    background: url(/common/images/picks/ico_heart_h20@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.btn_wish.size_lg .ico_wish.lottie {
    width: 40px;
    height: 40px;
    margin-top: 2px;
}

.btn_wish.size_lg.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h20_active@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.btn_wish_circle {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px solid #ccc;
    vertical-align: top;
    transition: background 0.2s ease-out;
    line-height: 1;
    padding: 11px;
}

.btn_wish_circle .ico_wish {
    width: 18px;
    height: 18px;
    background: url(/common/images/picks/ico_heart_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

.btn_wish_circle.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h18_active@2x.png) center no-repeat;
    background-size: 18px 18px;
}

.btn_wish_circle.size_sm {
    width: 36px;
    height: 36px;
    padding: 10px;
}

.btn_wish_circle.size_sm .ico_wish {
    width: 14px;
    height: 14px;
    background: url(/common/images/picks/ico_heart_h14@2x.png) center no-repeat;
    background-size: 14px 14px;
}

.btn_wish_circle.size_sm.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h14_active@2x.png) center no-repeat;
    background-size: 14px 14px;
}

.btn_like_circle {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px solid #ccc;
    background: url(/common/images/picks/ico_like_black@2x.png) center no-repeat;
    background-size: 20px 20px;
    vertical-align: top;
}

.btn_like_circle.active {
    background: url(/common/images/picks/ico_like_black_active@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.btn_wish_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: top;
    transition: background 0.2s ease-out;
}

.btn_wish_icon .ico_wish {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/common/images/picks/ico_heart_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
    vertical-align: top;
}

.btn_wish_icon.type_gray .ico_wish {
    background: url(/common/images/picks/ico_heart_gray_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

.btn_wish_icon.has_val {
    width: auto;
    height: auto;
}

.btn_wish_icon.has_val .ico_wish {
    opacity: 0.3;
}

.btn_wish_icon.has_val .val {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.btn_wish_icon.has_val.active .ico_wish {
    opacity: 1;
}

.btn_wish_icon.has_val.active .val {
    color: #595959;
}

.btn_wish_icon.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h18_active@2x.png) center no-repeat;
    background-size: 18px 18px;
}

/* 찜/알림 겸용 버튼 */
.btn_wish_alarm {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: top;
    transition: background 0.2s ease-out;
}

.btn_wish_alarm .ico_wish {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/common/images/picks/ico_wish_alarm@2x.png) center no-repeat;
    background-size: 22px 22px;
    vertical-align: top;
}

.btn_wish_alarm.active .ico_wish {
    background: url(/common/images/picks/ico_wish_alarm_active@2x.png) center no-repeat;
    background-size: 22px 22px;
}

.btn_wish_alarm.size_md {
    width: 18px;
    height: 18px;
}

.btn_wish_alarm.size_md .ico_wish {
    width: 18px;
    height: 18px;
    background: url(/common/images/picks/ico_heart_gray_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

.btn_wish_alarm.size_md.active .ico_wish {
    background: url(/common/images/picks/ico_heart_h18_active@2x.png) center no-repeat;
    background-size: 18px 18px;
}

/* 장바구니 버튼 */
.btn_cart {
    width: 44px;
    height: 44px;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 42px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.btn_cart .ico_cart {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 12px;
    background: url(/common/images/picks/ico_cart_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
    vertical-align: top;
    transition: background 0.2s ease-out;
}

.btn_cart_circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    line-height: 1;
}

.btn_cart_circle .ico_cart {
    width: 14px;
    height: 13px;
    background: url(/common/images/picks/ico_cart_circle@2x.png) center no-repeat;
    background-size: 14px 13px;
}

/* 삭제 버튼 */
.btn_delete {
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn_delete .ico_delete {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: 7px;
    margin-left: 1px;
    background: url(/common/images/picks/ico_delete_black@2x.png) center no-repeat;
    background-size: 13px 13px;
    vertical-align: top;
}

.btn_delete_text {
    color: #767676;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    white-space: nowrap;
}

.btn_delete_text [class^=ico_] {
    height: 18px;
    margin-right: 4px;
}

.btn_delete_text .ico_delete {
    width: 13px;
    height: 15px;
    margin-top: 1px;
    background: url(/common/images/picks/ico_delete@2x.png) 0% 0% no-repeat;
    background-size: 13px 15px;
}

.btn_delete_text.size_xxs {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

/* 즐겨찾기 버튼 */
.btn_favorite {
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(/common/images/picks/btn_my_favorite@2x.png) 0% 0% no-repeat;
    background-size: 16px 15px;
    vertical-align: top;
}

.btn_favorite.has_text {
    width: auto;
    height: auto;
}

.btn_favorite.has_text,
.btn_favorite.has_text.active {
    background-position: left 2px;
}

.btn_favorite.has_text .text {
    padding-left: 22px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.btn_favorite.active {
    background: url(/common/images/picks/btn_my_favorite_active@2x.png) 0% 0% no-repeat;
    background-size: 16px 15px;
}

.btn_favorite_circle {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px solid #ccc;
    vertical-align: top;
    transition: background 0.2s ease-out;
    line-height: 1;
    padding: 11px;
    margin-left: 8px;
}

.btn_favorite_circle.active .ico_star {
    background: url(/common/images/picks/ico_star_h18_active@2x.png) center no-repeat;
    background-size: 18px 18px;
}

.btn_favorite_circle .ico_star {
    width: 18px;
    height: 18px;
    background: url(/common/images/picks/ico_star_h18@2x.png) center no-repeat;
    background-size: 18px 18px;
}

/* 좋아요/답글 버튼 */
.btn_like {
    display: inline-block;
    vertical-align: top;
}

.btn_like .ico_like {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(/common/images/picks/ico_like@2x.png) center no-repeat;
    background-size: 20px 20px;
    transition: background 0.2s ease-out;
}

.btn_like .text {
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    vertical-align: top;
    padding-top: 1px;
    transition: color 0.2s ease-out;
}

.btn_like.active .ico_like {
    background: url(/common/images/picks/ico_like_active@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.btn_like.active .text {
    color: #474c98;
    font-weight: 700;
}

.btn_reply {
    display: inline-block;
    vertical-align: top;
}

.btn_reply .ico_reply {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(/common/images/picks/ico_reply@2x.png) center no-repeat;
    background-size: 20px 20px;
    transition: background 0.2s ease-out;
}

.btn_reply .text {
    display: inline-block;
    position: relative;
    margin-top: 1px;
    color: #767676;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    vertical-align: top;
    transition: color 0.2s ease-out;
}

.btn_reply.active .ico_reply {
    background: url(/common/images/picks/ico_reply_active@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.btn_reply.active .text {
    color: #000;
}

/*추가하기 */
.btn_add_cont .ico_add_cont {
    width: 20px;
    height: 20px;
    background: url(/common/images/picks/btn_add_cont@2x.png) 0% 0% no-repeat;
    background-size: 20px 20px;
}

.btn_add_cont .text {
    margin-left: 6px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #595959;
}

/* 버튼 - 팝업용 */
.btn_info_popup {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.btn_info_popup [class^=ico_] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    transition: background 0.2s ease-out;
    box-sizing: border-box;
}

.btn_info_popup .ico_question {
    border: 1px solid #d5d5d5;
    border-radius: 100%;
    background: url(/common/images/picks/btn_tooltop_question_sm@2x.png) center no-repeat;
    background-size: 16px 16px;
}

.btn_info_popup .ico_info {
    background: url(/common/images/picks/btn_tooltip_sm@2x.png) 0% 0% no-repeat;
    background-size: 16px 16px;
}

.btn_info_popup.size_lg {
    width: 26px;
    height: 26px;
}

.btn_info_popup.size_lg [class^=ico_] {
    width: 26px;
    height: 26px;
}

.btn_info_popup.size_lg .ico_question {
    background: url(/common/images/picks/btn_tooltop_question_lg@2x.png) center no-repeat;
    background-size: 26px 26px;
}

/* 버튼 - 페이징 */
.wrapper .container_wrapper .pagination,
.dialog_wrapper .pagination {
    display: block;
    text-align: center;
    font-size: 0;
    margin-top: 30px;
}

.wrapper .container_wrapper .pagination .btn_page,
.dialog_wrapper .pagination .btn_page {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.01em;
    vertical-align: top;
}

.wrapper .container_wrapper .pagination .btn_page.prev,
.dialog_wrapper .pagination .btn_page.prev {
    background: url(/common/images/picks/btn_pagination_prev@2x.png) center no-repeat;
    background-size: 24px 24px;
}

.wrapper .container_wrapper .pagination .btn_page.next,
.dialog_wrapper .pagination .btn_page.next {
    background: url(/common/images/picks/btn_pagination_next@2x.png) center no-repeat;
    background-size: 24px 24px;
}

.wrapper .container_wrapper .pagination .page_num,
.dialog_wrapper .pagination .page_num {
    display: inline-block;
    margin: 0 8px;
    box-sizing: border-box;
    vertical-align: top;
}

.wrapper .container_wrapper .pagination .page_num .btn_page_num,
.wrapper .container_wrapper .pagination .page_num .text_ellipsis,
.dialog_wrapper .pagination .page_num .btn_page_num,
.dialog_wrapper .pagination .page_num .text_ellipsis {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
}

.wrapper .container_wrapper .pagination .page_num .btn_page_num,
.dialog_wrapper .pagination .page_num .btn_page_num {
    min-width: 24px;
    height: 24px;
    padding: 5px 4px 6px 4px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.01em;
    font-family: "Roboto", sans-serif;
    color: #767676;
    border-radius: 12px;
    background-color: transparent;
    transform: color 0.2s ease-out, font-weight 0.2s ease-out, background 0.2s ease-out;
}

.wrapper .container_wrapper .pagination .page_num .btn_page_num~.btn_page_num,
.dialog_wrapper .pagination .page_num .btn_page_num~.btn_page_num {
    margin-left: 8px;
}

.wrapper .container_wrapper .pagination .page_num .btn_page_num.active,
.dialog_wrapper .pagination .page_num .btn_page_num.active {
    color: #fff;
    font-weight: 700;
    background-color: #767676;
}

.wrapper .container_wrapper .pagination .page_num .text_ellipsis,
.dialog_wrapper .pagination .page_num .text_ellipsis {
    width: 10px;
    height: 2px;
    margin: 11px 8px 0;
    background: url(/common/images/picks/ico_ellipsis@2x.png) 0% 0% no-repeat;
    background-size: 10px 2px;
}

.wrapper .container_wrapper .pagination .page_num .text_ellipsis:not(.hidden)+.btn_page_num,
.dialog_wrapper .pagination .page_num .text_ellipsis:not(.hidden)+.btn_page_num {
    margin-left: 0;
}

.wrapper .container_wrapper .pagination+.info_text_box,
.dialog_wrapper .pagination+.info_text_box {
    margin: 60px 0 0;
}

/* 버튼 - jQuery 슬라이더 - + 버튼 */
.btn_slider_minus,
.btn_slider_plus {
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
}

.btn_slider_minus [class*=ico_],
.btn_slider_plus [class*=ico_] {
    margin-top: 5px;
}

.btn_slider_minus .ico_minus {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/common/images/picks/ico_minus_h10@2x.png) 0% 0% no-repeat;
    background-size: 10px 10px;
}

.btn_slider_plus .ico_plus {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/common/images/picks/ico_plus_h10@2x.png) 0% 0% no-repeat;
    background-size: 10px 10px;
}

/* 버튼 - 필터 */
a.btn_filter,
button.btn_filter {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
}

a.btn_filter:before,
button.btn_filter:before {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    background: url(/common/images/picks/icon_filter@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_filter.active,
button.btn_filter.active {
    color: #3c9a17;
    border: 1px solid #4dac27;
}

a.btn_filter.active:before,
button.btn_filter.active:before {
    background: url(/common/images/picks/icon_filter_active@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_filter.selected,
button.btn_filter.selected {
    color: #3c9a17;
    border: 1px solid #4dac27;
}

a.btn_filter.selected:before,
button.btn_filter.selected:before {
    background: url(/common/images/picks/icon_filter_selected@2x.png) center no-repeat;
    background-size: 13px 13px;
}

a.btn_filter.selected:after,
button.btn_filter.selected:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #4dac27;
}

/* 버튼 - 파일첨부 */
.btn_attach {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.btn_attach input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.btn_attach label {
    display: block;
    min-width: 75px;
    height: 38px;
    padding: 9px 13px 0;
    border-radius: 6px;
    border: 1px solid #5055b1;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #5055b1;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}

.btn_attach label .ico_picture {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 2px 3px 0 0;
    background: url(/common/images/picks/ico_picture@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
    vertical-align: top;
}

.btn_attach.size_md label {
    min-width: 99px;
    height: 44px;
    padding: 11px 13px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

/* 버튼 - 목록 스위칭 */
.switch_list_btn_wrap {
    display: inline-block;
    width: 75px;
    font-size: 0;
    vertical-align: top;
}

.switch_list_btn_wrap [class^=btn_] {
    display: inline-block;
    width: 50%;
    height: 38px;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    border-radius: 0;
    vertical-align: top;
    box-sizing: border-box;
}

.switch_list_btn_wrap [class^=btn_]+[class^=btn_] {
    border-left: 0;
}

.switch_list_btn_wrap [class^=btn_]:first-child {
    border-radius: 6px 0 0 6px;
}

.switch_list_btn_wrap [class^=btn_]:last-child {
    border-radius: 0 6px 6px 0;
}

.switch_list_btn_wrap [class^=btn_]:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 auto;
}

.switch_list_btn_wrap [class^=btn_].ico_img:after {
    position: relative;
    background: url(/common/images/picks/ico_view_img@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.switch_list_btn_wrap [class^=btn_].ico_list:after {
    content: "";
    background: url(/common/images/picks/ico_view_list@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.switch_list_btn_wrap [class^=btn_].ico_txt:after {
    position: relative;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(/common/images/picks/ico_view_txt@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.switch_list_btn_wrap [class^=btn_].active.ico_img:after {
    background: url(/common/images/picks/ico_view_img_active@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.switch_list_btn_wrap [class^=btn_].active.ico_list:after {
    background: url(/common/images/picks/ico_view_list_active@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

.switch_list_btn_wrap [class^=btn_].active.ico_txt:after {
    background: url(/common/images/picks/ico_view_txt_active@2x.png) 0% 0% no-repeat;
    background-size: 14px 14px;
}

/* 텍스트 + 정보 텍스트 버튼 */
a.btn_info_text,
button.btn_info_text {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 73px;
    padding: 0 23px 1px;
    border-radius: 6px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

a.btn_info_text .text,
button.btn_info_text .text {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

a.btn_info_text .text+.bul_item_asterisk,
a.btn_info_text .text+.info_text,
button.btn_info_text .text+.bul_item_asterisk,
button.btn_info_text .text+.info_text {
    margin-top: 4px;
    font-weight: 400;
}

a.btn_info_text.type_purple,
button.btn_info_text.type_purple {
    background: rgba(80, 85, 177, 0.06);
    border-color: #5055b1;
}

/* select 디자인의 버튼 */
.btn_form_sel {
    display: inline-block;
    position: relative;
    height: 44px;
    padding: 0 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s ease-out, border-radius 0.2s ease-out;
    outline: none;
}

.btn_form_sel:active,
.btn_form_sel:focus {
    border-color: #000;
}

.btn_form_sel .text {
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    letter-spacing: -0.01em;
    color: #000;
    font-family: "Noto Sans KR", sans-serif;
    vertical-align: top;
    box-sizing: border-box;
}

.btn_form_sel:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 17px;
    width: 9px;
    height: 8px;
    background: url(/common/images/picks/arw_select@2x.png) center no-repeat;
    background-size: 9px 8px;
}

/* 버튼 - 버튼 정렬 */
.btn_wrap {
    display: block;
    font-size: 0;
    text-align: center;
}

.btn_wrap [class^=btn_]+[class^=btn_] {
    margin-left: 6px;
}

.btn_wrap .btn_lg+.btn_lg {
    margin-left: 10px;
}

.btn_wrap .btn_xs+.btn_xs {
    margin-left: 3px;
}

.btn_wrap.align_left {
    text-align: left;
}

.btn_wrap.page_bottom {
    margin-top: 40px;
}

.btn_wrap.page_bottom+.info_text_box {
    margin-top: 60px;
}

.btn_wrap.page_bottom+.title_wrap.title_size_xxl {
    margin-top: 110px;
}

.btn_wrap.page_bottom+.title_wrap.title_size_xl {
    margin-top: 70px;
}

.btn_wrap.page_bottom+.title_wrap.title_size_md {
    margin-top: 50px;
}

.btn_wrap.page_bottom+.title_wrap.title_size_def {
    margin-top: 50px;
}

.btn_wrap.justify {
    display: flex;
}

.btn_wrap.justify [class^=btn_] {
    flex: 1;
    min-width: auto;
}

.btn_wrap.justify [class^=btn_]+[class^=btn_] {
    margin-left: 6px;
}

.btn_wrap.full [class^=btn_] {
    width: 100%;
    min-width: auto;
}

.btn_wrap.full [class^=btn_]+[class^=btn_] {
    margin: 6px 0 0;
}

.btn_wrap.full .btn_info_text+.btn_info_text {
    margin-top: 10px;
}

.btn_wrap.overlap .btn_lg:not(:only-child),
.btn_wrap.overlap .btn_sm:not(:only-child) {
    border-radius: 0;
}

.btn_wrap.overlap .btn_lg:not(:only-child):first-child,
.btn_wrap.overlap .btn_sm:not(:only-child):first-child {
    border-radius: 6px 0 0 6px;
}

.btn_wrap.overlap .btn_lg:not(:only-child):last-child,
.btn_wrap.overlap .btn_sm:not(:only-child):last-child {
    border-radius: 0 6px 6px 0;
}

.btn_wrap.overlap .btn_lg+.btn_lg {
    margin-left: -1px;
}

.btn_wrap.overlap .btn_sm+.btn_sm {
    margin-left: -1px;
}

.btn_wrap.overlap.single {
    border-radius: 6px;
}

.btn_more_list .btn_item~.btn_item {
    margin-top: 8px;
}

.btn_more_list+.bul_item_asterisk {
    margin-top: 6px;
}

.btn_setting {
    width: 25px;
    height: 25px;
}

.btn_setting .ico_setting {
    width: 25px;
    height: 25px;
    background: url(/common/images/picks/btn_setting@2x.png) 0% 0% no-repeat;
    background-size: 25px 25px;
}

.btn_change .text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

.btn_change .ico_change {
    width: 12px;
    height: 11px;
    margin: 4px 4px 0 0;
    background: url(/common/images/picks/ico_change@2x.png) 0% 0% no-repeat;
    background-size: 12px 11px;
}

.btn_refresh_text {
    display: block;
    padding-left: 8px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
    cursor: pointer;
}

.btn_refresh_text .ico_reset_lg_gray {
    width: 13px;
    height: 20px;
    margin: 1px 4px 0 0;
    background: url(/common/images/picks/ico_reset_lg_gray@2x.png) center no-repeat;
    background-size: 13px 13px;
}

.btn_turn_over {
    display: block;
    padding-left: 8px;
    cursor: pointer;
}

.btn_turn_over .text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    font-weight: 400;
}

.btn_turn_over .ico_turn {
    width: 12px;
    height: 19px;
    margin: 0 4px 0 0;
    background: url(/common/images/picks/ico_turn@2x.png) center no-repeat;
    background-size: 12px 14px;
}

.opt_menu_wrap {
    position: relative;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    box-sizing: border-box;
}

.opt_menu_wrap .btn_opt_menu {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
}

.opt_menu_wrap .btn_opt_menu .ico_option_menu {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    background: url(/common/images/picks/ico_opt_menu@2x.png) center no-repeat;
    background-size: 30px 30px;
}

.opt_menu_wrap.active .opt_menu_content {
    opacity: 1;
    transform: scaleY(1);
}

.opt_menu_wrap.active .opt_menu_content .opt_menu_list .opt_menu_item .opt_menu_link {
    display: inherit;
}

.opt_menu_wrap .opt_menu_content {
    display: block;
    position: absolute;
    right: 36px;
    top: 0;
    z-index: 10;
    overflow: hidden;
    min-width: 100px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    text-align: left;
    box-sizing: border-box;
    opacity: 0;
    transform: scaleY(0);
    transition: opacity 0.3s ease-out;
}

.opt_menu_wrap .opt_menu_content .opt_menu_list .opt_menu_item .opt_menu_link {
    display: none;
    cursor: pointer;
    text-align: left;
}

.opt_menu_wrap .opt_menu_content .opt_menu_list .opt_menu_item .opt_menu_link .text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #595959;
    white-space: nowrap;
}

.opt_menu_wrap .opt_menu_content .opt_menu_list .opt_menu_item .opt_menu_link:hover .text {
    text-decoration: underline;
}

.opt_menu_wrap .opt_menu_content .opt_menu_list .opt_menu_item+.opt_menu_item {
    margin-top: 8px;
}

.btn_ico_edit_black {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: top;
    box-sizing: border-box;
    background: url(/common/images/picks/ico_edit_black_h14@2x.png) center no-repeat;
    background-size: 14px 14px;
}

.btn_multi_wrap .btn_wrap+.btn_wrap.justify {
    margin-top: 20px !important;
}

.btn_multi_wrap .btn_wrap.justify+.btn_wrap {
    margin-top: 24px !important;
}

.btn_multi_wrap.page_bottom {
    margin-top: 40px;
}

/* e : 버튼 */
/* s : form */
.required_wrap {
    text-align: right;
}

.required_wrap .required {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    vertical-align: top;
}

.required_wrap .required:before {
    content: "*";
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    margin-right: 3px;
    transform: translateY(6px);
    background: url(/common/images/picks/ico_required@2x.png) 0% 0% no-repeat;
    background-size: 6px 6px;
    color: transparent;
}

.required_wrap+.tbl_row_wrap {
    margin-top: 20px;
}

/* form 공통 */
.form_label {
    display: inline-block;
    color: #000;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    cursor: default;
}

.form_label .required {
    display: inline-block;
    width: 6px;
    height: 6px;
    padding-left: 3px;
    margin-top: 5px;
    vertical-align: top;
}

.form_label .required:before {
    content: "*";
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    background: url(/common/images/picks/ico_required@2x.png) 0% 0% no-repeat;
    background-size: 6px 6px;
    color: transparent;
}

.form_label .desc_gray {
    color: #767676;
}

.form_label.font_size_xs {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

/* form 공통 - 하단 메시지 */
.form_desc {
    display: block;
    position: relative;
    margin-top: 6px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
}

.form_desc.tip {
    padding-left: 33px;
}

.form_desc.tip:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 18px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 28px 18px;
    background-image: url(/common/images/picks/ico_tip@2x.png);
}

.form_desc.align_right {
    text-align: right;
}

.form_desc .delivery_fee {
    color: #000;
    font-weight: 500;
}

.form_desc .delivery_fee .unit {
    color: #000;
    font-weight: 400;
}

.form_desc .btn_info_popup {
    margin-top: 1px;
    margin-left: 3px;
}

.form_desc .price_value {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.form_desc .price_value .price {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.form_desc .price_value .price .val,
.form_desc .price_value .price .unit {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    vertical-align: top;
}

.form_desc .price_value .price .val {
    font-weight: 700;
}

/* form - input */
[class^=form_]::-ms-clear,
[class^=form_]::-ms-reveal {
    display: none;
}

[class^=form_]::-webkit-search-decoration,
[class^=form_]::-webkit-search-cancel-button,
[class^=form_]::-webkit-search-results-button,
[class^=form_]::-webkit-search-results-decoration {
    display: none;
}

[class^=form_][type=number]::-webkit-outer-spin-button,
[class^=form_][type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[class^=form_][type=date]::-webkit-calendar-picker-indicator,
[class^=form_][type=month]::-webkit-calendar-picker-indicator,
[class^=form_][type=time]::-webkit-calendar-picker-indicator,
[class^=form_][type=week]::-webkit-calendar-picker-indicator {
    background: none;
}

[class^=form_][type=search]::-webkit-search-cancel-button,
[class^=form_][type=search]::-webkit-search-results-button,
[class^=form_][type=search]::-webkit-search-results-decoration {
    display: none;
    width: 0;
    height: 0;
}

.form_ip {
    display: inline-block;
    width: 100%;
    height: 44px;
    padding: 0 14px 2px;
    color: #000;
    font-size: 14px;
    line-height: 42px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s ease-out;
    outline: none;
}

.form_ip:active,
.form_ip:focus {
    border-color: #000;
}

.form_ip[disabled],
.form_ip[aria-disabled] {
    color: #000;
    background-color: #f7f7f7;
    pointer-events: none;
    cursor: default;
}

.form_ip[readonly] {
    color: #000;
    background-color: #f7f7f7;
    pointer-events: none;
    cursor: default;
}

.form_ip::-webkit-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_ip:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_ip::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_ip::placeholder {
    font-size: inherit;
    color: #767676;
}

.form_ip:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_ip::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

~.form_ip {
    margin-top: 8px;
}

.form_ip~.form_box,
.form_ip~.form_item {
    margin-top: 20px;
}

.form_ip.align_right {
    text-align: right;
}

.form_ip.mark {
    border-color: #000;
    color: #000 !important;
    font-weight: 400 !important;
}

/* input password 숨김/보임 */
.form_ip_pw {
    position: relative;
}

.form_ip_pw .form_ip {
    padding: 0 48px 0 14px;
}

.form_ip_pw .btn_toggle_pw {
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 11px;
    width: 22px;
    height: 20px;
    background-size: 22px 20px;
    background-image: url(/common/images/picks/ico_eye@2x.png);
    transition: background 0.2s ease-out;
}

.form_ip_pw .btn_toggle_pw.active {
    background-size: 22px 20px;
    background-image: url(/common/images/picks/ico_eye_active@2x.png);
}

~.form_ip_pw {
    margin-top: 8px;
}

/* input - 검색 */
.form_ip_search {
    position: relative;
}

.form_ip_search .btn_ip_clear {
    display: none;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/btn_ip_reset@2x.png);
}

.form_ip_search .form_ip {
    padding-right: 45px;
}

.form_ip_search.value .form_ip {
    padding-right: 85px;
}

.form_ip_search.value .btn_ip_clear {
    display: block;
}

.form_search_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%;
}

.form_search_box .form_ip_search {
    flex: 1;
}

.form_search_box .form_ip_search .btn_ip_clear {
    right: 50px;
}

.form_search_box .btn_ip_search {
    display: block;
    flex: 0 auto;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_ip_search@2x.png);
}

.form_search_box+.form_search_chk_box {
    margin-top: 10px;
    text-align: right;
}

.form_search_box.type_sm .form_ip_search .form_ip {
    height: 38px;
    line-height: 36px;
    font-size: 13px;
}

.form_search_box.type_sm .form_ip_search .btn_ip_clear {
    right: 40px;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url(/common/images/picks/btn_ip_reset_sm@2x.png);
}

.form_search_box.type_sm .form_ip_search.value .form_ip {
    padding-right: 62px;
}

.form_search_box.type_sm .btn_ip_search {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/btn_ip_search_sm@2x.png);
}

.form_search_box.has_sel {
    height: 44px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
}

.form_search_box.has_sel .form_sel {
    width: auto;
    min-width: 106px;
    margin: -1px 0 0 -1px;
}

.form_search_box.has_sel .form_sel .ui-selectmenu-button {
    z-index: 1;
    background-color: transparent;
    border-color: transparent;
    border-bottom: none;
}

.form_search_box.has_sel .form_sel .ui-selectmenu-button.ui-selectmenu-button-open {
    background-color: #fff;
    border-color: #000;
}

.form_search_box.has_sel .form_sel .ui-selectmenu-icon {
    right: 16px;
    top: 20px;
    width: 6px;
    height: 4px;
    background-size: 6px 4px;
    background-image: url(/common/images/picks/arw_select_form@2x.png);
}

.form_search_box.has_sel .form_ip_search {
    height: 100%;
}

.form_search_box.has_sel .form_ip_search .form_ip {
    height: 100%;
    border-color: transparent;
}

.form_search_box.has_sel .form_ip_search:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #eaeaea;
    left: 0;
    top: 16px;
}

.form_search_box.has_sel.type_gray {
    background-color: #f7f7f7;
    border-color: transparent;
}

.form_search_box.has_sel.type_gray .form_sel .ui-selectmenu-button {
    background-color: #f7f7f7;
}

.form_search_box.has_sel.type_gray .form_sel .ui-selectmenu-button.ui-selectmenu-button-open {
    background-color: #fff;
}

.form_search_box.has_sel.type_gray .form_ip_search .form_ip {
    background-color: #f7f7f7;
}

.form_search_box+.list_sort_wrap,
.form_search_box+.list_result_wrap {
    margin-top: 20px;
}

.form_prefix_box {
    position: relative;
}

.form_prefix_box .prefix_unit {
    position: absolute;
    left: 14px;
    top: 50%;
    padding-top: 1px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    transform: translateY(-50%);
}

.form_prefix_box .form_ip {
    padding: 0 14px 2px 28px;
}

/* select */
.form_sel {
    display: inline-block;
    width: 450px;
}

.form_sel .ui-selectmenu-button {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 14px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s ease-out, border-radius 0.2s ease-out;
    outline: none;
}

.form_sel .ui-selectmenu-button:focus {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.form_sel .ui-selectmenu-button:active,
.form_sel .ui-selectmenu-button:focus {
    border-color: #000;
}

.form_sel .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 14px;
    line-height: 42px;
    letter-spacing: -0.01em;
    color: #000;
    font-family: "Noto Sans KR", sans-serif;
}

.form_sel .ui-selectmenu-button .ui-selectmenu-icon {
    position: absolute;
    right: 14px;
    top: 17px;
    width: 9px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px 8px;
    background-image: url(/common/images/picks/arw_select@2x.png);
    transform: rotate(0);
    transition: transform 0.2s ease-out;
}

.form_sel .ui-selectmenu-button.ui-selectmenu-button-open {
    border-color: #000;
    border-radius: 6px 6px 0 0;
}

.form_sel .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    transform: rotate(180deg);
}

.form_sel .ui-selectmenu-button.ui-selectmenu-disabled {
    background-color: #f7f7f7;
}

.form_sel .ui-selectmenu-button.ui-selectmenu-disabled .ui-selectmenu-text {
    color: #767676;
}

.form_sel.type_sm,
.form_sel[data-class*=type_sm] {
    width: 120px;
}

.form_sel.type_sm .ui-selectmenu-button,
.form_sel[data-class*=type_sm] .ui-selectmenu-button {
    width: 100%;
    height: 38px;
}

.form_sel.type_sm .ui-selectmenu-button .ui-selectmenu-text,
.form_sel[data-class*=type_sm] .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 13px;
    line-height: 36px;
}

.form_sel.type_sm .ui-selectmenu-button .ui-selectmenu-icon,
.form_sel[data-class*=type_sm] .ui-selectmenu-button .ui-selectmenu-icon {
    top: 14px;
}

.form_sel.type_arw,
.form_sel[data-class*=type_arw] {
    width: auto;
}

.form_sel.type_arw .ui-selectmenu-button,
.form_sel[data-class*=type_arw] .ui-selectmenu-button {
    width: auto;
    height: 19px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.form_sel.type_arw .ui-selectmenu-button .ui-selectmenu-text,
.form_sel[data-class*=type_arw] .ui-selectmenu-button .ui-selectmenu-text {
    display: inline-block;
    margin-right: 23px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.form_sel.type_arw .ui-selectmenu-button .ui-selectmenu-icon,
.form_sel[data-class*=type_arw] .ui-selectmenu-button .ui-selectmenu-icon {
    top: 0;
    right: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    box-sizing: border-box;
    background-position: center 7px;
    background-repeat: no-repeat;
    background-size: 7px 4px;
    background-image: url(/common/images/picks/arw_select_sm@2x.png);
    transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}

.form_sel.type_arw .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon,
.form_sel[data-class*=type_arw] .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    border-color: #000;
}

.form_sel.type_arw .ui-selectmenu-button.ui-selectmenu-disabled,
.form_sel[data-class*=type_arw] .ui-selectmenu-button.ui-selectmenu-disabled {
    background-color: #f7f7f7;
}

.form_sel.type_arw .ui-selectmenu-button.ui-selectmenu-disabled .ui-selectmenu-text,
.form_sel[data-class*=type_arw] .ui-selectmenu-button.ui-selectmenu-disabled .ui-selectmenu-text {
    color: #767676;
}

~.form_sel.type_arw.type_arw,
~.form_sel[data-class*=type_arw].type_arw {
    margin-left: 12px;
}

.form_sel.w_full {
    width: 100%;
}

.form_sel.w_full .ui-selectmenu-button {
    width: 100%;
}

.form_sel+.form_chk,
.form_sel+.form_rdo {
    margin-top: 10px;
}

.form_sel+.byte_check_wrap {
    margin-top: 8px;
}

.sel_text_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.sel_text_box .form_sel {
    width: 120px;
}

.sel_text_box .form_sel+.text {
    margin-left: 12px;
}

/* radio/check */
.form_rdo,
.form_chk {
    display: inline-block;
    position: relative;
    min-height: 22px;
    vertical-align: top;
}

.form_rdo input,
.form_chk input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form_rdo input+label,
.form_chk input+label {
    display: inline-block;
    position: relative;
    padding: 2px 0 0 27px;
    font-size: 14px;
    letter-spacing: -0.01em;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    vertical-align: top;
    transition: color 0.2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form_rdo input+label:before,
.form_rdo input+label:after,
.form_chk input+label:before,
.form_chk input+label:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
}

.form_rdo input+label .desc_gray,
.form_chk input+label .desc_gray {
    color: #767676;
}

.form_rdo input+label.chk_middle:before,
.form_rdo input+label.chk_middle:after,
.form_chk input+label.chk_middle:before,
.form_chk input+label.chk_middle:after {
    top: 50%;
    margin-top: -11px;
}

.form_rdo input[disabled]+label,
.form_rdo input[aria-disabled]+label,
.form_rdo input[readonly]+label,
.form_chk input[disabled]+label,
.form_chk input[aria-disabled]+label,
.form_chk input[readonly]+label {
    color: #767676;
    pointer-events: none;
}

.form_rdo input[disabled]+label:before,
.form_rdo input[aria-disabled]+label:before,
.form_rdo input[readonly]+label:before,
.form_chk input[disabled]+label:before,
.form_chk input[aria-disabled]+label:before,
.form_chk input[readonly]+label:before {
    background-color: #f7f7f7;
    border-color: #eaeaea;
}

.form_rdo input:focus+label:before,
.form_chk input:focus+label:before {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.form_rdo input:checked+label:before,
.form_chk input:checked+label:before {
    background-color: #5055b1;
    border-color: #5055b1;
}

.form_rdo input:checked[disabled]+label:before,
.form_rdo input:checked[aria-disabled]+label:before,
.form_rdo input:checked[readonly]+label:before,
.form_chk input:checked[disabled]+label:before,
.form_chk input:checked[aria-disabled]+label:before,
.form_chk input:checked[readonly]+label:before {
    background-color: #b8badf;
    border-color: #b8badf;
}

.form_rdo.no_label,
.form_chk.no_label {
    width: 22px;
    height: 22px;
    min-height: auto;
}

.form_rdo.no_label input+label,
.form_chk.no_label input+label {
    position: static;
    padding-left: 0;
    font-size: 0;
}

.form_rdo.type_lg input+label,
.form_chk.type_lg input+label {
    padding-top: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.form_rdo+.info_text_box,
.form_chk+.info_text_box {
    margin-top: 20px;
}

.form_chk input+label:before {
    background-color: #fff;
    border: 1px solid #ccc;
    transition: border-color 0.2s ease-out, background-color 0.2s ease-out;
}

.form_chk input+label:after {
    background-position: center 8px;
    background-repeat: no-repeat;
    background-size: 10px 7px;
    background-image: url(/common/images/picks/ico_checkbox@2x.png);
}

.form_chk input+label .spot {
    font-weight: 500;
}

.form_chk input:checked+label:after {
    background-size: 10px 7px;
    background-image: url(/common/images/picks/ico_checkbox_active@2x.png);
}

.form_chk input[disabled]+label:after,
.form_chk input[aria-disabled]+label:after,
.form_chk input[readonly]+label:after {
    background-size: 10px 7px;
    background-image: url(/common/images/picks/ico_checkbox_disabled@2x.png);
}

.form_rdo input+label:before {
    background-color: #fff;
    border: 1px solid #ccc;
    transition: border-color 0.2s ease-out, background-color 0.2s ease-out;
}

.form_rdo input+label:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    transition: background 0.2s ease-out;
}

.form_rdo input:checked+label:after {
    background-color: #fff;
}

.form_rdo input[disabled]+label:after,
.form_rdo input[aria-disabled]+label:after,
.form_rdo input[readonly]+label:after {
    background-color: #eaeaea;
}

.form_filter_box {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.form_filter_box .form_filter {
    flex: 1 1 auto;
}

.form_filter_box .form_filter input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form_filter_box .form_filter input+label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    z-index: 1;
    min-width: 60px;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    color: #767676;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    transition: border-color 0.2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form_filter_box .form_filter input+label .text {
    position: relative;
    text-align: left;
}

.form_filter_box .form_filter input+label .text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 7px;
    margin-top: -3px;
    background-position: center;
    background-repeat: no-repeat;
}

.form_filter_box .form_filter input:focus+label {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.form_filter_box .form_filter input:checked+label {
    z-index: 2;
    border-color: #5055b1;
    color: #474c98;
}

.form_filter_box .form_filter input:checked+label .text {
    padding-left: 14px;
}

.form_filter_box .form_filter input:checked+label .text:before {
    background-size: 10px 7px;
    background-image: url(/common/images/picks/ico_checkbox_active_02@2x.png);
}

.form_filter_box .form_filter input[disabled]+label,
.form_filter_box .form_filter input[aria-disabled]+label,
.form_filter_box .form_filter input[readonly]+label {
    background-color: #f7f7f7;
    border-color: #d5d5d5;
    color: #767676;
    pointer-events: none;
}

.form_filter_box .form_filter input[disabled]:checked+label,
.form_filter_box .form_filter input[aria-disabled]:checked+label,
.form_filter_box .form_filter input[readonly]:checked+label {
    background-color: #ededf7;
    border-color: #a6a9d7;
    color: rgba(71, 76, 152, 0.5);
}

.form_filter_box .form_filter input[disabled]:checked+label .text:before,
.form_filter_box .form_filter input[aria-disabled]:checked+label .text:before,
.form_filter_box .form_filter input[readonly]:checked+label .text:before {
    background-size: 10px 7px;
    background-image: url(/common/images/picks/ico_checkbox_active_disabled@2x.png);
}

.form_filter_box .form_filter:first-child input+label {
    border-radius: 6px 0 0 6px;
}

.form_filter_box .form_filter:last-child input+label {
    border-radius: 0 6px 6px 0;
}

.form_filter_box .form_filter:only-child input+label {
    border-radius: 6px;
}

.form_filter_box .form_filter~.form_filter {
    margin-left: -1px;
}

.form_filter_box.type_sm .form_filter input+label {
    min-width: auto;
    height: 38px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.form_filter_box.type_sm .form_filter input+label .text {
    padding-left: 0;
}

.form_filter_box.type_sm .form_filter input+label .text:before {
    content: none;
}

.form_filter_box.type_sm .form_filter input:not(:checked)+label {
    color: #000;
    border-color: #ccc;
}

.bottom_chk_box {
    margin-top: 20px;
}

/* checkbox & radio row list */
.chk_row_list {
    margin-top: -16px;
    font-size: 0;
}

.chk_row_list .chk_row_item {
    display: inline-block;
    margin-top: 16px;
    margin-right: 24px;
}

.chk_row_list .chk_row_item:last-child {
    margin-right: 0;
}

.chk_row_list .chk_row_item>.chk_row_list {
    margin: 0 0 0 27px;
}

.chk_row_list .chk_row_item>.chk_row_list .chk_row_item {
    margin-top: 12px;
}

.chk_row_list .chk_row_item>.chk_col_list {
    margin: 12px 0 0 27px;
}

.chk_row_list.col2 .chk_row_item {
    margin-right: 0;
    width: calc((100% - 24px) / 2);
}

.chk_row_list.col2 .chk_row_item~.chk_row_item {
    margin-left: 24px;
}

.chk_row_list.col2 .chk_row_item:nth-child(2n+1) {
    margin-left: 0;
}

.chk_row_list.col3 .chk_row_item {
    margin-right: 0;
    width: calc((100% - 48px) / 3);
}

.chk_row_list.col3 .chk_row_item~.chk_row_item {
    margin-left: 24px;
}

.chk_row_list.col3 .chk_row_item:nth-child(3n+1) {
    margin-left: 0;
}

.chk_row_list.col4 .chk_row_item {
    margin-right: 0;
    width: calc((100% - 72px) / 4);
}

.chk_row_list.col4 .chk_row_item~.chk_row_item {
    margin-left: 24px;
}

.chk_row_list.col4 .chk_row_item:nth-child(4n+1) {
    margin-left: 0;
}

/* checkbox & radio col list */
.chk_col_list .chk_col_item~.chk_col_item {
    margin-top: 16px;
}

.chk_col_list .chk_col_item>.chk_row_list {
    margin: 0 0 0 27px;
}

.chk_col_list .chk_col_item>.chk_row_list .chk_row_item {
    margin-top: 12px;
}

.chk_col_list .chk_col_item>.chk_col_list {
    margin: 12px 0 0 27px;
}

/* checkbox & radio - 약관 동의 폼 */
.agree_chk_wrap .agree_contents_area+.agree_form_area {
    margin-top: 20px;
}

.agree_form_area {
    display: block;
    text-align: center;
}

.agree_form_area .agree_info_text {
    display: block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
    vertical-align: top;
}

.agree_form_area .agree_info_text+.agree_info_text {
    margin-top: 10px;
}

.agree_form_area .agree_info_text.size_md {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.agree_form_area .agree_info_text~.chk_row_list {
    padding-top: 20px;
}

/* textarea */
.form_textarea {
    width: 100%;
    height: 150px;
    padding: 12px 14px;
    color: #000;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #fff;
    box-sizing: border-box;
    transition: background 0.2s ease-out, border-color 0.2s ease-out;
    outline: 0;
    overflow-y: auto;
    resize: none;
}

.form_textarea::-webkit-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_textarea:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_textarea::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_textarea::placeholder {
    font-size: inherit;
    color: #767676;
}

.form_textarea:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_textarea::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.form_textarea:active,
.form_textarea:focus {
    border-color: #000;
}

.form_textarea[disabled],
.form_textarea[aria-disabled],
.form_textarea[readonly] {
    color: #767676;
    background-color: #f7f7f7;
    pointer-events: none;
    cursor: default;
}

/* byte_check */
.byte_check_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    transition: background 0.2s ease-out, border-color 0.2s ease-out;
    box-sizing: border-box;
}

.byte_check_wrap .form_textarea {
    border: none;
    padding: 11px 14px 0;
}

.byte_check_wrap .byte_check {
    display: inline-block;
    line-height: 1;
    font-size: 0;
}

.byte_check_wrap .byte_check .count,
.byte_check_wrap .byte_check .total {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.byte_check_wrap .byte_check .count {
    display: inline-block;
    color: #292929;
}

.byte_check_wrap .byte_check .total {
    color: #767676;
}

.byte_check_wrap .byte_check .total:before {
    content: "/";
}

.byte_check_wrap.type_ip {
    border: none;
}

.byte_check_wrap.type_ip .form_ip {
    padding-right: 50px;
}

.byte_check_wrap.type_ip .byte_check {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.byte_check_wrap.focus {
    border-color: #000;
}

.byte_check_wrap+.bul_item_asterisk {
    margin-top: 10px;
}

.byte_check_wrap+.form_chk,
.byte_check_wrap+.form_rdo {
    margin-top: 10px;
}

/* form - toggle */
.form_toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    vertical-align: top;
    box-sizing: border-box;
}

.form_toggle input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form_toggle input[type=checkbox]+label {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #eaeaea;
    border-radius: 22px;
    font-size: 0;
    transition: background 0.2s ease-out;
}

.form_toggle input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    z-index: 2;
    transition: all 0.2s ease-out;
}

.form_toggle input[type=checkbox]:checked+label {
    background: #5055b1;
}

.form_toggle input[type=checkbox]:checked+label:before {
    left: 100%;
    margin-left: -20px;
}

.form_toggle input[type=checkbox]:focus+label:before {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.form_toggle input[type=checkbox][disabled],
.form_toggle input[type=checkbox][aria-disabled],
.form_toggle input[type=checkbox][readonly] {
    pointer-events: none;
}

.form_toggle input[type=checkbox][disabled]+label,
.form_toggle input[type=checkbox][aria-disabled]+label,
.form_toggle input[type=checkbox][readonly]+label {
    opacity: 0.5;
    cursor: default;
}

.form_toggle_box {
    display: inline-block;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: top;
}

.form_toggle_box .toggle_text {
    display: inline-block;
    padding-top: 3px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.form_toggle_box .toggle_text .date {
    padding-right: 4px;
}

.form_toggle_box .toggle_text .val {
    font-weight: 700;
    transition: color 0.2s ease-out;
}

.form_toggle_box .toggle_text+.form_toggle {
    margin-left: 20px;
}

.form_toggle_box.active .toggle_text .date {
    color: #000;
}

.form_toggle_box.active .toggle_text .val {
    color: #474c98;
}

/* form - 유효성 검사 */
.valid_check .valid_desc {
    display: none;
    position: relative;
    margin-top: 4px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
}

.valid_check .valid_desc button {
    cursor: pointer;
}

.valid_check .valid_desc button:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 4px;
    background-size: 5px 9px;
    background-image: url(/common/images/picks/arw_shop@2x.png);
}

.valid_check .form_sel~.valid_desc {
    display: block;
}

.valid_check.success .valid_desc {
    display: block;
    color: #3c9a17;
}

.valid_check.success .byte_check_wrap:not(.type_ip) .form_ip {
    border: none;
}

.valid_check.success .byte_check_wrap .form_textarea {
    border: none;
}

.valid_check.fail .valid_desc {
    display: block;
    padding-left: 16px;
    color: #ec1f2d;
}

.valid_check.fail .valid_desc:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    background-position: left top;
    background-size: 12px 12px;
    background-image: url(/common/images/picks/ico_warning@2x.png);
}

.valid_check.fail .byte_check_wrap:not(.type_ip) .form_ip {
    border: none;
}

.valid_check.fail .byte_check_wrap .form_textarea {
    border: none;
}

.valid_check.success .form_ip:focus,
.valid_check.fail .form_ip:focus {
    border-color: #000;
}

~.valid_check {
    margin-top: 20px;
}

.valid_check+.form_chk {
    margin-top: 10px;
}

/* input - flex box */
.input_flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.input_flex_box .gap {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}

.input_flex_box .datepicker_box {
    flex: 0 auto;
}

.input_flex_box .form_ip {
    flex: 0 auto;
    margin-top: 0;
}

/* form - title(label) */
.form_wrap .form_box .form_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

.form_wrap .form_box .form_title .form_label+.btn_tooltip_sm {
    margin-left: 6px;
}

.form_wrap .form_box .form_title .form_label+.badge_md {
    margin-left: 6px;
}

.form_wrap .form_box .form_title .form_label .badge_md {
    margin-left: 6px;
}

.form_wrap .form_box .form_title .right_area {
    margin-left: auto;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.form_wrap .form_box .form_title .right_area .info_text {
    margin: 0;
}

.form_wrap .form_box .form_title .info_text {
    width: 100%;
    margin: 7px 0 2px;
}

.form_wrap .form_box .form_title.has_btn .form_title+.form_cont {
    margin-top: 8px;
}

.form_wrap .form_box .form_cont {
    margin-top: 8px;
    color: #595959;
}

.form_wrap .form_box .form_cont .form_sel {
    width: 100%;
}

.form_wrap .form_box .form_cont .form_sel .ui-selectmenu-button {
    width: 100%;
}

.form_wrap .form_box .form_cont .btn_text_link {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.form_wrap .form_box .form_cont .file_list+.bul_item_asterisk,
.form_wrap .form_box .form_cont .file_list_box+.bul_item_asterisk {
    margin-top: 10px;
}

.form_wrap .form_box .form_cont [class^=bul_item_] {
    color: #767676;
}

.form_wrap .form_box .form_cont .form_ip+.info_text,
.form_wrap .form_box .form_cont .form_ip+[class^=bul_item_],
.form_wrap .form_box .form_cont .valid_check+.info_text,
.form_wrap .form_box .form_cont .valid_check+[class^=bul_item_] {
    display: block;
    margin-top: 8px;
}

.form_wrap .form_box .form_cont .form_ip+.info_text+.form_chk,
.form_wrap .form_box .form_cont .form_ip+[class^=bul_item_]+.form_chk,
.form_wrap .form_box .form_cont .valid_check+.info_text+.form_chk,
.form_wrap .form_box .form_cont .valid_check+[class^=bul_item_]+.form_chk {
    margin-top: 8px;
}

.form_wrap .form_box .form_cont .date_picker_box {
    width: 100%;
}

.form_wrap .form_box .form_cont .date_picker_box .form_sel {
    width: 126px;
}

.form_wrap .form_box~.form_box {
    margin-top: 20px;
}

.form_wrap .form_box.has_line {
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
}

.form_wrap .form_box.type_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.form_wrap .form_box.type_row .form_title {
    flex-shrink: 0;
    padding-right: 20px;
    box-sizing: border-box;
}

.form_wrap .form_box.type_row .form_title.has_ip {
    padding-top: 11px;
}

.form_wrap .form_box.type_row .form_cont {
    margin-top: 0;
    flex: 1;
}

.form_wrap.type_md .form_box .form_title .form_label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.form_wrap.type_md .form_box .form_title .file_attach_val {
    padding-top: 4px;
}

.form_wrap.type_md .form_box .form_cont {
    margin-top: 10px;
}

.form_wrap.type_md .form_box~.form_box {
    margin-top: 24px;
}

.form_wrap.type_md .form_box.type_row .form_cont {
    margin-top: 0;
}

.form_wrap.type_lg .form_box .form_title .form_label {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

.form_wrap.type_lg .form_box .form_title .file_attach_val {
    padding-top: 4px;
}

.form_wrap.type_lg .form_box .form_title.has_btn {
    min-height: 30px;
}

.form_wrap.type_lg .form_box .form_title.has_btn+.form_cont {
    margin-top: 8px;
}

.form_wrap.type_lg .form_box .form_cont {
    margin-top: 12px;
}

.form_wrap.type_lg .form_box~.form_box {
    margin-top: 24px;
}

.form_wrap.type_lg .form_box.has_line {
    padding-top: 24px;
}

.form_wrap.type_lg .form_box.type_row .form_cont {
    margin-top: 0;
}

.form_wrap+.info_text_box {
    margin-top: 30px;
}

.form_wrap+.title_wrap.title_size_def {
    margin-top: 30px;
}

/* form - 첨부파일 */
.file_list {
    font-size: 0;
}

.file_list .list_item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.file_list .list_item:last-child {
    margin-right: 0;
}

.file_list .file_item {
    position: relative;
    display: inline-block;
}

.file_list .file_item .btn_box {
    position: relative;
    display: inline-block;
    width: 94px;
    height: 94px;
    border: 1px dashed #e5e5e5;
    background-color: #f7f7f7;
    cursor: pointer;
    border-radius: 6px;
    vertical-align: top;
    box-sizing: border-box;
}

.dialog_contents .custom_scroll_wrap.active .file_list .file_item .btn_box {
    width: 88px;
    height: 88px;
}

.file_list .file_item .btn_box input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.file_list .file_item .btn_box input[type=file]:focus+label {
    outline: 2px solid Highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

.file_list .file_item .btn_box label {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0 !important;
    background-size: 16px 16px;
    background-image: url(/common/images/picks/btn_attached_add@2x.png);
    background-position: center;
    background-repeat: no-repeat;
}

.file_list .file_item:not(.attached) .btn_remove_img {
    display: none;
}

.file_list .file_item.attached .btn_box {
    border: none;
}

.file_list .file_item.attached input,
.file_list .file_item.attached label {
    display: none;
}

.file_list .file_item.attached .attach_img_box {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    cursor: default;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 6px;
    overflow: hidden;
}

.file_list .file_item.attached .attach_img_box .attach_img_view {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    font-size: 0 !important;
    left: 0;
    top: 0;
}

.file_list .file_item.attached .attach_img_box .btn_remove_img {
    position: absolute;
    width: 22px;
    height: 22px;
    background-size: 8px 8px;
    background-image: url(/common/images/picks/btn_attached_remove@2x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 6px;
    font-size: 0 !important;
    pointer-events: auto;
    right: 0;
    top: 0;
}

.file_list .file_item.attached.attached .attach_img_box {
    display: inline-block;
}

.file_list~.bul_item_asterisk {
    margin-top: 10px;
}

.file_attach_val {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    line-height: 1;
    font-weight: 400;
}

.file_attach_val .val {
    font-size: 14px;
    letter-spacing: -0.01em;
}

.file_attach_val .total {
    font-size: 14px;
    letter-spacing: -0.01em;
    color: #767676;
}

.file_upload_group .col_box~.col_box {
    margin-top: 20px;
}

.file_upload_group .col_box .upload_result_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.file_upload_group .col_box .upload_result_text .text {
    display: inline-block;
    color: #595959;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    vertical-align: top;
}

.file_upload_group .col_box .upload_result_text .text .val {
    color: #000;
    font-weight: 500;
}

.file_upload_group .col_box .upload_result_text .right_area {
    flex-shrink: 0;
    margin-left: 20px;
}

/* 첨부파일 - 증빙서류 타입 */
.file_attach_wrap .bul_list {
    margin-top: 10px;
}

.file_attach_wrap .btn_wrap {
    text-align: left;
}

.file_attach_wrap .attached_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 20px;
}

.file_attach_wrap .attached_list .attached_item {
    overflow: hidden;
    max-width: calc((100% - 12px) / 3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 4px 3px 4px 10px;
    border-radius: 6px;
    background-color: #f7f7f7;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
}

.file_attach_wrap .attached_list .attached_item .name {
    display: inline-block;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.file_attach_wrap .attached_list .attached_item .extension {
    flex-shrink: 0;
}

.file_attach_wrap .attached_list .attached_item .btn_attached_del {
    flex-shrink: 0;
    margin-left: auto;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    background-image: url(/common/images/picks/ico_attached_del@2x.png);
}

.file_attach_wrap .attached_list .attached_item~.attached_item {
    margin-left: 6px;
}

.file_attach_wrap .btn_attach~.bul_list,
.file_attach_wrap .btn_attach~.bul_item_dot {
    margin-top: 8px;
}

.file_attach_wrap+.info_text_box.size_lg {
    margin-top: 20px;
}

/* form 그룹 공통 */
.form_col_group .col_box~.col_box {
    margin-top: 8px;
}

.form_col_group.cert .btn_ip {
    padding: 0 5px;
    min-width: 133px;
    width: 133px;
}

.form_col_group [class^=bul_item] {
    margin-top: 8px;
}

/* 선물하기 > 받는 분 수 */
.form_row_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.form_row_group .row_box~.row_box {
    margin-left: 40px;
}

/* 인증번호 시간 카운팅 */
.time_limit {
    position: relative;
}

.time_limit .form_ip {
    padding-right: 58px;
}

.time_limit .time_count {
    position: absolute;
    right: 14px;
    top: 12px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #ec1f2d;
}

/* Input Group */
.ip_group_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 44px;
    padding: 0 14px 2px;
    color: #000;
    font-size: 14px;
    line-height: 42px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s ease-out;
    outline: none;
}

.ip_group_box input {
    flex: 1;
    width: 100%;
    height: 42px;
    text-align: center;
}

.ip_group_box input[type=number]::-webkit-outer-spin-button,
.ip_group_box input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ip_group_box+.form_chk,
.ip_group_box+.form_rdo {
    margin-top: 10px;
}

/* form flex 정렬 */
.form_flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.form_flex_box .form_chk,
.form_flex_box .form_rdo {
    margin-right: 24px;
}

.form_flex_box .form_chk:last-child,
.form_flex_box .form_rdo:last-child {
    margin-right: 0;
}

/* input + button */
.input_btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.input_btn_box .form_ip,
.input_btn_box .time_limit,
.input_btn_box .form_ip_pw,
.input_btn_box .form_ip_pw,
.input_btn_box .form_sel,
.input_btn_box .awesomplete,
.input_btn_box .input_price_box {
    flex: 1;
}

.input_btn_box .form_ip+.btn_ip,
.input_btn_box .time_limit+.btn_ip,
.input_btn_box .form_ip_pw+.btn_ip,
.input_btn_box .form_ip_pw+.btn_ip,
.input_btn_box .form_sel+.btn_ip,
.input_btn_box .awesomplete+.btn_ip,
.input_btn_box .input_price_box+.btn_ip {
    margin-left: 6px;
}

.input_btn_box .form_ip+.form_filter_box,
.input_btn_box .time_limit+.form_filter_box,
.input_btn_box .form_ip_pw+.form_filter_box,
.input_btn_box .form_ip_pw+.form_filter_box,
.input_btn_box .form_sel+.form_filter_box,
.input_btn_box .awesomplete+.form_filter_box,
.input_btn_box .input_price_box+.form_filter_box {
    margin-left: 6px;
}

.input_btn_box .form_ip+.btn_attach,
.input_btn_box .time_limit+.btn_attach,
.input_btn_box .form_ip_pw+.btn_attach,
.input_btn_box .form_ip_pw+.btn_attach,
.input_btn_box .form_sel+.btn_attach,
.input_btn_box .awesomplete+.btn_attach,
.input_btn_box .input_price_box+.btn_attach {
    margin-left: 6px;
}

.input_btn_box .time_limit+.btn_ip {
    min-width: 133px;
}

.input_btn_box .btn_attach {
    flex-shrink: 0;
}

.input_btn_box .btn_attach+.btn_ip {
    margin-left: 6px;
}

.input_btn_box .form_chk,
.input_btn_box .form_rdo {
    align-self: center;
}

.input_btn_box .form_chk+.btn_more_view,
.input_btn_box .form_rdo+.btn_more_view {
    margin-top: 1px;
    margin-left: 8px;
}

.input_btn_box .right_area {
    flex-shrink: 0;
    align-self: center;
    margin-left: auto;
}

/* select + input + button */
.input_sel_btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.input_sel_btn_box .form_ip,
.input_sel_btn_box .time_limit,
.input_sel_btn_box .form_ip_pw,
.input_sel_btn_box .form_ip_pw,
.input_sel_btn_box .form_sel,
.input_sel_btn_box .input_price_box {
    flex: 1;
}

.input_sel_btn_box .form_ip:first-child,
.input_sel_btn_box .time_limit:first-child,
.input_sel_btn_box .form_ip_pw:first-child,
.input_sel_btn_box .form_ip_pw:first-child,
.input_sel_btn_box .form_sel:first-child,
.input_sel_btn_box .input_price_box:first-child {
    flex: none;
}

.input_sel_btn_box .form_ip+.form_ip,
.input_sel_btn_box .time_limit+.form_ip,
.input_sel_btn_box .form_ip_pw+.form_ip,
.input_sel_btn_box .form_ip_pw+.form_ip,
.input_sel_btn_box .form_sel+.form_ip,
.input_sel_btn_box .input_price_box+.form_ip {
    margin-left: 6px;
}

.input_sel_btn_box .form_ip+.btn_ip,
.input_sel_btn_box .time_limit+.btn_ip,
.input_sel_btn_box .form_ip_pw+.btn_ip,
.input_sel_btn_box .form_ip_pw+.btn_ip,
.input_sel_btn_box .form_sel+.btn_ip,
.input_sel_btn_box .input_price_box+.btn_ip {
    margin-left: 6px;
}

.input_sel_btn_box .form_ip+.form_filter_box,
.input_sel_btn_box .time_limit+.form_filter_box,
.input_sel_btn_box .form_ip_pw+.form_filter_box,
.input_sel_btn_box .form_ip_pw+.form_filter_box,
.input_sel_btn_box .form_sel+.form_filter_box,
.input_sel_btn_box .input_price_box+.form_filter_box {
    margin-left: 6px;
}

.input_sel_btn_box .form_ip+.btn_attach,
.input_sel_btn_box .time_limit+.btn_attach,
.input_sel_btn_box .form_ip_pw+.btn_attach,
.input_sel_btn_box .form_ip_pw+.btn_attach,
.input_sel_btn_box .form_sel+.btn_attach,
.input_sel_btn_box .input_price_box+.btn_attach {
    margin-left: 6px;
}

.input_sel_btn_box .right_area {
    flex-shrink: 0;
    align-self: center;
    margin-left: auto;
}

/* input + text */
.input_text_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0;
}

.input_text_box .form_ip {
    flex: 1;
}

.input_text_box .form_ip~.form_ip {
    margin-top: 0;
}

.input_text_box .gap {
    display: inline-block;
    padding: 0 4px;
    font-size: 15px;
    color: #000;
    line-height: 42px;
    vertical-align: top;
    text-align: center;
    padding-bottom: 2px;
}

.input_text_box .form_sel+.form_sel {
    margin-left: 6px;
}

.input_text_box .form_ip+.text,
.input_text_box .form_sel+.text {
    flex-shrink: 0;
    margin-left: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

/* input + 금액단위 */
.input_price_box {
    position: relative;
}

.input_price_box .unit {
    position: absolute;
    right: 14px;
    top: 16px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    line-height: 1;
}

.input_price_box .form_ip {
    padding: 0 28px 0 14px;
    font-weight: 700;
    text-align: right;
}

.input_price_box .form_ip::-webkit-input-placeholder {
    font-size: inherit;
    color: #000;
}

.input_price_box .form_ip:-ms-input-placeholder {
    font-size: inherit;
    color: #000;
}

.input_price_box .form_ip::-ms-input-placeholder {
    font-size: inherit;
    color: #000;
}

.input_price_box .form_ip::placeholder {
    font-size: inherit;
    color: #000;
}

.input_price_box .form_ip:-ms-input-placeholder {
    font-size: inherit;
    color: #000;
}

.input_price_box .form_ip::-ms-input-placeholder {
    font-size: inherit;
    color: #000;
}

.input_price_box.type_eng .form_ip {
    padding-right: 63px;
}

/* 가격 (font 16px) */
.price_value_box {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    text-align: right;
}

.price_value_box .val,
.price_value_box .unit {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
    vertical-align: top;
}

.price_value_box .val {
    margin-right: 1px;
    font-size: 16px;
    font-weight: 700;
}

/* jQueryUI - Datepicker */
.date_box {
    position: relative;
}

.date_box .ui_date {
    display: inline-block;
    width: 100%;
    height: 44px;
    padding: 0 42px 2px 14px;
    color: #000;
    font-size: 14px;
    line-height: 42px;
    letter-spacing: -0.01em;
    font-family: "Noto Sans KR", sans-serif;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s ease-out;
    outline: none;
}

.date_box .ui_date:active,
.date_box .ui_date:focus {
    border-color: #000;
}

.date_box .ui_date[disabled],
.date_box .ui_date[aria-disabled],
.date_box .ui_date[readonly] {
    color: #767676;
    background-color: #f7f7f7;
    pointer-events: none;
    cursor: default;
}

.date_box .ui_date::-webkit-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.date_box .ui_date:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.date_box .ui_date::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.date_box .ui_date::placeholder {
    font-size: inherit;
    color: #767676;
}

.date_box .ui_date:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.date_box .ui_date::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.date_box .ui-datepicker-trigger {
    position: absolute;
    right: 14px;
    top: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.date_picker_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.date_picker_box .form_sel {
    flex-shrink: 0;
    width: 126px;
}

.date_picker_box .form_sel .ui-selectmenu-button {
    width: 100%;
}

.date_picker_box .form_sel+.date_box {
    margin-left: 6px;
}

.date_picker_box .date_box {
    flex: 1;
}

.date_picker_box .date_box+.btn_ip {
    margin-left: 6px;
}

.date_picker_box .gap {
    display: inline-block;
    padding: 0 4px;
    font-size: 15px;
    color: #000;
    line-height: 42px;
    vertical-align: top;
    text-align: center;
    padding-bottom: 2px;
}

.date_picker_box.only_date .date_box {
    flex: none;
    width: 143px;
}

.date_picker_box.only_date .date_box .ui_date {
    width: 143px;
}

/* form select + input */
.form_sort_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.form_sort_search .form_sel {
    flex: 0 1 130px;
}

.form_sort_search .form_ip,
.form_sort_search .ip_group_box {
    flex: 1;
    margin-left: 6px;
}

/* date_box no line 타입 추가 */
.date_box.type_no_line {
    display: inline-block;
    vertical-align: top;
}

.date_box.type_no_line .ui_date {
    display: inline-block;
    vertical-align: top;
    width: 96px;
    height: 22px;
    line-height: 22px;
    padding: 1px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    border: 0;
}

.date_box.type_no_line .ui-datepicker-trigger {
    right: 0;
    top: 1px;
}

/* floating input */
.floating_input_item {
    position: relative;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    transition: border 0.3s ease-out;
}

.floating_input_item .form_ip {
    height: 54px;
    border: none;
    line-height: 1;
    transition: padding-top, 0.3s;
}

.floating_input_item .form_prefix_box {
    height: 100%;
}

.floating_input_item .form_prefix_box.country_code .form_ip {
    padding-left: 14px;
    padding-bottom: 3px;
}

.floating_input_item .form_prefix_box.country_code .prefix_unit {
    top: 28px;
    padding-top: 0;
    line-height: 1;
    opacity: 0;
    transform: translateY(0);
    transition: opacity, 0.3s;
    font-family: "Noto Sans KR", sans-serif;
    pointer-events: none;
}

.floating_input_item .floating_guide,
.floating_input_item .floating_label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 14px;
    z-index: 1;
    padding: 11px 0 5px;
    color: #000;
    font-size: 11px;
    line-height: 1;
    letter-spacing: -0.01em;
    opacity: 0;
    transition: opacity, 0.3s;
    transform-origin: 0 0;
    pointer-events: none;
}

.floating_input_item .floating_label {
    color: #474c98;
}

.floating_input_item.focus {
    border-color: #000;
    z-index: 1;
}

.floating_input_item.focus .form_ip {
    padding-top: 19px;
}

.floating_input_item.focus .form_prefix_box.country_code .prefix_unit {
    opacity: 1;
}

.floating_input_item.focus .form_prefix_box.country_code .form_ip {
    padding-left: 75px;
}

.floating_input_item.focus .floating_guide {
    opacity: 1;
}

.floating_input_item.value .form_ip {
    padding-top: 19px;
}

.floating_input_item.value .form_prefix_box.country_code .prefix_unit {
    opacity: 1;
}

.floating_input_item.value .form_prefix_box.country_code .form_ip {
    padding-left: 75px;
}

.floating_input_item.value .floating_guide {
    opacity: 0;
}

.floating_input_item.value .floating_label {
    opacity: 1;
}

.floating_input_group .floating_input_item {
    border-radius: 6px 6px 0 0;
}

.floating_input_group .floating_input_item~.floating_input_item {
    margin-top: -1px;
    border-radius: 0;
}

.floating_input_group .floating_input_item:last-child {
    border-radius: 0 0 6px 6px;
}

/* 유효성검사 체크 */
.valid_check.success .floating_input_item {
    border-color: #4dac27;
}

.valid_check.success .floating_input_item .form_ip {
    border: none;
}

.valid_check.success .floating_input_group .floating_input_item {
    border-bottom-color: transparent;
}

.valid_check.success .floating_input_group .floating_input_item~.floating_input_item {
    border-top-color: #d5d5d5;
}

.valid_check.success .floating_input_group .floating_input_item:last-child {
    border-bottom-color: #4dac27;
}

.valid_check.success .floating_input_group .floating_input_item .form_ip {
    border: none;
}

.valid_check.success .btn_form_sel {
    border-color: #4dac27;
}

.valid_check.fail .floating_input_item {
    border-color: #ec1f2d;
}

.valid_check.fail .floating_input_item .form_ip {
    border: none;
}

.valid_check.fail .floating_input_group .floating_input_item {
    border-bottom-color: transparent;
}

.valid_check.fail .floating_input_group .floating_input_item~.floating_input_item {
    border-top-color: #d5d5d5;
}

.valid_check.fail .floating_input_group .floating_input_item:last-child {
    border-bottom-color: #ec1f2d;
}

.valid_check.fail .floating_input_group .floating_input_item .form_ip {
    border: none;
}

.valid_check.fail .btn_form_sel {
    border-color: #ec1f2d;
}

/* e : form */
/* s : 서비스 > picks */
/* 클릭실시간추천 */
.prod_area.horizontal .prod_info_box .prod_realtime {
    margin-top: 20px;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #4dac27;
    font-weight: 700;
    vertical-align: top;
}

.prod_area.horizontal .prod_info_box .prod_realtime:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 6px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_cart_h18_green@2x.png);
    vertical-align: top;
    transition: background 0.2s ease-out;
}

/* 종합 pick 취향선택 버튼 */
.prod_area.horizontal .prod_info_box .prod_picks_selected {
    margin-top: 30px;
    text-align: left;
}

.prod_area.horizontal .prod_info_box .prod_picks_selected .btn_sm {
    width: 146px;
}

.prod_area.horizontal .prod_info_box .prod_picks_selected .btn_sm+.btn_sm {
    margin-top: 0;
    margin-left: 5px;
}

.prod_area .prod_picks_selected {
    margin-top: 26px;
    text-align: center;
}

.prod_area .prod_picks_selected .btn_sm {
    width: 146px;
}

.prod_area .prod_picks_selected .btn_sm [class^=ico_pick_] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
}

.prod_area .prod_picks_selected .btn_sm .ico_pick_good {
    margin-top: 1px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_picto_good_green@2x.png);
}

.prod_area .prod_picks_selected .btn_sm .ico_pick_not_good {
    margin-top: 1px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_picto_not_good_black@2x.png);
}

.prod_area .prod_picks_selected .btn_sm+.btn_sm {
    margin-top: 6px;
}

/* picks 공통 */
.wrapper.contents_picks .picks_book_recommend_box {
    position: relative;
    display: block;
    width: 100%;
    padding: 40px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_area {
    padding-right: 30px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_area .prod_introduction {
    margin-top: 12px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_area .prod_bottom {
    margin-top: 20px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area {
    position: relative;
    flex-shrink: 0;
    width: 417px;
    margin-left: auto;
    padding-left: 31px;
    box-sizing: border-box;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .title_wrap.title_size_xs {
    padding-bottom: 12px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .title_wrap.title_size_xs~.title_size_xs {
    margin-top: 24px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box {
    position: relative;
    width: 56px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .name {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .circle_progress {
    margin: 0 auto;
    transform: rotate(-90deg);
    vertical-align: top;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .frame,
.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .bar {
    fill: none;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .frame {
    stroke: rgba(77, 172, 39, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .bar {
    stroke: #4dac27;
    stroke-linecap: round;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    text-align: center;
    line-height: 19px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .val,
.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .unit {
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .label {
    font-size: 12px;
    letter-spacing: -0.01em;
    color: #595959;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box+.circle_progress_box {
    margin-left: 24px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_purple .frame {
    stroke: rgba(80, 85, 177, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_purple .bar {
    stroke: #5055b1;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_mint .frame {
    stroke: rgba(10, 180, 157, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_mint .bar {
    stroke: #0ab49d;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_orange .frame {
    stroke: rgba(247, 114, 84, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_orange .bar {
    stroke: #f77254;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_blue .frame {
    stroke: rgba(83, 124, 222, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_blue .bar {
    stroke: #537cde;
}

.wrapper.contents_picks .picks_book_recommend_box+.picks_book_recommend_box {
    margin-top: 30px;
}

/* 키워드 pick */
.keyword_pick {
    padding-bottom: 30px;
}

.keyword_pick .keyword_pick_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.keyword_pick .keyword_pick_header .logo_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    line-height: 0;
}

.keyword_pick .keyword_pick_header .logo_area .text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.keyword_pick .keyword_pick_header .logo_area .ico_logos_pick {
    display: inline-block;
    width: 51px;
    height: 21px;
    margin-left: 8px;
    background-size: 51px 21px;
    background-image: url(/common/images/picks/logo_picks_header_black@2x.png);
}

.keyword_pick .keyword_pick_header .search_area {
    margin-left: 20px;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 560px;
    height: 48px;
    padding-right: 14px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid #5055b1;
    box-sizing: border-box;
    transition: width 0.23s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap {
    position: relative;
    flex: 1;
    height: 100%;
    padding-left: 23px;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search {
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-decoration,
.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-cancel-button,
.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-results-button,
.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-results-decoration {
    display: none;
    width: 0;
    height: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .btn_ip_clear {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/btn_ip_reset@2x.png);
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap.value .ip_gnb_search {
    padding-right: 40px;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap.value .btn_ip_clear {
    display: block;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .btn_keyword_pick_search {
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/btn_header_search@2x.png);
}

.keyword_pick .keyword_pick_header .right_area {
    margin-left: auto;
}

.keyword_pick .keyword_pick_body {
    margin-top: 30px;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    display: block;
    width: 100%;
    padding: 30px;
    background: rgba(77, 172, 39, 0.1);
    border-radius: 20px;
    box-sizing: border-box;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 30px;
    background-size: 80px 80px;
    background-image: url(/common/images/picks/ico_picks_keyword_pick_green@2x.png);
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area {
    display: inline-block;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area .info_group+.info_group {
    margin-top: 10px;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area .text {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area .text .fc_green {
    font-weight: 700;
    color: #4dac27;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box+.picks_custom_pick_result_wrap {
    margin-top: 50px;
}

.keyword_pick .keyword_pick_body .keyword_pick_list_wrap {
    margin-top: 30px;
}

.keyword_pick .keyword_pick_body .keyword_pick_list_wrap .tag_wrap .tag {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 212px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap {
    margin-top: 24px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .no_data {
    padding-top: 150px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .list_result_wrap {
    margin-bottom: 20px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item {
    display: inline-block;
    width: 400px;
    margin-left: 36px;
    vertical-align: top;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(n+7) {
    margin-top: 24px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(2n+1) {
    margin-left: 0;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(n+3) {
    margin-top: 24px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item .prod_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.keyword_pick .keyword_pick_body .tag_wrap .tag.active {
    background-color: #595959;
    border-color: #595959;
    color: #fff;
}

/* picks 공통 헤더 */
.picks_header_box {
    height: 280px;
    background-size: 1200px 280px;
    background-image: url(/common/images/picks/bg_service_pick_induce@2x.png);
}

.picks_header_box .picks_header_inner {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 70px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.picks_header_box .picks_header_inner .picks_header_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #fff;
}

.picks_header_box .picks_header_inner .picks_header_title+.picks_header_desc {
    margin-top: 10px;
}

.picks_header_box .picks_header_inner .picks_header_title .ico_logos_pick {
    display: inline-block;
    width: 64px;
    height: 30px;
    margin-left: 8px;
    background-size: 64px 30px;
    background-image: url(/common/images/picks/logo_picks_header@2x.png);
}

.picks_header_box .picks_header_inner .picks_header_desc {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #fff;
}

.picks_header_box .picks_header_inner .btn_ip {
    margin-top: 24px;
}

/* picks 공통 컨텐츠 */
.picks_body_area {
    padding-top: 50px;
}

.picks_body_area .picks_body_top_wrap {
    margin-top: 50px;
}

.picks_body_area .picks_body_top_wrap .title_wrap.size_md.has_sub_title .info_text {
    margin-top: 10px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box {
    width: 479px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card {
    position: relative;
    padding: 40px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .desc {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #fff;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc {
    display: block;
    padding-right: 140px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #fff;
    word-break: keep-all;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern {
    display: block;
    vertical-align: top;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character {
    display: inline-block;
    position: relative;
    padding: 0 12px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:before,
.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    background-image: url(/common/images/picks/ico_quote_picks_type@2x.png);
    vertical-align: top;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:before {
    top: 4px;
    left: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:after {
    top: 3px;
    right: 0;
    transform: rotate(180deg);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .level_desc {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #fff;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .level_desc .level {
    display: inline-block;
    vertical-align: top;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc {
    position: relative;
    margin-top: 22px;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 18px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 33px;
    width: 14px;
    height: 14px;
    background-color: #f5f5f5;
    transform: rotate(315deg) translate(0, -50%);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc .type_title {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #000;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc .type_desc {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #000;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card {
    height: 400px;
    box-shadow: none;
    border: solid 1px #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer {
    text-align: center;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer:before {
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    margin: 0 auto 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    background-image: url(/common/images/picks/ico_picks_no_member@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer p {
    color: #595959;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer p .fw_bold {
    color: #000;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer .btn_wrap {
    margin-top: 30px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_dog .picks_type_card {
    background-color: #7498ee;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_dog@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_owl .picks_type_card {
    background-color: #3b4fb9;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_owl@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_hedgehog .picks_type_card {
    background-color: #ff77ac;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_hedgehog@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_elephant .picks_type_card {
    background-color: #f9aa47;
    background-size: 250px 230px;
    background-image: url(/common/images/picks/img_picks_type_elephant@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_penguin .picks_type_card {
    background-color: #8366fd;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_penguin@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_cow .picks_type_card {
    background-color: #0ab49d;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_cow@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_sloth .picks_type_card {
    background-color: #f77254;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_sloth@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_bear .picks_type_card {
    background-color: #05aa45;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_bear@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box {
    width: 685px;
    border-radius: 20px;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    margin-left: auto;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap {
    position: relative;
    height: 100%;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper_control_box {
    position: absolute;
    bottom: 34px;
    left: 0;
    right: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper-button-prev,
.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper-button-next {
    position: absolute;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    margin-top: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper-button-prev {
    right: 64px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area {
    height: 398px;
    padding: 40px;
    box-sizing: border-box;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap {
    width: auto;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap.title_size_md {
    padding-bottom: 30px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap.title_size_md .title_heading {
    font-weight: 400;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap.title_size_md+.picks_type_preference_box {
    margin-top: 14px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item>.label {
    flex-shrink: 0;
    width: 110px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area {
    flex-grow: 1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame {
    width: 450px;
    font-size: 0;
    line-height: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame .bar {
    position: relative;
    display: inline-block;
    height: 8px;
    border-radius: 6px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame .bar .value {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: calc(100% + 12px);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    word-break: keep-all;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.green .bar {
    background-color: #4dac27;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.green .value {
    color: #4dac27;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.purple .bar {
    background-color: #5055b1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.purple .value {
    color: #5055b1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box+.bar_progress_box {
    margin-top: 14px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item+.picks_type_preference_item {
    margin-top: 36px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box {
    margin-top: 35px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 8px;
    background-color: #d5d5d5;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text.green:before {
    background-color: #4dac27;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text.purple:before {
    background-color: #5055b1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text+.legend_text {
    margin-left: 20px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list {
    margin-right: -24px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item {
    display: inline-block;
    width: calc(50% - 24px);
    margin-left: 24px;
    vertical-align: top;
    box-sizing: border-box;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item:nth-child(2n+1) {
    margin-left: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item:nth-child(n+3) {
    margin-top: 24px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item .person_info_area {
    border: 0;
    padding: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item .person_info_area .person_profile_box .profile_info {
    flex: auto;
}

.picks_body_area .picks_realtime_recommend_wrap {
    border-top: solid 1px #eaeaea;
    padding-top: 50px;
}

.picks_body_area .picks_realtime_recommend_wrap .title_wrap.title_size_md .btn_reset {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_realtime_recommend_wrap .title_wrap.title_size_md~.title_wrap.title_size_md {
    margin-top: 50px;
}

.picks_body_area .picks_realtime_recommend_wrap .swiper_auto_control_area {
    position: relative;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin-top: 20px;
}

.picks_body_area .picks_realtime_recommend_wrap .swiper_auto_control_area .swiper_control_box {
    min-width: 60px;
}

.picks_body_area .picks_realtime_recommend_wrap .swiper-button-prev,
.picks_body_area .picks_realtime_recommend_wrap .swiper-button-next {
    margin-top: 0;
    top: 69px;
}

.picks_body_area .picks_author_wrap {
    border-top: solid 1px #eaeaea;
    padding-top: 50px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: auto;
    min-height: 38px;
    margin-bottom: 24px;
    border-bottom: 0;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item {
    height: 38px;
    border-radius: 38px;
    margin-bottom: 0;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item .tab_link {
    padding: 9px 15px 10px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .title_wrap {
    padding-bottom: 0;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .title_wrap+.tabs {
    margin-left: 30px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area {
    margin-left: auto;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url(/common/images/picks/btn_swiper_arr_gray_sm@2x.png);
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw.prev {
    transform: rotate(180deg);
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw.next {
    margin-left: 10px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw.button-disabled {
    opacity: 0.3;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap {
    margin-top: 50px;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .title_wrap .title_heading .name {
    color: #5055b1;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item {
    width: 100%;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area {
    width: 100%;
    padding: 20px 24px;
    border: 0;
    background: #f7f7f7;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .profile_img {
    width: 66px;
    height: 66px;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation {
    display: block;
    display: -webkit-box;
    margin-top: 6px;
    font-size: 13px;
    color: #595959;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation .value {
    display: inline-block;
    margin-left: 3px;
    font-size: 0;
    color: #474c98;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation .value .val,
.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation .value .unit {
    font-size: 14px;
    font-weight: bold;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .profile_info {
    flex: 1;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .profile_info .right_area {
    top: 50%;
    transform: translateY(-50%);
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_prod_box {
    width: 100%;
    margin-top: 10px;
    padding: 30px;
    border: solid 1px #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_prod_box .prod_item {
    display: block;
    width: 100%;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_prod_box .prod_item+.prod_item {
    margin-top: 12px;
    margin-left: 0;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item+.picks_preference_item {
    margin-left: 36px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group+.picks_soulmate_group {
    margin-top: 50px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 20px 50px;
    border-radius: 20px;
    background: rgba(80, 85, 177, 0.04);
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 391px;
    flex-shrink: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    margin-left: 34px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_xl {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_xl@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_lg {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_lg@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_md {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_md@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_sm {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_sm@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_xs {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_xs@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .sync_value {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.01em;
    color: #474c98;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area {
    position: relative;
    flex-grow: 1;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.06);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    padding-left: 117px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item {
    display: inline-block;
    flex: 1;
    vertical-align: top;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item .title {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #333;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item .val {
    margin-top: 8px;
    display: block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item+.info_item {
    margin-left: 20px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box.no_sync {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box.no_sync .no_sync_title {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 400;
    vertical-align: top;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box.no_sync .no_sync_title+.btn_wrap {
    margin-top: 20px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap {
    margin-top: 10px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box {
    padding: 38px 40px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .book_info_area {
    width: 694px;
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .book_info_area .prod_area {
    align-items: flex-start;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .book_info_area .prod_area .prod_info_box {
    padding-top: 10px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area {
    padding-left: 70px;
    flex-shrink: 0;
    width: 354px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .title_wrap.title_size_xs .rating-container {
    margin-left: 20px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .charting_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box {
    background-color: #f7f7f7;
    padding: 24px 25px;
    margin-top: 10px;
    border-radius: 12px;
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item {
    display: inline-block;
    flex: 1 0;
    padding: 0 6px;
    text-align: center;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item:first-child {
    padding-left: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item:last-child {
    padding-right: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box {
    display: block;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box .num_score_bar {
    display: inline-block;
    position: relative;
    min-width: 38px;
    height: 19px;
    padding: 2px 7px 0;
    margin-bottom: 9px;
    color: #595959;
    font-size: 13px;
    letter-spacing: -0.01em;
    line-height: 19px;
    border-radius: 10px;
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box .score_bar {
    display: block;
    position: relative;
    overflow: hidden;
    width: 6px;
    height: 62px;
    margin: 0 auto;
    background-color: #eaeaea;
    border-radius: 5px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box .score_bar .score_bar_inner {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #767675;
    border-radius: 5px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .text_reply {
    display: block;
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    margin-top: 6px;
    text-align: center;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .num_score_bar {
    padding-top: 0;
    background-color: rgba(80, 85, 177, 0.8);
    color: #fff;
    font-weight: 500;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .num_score_bar:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 12px;
    height: 4px;
    background-repeat: no-repeat;
    background-size: 12px 4px;
    background-image: url(/common/images/picks/bg_best_score@2x.png);
    transform: translateX(-50%);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .score_bar {
    background-color: rgba(184, 186, 223, 0.4);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .score_bar .score_bar_inner {
    background-color: rgba(80, 85, 177, 0.8);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .text_reply {
    color: #474c98;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .swiper-pagination-bullets {
    margin-top: 16px;
}

/* 내맘대로픽 */
.picks_custom_wrap .picks_custom_pick_result_wrap .prod_area .prod_info_box .review_summary_wrap .review_klover_text {
    padding-left: 22px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.picks_custom_wrap .picks_custom_pick_result_wrap .prod_area .prod_info_box .review_summary_wrap .review_klover_text:before {
    top: 0;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_klover@2x.png);
}

/* 내맘대로픽 상단 필터 영역 */
.picks_custom_pick_title_area {
    position: relative;
    padding-right: 30px;
    margin-right: auto;
}

.picks_custom_pick_title_area .title_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_custom_pick_title_area .title_box .text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.picks_custom_pick_title_area .title_box:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    background-size: 80px 80px;
    background-image: url(/common/images/picks/ico_picks_custom_hand_green@2x.png);
}

.picks_custom_pick_myinfo_area {
    position: relative;
    flex-shrink: 0;
    width: 851px;
    margin-left: auto;
    padding-left: 61px;
    box-sizing: border-box;
}

.picks_custom_pick_myinfo_area .form_col_group .col_box {
    font-size: 0;
    line-height: 0;
}

.picks_custom_pick_myinfo_area .btn_area_popup {
    font-weight: 700;
}

.picks_custom_pick_myinfo_area .btn_area_popup .ico_arw {
    margin-left: 4px;
    margin-top: 5px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url(/common/images/picks/btn_more_body@2x.png);
}

.picks_custom_pick_myinfo_area .btn_area_popup.active .ico_arw {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url(/common/images/picks/btn_more_body_active@2x.png);
}

.picks_custom_pick_myinfo_area .btn_area_popup+.text {
    margin-left: 8px;
}

.picks_custom_pick_myinfo_area .btn_area_popup+.form_sel {
    margin-left: 10px;
}

.picks_custom_pick_myinfo_area .text {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.picks_custom_pick_myinfo_area .text+.form_sel {
    margin-left: 20px;
}

.picks_custom_pick_myinfo_area .form_sel.type_arw {
    vertical-align: top;
}

.picks_custom_pick_myinfo_area .form_sel.type_arw .ui-selectmenu-button {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    background-color: transparent;
    vertical-align: top;
}

.picks_custom_pick_myinfo_area .form_sel.type_arw .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_custom_pick_myinfo_area .form_sel.type_arw .ui-selectmenu-button .ui-selectmenu-icon {
    margin-top: 5px;
    background-color: #fff;
}

.picks_custom_pick_myinfo_area .form_sel+.text {
    margin-left: 8px;
}

.picks_custom_pick_myinfo_area .form_sel+.form_sel {
    margin-left: 10px;
}

/* 작가 pick */
.picks_preference_author_wrap {
    border-radius: 20px;
    background: #f1ebe9;
}

.picks_preference_author_wrap .person_info_area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 40px 50px 40px 40px;
    border: 0;
}

.picks_preference_author_wrap .person_info_area .person_profile_box {
    width: 616px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_img {
    width: 118px;
    height: 118px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info {
    width: 468px;
    margin-left: 30px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .name {
    padding-right: 75px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .name,
.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .person_sub_name {
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .btn_wish_icon {
    margin-top: 3px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 12px;
    font-size: 0;
    line-height: 0;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre .genre {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #000;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre .arw_genre {
    display: inline-block;
    width: 6px;
    height: 22px;
    font-size: 0;
    line-height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    background-image: url(/common/images/picks/ico_field_gap@2x.png);
    margin: 0 6px;
    vertical-align: top;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre .right_area {
    position: relative;
    margin-left: auto;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box {
    width: 100%;
    margin-top: 9px;
    padding: 18px;
    background: #f8f6f5;
    border-radius: 10px;
    box-sizing: border-box;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item {
    flex: 0 0 50%;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item .title {
    color: #767676;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item .desc {
    flex: 1;
    margin-left: 3px;
    font-weight: 500;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item.full {
    flex: 1;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item:nth-child(n+3) {
    margin-top: 6px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box {
    width: 434px;
    margin-left: auto;
    margin-top: 0;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item {
    display: inline-block;
    width: 118px;
    margin-left: 40px;
    vertical-align: top;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(n+7) {
    margin-top: 40px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(3n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(n+4) {
    margin-top: 40px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item .prod_area .prod_info_box {
    text-align: center;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item .prod_area .prod_info_box .prod_name {
    font-weight: 400;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item .prod_area .prod_info_box .review_summary_wrap {
    margin-top: 12px;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box {
    position: relative;
    margin: 0 0 0 60px;
    flex-shrink: 0;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list {
    width: 434px;
    margin: 0;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item {
    max-width: 118px;
    padding: 0;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_info_box {
    text-align: center;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_info_box .prod_info .prod_name {
    font-weight: 400;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_info_box .review_summary_wrap {
    margin-top: 12px;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item+.person_prod_item {
    margin-left: 40px;
}

.picks_preference_author_wrap .preference_author_prod_wrap {
    width: 376px;
    height: auto;
    margin-top: 10px;
    padding: 30px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item {
    display: inline-block;
    width: 118px;
    margin-left: 40px;
    vertical-align: top;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(n+7) {
    margin-top: 40px;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(3n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(n+4) {
    margin-top: 40px;
}

/* e : 서비스 > picks */
/* 공통 폰트 굵기 */
.fw_bold {
    font-weight: 700 !important;
}

.fw_medium {
    font-weight: 500 !important;
}

.fw_regular {
    font-weight: 400 !important;
}

/* 공통 컬러 */
.fc_spot {
    color: #474c98 !important;
}

.fc_black {
    color: #000 !important;
}

.fc_green {
    color: #3c9a17 !important;
}

.fc_red {
    color: #ec1f2d !important;
}

/* 공통 폰트 굵기 */
.fw_bold {
    font-weight: 700 !important;
}

.fw_medium {
    font-weight: 500 !important;
}

.fw_regular {
    font-weight: 400 !important;
}

/* 불릿 아이템 공통 */
[class^=bul_item_] {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #595959;
    font-weight: 400;
    text-align: left;
}

[class^=bul_item_]+[class^=bul_item_] {
    margin-top: 10px;
}

[class^=bul_item_] .bul_list {
    margin-top: 10px;
}

[class^=bul_item_] .bul_list.type_sub_sm {
    margin-top: 6px;
}

[class^=bul_item_] a {
    color: inherit;
}

[class^=bul_item_] a.btn_light_gray {
    color: #fff;
}

[class^=bul_item_] .bul_item_dash {
    margin-top: 6px;
}

[class^=bul_item_] .btn_text_link {
    display: inline;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
}

[class^=bul_item_] .btn_text_link .text {
    display: inline;
}

[class^=bul_item_] .btn_more_view:not(:first-child) {
    margin-top: 6px;
}

[class^=bul_item_]+.btn_more_view,
[class^=bul_item_]+.btn_more_list {
    margin-top: 6px;
}

[class^=bul_item_] .btn_xxs {
    margin: -2px 0 0 10px;
}

[class^=bul_item_]>.btn_xs {
    margin-top: 6px;
}

[class^=bul_item_].font_size_lg {
    padding-left: 12px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.01em;
    letter-spacing: -0.025em;
}

[class^=bul_item_].font_size_lg:before {
    width: 4px;
    height: 4px;
    top: 14px;
}

[class^=bul_item_].font_size_xxs {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

[class^=bul_item_].font_size_xxs+.font_size_xxs {
    margin-top: 6px;
}

[class^=bul_item_].font_size_xxs .info_text_list,
[class^=bul_item_].font_size_xxs .bul_list {
    margin-top: 6px;
}

[class^=bul_item_].font_size_min {
    padding-left: 6px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

[class^=bul_item_].font_size_min:before {
    width: 2px;
    height: 2px;
}

[class^=bul_item_].font_size_min+.font_size_min {
    margin-top: 4px;
}

[class^=bul_item_].font_size_min .bul_list {
    margin-top: 4px;
}

/* 불릿 dot 타입 */
.bul_item_dot {
    padding-left: 9px;
}

.bul_item_dot:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999;
}

.bul_item_dot.font_size_min:before {
    top: 7px;
}

.bul_item_dot.fc_dark_gray {
    color: #292929;
}

.bul_item_dot.fc_light_gray {
    color: #767676;
}

.bul_item_dot .bul_item_asterisk {
    display: block;
    margin-top: 6px;
}

.bul_item_dot .bul_item_dash {
    margin-top: 6px;
}

/* 텍스트 gray 박스 */
.info_text_box {
    display: block;
    padding: 18px;
    border-radius: 10px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.info_text_box .info_text_inner+.info_text_inner {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #eaeaea;
}

.info_text_box .info_text+.bul_list {
    margin-top: 6px;
}

.info_text_box .bul_list+.info_text {
    margin-top: 10px;
}

.info_text_box+.bul_list {
    margin-top: 20px;
}

.info_text_box+.btn_more_view,
.info_text_box+.btn_more_list {
    margin-top: 8px;
}

.info_text_box+.title_wrap {
    margin-top: 20px;
}

.info_text_box+.info_text_box {
    margin-top: 30px;
}

.info_text_box+.payment_info_wrap {
    margin-top: 30px;
}

.info_text_box+.fold_box_wrap {
    margin-top: 20px;
}

.info_text_box+.cont_summary_box {
    margin-top: 20px;
}

.info_text_box+.tbl_prod_wrap.type_myroom {
    margin-top: 12px;
}

.info_text_box .info_text_list .info_text+.info_text {
    margin-top: 6px;
}

.info_text_box.size_sm {
    padding: 14px;
}

.info_text_box.size_sm [class^=bul_item_].font_size_min+[class^=bul_item_].font_size_min {
    margin-top: 4px;
}

.info_text_box.size_lg {
    padding: 24px;
}

.info_text_box.size_lg .right_area {
    margin-left: auto;
}

.info_text_box.size_lg .right_area.has_btn_xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: -4px;
    margin-bottom: -4px;
}

.info_text_box.size_lg .right_area.has_btn_xs .btn_xs+.btn_xs {
    margin-left: 3px;
}

.info_text_box.size_lg+.tbl_row_wrap,
.info_text_box.size_lg+.tbl_col_wrap {
    margin-top: 50px;
}

.info_text_box.type_purple {
    background-color: rgba(80, 85, 177, 0.06);
}

.info_text_box.type_purple [class^=bul_item_] {
    font-weight: 500;
    color: #474c98;
}

.info_text_box.type_purple .point_text {
    color: #5055b1;
}

.info_text_box.type_white {
    background-color: #fff;
}

.info_text_box.type_white .point_text {
    color: #000;
}

.info_text_box .info_row_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.info_text_box .info_row_box .title_wrap {
    padding-bottom: 0;
    min-width: 104px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* 인물형 공통 */
.person_info_area {
    display: inline-block;
    overflow: hidden;
    padding: 29px;
    border: 1px solid #d5d5d5;
    border-radius: 20px;
    vertical-align: top;
    box-sizing: border-box;
}

.person_info_area .person_profile_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.person_info_area .profile_img_wrap {
    position: relative;
}

.person_info_area .profile_img_wrap .btn_wish_circle {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.person_info_area .profile_img {
    flex-shrink: 0;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
}

.person_info_area .profile_img a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    cursor: default;
}

.person_info_area .profile_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.person_info_area .profile_img.no_img {
    background: url(/common/images/picks/img_prod_thumb_no_register_svg@2x.svg) center no-repeat;
    background-size: cover;
}

.person_info_area .profile_img.no_img img {
    display: none;
}

.person_info_area .profile_info {
    position: relative;
    margin-left: 16px;
}

.person_info_area .profile_info.has_btn {
    padding-right: 90px;
}

.person_info_area .profile_info .tag_wrap {
    margin-top: 16px;
}

.person_info_area .profile_info .btn_wrap {
    margin-top: 3px;
    text-align: left;
}

.person_info_area .profile_info .right_area {
    position: absolute;
    right: 0;
    top: 0;
}

.person_info_area .profile_info .person_prod_name {
    margin-top: 16px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #595959;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

.person_info_area .profile_info .person_recommend_text {
    margin-top: 20px;
}

.person_info_area .profile_info .person_interview_subject {
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #474c98;
}

.person_info_area .person_category {
    margin-bottom: 5px;
}

.person_info_area .person_category .category {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #474c98;
    vertical-align: top;
}

.person_info_area .person_name {
    display: inline-block;
    position: relative;
    padding-right: 16px;
    color: #000;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
    vertical-align: top;
}

.person_info_area .person_name .name {
    display: block;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 46px;
    line-height: 23px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

.person_info_area .person_name .btn_wish_icon {
    position: absolute;
    right: 0;
    top: 1px;
    opacity: 0.3;
}

.person_info_area .person_name .btn_wish_icon.active {
    opacity: 1;
}

.person_info_area .person_sub_name {
    display: block;
    margin-top: 4px;
    color: #767676;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    font-weight: 400;
}

.person_info_area .person_sub_name a {
    color: inherit;
}

.person_info_area .person_desc {
    display: block;
    margin-top: 6px;
    color: #595959;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

.person_info_area .person_prod_box {
    display: block;
    margin-top: 20px;
}

.person_info_area .person_prod_box .person_prod_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    color: #767676;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.person_info_area .person_prod_box .person_prod_title .btn_more_view {
    margin: 1px 0 0 auto;
}

.person_info_area .person_prod_box .person_prod_title+.person_prod_cont {
    margin-top: 12px;
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list {
    display: block;
    width: calc(100% + 10px);
    font-size: 0;
    margin: 0 -5px;
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list .person_prod_item {
    display: inline-block;
    width: 33.3333333333%;
    padding: 0 5px;
    vertical-align: top;
    max-width: 94px;
    box-sizing: border-box;
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_link {
    display: block;
    width: 100%;
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_link .img_box {
    display: block;
    width: 100%;
    overflow: hidden;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_link .img_box img {
    width: 100%;
    max-height: 122.676px;
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_link .img_box.no_img {
    padding-top: 137.5%;
    background-size: cover;
    background-image: url(/common/images/picks/img_prod_thumb_no_register_svg@2x.svg);
}

.person_info_area .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_link .img_box.no_img img {
    display: none;
}

.person_info_area .person_prod_box .person_prod_cont .tag_wrap {
    width: 100%;
}

.person_info_area .person_prod_box .person_prod_cont .tag_wrap .tag {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.person_info_area .person_prod_box .btn_wrap {
    margin-top: 30px;
}

.person_info_area .person_prod_register {
    margin-top: 4px;
    font-size: 0;
}

.person_info_area .person_prod_register .gap {
    visibility: hidden;
    font-size: 0;
}

.person_info_area .person_prod_register .date {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.person_info_area .person_prod_register .view {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin-left: 5px;
    padding-left: 7px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.person_info_area .person_prod_register .view:before {
    display: block;
    flex-shrink: 0;
    content: "";
    width: 14px;
    height: 10px;
    margin-right: 2px;
    background: url(/common/images/picks/icon_item_view@2x.png) center no-repeat;
    background-size: 14px 10px;
}

.person_info_area .person_prod_register .view:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #595959;
}

.person_info_area.has_book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.person_info_area.has_book .person_profile_box {
    align-items: center;
    flex: 1;
}

.person_info_area.has_book .info_text {
    overflow: hidden;
    display: -webkit-box;
    max-height: 57px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.person_info_area.type_lg .person_profile_box {
    align-items: stretch;
}

.person_info_area.type_lg .profile_img {
    width: 100px;
    height: 100px;
}

.person_info_area.type_lg .profile_info {
    padding-top: 6px;
}

.person_info_area.type_lg .person_prod_box {
    margin-top: 10px;
}

.person_info_area.type_xl {
    position: relative;
}

.person_info_area.type_xl:not(.has_book) .person_profile_box {
    align-items: stretch;
}

.person_info_area.type_xl .person_name {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.person_info_area.type_xl .profile_img {
    width: 122px;
    height: 122px;
}

.person_info_area.type_xl .person_prod_box {
    margin-top: 20px;
}

.person_info_area.type_xl .profile_info {
    padding-top: 10px;
}

.person_info_area.type_xxl .profile_img {
    width: 170px;
    height: 170px;
}

.person_info_area.type_xxl .profile_info {
    margin-left: 20px;
}

.person_info_area.type_column {
    border: 0;
    padding: 0;
    text-align: center;
}

.person_info_area.type_column .person_profile_box {
    flex-direction: column;
}

.person_info_area.type_column .profile_info {
    margin: 16px 0 0;
}

.person_info_area.type_column .person_name {
    padding-right: 0;
}

/* 타이틀 영역 공통 */
.title_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.title_wrap .right_area {
    margin-left: auto;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.title_wrap .right_area [class^=btn_]:not(.btn_xs, [class^=btn_sns_share])~[class^=btn_]:not(.btn_xs) {
    margin-left: 6px;
}

.title_wrap .right_area.auto {
    gap: 15px;
}

.title_wrap .right_area .switch_list_btn_wrap [class^=btn_]:not(.btn_xs)~[class^=btn_]:not(.btn_xs) {
    margin-left: 0;
}

.title_wrap .right_area .switch_list_btn_wrap+.btn_sm {
    margin-left: 6px;
}

.title_wrap .right_area .btn_xs~.btn_xs {
    margin-left: 3px;
}

.title_wrap .right_area .form_chk+[class^=btn_] {
    margin-left: 20px;
}

.title_wrap .right_area .form_chk+.switch_list_btn_wrap {
    margin-left: 20px;
}

.title_wrap .right_area .required+[class^=btn_] {
    margin-left: 20px;
}

.title_wrap .right_area .btn_sm~.switch_list_btn_wrap {
    margin-left: 4px;
}

.title_wrap .right_area .bul_item_asterisk+[class^=btn_] {
    margin-left: 20px;
}

.title_wrap .right_area .bul_item_asterisk+.form_sel {
    margin-left: 20px;
}

.title_wrap .right_area .bul_item_asterisk+.prod_filter_wrap {
    margin-left: 20px;
}

.title_wrap .right_area .step_round_desc {
    margin-right: 12px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #3c9a17;
    font-weight: 500;
}

.title_wrap .right_area .step_round_desc:last-child {
    margin-right: 0;
}

.title_wrap .category_tag_list {
    margin: 4px 0 0 30px;
}

.title_wrap .title_heading {
    display: inline-block;
    position: relative;
    font-weight: 700;
}

.title_wrap .title_heading .title_prefix {
    display: inline-block;
    color: #595959;
    margin-right: 3px;
    font-weight: 400;
}

.title_wrap .title_heading.type_link:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
}

.title_wrap .title_heading.type_link:hover,
.title_wrap .title_heading.type_link:focus,
.title_wrap .title_heading.type_link:active {
    text-decoration: underline;
}

.title_wrap .title_heading .btn_title_toggle:not(.active) .text {
    opacity: 0.2;
}

.title_wrap .title_heading .btn_title_toggle+.btn_title_toggle {
    position: relative;
    margin-left: 28px;
}

.title_wrap .title_heading .btn_title_toggle+.btn_title_toggle:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 13px;
    background: #eaeaea;
    left: -18px;
    top: 17px;
}

.title_wrap .title_heading+.btn_xs,
.title_wrap .title_heading+.btn_xxs,
.title_wrap .title_heading+.btn_wish_icon {
    margin-left: 8px;
}

.title_wrap .title_heading+.btn_wish_alarm {
    margin-left: 6px;
    transform: translateY(-1px);
}

.title_wrap .tooltip_wrap {
    margin-left: 6px;
}

.title_wrap .tab_wrap {
    width: auto;
}

.title_wrap .tab_wrap .tab_list_wrap {
    margin-bottom: 0;
    height: auto;
}

.title_wrap .required {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    vertical-align: top;
}

.title_wrap .required:before {
    content: "*";
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    margin-right: 3px;
    transform: translateY(6px);
    background-size: 6px 6px;
    background-image: url(/common/images/picks/ico_required@2x.png);
    color: transparent;
}

.title_wrap .count {
    display: inline-block;
    min-width: 20px;
    padding: 0 6px;
    margin: -1px 0 0 5px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    line-height: 20px;
    font-weight: 700;
    background: #000;
    border-radius: 20px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
}

.title_wrap .standard_date {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.title_wrap .standard_date:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-image: url(/common/images/picks/ico_standard_time@2x.png);
}

.title_wrap .standard_date .date {
    font-weight: 500;
}

.title_wrap .period_text {
    display: inline-block;
    color: #595959;
    margin-left: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    vertical-align: top;
}

.title_wrap.has_sub_title {
    flex-wrap: wrap;
}

.title_wrap.has_sub_title .title_heading {
    display: block;
    padding-bottom: 0;
}

.title_wrap.has_sub_title>.info_text,
.title_wrap.has_sub_title>[class^=bul_item_] {
    width: 100%;
    margin-top: 6px;
}

.title_wrap.has_sub_title>.info_text .bul_list,
.title_wrap.has_sub_title>[class^=bul_item_] .bul_list {
    margin-top: 10px;
}

.title_wrap.has_sub_title .sub_title_wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 6px;
}

.title_wrap.has_sub_title .sub_title_wrap .tooltip_wrap {
    margin-left: 6px;
}

.title_wrap.has_sub_title .sub_title_wrap>.info_text,
.title_wrap.has_sub_title .sub_title_wrap>[class^=bul_item_] {
    width: auto;
    margin-top: 0;
}

.title_wrap.has_sub_title .sub_title_wrap .right_area {
    flex-shrink: 0;
    margin-left: auto;
}

.title_wrap.has_sub_title .sub_title_wrap.type_bottom {
    align-items: flex-end;
}

.title_wrap.has_sub_title .sub_title_wrap.type_bottom .tooltip_wrap {
    transform: translateY(-4px);
}

.title_wrap.has_line {
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}

.title_wrap.has_line_gray {
    margin-bottom: 30px;
    border-bottom: 1px solid #d5d5d5;
}

.title_wrap.align_center {
    justify-content: center;
}

.title_wrap+.prod_list_wrap {
    padding: 0;
    border-top: none;
}

/* H3, font-size: 20px */
.title_wrap.title_size_md {
    padding-bottom: 20px;
}

.title_wrap.title_size_md .title_heading {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.title_wrap.title_size_md .title_heading+.tab_wrap.type_text {
    margin: 0 0 2px 16px;
}

.title_wrap.title_size_md .title_heading+.tab_wrap.type_text.limit_text .tab_item .tab_link {
    max-width: 76px;
}

.title_wrap.title_size_md .title_heading+.tab_wrap.type_text.limit_text .tab_item .tab_link .tab_text {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title_wrap.title_size_md .title_heading+.btn_info_popup {
    margin-left: 6px;
}

.title_wrap.title_size_md .title_heading.type_link {
    position: relative;
    padding-right: 16px;
}

.title_wrap.title_size_md .title_heading.type_link:before {
    top: 6px;
    width: 10px;
    height: 16px;
    background-size: 10px 16px;
    background-image: url(/common/images/picks/btn_more_view_black_lg@2x.png);
}

.title_wrap.title_size_md .title_heading.type_link:focus,
.title_wrap.title_size_md .title_heading.type_link:active {
    text-decoration: underline;
}

.title_wrap.title_size_md.has_btn {
    min-height: 38px;
    padding-bottom: 16px;
}

.title_wrap.title_size_md.has_sub_title {
    padding-bottom: 24px;
}

.title_wrap.title_size_md.has_sub_title+.title_size_md {
    margin-top: 36px;
}

.title_wrap.title_size_md.has_sub_title+.title_size_def {
    margin-top: 36px;
}

.title_wrap.title_size_md~.title_size_md {
    margin-top: 50px;
}

.title_wrap.title_size_md+.title_size_md,
.title_wrap.title_size_md+.title_size_def {
    margin-top: 0;
}

/* B1, font-size: 15px */
.title_wrap.title_size_sm {
    min-height: 24px;
    padding-bottom: 12px;
}

.title_wrap.title_size_sm .title_heading {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

.title_wrap.title_size_sm .title_heading+.btn_info_popup {
    margin-left: 6px;
}

.title_wrap.title_size_sm.has_sub_title {
    padding-bottom: 20px;
}

.title_wrap.title_size_sm~.title_size_sm {
    margin-top: 20px;
}

.title_wrap.title_size_sm+.title_size_sm {
    margin-top: 0;
}

/* 종합 pick 취향선택 버튼 */
.prod_area.horizontal .prod_info_box .prod_picks_selected {
    margin-top: 30px;
    text-align: left;
}

.prod_area.horizontal .prod_info_box .prod_picks_selected .btn_sm {
    width: 146px;
}

.prod_area.horizontal .prod_info_box .prod_picks_selected .btn_sm+.btn_sm {
    margin-top: 0;
    margin-left: 5px;
}

.prod_area .prod_picks_selected {
    margin-top: 26px;
    text-align: center;
}

.prod_area .prod_picks_selected .btn_sm {
    width: 146px;
}

.prod_area .prod_picks_selected .btn_sm [class^=ico_pick_] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    z-index: auto;
}

.prod_area .prod_picks_selected .btn_sm .ico_pick_good {
    margin-top: 1px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_picto_good_green@2x.png);
}

.prod_area .prod_picks_selected .btn_sm .ico_pick_not_good {
    margin-top: 1px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_picto_not_good_black@2x.png);
}

.prod_area .prod_picks_selected .btn_sm+.btn_sm {
    margin-top: 6px;
}

/* picks 공통 */
.picks_book_recommend_box {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_book_recommend_box .book_info_area {
    padding-right: 30px;
}

.picks_book_recommend_box .book_info_area .prod_introduction {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    margin-top: 12px;
}

.picks_book_recommend_box .book_info_area .prod_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 20px;
}

.picks_book_recommend_box .book_info_right_area {
    position: relative;
    flex-shrink: 0;
    width: 417px;
    margin-left: auto;
    padding-left: 31px;
    box-sizing: border-box;
}

.picks_book_recommend_box .book_info_right_area .title_wrap.title_size_xs {
    padding-bottom: 12px;
}

.picks_book_recommend_box .book_info_right_area .title_wrap.title_size_xs~.title_size_xs {
    margin-top: 24px;
}

.picks_book_recommend_box .book_info_right_area .charting_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box {
    position: relative;
    width: 56px;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .name {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .circle_progress {
    margin: 0 auto;
    transform: rotate(-90deg);
    vertical-align: top;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .frame,
.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .bar {
    fill: none;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .frame {
    stroke: rgba(77, 172, 39, 0.2);
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .bar {
    stroke: #4dac27;
    stroke-linecap: round;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    text-align: center;
    line-height: 19px;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .val,
.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .unit {
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .label {
    font-size: 12px;
    letter-spacing: -0.01em;
    color: #595959;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box+.circle_progress_box {
    margin-left: 24px;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_purple .frame {
    stroke: rgba(80, 85, 177, 0.2);
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_purple .bar {
    stroke: #5055b1;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_mint .frame {
    stroke: rgba(10, 180, 157, 0.2);
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_mint .bar {
    stroke: #0ab49d;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_orange .frame {
    stroke: rgba(247, 114, 84, 0.2);
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_orange .bar {
    stroke: #f77254;
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_blue .frame {
    stroke: rgba(83, 124, 222, 0.2);
}

.picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_blue .bar {
    stroke: #537cde;
}

.picks_book_recommend_box+.picks_book_recommend_box {
    margin-top: 30px;
}

/* 키워드 pick */
.keyword_pick {
    padding-bottom: 30px;
}

.keyword_pick .keyword_pick_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.keyword_pick .keyword_pick_header .logo_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 120px;
    white-space: nowrap;
    vertical-align: middle;
}

.keyword_pick .keyword_pick_header .logo_area .text {
    font-size: 20px;
    line-height: 12px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.keyword_pick .keyword_pick_header .logo_area .ico_logos_pick {
    display: inline-block;
    width: 51px;
    height: 21px;
    margin-left: 8px;
    background-size: 51px 21px;
    background-image: url(/common/images/picks/logo_picks_header_black@2x.png);
    vertical-align: middle;
}

.keyword_pick .keyword_pick_header .search_area {
    margin-left: 30px;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 560px;
    height: 48px;
    padding-right: 14px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid #5055b1;
    box-sizing: border-box;
    transition: width 0.23s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap {
    position: relative;
    flex: 1;
    height: 100%;
    padding-left: 23px;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search {
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    border: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search:-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-ms-input-placeholder {
    font-size: inherit;
    color: #767676;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-decoration,
.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-cancel-button,
.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-results-button,
.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .ip_keyword_pick_search::-webkit-search-results-decoration {
    display: none;
    width: 0;
    height: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap .btn_ip_clear {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/btn_ip_reset@2x.png);
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap.value .ip_gnb_search {
    padding-right: 40px;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .search_input_wrap.value .btn_ip_clear {
    display: block;
}

.keyword_pick .keyword_pick_header .search_area .keyword_pick_search_box .btn_keyword_pick_search {
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/btn_header_search@2x.png);
}

.keyword_pick .keyword_pick_header .right_area {
    margin-left: auto;
}

.keyword_pick .keyword_pick_body {
    margin-top: 30px;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    display: block;
    width: 100%;
    padding: 30px;
    background: rgba(77, 172, 39, 0.1);
    border-radius: 20px;
    box-sizing: border-box;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 30px;
    background-size: 80px 80px;
    background-image: url(/common/images/picks/ico_picks_keyword_pick_green@2x.png);
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area {
    display: inline-block;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area .info_group+.info_group {
    margin-top: 10px;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area .text {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box .right_area .text .fc_green {
    font-weight: 700;
    color: #4dac27;
}

.keyword_pick .keyword_pick_body .keyword_pick_info_box+.picks_custom_pick_result_wrap {
    margin-top: 50px;
}

.keyword_pick .keyword_pick_body .keyword_pick_list_wrap {
    margin-top: 30px;
}

.keyword_pick .keyword_pick_body .keyword_pick_list_wrap .tag_wrap .tag {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 212px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap {
    margin-top: 24px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .no_data {
    padding-top: 150px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .list_result_wrap {
    margin-bottom: 20px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item {
    display: inline-block;
    width: 400px;
    margin-left: 36px;
    vertical-align: top;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(n+7) {
    margin-top: 24px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(2n+1) {
    margin-left: 0;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item:nth-child(n+3) {
    margin-top: 24px;
}

.keyword_pick .keyword_pick_body .keyword_pick_prod_wrap .prod_list .prod_item .prod_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.keyword_pick .keyword_pick_body .tag_wrap .tag.active {
    background-color: #595959;
    border-color: #595959;
    color: #fff;
}

/* picks 공통 헤더 */
.picks_header_box {
    height: 280px;
    background-size: 1200px 280px;
    background-image: url(/common/images/picks/bg_service_pick_induce@2x.png);
    border-radius: 20px;
}

.picks_header_box .picks_header_inner {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 70px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.picks_header_box .picks_header_inner .picks_header_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #fff;
}

.picks_header_box .picks_header_inner .picks_header_title+.picks_header_desc {
    margin-top: 10px;
}

.picks_header_box .picks_header_inner .picks_header_title .ico_logos_pick {
    display: inline-block;
    width: 64px;
    height: 30px;
    margin-left: 8px;
    background-size: 64px 30px;
    background-image: url(/common/images/picks/logo_picks_header@2x.png);
}

.picks_header_box .picks_header_inner .picks_header_desc {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #fff;
}

.picks_header_box .picks_header_inner .btn_ip {
    margin-top: 24px;
}

/* picks 공통 컨텐츠 */
.picks_body_area {
    padding-top: 50px;
}

.picks_body_area .picks_body_top_wrap {
    margin-top: 50px;
}

.picks_body_area .picks_body_top_wrap .title_wrap.size_md.has_sub_title .info_text {
    margin-top: 10px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box {
    width: 479px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card {
    position: relative;
    padding: 40px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .desc {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #fff;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc {
    display: block;
    padding-right: 140px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #fff;
    word-break: keep-all;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern {
    display: block;
    vertical-align: top;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character {
    display: inline-block;
    position: relative;
    padding: 0 12px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:before,
.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    background-image: url(/common/images/picks/ico_quote_picks_type@2x.png);
    vertical-align: top;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:before {
    top: 4px;
    left: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .pattern_desc .pattern .character:after {
    top: 3px;
    right: 0;
    transform: rotate(180deg);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .level_desc {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #fff;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_card .level_desc .level {
    display: inline-block;
    vertical-align: top;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc {
    position: relative;
    margin-top: 22px;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 18px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 33px;
    width: 14px;
    height: 14px;
    background-color: #f5f5f5;
    transform: rotate(315deg) translate(0, -50%);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc .type_title {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #000;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box .picks_type_desc .type_desc {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #000;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card {
    height: 400px;
    box-shadow: none;
    border: solid 1px #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer {
    text-align: center;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer:before {
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    margin: 0 auto 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    background-image: url(/common/images/picks/ico_picks_no_member@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer p {
    color: #595959;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer p .fw_bold {
    color: #000;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_new .picks_type_card .picks_new_comer .btn_wrap {
    margin-top: 30px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_dog .picks_type_card {
    background-color: #7498ee;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_dog@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_owl .picks_type_card {
    background-color: #3b4fb9;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_owl@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_hedgehog .picks_type_card {
    background-color: #ff77ac;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_hedgehog@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_elephant .picks_type_card {
    background-color: #f9aa47;
    background-size: 250px 230px;
    background-image: url(/common/images/picks/img_picks_type_elephant@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_penguin .picks_type_card {
    background-color: #8366fd;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_penguin@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_cow .picks_type_card {
    background-color: #0ab49d;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_cow@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_sloth .picks_type_card {
    background-color: #f77254;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_sloth@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_box.type_bear .picks_type_card {
    background-color: #05aa45;
    background-size: 230px 230px;
    background-image: url(/common/images/picks/img_picks_type_bear@2x.png);
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box {
    width: 475px;
    border-radius: 20px;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    margin-left: auto;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap {
    position: relative;
    height: 100%;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper_control_box {
    position: absolute;
    bottom: 34px;
    left: 0;
    right: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper-button-prev,
.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper-button-next {
    position: absolute;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    margin-top: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_swiper_wrap .swiper-button-prev {
    right: 64px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area {
    height: 398px;
    padding: 20px;
    box-sizing: border-box;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap {
    width: auto;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap.title_size_md {
    padding-bottom: 30px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap.title_size_md .title_heading {
    font-weight: 400;
    letter-spacing: -0.05em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .title_wrap.title_size_md+.picks_type_preference_box {
    margin-top: 14px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item>.label {
    flex-shrink: 0;
    width: 100px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area {
    flex-grow: 1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame {
    width: 290px;
    font-size: 0;
    line-height: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame .bar {
    position: relative;
    display: inline-block;
    height: 8px;
    border-radius: 6px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame .bar .value {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: calc(100% + 12px);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    word-break: keep-all;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.green .bar {
    background-color: #4dac27;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.green .value {
    color: #4dac27;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.purple .bar {
    background-color: #5055b1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box .frame.purple .value {
    color: #5055b1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item .charting_area .bar_progress_box+.bar_progress_box {
    margin-top: 14px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_box .picks_type_preference_item+.picks_type_preference_item {
    margin-top: 36px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box {
    margin-top: 35px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 8px;
    background-color: #d5d5d5;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text.green:before {
    background-color: #4dac27;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text.purple:before {
    background-color: #5055b1;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_preference_legend_box .legend_text+.legend_text {
    margin-left: 20px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list {
    margin-right: -16px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item {
    display: inline-block;
    width: calc(50% - 16px);
    margin-left: 16px;
    vertical-align: top;
    box-sizing: border-box;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item:nth-child(2n+1) {
    margin-left: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item:nth-child(n+3) {
    margin-top: 16px;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item .person_info_area {
    border: 0;
    padding: 0;
}

.picks_body_area .picks_mypicks_wrap .picks_mypicks_contents .picks_type_analysis_box .picks_type_analysis_area .picks_type_author_recommend_box .picks_type_author_recommend_list .picks_type_author_recommend_item .person_info_area .person_profile_box .profile_info {
    flex: auto;
}

.picks_body_area .picks_synthesis_picks_wrap .picks_book_recommend_box .book_info_area {
    width: calc(100% - 417px);
    float: none;
    position: static;
    border: 0;
    background: transparent;
    padding: 0 30px 0 0;
    font-size: 14px;
    color: #000;
}

.picks_body_area .picks_synthesis_picks_wrap .picks_book_recommend_box:before {
    content: "";
    position: absolute;
    top: 75px;
    bottom: 75px;
    right: 457px;
    width: 1px;
    border-left: 1px dashed #eaeaea;
}

.picks_body_area .picks_realtime_recommend_wrap {
    border-top: solid 1px #eaeaea;
    padding-top: 50px;
}

.picks_body_area .picks_realtime_recommend_wrap .title_wrap.title_size_md .btn_reset {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.picks_body_area .picks_realtime_recommend_wrap .title_wrap.title_size_md~.title_wrap.title_size_md {
    margin-top: 50px;
}

.picks_body_area .picks_realtime_recommend_wrap .swiper_auto_control_area {
    position: relative;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin-top: 20px;
}

.picks_body_area .picks_realtime_recommend_wrap .swiper_auto_control_area .swiper_control_box {
    min-width: 60px;
}

.picks_body_area .picks_realtime_recommend_wrap .swiper-button-prev,
.picks_body_area .picks_realtime_recommend_wrap .swiper-button-next {
    margin-top: 0;
    top: 69px;
}

.picks_body_area .picks_author_wrap {
    border-top: solid 1px #eaeaea;
    padding-top: 50px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: auto;
    min-height: 38px;
    margin-bottom: 24px;
    border-bottom: 0;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item {
    height: 38px;
    border-radius: 38px;
    margin-bottom: 0;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item .tab_link {
    padding: 9px 15px 10px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .title_wrap {
    padding-bottom: 0;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .title_wrap+.tabs {
    margin-left: 30px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area {
    margin-left: auto;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url(/common/images/picks/btn_swiper_arr_gray_sm@2x.png);
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw.prev {
    transform: rotate(180deg);
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw.next {
    margin-left: 10px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .right_area .btn_tab_arw.button-disabled {
    opacity: 0.3;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap {
    margin-top: 50px;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .title_wrap .title_heading .name {
    color: #5055b1;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item {
    width: 100%;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area {
    width: 100%;
    padding: 20px 24px;
    border: 0;
    background: #f7f7f7;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .profile_img {
    width: 66px;
    height: 66px;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation {
    display: block;
    display: -webkit-box;
    margin-top: 6px;
    font-size: 13px;
    color: #595959;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation .value {
    display: inline-block;
    margin-left: 3px;
    font-size: 0;
    color: #474c98;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation .value .val,
.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .person_relation .value .unit {
    font-size: 14px;
    font-weight: bold;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .profile_info {
    flex: 1;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_info_area .profile_info .right_area {
    top: 50%;
    transform: translateY(-50%);
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_prod_box {
    width: 100%;
    margin-top: 10px;
    padding: 30px;
    border: solid 1px #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_prod_box .prod_item {
    display: block;
    width: 100%;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item .person_prod_box .prod_item+.prod_item {
    margin-top: 12px;
    margin-left: 0;
}

.picks_body_area .picks_author_wrap .picks_preference_author_relation_wrap .picks_preference_author_relation_content .picks_preference_item+.picks_preference_item {
    margin-left: 36px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group+.picks_soulmate_group {
    margin-top: 50px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 20px 50px;
    border-radius: 20px;
    background: rgba(80, 85, 177, 0.04);
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 391px;
    flex-shrink: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    margin-left: 34px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_xl {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_xl@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_lg {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_lg@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_md {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_md@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_sm {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_sm@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .ico_sync.size_xs {
    background-size: 90px 90px;
    background-image: url(/common/images/picks/ico_picks_heart_xs@2x.png);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area .sync_percent_box .sync_value {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.01em;
    color: #474c98;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area {
    position: relative;
    flex-grow: 1;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.06);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    padding-left: 117px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item {
    display: inline-block;
    flex: 1;
    vertical-align: top;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item .title {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #333;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item .val {
    margin-top: 8px;
    display: block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list .info_item+.info_item {
    margin-left: 20px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box.no_sync {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box.no_sync .no_sync_title {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 400;
    vertical-align: top;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box.no_sync .no_sync_title+.btn_wrap {
    margin-top: 20px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap {
    margin-top: 10px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box {
    padding: 38px 40px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .book_info_area {
    width: 694px;
    box-sizing: border-box;
    float: none;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .book_info_area .prod_area {
    align-items: flex-start;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .book_info_area .prod_area .prod_info_box {
    padding-top: 10px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area {
    padding-left: 70px;
    flex-shrink: 0;
    width: 354px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .title_wrap.title_size_xs .rating-container {
    margin-left: 20px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .charting_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box {
    background-color: #f7f7f7;
    padding: 24px 25px;
    margin-top: 10px;
    border-radius: 12px;
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item {
    display: inline-block;
    flex: 1 0;
    padding: 0 6px;
    text-align: center;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item:first-child {
    padding-left: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item:last-child {
    padding-right: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box {
    display: block;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box .num_score_bar {
    display: inline-block;
    position: relative;
    min-width: 38px;
    height: 19px;
    padding: 2px 7px 0;
    margin-bottom: 9px;
    color: #595959;
    font-size: 13px;
    letter-spacing: -0.01em;
    line-height: 19px;
    border-radius: 10px;
    box-sizing: border-box;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box .score_bar {
    display: block;
    position: relative;
    overflow: hidden;
    width: 6px;
    height: 62px;
    margin: 0 auto;
    background-color: #eaeaea;
    border-radius: 5px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .score_bar_box .score_bar .score_bar_inner {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #767675;
    border-radius: 5px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item .text_reply {
    display: block;
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    margin-top: 6px;
    text-align: center;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .num_score_bar {
    padding-top: 0;
    background-color: rgba(80, 85, 177, 0.8);
    color: #fff;
    font-weight: 500;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .num_score_bar:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 12px;
    height: 4px;
    background-repeat: no-repeat;
    background-size: 12px 4px;
    background-image: url(/common/images/picks/bg_best_score@2x.png);
    transform: translateX(-50%);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .score_bar {
    background-color: rgba(184, 186, 223, 0.4);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .score_bar_box .score_bar .score_bar_inner {
    background-color: rgba(80, 85, 177, 0.8);
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .picks_book_recommend_box .klover_rating_area .klover_review_box .reply_score_list .reply_score_item.score_best .text_reply {
    color: #474c98;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_swiper_wrap .swiper-pagination-bullets {
    margin-top: 16px;
}

/* font-size: 24px */
.title_wrap.title_size_lg {
    padding-bottom: 30px;
}

.title_wrap.title_size_lg .title_heading {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
}

.title_wrap.title_size_lg .title_heading+.period_text {
    margin-top: 3px;
}

.title_wrap.title_size_lg.has_sub_title {
    padding-bottom: 30px;
}

.title_wrap.title_size_lg.has_sub_title>.info_text,
.title_wrap.title_size_lg.has_sub_title>[class^=bul_item_] {
    margin-top: 10px;
}

.title_wrap.title_size_lg.has_sub_title+.title_size_def {
    margin-top: 20px;
}

.title_wrap.title_size_lg.has_btn {
    min-height: 38px;
    padding-bottom: 27px;
}

.title_wrap.title_size_lg~.title_size_lg {
    margin-top: 70px;
}

.title_wrap.title_size_lg~.title_size_md {
    margin-top: 50px;
}

.title_wrap.title_size_lg~.title_size_def {
    margin-top: 50px;
}

.title_wrap.title_size_lg+.title_size_lg,
.title_wrap.title_size_lg+.title_size_md,
.title_wrap.title_size_lg+.title_size_def {
    margin-top: 0;
}

/* 내맘대로픽 */
.picks_custom_wrap .picks_custom_pick_result_wrap .prod_area .prod_info_box .review_summary_wrap .review_klover_text {
    padding-left: 22px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.picks_custom_wrap .picks_custom_pick_result_wrap .prod_area .prod_info_box .review_summary_wrap .review_klover_text:before {
    top: 0;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url(/common/images/picks/ico_star@2x.png);
}

/* 내맘대로픽 상단 필터 영역 */
.picks_custom_pick_box {
    position: relative;
    display: block;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 40px;
    background: rgba(77, 172, 39, 0.07);
    border-radius: 20px;
    box-sizing: border-box;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.picks_custom_pick_box:before {
    content: "";
    position: absolute;
    top: 57px;
    bottom: 57px;
    right: 891px;
    width: 1px;
    border-left: 1px solid #eaeaea;
}

.picks_custom_pick_box .picks_custom_pick_title_area {
    position: relative;
    padding-right: 30px;
    /* margin-right: auto; */
    margin-right: 0;
}

.picks_custom_pick_box .picks_custom_pick_title_area .title_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_custom_pick_box .picks_custom_pick_title_area .title_box .text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.picks_custom_pick_box .picks_custom_pick_title_area .title_box:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    background-size: 80px 80px;
    background-image: url(/common/images/picks/ico_picks_custom_hand_green@2x.png);
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area {
    position: relative;
    flex-shrink: 0;
    width: 851px;
    margin-left: auto;
    padding-left: 61px;
    box-sizing: border-box;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_col_group .col_box {
    font-size: 0;
    line-height: 0;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .btn_area_popup {
    font-weight: 700;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .btn_area_popup .ico_arw {
    margin-left: 4px;
    margin-top: 5px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url(/common/images/picks/btn_more_body@2x.png);
    z-index:99999;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .btn_area_popup.active .ico_arw {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url(/common/images/picks/btn_more_body_active@2x.png);
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .btn_area_popup+.text {
    margin-left: 8px;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .btn_area_popup+.form_sel {
    margin-left: 10px;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .text {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .text+.form_sel {
    margin-left: 20px;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_sel.type_arw {
    vertical-align: top;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_sel.type_arw .ui-selectmenu-button {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    background-color: transparent;
    vertical-align: top;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_sel.type_arw .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_sel.type_arw .ui-selectmenu-button .ui-selectmenu-icon {
    margin-top: 5px;
    background-color: #fff;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_sel+.text {
    margin-left: 8px;
}

.picks_custom_pick_box .picks_custom_pick_myinfo_area .form_sel+.form_sel {
    margin-left: 10px;
}

.picks_custom_pick_box+.picks_custom_pick_result_wrap {
    margin-top: 50px;
}

/* 작가 pick */
.picks_preference_author_wrap {
    border-radius: 20px;
    background: #f1ebe9;
}

.picks_preference_author_wrap .person_info_area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 40px 50px 40px 40px;
    border: 0;
}

.picks_preference_author_wrap .person_info_area .person_profile_box {
    width: 616px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_img {
    width: 118px;
    height: 118px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info {
    width: 468px;
    margin-left: 30px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .name {
    padding-right: 75px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .name,
.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .person_sub_name {
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_name .btn_wish_icon {
    margin-top: 3px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 12px;
    font-size: 0;
    line-height: 0;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre .genre {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #000;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre .arw_genre {
    display: inline-block;
    width: 6px;
    height: 22px;
    font-size: 0;
    line-height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    background-image: url(/common/images/picks/ico_field_gap@2x.png);
    margin: 0 6px;
    vertical-align: top;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_genre .right_area {
    position: relative;
    margin-left: auto;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box {
    width: 100%;
    margin-top: 9px;
    padding: 18px;
    background: #f8f6f5;
    border-radius: 10px;
    box-sizing: border-box;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item {
    flex: 0 0 50%;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item .title {
    color: #767676;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item .desc {
    flex: 1;
    margin-left: 3px;
    font-weight: 500;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item.full {
    flex: 1;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info .person_detail_info_box .person_prod_list .person_prod_item:nth-child(n+3) {
    margin-top: 6px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box {
    width: 434px;
    margin-left: auto;
    margin-top: 0;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item {
    display: inline-block;
    width: 118px;
    margin-left: 40px;
    vertical-align: top;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(n+7) {
    margin-top: 40px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(3n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item:nth-child(n+4) {
    margin-top: 40px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item .prod_area .prod_info_box {
    text-align: center;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item .prod_area .prod_info_box .prod_name {
    font-weight: 400;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item .prod_area .prod_info_box .review_summary_wrap {
    margin-top: 12px;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box {
    position: relative;
    margin: 0 0 0 60px;
    flex-shrink: 0;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list {
    width: 434px;
    margin: 0;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item {
    max-width: 118px;
    padding: 0;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_info_box {
    text-align: center;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_info_box .prod_info .prod_name {
    font-weight: 400;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item .prod_info_box .review_summary_wrap {
    margin-top: 12px;
}

.picks_preference_author_wrap .preference_author_box .person_prod_box .person_prod_cont .person_prod_list .person_prod_item+.person_prod_item {
    margin-left: 40px;
}

.picks_preference_author_wrap .preference_author_prod_wrap {
    width: 376px;
    height: auto;
    margin-top: 10px;
    padding: 30px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item {
    display: inline-block;
    width: 118px;
    margin-left: 40px;
    vertical-align: top;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(n+7) {
    margin-top: 40px;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(3n+1) {
    margin-left: 0;
}

.picks_preference_author_wrap .preference_author_prod_wrap .prod_list .prod_item:nth-child(n+4) {
    margin-top: 40px;
}

/* tab 공통 */
.tab_wrap {
    position: relative;
    width: 100%;
    padding: 0;
}

.tab_wrap>.tab_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 72px;
    margin-bottom: 30px;
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
    box-sizing: border-box;
    font-size: 0;
}

.tab_wrap>.tab_list_wrap .tabs {
    display: inline-block;
    flex: 1 1 auto;
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    box-sizing: border-box;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0 30px;
    float: left;
    background: none;
    box-sizing: border-box;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item:first-child {
    padding: 0 30px 0 0;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item:last-child {
    padding: 0 0 0 30px;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item .tab_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item .tab_link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: transparent;
    transition: background-color 0.3s ease-out;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item .tab_link .tab_text {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    color: #767676;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item .tab_link .tab_text .desc {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item .tab_link.tab_disabled {
    cursor: default;
    pointer-events: none;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item .tab_link.tab_disabled .tab_text {
    color: #ccc;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item.ui-state-active,
.tab_wrap>.tab_list_wrap .tabs .tab_item.active {
    z-index: 2;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item.ui-state-active .tab_link,
.tab_wrap>.tab_list_wrap .tabs .tab_item.active .tab_link {
    cursor: pointer;
    overflow: visible;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item.ui-state-active .tab_link:after,
.tab_wrap>.tab_list_wrap .tabs .tab_item.active .tab_link:after {
    background-color: #000;
}

.tab_wrap>.tab_list_wrap .tabs .tab_item.ui-state-active .tab_link .tab_text,
.tab_wrap>.tab_list_wrap .tabs .tab_item.active .tab_link .tab_text {
    color: #000;
    font-weight: 700;
}

.tab_wrap>.tab_list_wrap .right_area {
    display: inline-block;
    flex: 0 auto;
    align-self: flex-start;
    margin-left: 30px;
}

.tab_wrap .tab_content {
    padding: 0;
    background: #fff;
    box-sizing: border-box;
    outline: none;
}

/* tab - line 타입 */
.tab_wrap.type_line>.tab_list_wrap {
    height: 44px;
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item {
    min-width: 160px;
    padding: 0;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    transition: none;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item .tab_link {
    padding: 0 23px;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item .tab_link .tab_text {
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item .tab_link .ico_link {
    position: absolute;
    top: 7px;
    right: 7px;
    display: block;
    width: 7px;
    height: 7px;
    background-size: 7px 7px;
    background-image: url(/common/images/picks/ico_tab_link@2x.png);
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item .tab_link:after {
    bottom: -2px;
    transition: none;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item.ui-state-active {
    border: 1px solid #000;
    border-bottom: 0;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item.ui-state-active .tab_link .tab_text {
    color: #000;
    font-weight: 500;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item.ui-state-active .tab_link:after {
    bottom: -2px;
    background: #fff;
}

.tab_wrap.type_line>.tab_list_wrap .tabs .tab_item~.tab_item {
    margin-left: -1px;
}

/* tab - 균등형 */
.tab_wrap.justify>.tab_list_wrap .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.tab_wrap.justify>.tab_list_wrap .tabs .tab_item {
    min-width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
}

.tab_wrap.justify:not(.type_line_round)>.tab_list_wrap .tabs .tab_item .tab_link {
    padding: 0 14px;
}

.tab_wrap.justify.type_tag>.tab_list_wrap .tabs .tab_item {
    margin: 0;
}

.tab_wrap.justify.type_tag>.tab_list_wrap .tabs .tab_item~.tab_item {
    margin-left: 6px;
}

/* swiper nav 기본 */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-color: transparent;
}

.swiper-button-next,
.swiper-button-prev {
    opacity: 1;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr_white@2x.png);
    transition: opacity 0.23s;
    border-radius: 100%;
    z-index: 2;
    box-sizing: border-box;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: auto;
}

.swiper-button-next.type_white,
.swiper-button-prev.type_white {
    border: 1px solid #ccc;
    background-color: #fff;
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr@2x.png);
}

.swiper-button-next.type_white_sm,
.swiper-button-prev.type_white_sm {
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url(/common/images/picks/btn_swiper_arr_gray_sm@2x.png);
}

.swiper-button-prev {
    transform: rotate(180deg);
}

/* swiper paging(type fraction) 기본 */
.swiper-pagination {
    z-index: 2;
}

.swiper-pagination.swiper-pagination-fraction {
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: auto;
    min-width: 60px;
    height: 29px;
    padding: 0 14px;
    line-height: 29px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    font-size: 0;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    display: inline-block;
    color: #ccc;
    font-size: 13px;
    letter-spacing: -0.01em;
    line-height: 29px;
    font-family: "Roboto", sans-serif;
    vertical-align: top;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    color: #fff;
    font-weight: 700;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
    content: "-";
    display: inline-block;
    margin: 0 4px 0 3px;
    color: #ccc;
}

/* swiper scrollbar */
.swiper-scrollbar>.swiper-scrollbar,
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 50;
    height: 2px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    overflow: hidden;
}

.swiper-scrollbar>.swiper-scrollbar .swiper-scrollbar-drag,
.swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
    background: #000;
}

/* swiper-container 외부 영역 nav, paging 기본 */
.swiper_control_box {
    text-align: center;
    font-size: 0;
}

.swiper_control_box .swiper-button-prev,
.swiper_control_box .swiper-button-next {
    display: inline-block;
    position: static;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 6px 10px;
    background-image: url(/common/images/picks/btn_swiper_list@2x.png);
    vertical-align: top;
}

.swiper_control_box .swiper-button-prev.swiper-button-disabled,
.swiper_control_box .swiper-button-next.swiper-button-disabled {
    opacity: 0.3;
}

.swiper_control_box .swiper-button-prev.type_round,
.swiper_control_box .swiper-button-next.type_round {
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr_white@2x.png);
    transition: opacity 0.23s;
    border-radius: 100%;
    box-sizing: border-box;
}

.swiper_control_box .swiper-button-prev.type_round.type_white,
.swiper_control_box .swiper-button-next.type_round.type_white {
    border: 1px solid #ccc;
    background-color: #fff;
    background-size: 44px 44px;
    background-image: url(/common/images/picks/btn_swiper_arr@2x.png);
}

.swiper_control_box .swiper-button-prev.type_round.type_white_sm,
.swiper_control_box .swiper-button-next.type_round.type_white_sm {
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url(/common/images/picks/btn_swiper_arr_gray_sm@2x.png);
}

.swiper_control_box .swiper-pagination-bullets {
    margin-top: 24px;
}

.swiper_control_box .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px 0 2px;
    opacity: 1;
    background: #d5d5d5;
    transition: background 0.4s;
}

.swiper_control_box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
}

.swiper_control_box .swiper-pagination {
    display: inline-block;
    position: static;
    min-width: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    vertical-align: top;
    z-index: 2;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction {
    bottom: 0;
    height: 16px;
    padding: 0 2px;
    border-radius: 0;
    background: none;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    color: #767676;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 16px;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    color: #000;
    font-weight: 500;
}

.swiper_control_box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
    margin: 0 3px;
    color: #767676;
}

.swiper_control_box .pagination_group {
    position: relative;
    display: inline-block;
    padding: 0 24px;
    vertical-align: top;
    line-height: 19px;
}

.swiper_control_box .pagination_group .swiper-pagination.fraction {
    padding: 0;
    transform: none;
    font-size: 0;
}

.swiper_control_box .pagination_group .swiper-pagination-current,
.swiper_control_box .pagination_group .swiper-pagination-total {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    line-height: 19px;
    vertical-align: top;
    color: #fff;
}

.swiper_control_box .pagination_group .swiper-pagination-total {
    left: auto;
    right: 0;
}

.swiper_control_box .pagination_group .swiper-pagination-total:before {
    content: none;
}

.swiper_control_box .pagination_group .swiper-pagination-progressbar {
    width: 70px;
    height: 1px;
    margin-top: 9px;
    background-color: rgba(255, 255, 255, 0.15);
}

.swiper_control_box .pagination_group .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

/* swiper-container 외부 영역 progress/scroll + nav 타입 */
.swiper_control_multi_box {
    margin-top: 20px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.swiper_control_multi_box .swiper-pagination-progressbar,
.swiper_control_multi_box .swiper-scrollbar {
    flex: 1;
    position: static;
    margin: 17px 20px 0 0;
}

.swiper_control_multi_box .swiper-button-next,
.swiper_control_multi_box .swiper-button-prev {
    position: static;
    margin-top: 0;
}

.swiper_control_multi_box .swiper-button-next {
    margin-left: 10px;
}

/* 태그 */
.tag_wrap {
    margin: -4px -3px;
    font-size: 0;
}

.tag_wrap .tag {
    margin: 4px 3px;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    padding: 7px 16px 8px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 20px;
    box-sizing: border-box;
    transition: background-color 0.23s, border-color 0.23s, color 0.23s;
}

.tag_wrap .tag .text {
    position: relative;
}

.tag_wrap .tag .gap {
    display: inline-block;
    width: 5px;
    height: 9px;
    font-size: 0;
    margin: 5px 4px 0;
    vertical-align: top;
    background: url(/common/images/picks/ico_field_gap@2x.png) center no-repeat;
    background-size: 5px 9px;
}

.tag_wrap button.tag:hover {
    cursor: pointer;
}

.tag_wrap button.tag.active {
    background-color: #595959;
    border-color: #595959;
    color: #fff;
}

.tag_wrap button.tag.size_lg.active {
    color: #fff;
}

.tag_wrap .tag_list {
    display: block;
}

.tag_wrap .tag_list .tag_item {
    display: block;
}

.tag_wrap.size_lg .tag {
    padding: 9px 16px 7px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    border-color: #eaeaea;
    color: #000;
}

.tag_wrap.size_sm {
    margin: -2px;
}

.tag_wrap.size_sm .tag {
    margin: 2px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.tag_wrap.size_sm .tag .gap {
    margin-top: 4px;
}

.tag_wrap.type_white .tag {
    color: #595959;
    background-color: #fff;
    border: 1px solid #fff;
}

.tag_wrap.type_line_white .tag {
    background-color: #fff;
    border: 1px solid #d5d5d5;
}

.tag_wrap.type_line_white .tag.active {
    background-color: #fff;
    border-color: #000;
    color: #000;
    font-weight: 700;
}

.tag_wrap.type_line_black .tag {
    background-color: #fff;
    border: 1px solid #d5d5d5;
}

.tag_wrap.type_line_black .tag.active {
    background-color: #000;
    border-color: #000;
    color: #fff;
    font-weight: 700;
}

.list_result_wrap .result_count {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
    margin-bottom: 18px;
}

.list_result_wrap.has_line {
    border-bottom: 1px solid #d5d5d5;
}

/* 상품 아이템 공통(썸네일 영역) */
.prod_area .prod_thumb_box {
    position: relative;
    overflow: hidden;
    width: 100px;
    flex-shrink: 0;
}

.prod_area.horizontal .prod_thumb_box.size_sm {
    width: 84px;
    flex-shrink: 0;
}

.prod_area .prod_thumb_box .prod_link {
    width: 100%;
    float: none;
    margin: 0;
    display: block;
    height: 100%;
}

.prod_area .prod_thumb_box .prod_link:focus .img_box {
    outline: 2px solid -webkit-focus-ring-color;
    outline-offset: -2px;
}

.prod_area .prod_thumb_box .prod_link.disabled {
    pointer-events: none;
}

.prod_area .prod_thumb_box .prod_viewer_control {
    margin-top: 4px;
    font-size: 0;
    text-align: center;
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer {
    display: inline-block;
    margin-top: 6px;
    vertical-align: top;
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer [class^=ico_] {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 3px;
    vertical-align: top;
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer [class^=ico_].ico_preview {
    background-size: 12px 18px;
    background-image: url(/common/images/picks/ico_prod_preview@2x.png);
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer [class^=ico_].ico_listening {
    width: 14px;
    background-size: 14px 18px;
    background-image: url(/common/images/picks/ico_listening@2x.png);
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer [class^=ico_].ico_blank {
    background-size: 12px 18px;
    background-image: url(/common/images/picks/ico_blank_link@2x.png);
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer .text {
    transform: translateY(1px);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #767676;
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 6px 10px 0;
    background-color: #eaeaea;
    vertical-align: top;
}

.prod_area .prod_thumb_box .prod_viewer_control .btn_prod_viewer:last-child:after {
    content: none;
}

.prod_area .prod_thumb_box img {
    width: 100%;
}

.prod_area .prod_thumb_box .img_box {
    overflow: hidden;
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    float: none;
    margin-right: 0;
    line-height: initial;
}

.prod_area .prod_thumb_box .img_box img {
    width: 100%;
    max-height: calc((100% - 2px) * 1.618 - 10px);
}

.prod_area .prod_thumb_box .img_box.video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 42px;
    height: 42px;
    background-size: 42px 42px;
    background-image: url(/common/images/picks/ico_prod_play@2x.png);
    transform: translate(-50%, -50%);
}

.prod_area .prod_thumb_box .img_box .ico_adult {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-image: url(/common/images/picks/ico_prod_thumb_adult@2x.png);
}

.prod_area .prod_thumb_box .img_box.no_line {
    border: none;
}

.prod_area .prod_thumb_box .img_box.no_img {
    padding-top: 137.5%;
    background-size: cover;
    background-image: url(/common/images/picks/img_prod_thumb_no_register_svg@2x.svg);
}

.prod_area .prod_thumb_box .img_box.no_img img {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.prod_area .prod_thumb_box .img_box.adult {
    position: relative;
    padding-top: 137.5%;
    background-size: cover;
    background-image: url(/common/images/picks/img_prod_thumb_adult_svg@2x.svg);
    z-index: 2;
}

.prod_area .prod_thumb_box .img_box.adult img {
    display: none;
}

.prod_area .prod_thumb_box .img_box.adult.video:after {
    content: none;
}

.prod_area .prod_thumb_box .btn_wish {
    display: block;
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent url(/common/images/picks/ico_cast_heart_h15@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.prod_area .prod_thumb_box .btn_wish.active {
    background: transparent url(/common/images/picks/ico_cast_heart_h15_active@2x.png) center no-repeat;
    background-size: 20px 20px;
}

.prod_area .prod_thumb_box .btn_prod_detail {
    display: inline-block;
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    background-image: url(/common/images/picks/ico_prod_detail@2x.png);
    border-radius: 50%;
    box-sizing: border-box;
}

.prod_area .prod_thumb_box .thumb_flag_group {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    max-width: calc(100% - 15px);
}

.prod_area .prod_thumb_box .thumb_flag_group .flag {
    display: inline-block;
    padding: 4px 10px 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    border-radius: 10px 0 16px 0;
    background-color: rgba(0, 0, 0, 0.5);
    vertical-align: top;
    box-sizing: border-box;
}

.prod_area .prod_thumb_box .thumb_flag_group .flag:hover,
.prod_area .prod_thumb_box .thumb_flag_group .flag:focus {
    text-decoration: underline;
}

.prod_area .prod_thumb_box .thumb_flag_group .flag.type_gray {
    background-color: rgba(89, 89, 89, 0.85);
}

.prod_area .prod_thumb_box .thumb_flag_group .flag.type_green {
    background-color: rgba(77, 172, 39, 0.85);
}

.prod_area .prod_thumb_box .thumb_flag_group .flag.type_primary {
    background-color: #5055b1;
}

.prod_area .prod_thumb_box .thumb_flag_group .flag.type_primary .fw_bold {
    font-size: 14px;
}

.prod_area .prod_thumb_box .badge_flag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    max-width: calc(100% - 21px);
}

.prod_area .prod_thumb_box .badge_flag .text {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod_area .prod_thumb_box a.badge_flag:hover .text,
.prod_area .prod_thumb_box a.badge_flag:focus .text {
    text-decoration: underline;
}

.prod_area .prod_thumb_box.type_cover .img_box {
    border-radius: 10px;
    padding-top: 100%;
    height: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.prod_area .prod_thumb_box.type_cover .img_box img {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    font: 0/0 Arial;
}

.prod_area .prod_thumb_box.type_cover .img_box:before {
    border-radius: 10px;
}

.prod_area .prod_thumb_box.type_cover.size_xs .img_box {
    border-radius: 12px;
}

.prod_area .prod_thumb_box.type_cover.size_sm .img_box {
    border-radius: 14px;
}

.prod_area .prod_thumb_box.type_cover.size_lg .img_box {
    border-radius: 16px;
}

.prod_area .prod_thumb_box.type_cover.size_xl .img_box {
    border-radius: 20px;
}

.prod_area .prod_thumb_box.type_contain .img_box {
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.prod_area .prod_thumb_box.type_contain .img_box img {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    font: 0/0 Arial;
}

.prod_area .prod_thumb_box.type_contain .img_box.adult,
.prod_area .prod_thumb_box.type_contain .img_box.no_img {
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.prod_area .prod_thumb_box.type_bookcover .img_box {
    border-radius: 16px 16px 16px 0;
}

.prod_area .prod_thumb_box.type_bookcover.size_xs .img_box {
    border-radius: 12px 12px 12px 0;
}

.prod_area .prod_thumb_box.type_bookcover.size_sm .img_box {
    border-radius: 14px 14px 14px 0;
}

.prod_area .prod_thumb_box.type_bookcover.size_lg .img_box {
    border-radius: 16px 16px 16px 0;
}

.prod_area .prod_thumb_box.type_bookcover.size_xl .img_box {
    border-radius: 20px 20px 20px 0;
}

.prod_area .prod_thumb_box.type_square_round .img_box {
    height: 142px;
    border-radius: 16px;
    overflow: hidden;
}

.prod_area .prod_thumb_box.type_square_round .img_box img {
    max-height: 100% !important;
    object-fit: contain;
}

.prod_area .prod_thumb_box.type_square_round .img_box.adult,
.prod_area .prod_thumb_box.type_square_round .img_box.no_img {
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.prod_area .prod_thumb_box.type_square_round.size_xs .img_box {
    height: 100px;
    border-radius: 12px;
}

.prod_area .prod_thumb_box.type_square_round.size_sm .img_box {
    height: 118px;
    border-radius: 14px;
}

.prod_area .prod_thumb_box.type_square_round.size_lg .img_box {
    height: 170px;
    border-radius: 16px;
}

.prod_area .prod_thumb_box.type_square_round.size_xl .img_box {
    height: 200px;
    border-radius: 20px;
}

.prod_area .prod_thumb_box.type_gift_card .img_box {
    border: none;
}

.prod_area .prod_thumb_box.type_gift_card .img_box.no_img {
    border-radius: 4px;
    padding-top: 62.96%;
    background-size: cover;
    background-position: center;
}

.prod_area .prod_thumb_box.type_cover_circle {
    margin: 0 auto;
}

.prod_area .prod_thumb_box.type_cover_circle .img_box {
    border-radius: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.prod_area .prod_thumb_box.type_cover_circle .img_box img {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    line-height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    font: 0/0 Arial;
}

.prod_area .prod_thumb_box.type_cover_circle~.prod_info_box {
    text-align: center;
}

.prod_area .prod_thumb_box.type_brand .img_box.no_img {
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.prod_area .prod_thumb_box.type_brand .img_box,
.prod_area .prod_thumb_box.type_caster .img_box {
    border-radius: 50px;
}

.prod_area .prod_thumb_box.type_brand .img_box img,
.prod_area .prod_thumb_box.type_caster .img_box img {
    max-height: none !important;
}

.prod_area .prod_thumb_box .prod_set {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.8em;
    font-size: 13px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 0.5em 0;
}

.prod_area .prod_thumb_box.size_lg {
    width: 170px;
}

.prod_area .prod_thumb_box.size_lg .img_box img {
    max-height: 261.824px;
}

.prod_area .prod_thumb_box.size_lg .img_box .prod_set {
    font-size: 14px;
}

/* 상품 아이템 가로타입 */
.prod_area.horizontal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.prod_area.horizontal .prod_thumb_box.size_lg {
    overflow: hidden;
    flex-shrink: 0;
    width: 142px;
}

.prod_area.horizontal .prod_thumb_box .img_box img {
    height: auto;
    /* max-height: calc((84px - 2px) * 1.618 - 10px); */
}

.prod_area.horizontal .prod_info_box {
    overflow: hidden;
    margin-left: 16px;
}

.prod_area.horizontal .prod_info_box .prod_rank {
    margin-top: -10px;
}

.prod_area.horizontal .prod_info_box .prod_price_cart {
    margin-top: 3px;
}

.prod_area.horizontal .prod_info_box .prod_option>.text,
.prod_area.horizontal .prod_info_box .prod_option .val {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area.horizontal .prod_info_box.size_xs {
    margin-left: 10px;
}

.prod_area.horizontal .prod_info_box.size_xs .prod_price .point {
    padding-top: 1px;
}

.prod_area.horizontal .prod_info_box.size_sm {
    margin-left: 12px;
}

.prod_area.horizontal .prod_info_box.size_lg {
    margin-left: 20px;
}

.prod_area.horizontal .prod_info_box.size_lg .prod_price .percent {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.prod_area.horizontal .prod_info_box.size_lg .prod_price .price .val,
.prod_area.horizontal .prod_info_box.size_lg .prod_price .price .unit {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.prod_area.horizontal .prod_info_box.size_lg .gap+.point:before {
    margin-top: 7px;
}

.prod_area.horizontal .prod_info_box.size_lg .point {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    padding-top: 1px;
}

.prod_area.horizontal .prod_info_box.size_lg .prod_introduction {
    margin-top: 12px;
}

/* 상품 아이템 공통(상품 정보영역) */
.prod_area .prod_info_box .prod_rank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-bottom: 16px;
}

.prod_area .prod_info_box .prod_rank .badge_flag {
    margin-bottom: 0;
}

.prod_area .prod_info_box .prod_cut_info {
    display: block;
    margin-bottom: 12px;
    font-size: 0;
}

.prod_area .prod_info_box .prod_cut_info .percent {
    display: inline-block;
    width: 34px;
    height: 26px;
    padding: 5px 0 0 1px;
    margin-right: 3px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 34px 26px;
    background-image: url(/common/images/picks/bg_prod_cut_info@2x.png);
    text-align: center;
    box-sizing: border-box;
    font-size: 0;
}

.prod_area .prod_info_box .prod_cut_info .percent .val,
.prod_area .prod_info_box .prod_cut_info .percent .unit {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_cut_info .percent .unit {
    font-size: 8px;
    margin-top: 2px;
}

.prod_area .prod_info_box .prod_cut_info .text {
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #3c9a17;
    font-weight: 700;
    vertical-align: top;
}

.prod_area .prod_info_box .badge_flag,
.prod_area .prod_info_box .badge_sm {
    margin-bottom: 5px;
}

.prod_area .prod_info_box .prod_info {
    display: block;
    height: 100%;
    font-size: 0;
    float: none;
    margin: 0;
    color: #000;
}

.prod_area .prod_info_box .prod_info.disabled {
    pointer-events: none;
}

.prod_area .prod_info_box .prod_info+.btn_more_view,
.prod_area .prod_info_box .prod_info+.review_summary_wrap {
    margin-top: 12px;
}

.prod_area .prod_info_box a.prod_info:hover .prod_name,
.prod_area .prod_info_box a.prod_info:active .prod_name,
.prod_area .prod_info_box a.prod_info:focus .prod_name {
    text-decoration: underline;
}

.prod_area .prod_info_box .prod_category {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
}

.prod_area .prod_info_box .prod_category.fc_spot,
.prod_area .prod_info_box .prod_category.fc_green {
    font-weight: 500;
}

.prod_area .prod_info_box .prod_category_box {
    display: block;
    margin-bottom: 5px;
}

.prod_area .prod_info_box .prod_category_box .prod_category {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_category_box .prod_category.fc_spot,
.prod_area .prod_info_box .prod_category_box .prod_category.fc_green {
    font-weight: 700;
}

.prod_area .prod_info_box .prod_category_box .prod_view {
    display: none;
}

.prod_area .prod_info_box .prod_culture_category {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #767676;
}

.prod_area .prod_info_box .prod_required {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_language {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_name {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 46px;
    line-height: 23px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 600;
    float: none;
    margin-right: 0;
}

.prod_area .prod_info_box .prod_name.h_fixed {
    height: calc(23px * 2);
}

.prod_area .prod_info_box .prod_name.ellipsis_single {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod_area .prod_info_box .prod_name.ellipsis_none {
    height: auto !important;
    max-height: none !important;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
}

.prod_area .prod_info_box .prod_name .mark {
    color: #474c98;
    font-weight: 700;
}

.prod_area .prod_info_box .prod_multi_count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
}

.prod_area .prod_info_box .prod_multi_count .prod_count {
    flex-shrink: 0;
    margin-left: 4px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.prod_area .prod_info_box a.prod_author:hover,
.prod_area .prod_info_box a.prod_author:focus,
.prod_area .prod_info_box a.prod_last_update:hover,
.prod_area .prod_info_box a.prod_last_update:focus,
.prod_area .prod_info_box a.popular_prod_name:hover,
.prod_area .prod_info_box a.popular_prod_name:focus {
    text-decoration: underline;
}

.prod_area .prod_info_box .prod_author,
.prod_area .prod_info_box .prod_last_update,
.prod_area .prod_info_box .popular_prod_name {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    float: none;
}

.prod_area .prod_info_box .prod_author,
.prod_area .prod_info_box .prod_author a,
.prod_area .prod_info_box .prod_last_update,
.prod_area .prod_info_box .prod_last_update a,
.prod_area .prod_info_box .popular_prod_name,
.prod_area .prod_info_box .popular_prod_name a {
    color: #595959;
}

.prod_area .prod_info_box .prod_author a:hover,
.prod_area .prod_info_box .prod_author a:focus,
.prod_area .prod_info_box .prod_last_update a:hover,
.prod_area .prod_info_box .prod_last_update a:focus,
.prod_area .prod_info_box .popular_prod_name a:hover,
.prod_area .prod_info_box .popular_prod_name a:focus {
    text-decoration: underline;
}

.prod_area .prod_info_box .prod_author+.btn_more_view,
.prod_area .prod_info_box .prod_last_update+.btn_more_view,
.prod_area .prod_info_box .popular_prod_name+.btn_more_view {
    margin-top: 12px;
}

.prod_area .prod_info_box .prod_option {
    margin-top: 4px;
    font-size: 0;
}

.prod_area .prod_info_box .prod_option>.text,
.prod_area .prod_info_box .prod_option .val {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #595959;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_option .text {
    padding-right: 3px;
}

.prod_area .prod_info_box .prod_option .btn_xxs {
    margin-left: 7px;
}

.prod_area .prod_info_box .prod_option+.prod_option {
    margin-top: 4px;
}

.prod_area .prod_info_box .prod_price {
    display: block;
    margin-top: 12px;
    font-size: 0;
}

.prod_area .prod_info_box .prod_price .badge_flag {
    margin-right: 6px;
    margin-bottom: 0;
}

.prod_area .prod_info_box .prod_price .badge_flag~.percent,
.prod_area .prod_info_box .prod_price .badge_flag~.price {
    padding-top: 1px;
}

.prod_area .prod_info_box .prod_price .buy_type {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    margin-right: 3px;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price .gap+.buy_type:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 6px 6px 0;
    background-color: #d5d5d5;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price .percent {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #4dac27;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price .price {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price .price:first-child {
    margin-left: 0;
}

.prod_area .prod_info_box .prod_price .price .text {
    margin-right: 3px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.prod_area .prod_info_box .prod_price .price .val,
.prod_area .prod_info_box .prod_price .price .unit {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_price .price .val {
    font-weight: 700;
}

.prod_area .prod_info_box .prod_price .price_normal {
    display: inline-block;
    margin: 3px 0 0 2px;
    font-size: 0;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price .price_normal .text {
    font-size: 0;
}

.prod_area .prod_info_box .prod_price .price_normal .val {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #767676;
}

.prod_area .prod_info_box .prod_price .price_normal+.price {
    margin-left: 4px;
}

.prod_area .prod_info_box .prod_price .point {
    display: inline-block;
    padding: 3px 0 0 3px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #595959;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price .gap {
    font-size: 0;
}

.prod_area .prod_info_box .prod_price .gap+.point {
    padding: 2px 0 0;
}

.prod_area .prod_info_box .prod_price .gap+.point:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 6px 6px 0;
    background-color: #d5d5d5;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info {
    font-size: 0;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_normal {
    margin: 0 3px 0 0;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_normal .text {
    padding-right: 2px;
    color: #767676;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_normal .text,
.prod_area .prod_info_box .prod_price.type_cut .price_info .price_normal .val,
.prod_area .prod_info_box .prod_price.type_cut .price_info .price_normal .unit {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price {
    margin-right: 3px;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price .val,
.prod_area .prod_info_box .prod_price.type_cut .price_info .price .unit {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price .val {
    font-weight: 400;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price+.price_normal {
    margin: 0;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .percent {
    margin-right: 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #595959;
    font-weight: 400;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .percent+.price {
    margin-left: 3px;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut {
    display: inline-block;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .text,
.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .val,
.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .unit,
.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .percent {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .text {
    padding-right: 3px;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .val {
    font-weight: 700;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .price_cut .percent {
    margin-right: 3px;
    color: #3c9a17;
    font-weight: 700;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .point {
    padding-top: 3px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .point:before {
    margin-top: 8px;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .gap+.point {
    padding-top: 2px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info .gap+.point:before {
    margin-top: 5px;
}

.prod_area .prod_info_box .prod_price.type_cut .price_info~.price_info {
    margin-top: 3px;
}

.prod_area .prod_info_box .prod_price.type_ebook .price_info {
    display: inline-block;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price.type_ebook .price_info .type {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price.type_ebook .price_info+.price_info:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 7px 6px 0;
    background-color: rgba(0, 0, 0, 0.2);
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price.sold_out {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_badge_ad {
    margin-top: 10px;
}

.prod_area .prod_info_box .prod_introduction_box {
    margin-top: 20px;
}

.prod_area .prod_info_box .prod_introduction_box .prod_recommend_text {
    margin-bottom: 5px;
}

.prod_area .prod_info_box .prod_introduction_box .prod_introduction {
    margin-top: 0;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
}

.prod_area .prod_info_box .prod_introduction_box .auto_overflow_wrap {
    position: relative;
}

.prod_area .prod_info_box .prod_introduction_box .auto_overflow_wrap .auto_overflow_contents {
    max-height: calc(19px * 2);
}

/* .prod_area .prod_info_box .prod_introduction {
    margin-top: 20px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    word-break: break-all;
} */

.prod_area .prod_info_box .prod_badge {
    margin-top: 4px;
    font-size: 0;
}

.prod_area .prod_info_box .prod_badge .badge_md {
    margin: 4px 4px 0 0;
}

.prod_area .prod_info_box .prod_badge .badge_md:last-child {
    margin-right: 0;
}

.prod_area .prod_info_box .prod_badge .badge_sm {
    margin-bottom: 0;
}

.prod_area .prod_info_box .prod_badge:first-child {
    margin: -4px 0 8px;
}

.prod_area .prod_info_box .review_summary_wrap {
    margin-top: 16px;
}

.prod_area .prod_info_box .prod_review {
    margin-top: 20px;
}

.prod_area .prod_info_box .prod_review .review_item {
    font-size: 0;
    color: #767676;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
}

.prod_area .prod_info_box .prod_review .review_item .writer {
    padding-right: 3px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_review .review_item .desc {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    vertical-align: top;
    color: #595959;
}

.prod_area .prod_info_box .prod_review .review_item~.review_item {
    margin-top: 6px;
}

.prod_area .prod_info_box .prod_casting {
    margin-top: 20px;
}

.prod_area .prod_info_box .prod_casting .casting_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    font-size: 0;
}

.prod_area .prod_info_box .prod_casting .casting_item .category {
    display: inline-block;
    flex-shrink: 0;
    padding-right: 6px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    font-weight: 500;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_casting .casting_item .btn_text_link {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod_area .prod_info_box .prod_casting .casting_item .btn_text_link .text {
    display: inline;
}

.prod_area .prod_info_box .prod_casting .casting_item~.casting_item {
    margin-top: 6px;
}

.prod_area .prod_info_box .prod_btn_box {
    font-size: 0;
}

.prod_area .prod_info_box .prod_btn_box [class^=btn_]~[class^=btn_] {
    margin-left: 4px;
}

.prod_area .prod_info_box .prod_btn_box [class^=btn_].btn_md {
    min-width: 91px;
}

.prod_area .prod_info_box .event_period {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #474c98;
}

.prod_area .prod_info_box .event_period:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
    background-size: 15px 15px;
    background-image: url(/common/images/picks/ico_event_period@2x.png);
    vertical-align: top;
}

.prod_area .prod_info_box .prod_price_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 8px;
}

.prod_area .prod_info_box .prod_price_cart .prod_price {
    margin-top: 0;
}

.prod_area .prod_info_box .prod_price_cart .right_box {
    margin-left: auto;
}

.prod_area .prod_info_box .prod_period {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_period+.prod_author,
.prod_area .prod_info_box .prod_period+.prod_last_update,
.prod_area .prod_info_box .prod_period+.popular_prod_name {
    margin-top: 10px;
}

.prod_area .prod_info_box .prod_view {
    display: inline-block;
    position: relative;
    padding-left: 16px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_view:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 10px;
    background-image: url(/common/images/picks/icon_item_view@2x.png);
}

.prod_area .prod_info_box .prod_view.size_md {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_view_box {
    margin-top: 10px;
}

.prod_area .prod_info_box .prod_view_box .prod_view+.btn_wish_icon {
    margin-left: 18px;
    margin-top: 1px;
}

.prod_area .prod_info_box .prod_view_box .btn_wish_icon {
    flex-shrink: 0;
}

.prod_area .prod_info_box .prod_view_box .btn_wish_icon:not(.active) .ico_wish {
    opacity: 0.3;
}

.prod_area .prod_info_box .review_quotes_text {
    margin-top: 12px;
}

.prod_area .prod_info_box .tag_wrap.size_sm {
    margin-top: 28px;
}

.prod_area .prod_info_box .prod_gift_text {
    margin-top: 20px;
}

.prod_area .prod_info_box .prod_gift_info {
    margin-top: 20px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #000;
}

.prod_area .prod_info_box .prod_gift_info .prod_gift_text {
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_gift_info .tooltip_wrap {
    display: inline-block;
    margin: 1px 0 0 4px;
    vertical-align: top;
}

/* .prod_area .prod_info_box .prod_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 10px;
} */

.prod_area .prod_info_box .prod_bottom .review_summary_wrap {
    margin-top: 0;
}

.prod_area .prod_info_box .prod_bottom .review_summary_wrap+.btn_wish_icon {
    margin-left: auto;
}

.prod_area .prod_info_box .prod_bottom .btn_wish_icon {
    flex-shrink: 0;
}

.prod_area .prod_info_box .prod_bottom .btn_wish_icon:not(.active) .ico_wish {
    opacity: 0.3;
}

.prod_area .prod_info_box .round_gray_box.type_sub_sm {
    margin-top: 0;
}

.prod_area .prod_info_box .round_gray_box.type_sub_sm .fw_medium {
    color: #000;
}

.prod_area .prod_info_box .prod_recommend_desc {
    margin-top: 5px;
    color: #595959;
}

.prod_area .prod_info_box .prod_recommend_desc p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_recommend_desc p:first-child {
    margin-top: 0;
}

.prod_area .prod_info_box .prod_point_desc {
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_option_list {
    margin-top: 12px;
    font-size: 0;
}

.prod_area .prod_info_box .prod_option_list .option_item {
    display: inline;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_option_list .option_item .text,
.prod_area .prod_info_box .prod_option_list .option_item .val {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_option_list .option_item~.option_item:before {
    content: "·";
    padding: 0 6px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .join_num_box {
    margin-top: 20px;
}

.prod_area .prod_info_box .join_num_box .badge_md+.join_num {
    margin-left: 6px;
    margin-top: 1px;
}

.prod_area .prod_info_box .join_num_box .join_num {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    background-repeat: no-repeat;
    background-position: right 8px;
    vertical-align: top;
}

.prod_area .prod_info_box .join_num_box .join_num.up {
    padding-right: 11px;
    background-size: 8px 5px;
    background-image: url(/common/images/picks/ico_num_up@2x.png);
}

.prod_area .prod_info_box .join_num_box .join_num.up .val {
    color: #ec1f2d;
}

.prod_area .prod_info_box .join_num_box .join_num.down {
    padding-right: 11px;
    background-size: 8px 5px;
    background-image: url(/common/images/picks/ico_num_down@2x.png);
}

.prod_area .prod_info_box .join_num_box .join_num.down .val {
    color: #1976e3;
}

.prod_area .prod_info_box .btn_wrap {
    margin-top: 20px;
}

.prod_area .prod_info_box .btn_wrap.align_left {
    text-align: left;
}

.prod_area .prod_info_box .prod_showing {
    margin-top: 12px;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #474c98;
    font-weight: 700;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_showing::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-right: 6px;
    background-size: 20px 13px;
    background-image: url(/common/images/picks/ico_showing_purple@2x.png);
    vertical-align: top;
    transition: background 0.2s ease-out;
}

.prod_area .prod_info_box .prod_brand_desc {
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod_area .prod_info_box .prod_purchase_state {
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.prod_area .prod_info_box .prod_condition {
    margin-top: 12px;
    font-size: 0;
}

.prod_area .prod_info_box .prod_condition .condition {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #595959;
}

.prod_area .prod_info_box .prod_condition .price {
    padding-left: 3px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box .prod_onair {
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    height: 30px;
    padding: 0 12px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    border-radius: 15px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    vertical-align: middle;
    box-sizing: border-box;
}

.prod_area .prod_info_box .prod_onair span {
    display: inline-block;
    color: #595959;
    vertical-align: top;
}

.prod_area .prod_info_box .prod_onair:before {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-bottom: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
    background-image: url(/common/images/picks/ico_onair_clock_gray@2x.png);
}

.prod_area .prod_info_box .prod_onair.today {
    background-color: #4dac27;
    border-color: #4dac27;
}

.prod_area .prod_info_box .prod_onair.today span {
    color: #fff;
}

.prod_area .prod_info_box .prod_onair.today:before {
    background-size: 13px 13px;
    background-image: url(/common/images/picks/ico_onair_clock@2x.png);
}

.prod_area .prod_info_box .prod_onair.tomorrow {
    background-color: #767676;
    border-color: #767676;
}

.prod_area .prod_info_box .prod_onair.tomorrow span {
    color: #fff;
}

.prod_area .prod_info_box .prod_onair.tomorrow:before {
    background-size: 13px 13px;
    background-image: url(/common/images/picks/ico_onair_clock@2x.png);
}

.prod_area .prod_info_box.size_xs .prod_cut_info {
    margin-bottom: 5px;
}

.prod_area .prod_info_box.size_xs .prod_name {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xs .prod_name.h_fixed {
    height: calc(19px * 2);
}

.prod_area .prod_info_box.size_xs .prod_name:not(.ellipsis_single) {
    max-height: calc(19px * 2);
}

.prod_area .prod_info_box.size_xs .prod_multi_count .prod_count {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xs .prod_language {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xs .prod_author,
.prod_area .prod_info_box.size_xs .prod_last_update,
.prod_area .prod_info_box.size_xs .popular_prod_name {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 36px;
    line-height: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

.prod_area .prod_info_box.size_xs .prod_price {
    margin-top: 13px;
}

.prod_area .prod_info_box.size_xs .prod_price .percent {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xs .prod_price .price .val,
.prod_area .prod_info_box.size_xs .prod_price .price .unit {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xs .prod_price_cart .prod_price {
    margin-top: 0;
}

.prod_area .prod_info_box.size_xs .prod_price_cart .prod_purchase_state,
.prod_area .prod_info_box.size_xs .prod_price_cart .prod_condition {
    margin-top: 0;
}

.prod_area .prod_info_box.size_xs .prod_purchase_state {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xs .prod_condition .price {
    padding-left: 3px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_sm .prod_name {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_sm .prod_name.h_fixed {
    height: calc(22px * 2);
}

.prod_area .prod_info_box.size_sm .prod_name:not(.ellipsis_single) {
    max-height: calc(22px * 2);
}

.prod_area .prod_info_box.size_sm .prod_multi_count .prod_count {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_sm .prod_language {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_sm .prod_author,
.prod_area .prod_info_box.size_sm .prod_last_update,
.prod_area .prod_info_box.size_sm .popular_prod_name {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

.prod_area .prod_info_box.size_sm .prod_btn_box {
    margin-top: 10px;
}

.prod_area .prod_info_box.size_lg .prod_category,
.prod_area .prod_info_box.size_xl .prod_category {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_lg .prod_multi_count .prod_count,
.prod_area .prod_info_box.size_xl .prod_multi_count .prod_count {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_lg .prod_language,
.prod_area .prod_info_box.size_xl .prod_language {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_lg .prod_author,
.prod_area .prod_info_box.size_lg .prod_last_update,
.prod_area .prod_info_box.size_lg .popular_prod_name,
.prod_area .prod_info_box.size_xl .prod_author,
.prod_area .prod_info_box.size_xl .prod_last_update,
.prod_area .prod_info_box.size_xl .popular_prod_name {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 44px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    margin-top: 8px;
}

.prod_area .prod_info_box.size_lg .prod_price,
.prod_area .prod_info_box.size_xl .prod_price {
    margin-top: 20px;
}

.prod_area .prod_info_box.size_lg .prod_price .percent,
.prod_area .prod_info_box.size_lg .prod_price .price .val,
.prod_area .prod_info_box.size_lg .prod_price .price .unit,
.prod_area .prod_info_box.size_xl .prod_price .percent,
.prod_area .prod_info_box.size_xl .prod_price .price .val,
.prod_area .prod_info_box.size_xl .prod_price .price .unit {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_lg .prod_price .gap+.point,
.prod_area .prod_info_box.size_xl .prod_price .gap+.point {
    padding-top: 0;
}

.prod_area .prod_info_box.size_lg .prod_price .gap+.point:before,
.prod_area .prod_info_box.size_xl .prod_price .gap+.point:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 7px 8px 0;
    background-color: #d5d5d5;
    vertical-align: top;
}

.prod_area .prod_info_box.size_lg .prod_price .point,
.prod_area .prod_info_box.size_xl .prod_price .point {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    padding-top: 1px;
}

.prod_area .prod_info_box.size_lg .prod_badge,
.prod_area .prod_info_box.size_xl .prod_badge {
    margin-top: 8px;
}

.prod_area .prod_info_box.size_lg .prod_introduction,
.prod_area .prod_info_box.size_xl .prod_introduction {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    margin-top: 30px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 66px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
}

.prod_area .prod_info_box.size_lg .prod_btn_box,
.prod_area .prod_info_box.size_xl .prod_btn_box {
    margin-top: 20px;
}

.prod_area .prod_info_box.size_lg .prod_name {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_lg .prod_name.h_fixed {
    height: calc(24px * 2);
}

.prod_area .prod_info_box.size_lg .prod_name:not(.ellipsis_single) {
    max-height: calc(24px * 2);
}

.prod_area .prod_info_box.size_lg .prod_recommend_desc {
    margin-top: 20px;
}

.prod_area .prod_info_box.size_lg .prod_recommend_desc p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xl .badge_sm {
    margin-bottom: 8px;
}

.prod_area .prod_info_box.size_xl .prod_name {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.prod_area .prod_info_box.size_xl .prod_name.h_fixed {
    height: calc(30px * 2);
}

.prod_area .prod_info_box.size_xl .prod_name:not(.ellipsis_single) {
    max-height: calc(30px * 2);
}

.prod_area:not(.horizontal) .prod_info_box {
    margin-top: 16px;
}

.prod_area:not(.horizontal) .prod_info_box.size_lg {
    margin-top: 20px;
}

.prod_area:not(.horizontal) .prod_info_box.size_sm {
    margin-top: 12px;
}

.prod_area:not(.horizontal) .prod_info_box.size_xs {
    margin-top: 10px;
}

/* 클로버 아이콘 + 점수 텍스트 */
.review_klover_text {
    display: inline-block;
    position: relative;
    padding-left: 19px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    vertical-align: top;
}

.review_klover_text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    background: url(/common/images/picks/ico_klover_sm@2x.png) center no-repeat;
    background-size: 14px 14px;
}

.review_klover_text.font_size_xxs {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.review_klover_text.font_size_xxs:before {
    top: 3px;
}

.review_klover_text.font_size_min {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.review_klover_text.font_size_min:before {
    top: 2px;
}

/* 클로버 아이콘 + 점수 텍스트 / 리뷰 갯수 텍스트 */
.review_klover_box {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

span.review_klover_box {
    float: none;
    margin-right: 0;
    line-height: initial;
}

.review_klover_box .ico_feel_sm {
    display: inline-block;
    margin: 1px 3px 0 0;
    width: 19px;
    height: 19px;
    background: url(/common/images/picks/ico_feel_lucky_sm@2x.png) 0% 0% no-repeat;
    background-size: 19px 19px;
    vertical-align: top;
}

.review_klover_box .review_desc {
    display: inline-block;
    margin-left: 4px;
    color: #767676;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    vertical-align: top;
}

/* 상품정보 > 리뷰, 클로버 */
.review_summary_wrap {
    display: block;
    font-size: 0;
}

.review_summary_wrap>a {
    display: inline-block;
}

.review_summary_wrap .gap {
    display: inline-block;
    width: 4px;
    height: 8px;
    margin: 6px 6px 0;
    background: url(/common/images/picks/ico_slash@2x.png) 0% 0% no-repeat;
    background-size: 4px 8px;
    vertical-align: top;
}

.review_summary_wrap .review_quotes_text {
    margin-right: 1px;
}

.review_summary_wrap .review_quotes_text+.gap {
    margin: 6px 6px 0;
}

.review_summary_wrap .rating-container.rating-sm {
    margin-top: 3px;
}

.review_summary_wrap.type_sm .gap {
    margin: 6px 6px 0;
    float: none;
    line-height: initial;
}

.review_summary_wrap.type_sm .gap+.review_quotes_text {
    margin-top: 1px;
    float: none;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.review_summary_wrap.type_sm .review_quotes_text+.gap {
    margin: 6px 6px 0 5px;
}

.review_summary_wrap.type_sm .rating-container.rating-sm {
    margin-top: 3px;
}

.review_summary_wrap.type_sm .review_summary_desc {
    padding-top: 6px;
    margin-top: 6px;
}

.review_summary_wrap.type_sm .review_summary_desc:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    top: 0;
    left: 17px;
    background: url(/common/images/picks/bg_review_summary@2x.png) 0% 0% no-repeat;
    background-size: 12px 7px;
}

.review_summary_wrap.type_sm .review_summary_desc .review_summary_inner {
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 8px 12px 7px;
    border-radius: 6px;
    font-size: 0;
}

.review_summary_wrap.type_sm .review_summary_desc .caption {
    flex-shrink: 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #767676;
}

.review_summary_wrap.type_sm .review_summary_desc .caption:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 6px 8px 0;
    background-color: rgba(0, 0, 0, 0.2);
    vertical-align: top;
}

.review_summary_wrap.type_sm .review_summary_desc .gap {
    display: none;
}

.review_summary_wrap.type_sm .review_summary_desc .desc {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #595959;
}

/* 윈도우 팝업 기본 */
body.window_popup {
    min-width: auto;
    padding: 20px 30px 30px;
    box-sizing: border-box;
    width: 920px;
    margin: 0 auto;
    font-family: "Noto Sans KR", sans-serif;
}

body.window_popup.type_dialog {
    padding: 0;
}

body.window_popup.type_dialog .dialog_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100% !important;
    min-width: inherit;
    padding: 0 30px 34px;
    background: #fff;
    border: 0;
    box-sizing: border-box;
    /* 220831 미리보기 수정(장운주 대리) */
}

body.window_popup.type_dialog .dialog_wrapper .dialog_header {
    flex-shrink: 0;
    width: 100%;
    padding: 25px 30px 20px 0;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_header .dialog_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-weight: 500;
    overflow: hidden;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents {
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    max-height: 616px;
    background: #fff;
    padding: 0;
    margin-top: 24px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .custom_scroll_wrap {
    max-height: inherit;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .custom_scroll_wrap .simplebar-content {
    height: 100%;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .alert_text {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .alert_text+.alert_text {
    margin-top: 12px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .alert_text_sm {
    margin-top: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #595959;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .alert_text_sm .val {
    display: inline-block;
    font-weight: 700;
    color: #474c98;
    vertical-align: top;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .ico_info_wrap .ico_img_box {
    margin-bottom: 20px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .ico_info_wrap .ico_text_box .ico_title {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .ico_info_wrap .ico_text_box .ico_title~.ico_desc {
    margin-top: 12px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .ico_info_wrap.type_sm .ico_img_box {
    margin-bottom: 20px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .ico_info_wrap.type_sm .ico_text_box .ico_title {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap {
    display: block;
    text-align: center;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_text_box {
    display: block;
    position: relative;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_text_box~.notice_detail_box {
    margin-top: 16px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_detail_box {
    display: block;
    position: relative;
    padding-top: 16px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_detail_box:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 30px;
    height: 1px;
    border-top: 1px dashed #ccc;
    transform: translateX(-50%);
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_detail_box+.info_text_box {
    margin-top: 24px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_title {
    display: block;
    margin-bottom: 12px;
    color: #000;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_text {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 400;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_text .val {
    color: #000;
    font-weight: 700;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_text_sm {
    display: block;
    margin-top: 12px;
    color: #767676;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_store {
    display: block;
    margin-bottom: 6px;
    color: #474c98;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .notice_store .ico_locate {
    display: inline-block;
    width: 15px;
    height: 20px;
    margin-right: 4px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px 20px;
    background-image: url(/common/images/picks/ico_address_pin@2x.png);
    vertical-align: top;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .info_text_box {
    margin-top: 20px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .info_text_box:first-child {
    margin-top: 0;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .info_text_box .info_text_list {
    text-align: left;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .info_text_box+.info_text,
body.window_popup.type_dialog .dialog_wrapper .dialog_contents .notice_info_wrap .info_text_box+.notice_text {
    margin-top: 20px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box {
    padding: 16px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box .prod_area .prod_info_box .rating-container {
    margin-top: 16px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box:not(.size_md) .prod_area .prod_info_box .prod_name {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    max-height: 44px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box.size_md {
    padding: 20px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box+.info_text_box {
    margin-top: 10px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box+.delivery_tracking_wrap {
    margin-top: 20px;
}

body.window_popup.type_dialog .dialog_wrapper .dialog_contents .thumbnail_round_box+.title_wrap {
    margin-top: 24px;
}

body.window_popup.type_dialog .dialog_wrapper.has_btn {
    padding-bottom: 30px;
}

body.window_popup.type_dialog .dialog_wrapper.has_btn .dialog_contents {
    max-height: 542px;
}

body.window_popup.type_dialog .dialog_wrapper.no_title_line .dialog_header {
    border-bottom: none;
    padding-bottom: 0;
}

body.window_popup.type_dialog .dialog_wrapper.no_title_line .dialog_contents {
    max-height: 631px;
    margin-top: 30px;
}

body.window_popup.type_dialog .dialog_wrapper.no_title_line.has_btn .dialog_contents {
    max-height: 557px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview {
    min-width: 1020px;
    min-height: 640px;
    height: 100%;
    overflow: visible;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .dialog_contents {
    width: 100%;
    height: calc(100% - 85px);
    max-height: none;
    overflow: visible;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap {
    height: 100%;
    /* //220831 미리보기 수정(장운주 대리) */
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box {
    float: left;
    height: 100%;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box {
    position: relative;
    width: calc(100% - 254px);
    min-height: 530px;
    overflow: auto;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .custom_scroll_wrap {
    height: 528px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area {
    margin: 0 22px;
    height: 100%;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    transform-origin: 0 0;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area .preview_item {
    flex-basis: 50%;
    flex-shrink: 0;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area .preview_item:nth-child(2n) {
    border-left: 0;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area .preview_item .preview_item_inner {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area .preview_item .preview_item_inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area .preview_item.logo_item .preview_item_inner img {
    max-width: 50% !important;
    max-height: 50% !important;
    width: auto;
    height: auto;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_double .preview_item:nth-child(2n+1) {
    flex-basis: 50%;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_single .preview_item {
    flex-basis: 100%;
    border-left: 1px solid #d5d5d5;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_single .preview_item:nth-child(2n+1) {
    border-right: 1px solid #d5d5d5;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect {
    flex-wrap: wrap;
    align-content: flex-start;
    width: 684px;
    margin: auto;
    transform-origin: 50% 0;
    height: auto;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect .preview_item {
    flex-basis: 100px;
    height: 150px;
    cursor: pointer;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect .preview_item .preview_item_inner {
    width: 99px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect .preview_item:not(:first-child).logo_item {
    visibility: hidden;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect .preview_item:nth-child(2n+1) {
    flex-basis: 101px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect .preview_item:nth-child(2n+1) {
    margin: 0 0 20px 13px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .preview_area.view_collect .preview_item:nth-child(2n) {
    margin: 0 14px 20px 0;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .swiper-button-prev {
    left: 0;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_box .swiper-button-next {
    right: 0;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .preview_handle_box {
    position: absolute;
    width: calc(100% - 254px);
    left: 0;
    top: 50%;
    pointer-events: none;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .preview_handle_box .swiper-button-prev,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .preview_handle_box .swiper-button-next {
    opacity: 0;
    pointer-events: auto;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box {
    width: 244px;
    margin-left: 10px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .title_wrap {
    margin-top: 20px;
    padding-bottom: 10px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .title_wrap:last-of-type {
    padding-bottom: 0;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .prod_area+.btn_wrap {
    margin-top: 10px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_cart {
    flex: 1;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_interval {
    flex: 1;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    font-size: 12px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type.active,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_interval.active {
    border-color: #595959;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type {
    height: 65px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type~.btn_preview_type {
    margin-left: 4px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type .ico_preview_type {
    width: 100%;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type .ico_preview_type.double {
    background-size: 30px 24px;
    background-image: url(/common/images/picks/ico_preview_type_double@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type .ico_preview_type.single {
    background-size: 30px 24px;
    background-image: url(/common/images/picks/ico_preview_type_single@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_preview_type .ico_preview_type.collect {
    background-size: 30px 24px;
    background-image: url(/common/images/picks/ico_preview_type_collect@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_interval {
    height: 30px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_wrap .btn_interval+.btn_interval {
    margin-left: 4px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .preview_zoom_box.hide {
    visibility: hidden;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .preview_index_box {
    height: 144px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .preview_index_box .preview_index_list .bul_item_dot a,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .preview_index_box .preview_index_list .bul_item_dot span {
    color: #595959;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .preview_index_box .preview_index_list .bul_item_dot span {
    opacity: 0.5;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .preview_index_box .preview_index_list .bul_item_dot.active a {
    color: #000;
    font-weight: 500;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.kakao_talk {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_kakao_talk_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.naver_line {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_naver_line_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.kakao {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_kakao_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.band {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_band_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.facebook {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_facebook_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.twitter {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_twitter_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share.url_copy {
    background-size: 24px 24px;
    background-image: url(/common/images/picks/btn_copy_share_sm@2x.png);
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap .viewer_info_box .viewer_info_body .box_info_wrap .btn_sns_share~.btn_sns_share {
    margin-left: 6px;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap:hover .preview_handle_box .swiper-button-prev,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap:hover .preview_handle_box .swiper-button-next {
    opacity: 1;
}

body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap:hover .preview_handle_box .swiper-button-prev.swiper-button-disabled,
body.window_popup.type_dialog .dialog_wrapper.dialog_preview .preview_viewer_wrap:hover .preview_handle_box .swiper-button-next.swiper-button-disabled {
    opacity: 0.3;
}

/* no data */
.no_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 180px 0;
}

.no_data .no_data_desc {
    display: block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: center;
}

.no_data .no_data_desc:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
    background: url(/common/images/picks/ico_nodata@2x.png) 0% 0% no-repeat;
    background-size: 36px 36px;
}

.no_data .no_data_desc_sub {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #767676;
    text-align: center;
}

.no_data .btn_wrap {
    margin-top: 30px;
    width: 250px;
}

.no_data .btn_wrap [class^=btn_]+[class^=btn_] {
    margin-top: 10px;
}

.no_data.size_sm {
    padding: 100px 0;
}

.no_data.size_sm .no_data_desc {
    color: #767676;
}

.no_data.type_gray {
    padding: 60px 0;
    background-color: #f7f7f7;
    border-radius: 20px;
    overflow: hidden;
}

.no_data.type_gray .no_data_desc {
    color: #767676;
}

.no_data.has_desc_lg .no_data_desc_lg {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-align: center;
}

.no_data.has_desc_lg .no_data_desc_lg:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
    background: url(/common/images/picks/ico_nodata@2x.png) 0% 0% no-repeat;
    background-size: 36px 36px;
}

.no_data.has_desc_lg .no_data_desc_lg+.no_data_desc {
    margin-top: 12px;
    color: #767676;
}

.no_data.has_desc_lg .no_data_desc_lg .search_value {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.no_data.has_desc_lg .no_data_desc:before {
    content: none;
}

.no_data.has_line {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #eaeaea;
}

.no_data.has_black_line {
    border-top: 1px solid #000;
    border-bottom: 1px solid #eaeaea;
}

.no_data.has_bottom_line {
    border-bottom: 1px solid #eaeaea;
}

.no_data.has_box_line {
    border: 1px solid #d5d5d5;
    border-radius: 20px;
}

.no_data+.info_text_box {
    margin-top: 60px;
}

/* picks 공통 */
.wrapper.contents_picks .picks_book_recommend_box {
    position: relative;
    display: block;
    width: 100%;
    padding: 40px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_area {
    padding-right: 30px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_area .prod_introduction {
    margin-top: 12px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_area .prod_bottom {
    margin-top: 20px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area {
    position: relative;
    flex-shrink: 0;
    width: 417px;
    margin-left: auto;
    padding-left: 31px;
    box-sizing: border-box;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .title_wrap.title_size_xs {
    padding-bottom: 12px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .title_wrap.title_size_xs~.title_size_xs {
    margin-top: 24px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box {
    position: relative;
    width: 56px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .name {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .circle_progress {
    margin: 0 auto;
    transform: rotate(-90deg);
    vertical-align: top;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .frame,
.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .bar {
    fill: none;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .frame {
    stroke: rgba(77, 172, 39, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .bar {
    stroke: #4dac27;
    stroke-linecap: round;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    text-align: center;
    line-height: 19px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .val,
.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .unit {
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box .value .label {
    font-size: 12px;
    letter-spacing: -0.01em;
    color: #595959;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box+.circle_progress_box {
    margin-left: 24px;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_purple .frame {
    stroke: rgba(80, 85, 177, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_purple .bar {
    stroke: #5055b1;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_mint .frame {
    stroke: rgba(10, 180, 157, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_mint .bar {
    stroke: #0ab49d;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_orange .frame {
    stroke: rgba(247, 114, 84, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_orange .bar {
    stroke: #f77254;
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_blue .frame {
    stroke: rgba(83, 124, 222, 0.2);
}

.wrapper.contents_picks .picks_book_recommend_box .book_info_right_area .charting_area .circle_progress_box.type_blue .bar {
    stroke: #537cde;
}

.wrapper.contents_picks .picks_book_recommend_box+.picks_book_recommend_box {
    margin-top: 30px;
}

/* 컨텐츠 박스 */
.round_gray_box {
    display: block;
    padding: 36px 30px 40px;
    border-radius: 20px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.round_gray_box .bottom_btn_area {
    margin: 30px 0 -10px;
    text-align: center;
    font-size: 0;
}

.round_gray_box .bottom_btn_area [class^=btn_]+[class^=btn_] {
    margin-left: 5px;
}

.round_gray_box .bottom_info_area {
    display: block;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
}

.round_gray_box .explan_text_list {
    font-size: 0;
}

.round_gray_box .explan_text_list .explan_title {
    display: inline-block;
    width: 122px;
    padding-right: 12px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 500;
    vertical-align: top;
    box-sizing: border-box;
}

.round_gray_box .explan_text_list .explan_desc {
    display: inline-block;
    width: calc(100% - 122px);
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    vertical-align: top;
}

.round_gray_box .explan_text_list .explan_desc~.explan_title,
.round_gray_box .explan_text_list .explan_desc~.explan_desc {
    border-top: 1px solid #eaeaea;
    margin-top: 18px;
    padding-top: 18px;
}

.round_gray_box .order_num {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 500;
    vertical-align: top;
}

.round_gray_box .order_num .num {
    margin-left: 2px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.round_gray_box .order_num+.info_text {
    margin-top: 12px;
}

.round_gray_box+.round_gray_box {
    margin-top: 20px;
}

.round_gray_box+.bul_item_asterisk.font_size_xxs {
    margin-top: 10px;
}

.round_gray_box.type_sub {
    padding: 24px;
    border-radius: 10px;
}

.round_gray_box.type_sub_sm {
    padding: 20px;
    border-radius: 10px;
}

.round_gray_box.type_md {
    padding: 30px;
    border-radius: 10px;
}

.round_gray_box.type_xs {
    padding: 18px;
    border-radius: 10px;
}

.round_gray_box.type_divide {
    padding: 0;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.round_gray_box.type_divide .box_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    border-radius: 10px 10px 0 0;
    padding: 19px 19px;
    border-bottom: 1px solid #eaeaea;
    background-color: #f7f7f7;
    word-break: break-all;
}

.round_gray_box.type_divide .box_header .right_box {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 20px;
    font-size: 0;
}

.round_gray_box.type_divide .box_body {
    border-radius: 0 0 10px 10px;
    padding: 19px 19px;
}

.round_gray_box.type_divide .box_body .prod_swiper_wrap {
    margin: 0 -23px;
    padding: 0 23px;
}

.round_gray_box .info_text_list .info_text+.info_text,
.round_gray_box .info_text_list .info_text+.font_size_min,
.round_gray_box .info_text_list .info_text+.font_size_sm {
    margin-top: 6px;
}

.round_gray_box.board_type {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 19px;
}

.round_gray_box.board_type .label {
    position: relative;
    min-width: 60px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 500;
    margin-right: 20px;
}

.round_gray_box.board_type .label:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc;
}

.round_gray_box.board_type .btn_text_link .text {
    text-decoration: none;
}

.round_gray_box.board_type .btn_text_link:hover .text,
.round_gray_box.board_type .btn_text_link:active .text,
.round_gray_box.board_type .btn_text_link:focus .text {
    text-decoration: underline;
}

.round_gray_box.board_type .right_area {
    margin-left: auto;
}

/* 상품 리스트 */
.prod_list {
    font-size: 0;
}

.prod_list .prod_item {
    display: inline-block;
    width: 170px;
    /* height: 385px;
    max-height: 385px;
    min-height: 385px; */
    margin-left: 36px;
    vertical-align: top;
}

.prod_list .prod_item .form_chk,
.prod_list .prod_item .form_rdo {
    margin-bottom: 10px;
}

.prod_list .prod_item:nth-child(6n+1) {
    margin-left: 0;
}

.prod_list .prod_item:nth-child(n+7) {
    margin-top: 40px;
}

.prod_list.type_bookcast .prod_item {
    width: calc((100% - 144px) / 5);
    margin-left: 36px;
}

.prod_list.type_bookcast .prod_item:nth-child(5n+1) {
    margin-left: 0;
}

.prod_list.type_bookcast .prod_item:nth-child(n+6) {
    margin-top: 60px;
}

.prod_list.type_bookcast .prod_item:not(.swiper-slide) .prod_area.type_bookcast:not(.horizontal) .prod_thumb_box.catch_up {
    position: relative;
    height: auto;
    padding-top: 100%;
}

.prod_list.type_bookcast .prod_item:not(.swiper-slide) .prod_area.type_bookcast:not(.horizontal) .prod_thumb_box.catch_up .prod_link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.prod_list.type_bookcast.col4 .prod_item {
    width: calc((100% - 108px) / 4);
}

.prod_list.type_bookcast.col4 .prod_item:nth-child(5n+1) {
    margin-left: 36px;
}

.prod_list.type_bookcast.col4 .prod_item:nth-child(4n+1) {
    margin-left: 0;
}

.prod_list.type_bookcast.col4 .prod_item:nth-child(n+5) {
    margin-top: 60px;
}

.prod_list.type_bookcast.col3 .prod_item {
    width: calc((100% - 72px) / 3);
}

.prod_list.type_bookcast.col3 .prod_item:nth-child(5n+1) {
    margin-left: 36px;
}

.prod_list.type_bookcast.col3 .prod_item:nth-child(3n+1) {
    margin-left: 0;
}

.prod_list.type_bookcast.col3 .prod_item:nth-child(n+4) {
    margin-top: 36px;
}

.prod_list.type_bookcast.col2 .prod_item {
    width: calc((100% - 36px) / 2);
}

.prod_list.type_bookcast.col2 .prod_item:nth-child(5n+1) {
    margin-left: 36px;
}

.prod_list.type_bookcast.col2 .prod_item:nth-child(2n+1) {
    margin-left: 0;
}

.prod_list.type_bookcast.col2 .prod_item:nth-child(n+3) {
    margin-top: 60px;
}

.prod_list.type_bookcast.swiper-wrapper .prod_item {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 36px;
}

.prod_list.type_bookcast.swiper-wrapper .prod_item:last-child {
    margin-right: 0;
}

.prod_list.type_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 30px;
    padding-bottom: 40px;
    border-bottom: solid 1px #eaeaea;
}

.prod_list.type_box>.prod_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 12px);
    margin-left: 24px;
    vertical-align: top;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    border-radius: 16px;
}

.prod_list.type_box>.prod_item:nth-child(2n+1) {
    margin-left: 0;
}

.prod_list.type_box>.prod_item:nth-child(n+3) {
    margin-top: 24px;
}

.prod_list.type_box>.prod_item .prod_area.horizontal,
.prod_list.type_box>.prod_item .person_info_area,
.prod_list.type_box>.prod_item .book_caster_info_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 29px;
    box-sizing: border-box;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .form_chk,
.prod_list.type_box>.prod_item .person_info_area .form_chk,
.prod_list.type_box>.prod_item .book_caster_info_area .form_chk {
    flex-shrink: 0;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .form_chk+.prod_thumb_box,
.prod_list.type_box>.prod_item .prod_area.horizontal .form_chk+.person_profile_box,
.prod_list.type_box>.prod_item .prod_area.horizontal .form_chk+.prod_info_box,
.prod_list.type_box>.prod_item .prod_area.horizontal .form_chk+.book_caster_profile_box,
.prod_list.type_box>.prod_item .person_info_area .form_chk+.prod_thumb_box,
.prod_list.type_box>.prod_item .person_info_area .form_chk+.person_profile_box,
.prod_list.type_box>.prod_item .person_info_area .form_chk+.prod_info_box,
.prod_list.type_box>.prod_item .person_info_area .form_chk+.book_caster_profile_box,
.prod_list.type_box>.prod_item .book_caster_info_area .form_chk+.prod_thumb_box,
.prod_list.type_box>.prod_item .book_caster_info_area .form_chk+.person_profile_box,
.prod_list.type_box>.prod_item .book_caster_info_area .form_chk+.prod_info_box,
.prod_list.type_box>.prod_item .book_caster_info_area .form_chk+.book_caster_profile_box {
    margin-left: 10px;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .right_area,
.prod_list.type_box>.prod_item .person_info_area .right_area,
.prod_list.type_box>.prod_item .book_caster_info_area .right_area {
    position: relative;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 16px;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .right_area .btn_alarm,
.prod_list.type_box>.prod_item .person_info_area .right_area .btn_alarm,
.prod_list.type_box>.prod_item .book_caster_info_area .right_area .btn_alarm {
    margin-top: -7px;
    margin-right: 10px;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .right_area .btn_my_delete,
.prod_list.type_box>.prod_item .person_info_area .right_area .btn_my_delete,
.prod_list.type_box>.prod_item .book_caster_info_area .right_area .btn_my_delete {
    width: 15px;
    height: 15px;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .right_area .btn_my_delete:before,
.prod_list.type_box>.prod_item .person_info_area .right_area .btn_my_delete:before,
.prod_list.type_box>.prod_item .book_caster_info_area .right_area .btn_my_delete:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-image: url(/common/images/picks/btn_delete@2x.png);
    font-size: 0;
    vertical-align: top;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .right_area.align_self_center,
.prod_list.type_box>.prod_item .person_info_area .right_area.align_self_center,
.prod_list.type_box>.prod_item .book_caster_info_area .right_area.align_self_center {
    align-self: center;
}

.prod_list.type_box>.prod_item .prod_area.horizontal .prod_info_box {
    align-self: center;
}

.prod_list.type_box>.prod_item .person_info_area {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 29px;
}

.prod_list.type_box>.prod_item .person_info_area .profile_info {
    padding-top: 16px;
}

.prod_list.type_box>.prod_item .person_info_area .person_genre_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 5px;
    font-size: 0;
    line-height: 0;
    margin-right: -60px;
}

.prod_list.type_box>.prod_item .person_info_area .person_genre_list .person_genre_item .genre {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #595959;
}

.prod_list.type_box>.prod_item .person_info_area .person_genre_list .person_genre_item .gap {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #595959;
    margin: 0 3px;
    vertical-align: top;
}

.prod_list.type_box>.prod_item .book_caster_info_area {
    border: 0;
}

.prod_list.type_box>.prod_item .book_caster_info_area .book_caster_profile_box .profile_info {
    align-self: center;
}

.prod_list.type_box .series_prod_wrap {
    width: 100%;
    padding: 16px 0 29px;
    box-sizing: border-box;
    border-top: solid 1px #eaeaea;
    background: #f7f7f7;
    border-radius: 0 0 16px 16px;
    margin-top: -5px;
}

.prod_list.type_box .series_prod_wrap .prod_swiper_wrap .prod_list {
    padding-top: 7px;
}

.prod_list.type_box .series_prod_wrap .prod_swiper_wrap .prod_list .prod_item {
    margin-right: 8px;
}

.prod_list.type_box .series_prod_wrap .prod_swiper_wrap .prod_list .prod_item:first-child {
    margin-left: 30px;
}

.prod_list.type_box .series_prod_wrap .prod_swiper_wrap .prod_list .prod_item:last-child {
    margin-right: 30px;
}

.prod_list.type_box .series_prod_wrap .prod_swiper_wrap .prod_list .prod_item.update:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: -7px;
    border-radius: 50%;
    background: #4dac27;
}

.prod_list.type_box .series_prod_wrap .prod_swiper_wrap .swiper-scrollbar {
    left: 30px;
    right: 30px;
    width: auto;
}

.prod_list.type_box .library_package_prod_wrap {
    width: 100%;
    padding: 23px 0 29px;
    box-sizing: border-box;
    border-top: solid 1px #eaeaea;
}

.prod_list.type_box .library_package_prod_wrap .prod_swiper_wrap .prod_list .prod_item {
    margin-right: 8px;
}

.prod_list.type_box .library_package_prod_wrap .prod_swiper_wrap .prod_list .prod_item:first-child {
    margin-left: 30px;
}

.prod_list.type_box .library_package_prod_wrap .prod_swiper_wrap .prod_list .prod_item:last-child {
    margin-right: 30px;
}

.prod_list.type_box .library_package_prod_wrap .prod_swiper_wrap .swiper-scrollbar {
    left: 30px;
    right: 30px;
    width: auto;
}

.prod_list.type_box .library_func {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 29px;
    border-radius: 0 0 16px 16px;
    background: #f7f7f7;
    margin-top: auto;
}

.prod_list.type_box .library_func .library_func_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.prod_list.type_box .library_func .library_func_list .library_func_item {
    position: relative;
    flex: 1;
    text-align: center;
}

.prod_list.type_box .library_func .library_func_list .library_func_item+.library_func_item {
    padding-left: 1px;
}

.prod_list.type_box .library_func .library_func_list .library_func_item+.library_func_item:before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    font-size: 0;
    width: 1px;
    height: 10px;
    background-color: #d5d5d5;
    margin-top: 4px;
    vertical-align: top;
    box-sizing: border-box;
}

.prod_list.type_box .library_func .btn_library_opt .link_text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #000;
}

.prod_list.type_box .library_func .btn_library_opt .num {
    margin-left: 4px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
}

.prod_list.type_box.type_package .prod_item .prod_area.horizontal .prod_info_box {
    height: auto;
    margin-bottom: auto;
}

.prod_list.col5 .prod_item {
    margin-left: 36px;
}

.prod_list.col5 .prod_item:nth-child(5n+1) {
    margin-left: 0;
}

.prod_list.col5 .prod_item:nth-child(n+6) {
    margin-top: 40px;
}

.picks_realtime_rank_wrap .prod_list,
.picks_custom_pick_result_wrap .prod_list {
    display: flex;
    flex-wrap: wrap;
    /* gap: 32px; */
}

.picks_realtime_rank_wrap .prod_list .prod_item,
.picks_custom_pick_result_wrap .prod_list .prod_item {
    margin-left: 32px;
}

.picks_realtime_rank_wrap .prod_list .prod_item:nth-child(5n+1) {
    margin-left: 0;
    margin-top: 40px;
}

.picks_realtime_rank_wrap .prod_list .prod_item:first-child {
    margin-top: 0;
}

.picks_custom_pick_result_wrap .prod_list .prod_item {
    margin-left: 32px;
}

.picks_custom_pick_result_wrap .prod_list .prod_item:first-child {
    margin-top: 0;
}


.picks_custom_pick_result_wrap .prod_list .prod_item:nth-child(5n+1) {
    margin-left: 0;
    margin-top: 40px;
}

.picks_custom_pick_result_wrap .prod_list .prod_item:first-child {
    margin-top: 0;
}


.picks_custom_pick_box .picks_custom_pick_myinfo_area {
    width: 631px;
    margin-left: 0;
    padding-left: 39px;
}

.picks_custom_pick_box:before {
    /* right: 671px; */
    right: auto;
    left: 270px;
}

.picks_header_box {
    border-radius: 20px;
}

.picks_preference_author_wrap .person_info_area {
    padding: 30px;
}

.picks_preference_author_wrap .person_info_area .person_profile_box .profile_info {
    width: 418px;
    margin-left: 20px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box {
    width: 362px;
}

.picks_preference_author_wrap .person_info_area .person_prod_box .prod_list .prod_item {
    margin-left: 20px;
    width: 100px;
}

.person_info_area .person_name {
    padding-right: 0;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box {
    padding-right: 30px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_title_area {
    width: 331px;
}

.picks_body_area .picks_soulmate_wrap .picks_soulmate_group .picks_sync_statistics_box .sync_info_area .sync_info_list {
    padding-left: 57px;
}

.picks_body_area .picks_author_wrap .tab_wrap.type_tag>.tab_list_wrap .title_wrap+.tabs {
    margin-left: 30px;
}

/* tab - 태그 타입 */
.tab_wrap.type_tag>.tab_list_wrap {
    height: auto;
    min-height: 36px;
    margin-bottom: 16px;
    border-bottom: 0;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item {
    height: 36px;
    padding: 0;
    margin: 0 6px 8px 0;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 36px;
    transition: background 0.3s ease-out;
    box-sizing: border-box;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item .tab_link {
    padding: 0 15px;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item .tab_link .tab_text {
    padding-bottom: 0;
    color: #595959;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item .tab_link:after {
    display: none;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item.ui-state-active {
    background: #595959;
    border-color: #595959;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item.ui-state-active .tab_link .tab_text {
    color: #fff;
    font-weight: 400;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item.type_purple {
    background: rgba(80, 85, 177, 0.12);
    border-color: transparent;
}

.tab_wrap.type_tag>.tab_list_wrap .tabs .tab_item.type_purple.ui-state-active {
    background: #5055b1;
    border-color: #5055b1;
}

.tab_wrap.type_tag.scroll .tab_list_wrap .tabs .tab_item {
    padding: 0;
    margin: 0;
}

.tab_wrap.type_tag.scroll .tab_list_wrap .tabs .tab_item~.tab_item {
    margin-left: 6px;
}

.tab_wrap.type_tag.scroll .tab_list_wrap .tabs.swiper-wrapper {
    display: flex;
}

.tab_wrap.type_tag.scroll .tab_list_wrap .tabs.swiper-wrapper .tab_item {
    width: auto;
}

.tab_wrap.type_tag.scroll .tab_list_wrap .swiper-container {
    width: 100%;
}

.tab_wrap.type_tag.size_lg>.tab_list_wrap {
    min-height: 40px;
    margin-bottom: 22px;
}

.tab_wrap.type_tag.size_lg>.tab_list_wrap .tabs .tab_item {
    height: 40px;
    border-color: #eaeaea;
}

.tab_wrap.type_tag.size_lg>.tab_list_wrap .tabs .tab_link {
    padding: 0 17px;
}

.tab_wrap.type_tag.size_lg>.tab_list_wrap .tabs .tab_link .tab_text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
}

.tab_wrap.type_tag.tag_line_primary .tabs .tab_item {
    border-color: #eaeaea;
    background-color: #fff;
}

.tab_wrap.type_tag.tag_line_primary .tabs .tab_item .tab_link {
    padding: 0 17px;
}

.tab_wrap.type_tag.tag_line_primary .tabs .tab_item .tab_link .tab_text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000;
}

.tab_wrap.type_tag.tag_line_primary .tabs .tab_item.ui-state-active {
    border-width: 2px;
    border-color: #474c98;
    background-color: #fff;
}

.tab_wrap.type_tag.tag_line_primary .tabs .tab_item.ui-state-active .tab_link .tab_text {
    color: #474c98;
    font-weight: 700;
}

.tab_wrap.type_tag.type_black>.tab_list_wrap .tabs .tab_item.ui-state-active {
    background-color: #000;
    border-color: #000;
}

.tab_wrap.type_tag.type_fixed_tag .tab_list_wrap {
    margin-bottom: 24px;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex: 1;
    font-size: 0;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap .tab_swiper_wrap {
    flex: 1;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap .tab_swiper_wrap .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap .tab_swiper_wrap .tab_item {
    display: inline-block;
    width: auto;
    vertical-align: top;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap .btn_tag_more {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #f7f7f7;
    z-index: 2;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap .btn_tag_more .ico_tag_more {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url(/common/images/picks/btn_tag_more@2x.png);
    vertical-align: top;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap:not(.more) .tab_swiper_wrap {
    margin: 0;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap:not(.more) .tab_swiper_wrap .tab_item {
    margin-right: 6px;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap:not(.more) .tab_swiper_wrap .tab_item:last-child {
    margin-right: 52px;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap.more .tab_swiper_wrap .tabs {
    flex-wrap: wrap;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap.more .tab_swiper_wrap~.btn_tag_more .ico_tag_more {
    background-size: 16px 16px;
    background-image: url(/common/images/picks/btn_tag_more_active@2x.png);
}

.tab_wrap.type_tag.type_fold .tab_list_wrap.more:after {
    content: none;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap.active {
    padding-right: 36px;
}

.tab_wrap.type_tag.type_fold .tab_list_wrap.active:after {
    content: "";
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 1;
    width: 70px;
    height: 36px;
    background: linear-gradient(to right, transparent, #fff);
}

.tab_wrap.type_tag.type_fold .tab_list_wrap.active .btn_tag_more {
    display: block;
}

/* badge_flag type */
.badge_flag {
    display: inline-block;
    min-width: 20px;
    padding: 3px 2px 2px;
    font-size: 12px;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    border-radius: 6px 0;
    vertical-align: top;
    text-align: center;
}

.badge_flag.size_md {
    padding: 3px 8px;
    border-radius: 12px 0;
    font-weight: 400;
}

.badge_flag.size_lg {
    padding: 5px 8px;
    border-radius: 8px 0;
    font-weight: 400;
}

.badge_flag.size_xl {
    height: 28px;
    padding: 4px 10px 0;
    border-radius: 16px 0;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
}

.badge_flag.size_xxl {
    height: 32px;
    padding: 6px 15px 0;
    border-radius: 20px 0;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    font-weight: 400;
}

.badge_flag.badge_primary {
    border: 1px solid #5055b1;
    background-color: #5055b1;
}

.badge_flag.badge_primary .text {
    color: #fff;
}

.badge_flag.badge_series {
    padding: 5px 10px 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.badge_flag.badge_series .text {
    color: #fff;
}

.badge_flag.badge_series.size_xxl {
    padding: 7px 16px;
    border-radius: 20px 0;
}

.badge_flag.best {
    position: relative;
    padding-left: 17px;
    margin: 8px 0 0 14px;
}

.badge_flag.best .text {
    font-weight: 500;
}

.badge_flag.best:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -14px;
    width: 28px;
    height: 27px;
    background: url(/common/images/picks/ico_best_badge@2x.png) 0% 0% no-repeat;
    background-size: 28px 27px;
}

/* 뱃지 - 색상 */
.badge_light_gray {
    color: #fff;
    background: #767676;
    border: 1px solid #767676;
}

.badge_green {
    color: #fff;
    background: #4dac27;
    border: 1px solid #4dac27;
}

.badge_light_green {
    color: #3c9a17;
    background: #f2f8f0;
    border: 1px solid #f2f8f0;
}

.badge_line_primary {
    color: #474c98;
    border: 1px solid #474c98;
    background: #fff;
}

.badge_line_gray {
    color: #767676;
    background: #fff;
    border: 1px solid #ccc;
}

.badge_line_green {
    color: #3c9a17;
    background: #fff;
    border: 1px solid #4dac27;
}

.badge_line_red {
    color: #ec1f2d;
    background: #fff;
    border: 1px solid #d93938;
}

.badge_red {
    color: #ec1f2d;
    background: #fef1f2;
    border: 1px solid #fef1f2;
}

.badge_primary {
    color: #474c98;
    border: 1px solid #ededf7;
    background: #ededf7;
}

.badge_lighten_gray {
    color: #595959;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
}

.review_quotes_text {
    display: inline-block;
    position: relative;
    padding-left: 18px;
    color: #474c98;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
    vertical-align: top;
}

.review_quotes_text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 13px;
    height: 13px;
    background: url(/common/images/picks/ico_quotes@2x.png) center no-repeat;
    background-size: 13px 13px;
}


.picks_evaluation_state_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    border-radius: 16px;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    margin-left: auto;
    padding: 24px 30px;
}

.picks_evaluation_state_box .picks_evaluation_state_title_area {
    width: 170px;
    flex-shrink: 1;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.picks_evaluation_state_box .picks_evaluation_state_body_area {
    width: 630px;
    margin-left: auto;
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box {
    position: relative;
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .target_text {
    display: block;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #767676;
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame {
    position: relative;
    width: 630px;
    font-size: 0;
    line-height: 0;
    height: 5px;
    border-radius: 3px;
    margin-top: 8px;
    background-color: #f2f2f2;
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame .bar {
    position: relative;
    display: inline-block;
    height: 5px;
    border-radius: 3px;
    background-color: #5055b1;
    background: -moz-linear-gradient(left, #5055b1 0%, #b8badf 100%);
    background: -webkit-linear-gradient(left, #5055b1 0%, #b8badf 100%);
    background: linear-gradient(to right, #5055b1 0%, #b8badf 100%);
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame .bar:after {
    content: "";
    position: absolute;
    top: -11px;
    right: 0;
    width: 8px;
    height: 6px;
    border-radius: 3px;
    background-size: 8px 6px;
    background-image: url("/common/images/picks/ico_picks_progress_pointer_purple@2x.png");
}

.picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .value {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: calc(100% + 12px);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
}


.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation {
    height: 750px !important;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    border-radius: 16px;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    margin-left: auto;
    padding: 24px 30px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_title_area {
    width: 170px;
    flex-shrink: 1;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area {
    width: 630px;
    margin-left: auto;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box {
    position: relative;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .target_text {
    display: block;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #767676;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame {
    position: relative;
    width: 630px;
    font-size: 0;
    line-height: 0;
    height: 5px;
    border-radius: 3px;
    margin-top: 8px;
    background-color: #f2f2f2;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .frame .bar {
    position: relative;
    display: inline-block;
    height: 5px;
    border-radius: 3px;
    background-color: #5055b1;
    background: -moz-linear-gradient(left, #5055b1 0%, #b8badf 100%);
    background: -webkit-linear-gradient(left, #5055b1 0%, #b8badf 100%);
    background: linear-gradient(to right, #5055b1 0%, #b8badf 100%);
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_state_box .picks_evaluation_state_body_area .bar_progress_box .value {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: calc(100% + 12px);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_prod_wrap {
    margin-top: 30px;
}

.dialog_wrapper .ui-dialog .dialog_wrap.dialog_picks_evaluation .dialog_contents .picks_evaluation_prod_wrap .no_data.size_sm {
    padding-top: 150px;
}

.picks_evaluation_prod_wrap .prod_list .prod_item {
    display: inline-block;
    width: 195px;
    margin-left: 20px;
    vertical-align: top;
    padding: 24px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.picks_evaluation_prod_wrap .prod_list .prod_item:nth-child(6n+1) {
    margin-left: 20px;
}

.picks_evaluation_prod_wrap .prod_list .prod_item:nth-child(n+7) {
    margin-top: 20px;
}

.picks_evaluation_prod_wrap .prod_list .prod_item:nth-child(4n+1) {
    margin-left: 0;
}

.picks_evaluation_prod_wrap .prod_list .prod_item:nth-child(n+5) {
    margin-top: 20px;
}

.picks_evaluation_prod_wrap .prod_list .prod_item .prod_area .prod_thumb_box {
    margin: 0 auto;
}

.picks_evaluation_prod_wrap .prod_list .prod_item .prod_area .prod_thumb_box.size_xxs {
    width: 84px;
}

.picks_evaluation_prod_wrap .prod_list .prod_item .prod_area .prod_thumb_box.size_xxs .img_box img {
    max-height: 122.676px;
}

.picks_evaluation_prod_wrap .prod_list .prod_item .prod_area .prod_name {
    height: 38px;
    text-align: center;
    font-weight: 400;
}

.custom_scroll_wrap {
    height: calc(100% - 97px);
}

.custom_scroll_wrap .simplebar-track.simplebar-vertical {
    top: 30px;
}

.dialog_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin-top: 34px;
}

.dialog_footer a[class^=btn_],
.dialog_footer button[class^=btn_] {
    flex: 0 auto;
}

.dialog_footer a[class^=btn_]~a[class^=btn_],
.dialog_footer a[class^=btn_]~button[class^=btn_],
.dialog_footer button[class^=btn_]~a[class^=btn_],
.dialog_footer button[class^=btn_]~button[class^=btn_] {
    margin-left: 6px;
}

.picks_area {
    margin: 50px auto;
    font-family: "Roboto", "Noto Sans KR", "PingFang SC", "Apple SD Gothic Neo", "Microsoft YaHei UI", "Malgun Gothic", sans-serif;
    font-size: 14px;
    color: #000;
}

.picks_sync_statistics_box.no_sync {
    display: block;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border-radius: 20px;
    background: rgba(80, 85, 177, 0.04);
    box-sizing: border-box;
}

.picks_sync_statistics_box.no_sync .btn_wrap{
    margin-top: 20px;
}