.aside_notice .section .txt_info dt, 
.card_board .info_area .writer,
.txt_summary .txt_component.dot li,
.txt_summary .txt_component.num li,
.menu_box .menu_type3 .title_menu,
.sns_section .list_sns .title,
.store_section .category_area .category_list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.aside_notice .section .txt_info:after,
.banner_box .item:after,
.board_box .card_type .btn_area:after,
.btn_wrap .btn_theme:after,
.btn_wrap .btn_theme_v2.btn_type_v2:after,
.btn_wrap .theme_a.btn_type_v2:after,
.card_board .info_area:after,
.coupon_section:after,
.gallery_area ul:after,
.gallery_area.type4 li:after,
.hub_section .category_area:after,
.hub_section .location_area .list_location:after,
.info_box .area_aaccount .list_info .item_description .text:after,
.info_box .area_aaccount:after,
.info_box .list_info:after,
.board_box .area_info:after,
.board_box .list_board:after,
.menu_box .info_area:after {
    display: block;
    clear: both;
    content: ""
}
@font-face {
    font-family: 'modoo';
    src: url('//storage.googleapis.com/cr-resource/fonts/modoo_43c742.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /* font-family: 'modoo';
    src: url(https://stayanon.modoo.at/static/front/img/font/modoo_107394.eot);
    src: url(https://stayanon.modoo.at/static/front/img/font/modoo_107394.eot?#iefix) format("embedded-opentype"),url(https://stayanon.modoo.at/static/front/img/font/modoo_43c742.woff) format("woff"),url(https://stayanon.modoo.at/static/front/img/font/modoo_5a9be1.ttf) format("truetype"),url(https://stayanon.modoo.at/static/front/img/font/modoo_20b606.svg) format("svg"); */
    font-weight: 400;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: url('//storage.googleapis.com/cr-resource/fonts/NotoSans-Regular.woff2') format("woff2");
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url('//storage.cloud.google.com/cr-resource/fonts/Roboto-Regular.woff2') format("woff2");
}

body, html {width: 100%; height:100%;}
body {margin: 0;padding: 0;text-align: left;}

body,button,input,select,table,textarea {
    font-family: "Noto Sans","맑은 고딕","Malgun Gothic",Arial,Helvetica,sans-serif,Lucida,Grande,"Microsoft YaHei","Hiragino Sans GB",SimSun,Meiryo;
    font-size: 13px;
    font-weight: 400;
}

address,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,iframe,input,li,object,ol,p,select,textarea,ul {margin: 0;padding: 0;}

fieldset,iframe,img {border: none}
iframe {display: block}
img {vertical-align: top}
li {list-style-type: none}
table {clear: both;border-collapse: collapse}
address, em {font-style: normal}
select {height: 20px;font-size: 12px}
select:is(#eventStartTime,#eventEndTime) { height: 39px; }
input {padding-right: 1px}
ol, ul {list-style: none}
a {color: inherit;text-decoration: none}

.blind {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px
}

.button_box .btn [class*=icon],
.floating_item [class*=icon],
[class*=booking_].icon,
[class*=btn_] .ic,
[class*=micon_],
[class*=nicon_],
[class*=num].icon {
    display: inline-block;
    font-style: normal;
    line-height: 1;
    color: #888;
    font-size: 40px;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: modoo
}

.calendar_area .num0:after,
.icon_adult .icon.num0:after {
    content: ""
}

.btn_theme_v2 .btn .a_num0:after {
    content: ""
}
.element.modoo .latest-post-list-thumb[data-option="S"] {display:none;}
.coupon_no0:after,
.moa_area .num0:after {
    content: ""
}

.calendar_area .num1:after,
.icon_adult .icon.num1:after {
    content: ""
}

.btn_theme_v2 .btn .a_num1:after {
    content: ""
}

.coupon_no1:after,
.moa_area .num1:after {
    content: ""
}

.calendar_area .num2:after,
.icon_adult .icon.num2:after {
    content: ""
}

.btn_theme_v2 .btn .a_num2:after {
    content: ""
}

.coupon_no2:after,
.moa_area .num2:after {
    content: ""
}

.calendar_area .num3:after,
.icon_adult .icon.num3:after {
    content: ""
}

.btn_theme_v2 .btn .a_num3:after {
    content: ""
}

.coupon_no3:after,
.moa_area .num3:after {
    content: ""
}

.calendar_area .num4:after,
.icon_adult .icon.num4:after {
    content: ""
}

.btn_theme_v2 .btn .a_num4:after {
    content: ""
}

.coupon_no4:after,
.moa_area .num4:after {
    content: ""
}

.calendar_area .num5:after,
.icon_adult .icon.num5:after {
    content: ""
}

.btn_theme_v2 .btn .a_num5:after {
    content: ""
}

.coupon_no5:after,
.moa_area .num5:after {
    content: ""
}

.calendar_area .num6:after,
.icon_adult .icon.num6:after {
    content: ""
}

.btn_theme_v2 .btn .a_num6:after {
    content: ""
}

.coupon_no6:after,
.moa_area .num6:after {
    content: ""
}

.calendar_area .num7:after,
.icon_adult .icon.num7:after {
    content: ""
}

.btn_theme_v2 .btn .a_num7:after {
    content: ""
}

.coupon_no7:after,
.moa_area .num7:after {
    content: ""
}

.calendar_area .num8:after,
.icon_adult .icon.num8:after {
    content: ""
}

.btn_theme_v2 .btn .a_num8:after {
    content: ""
}

.coupon_no8:after,
.moa_area .num8:after {
    content: ""
}

.calendar_area .num9:after,
.icon_adult .icon.num9:after {
    content: ""
}

.btn_theme_v2 .btn .a_num9:after {
    content: ""
}

.coupon_no9:after,
.moa_area .num9:after {
    content: ""
}

.calendar_area .num_percent:after,
.icon_adult .icon.num_percent:after {
    content: ""
}

.btn_theme_v2 .btn .a_num_percent:after {
    content: ""
}

.coupon_percent:after {
    content: ""
}

.icon.booking_24h:after {
    content: ""
}

.icon.booking_animal:after {
    content: ""
}

.icon.booking_babycare:after {
    content: ""
}

.icon.booking_bar:after {
    content: ""
}

.icon.booking_bbq:after {
    content: ""
}

.icon.booking_beach:after {
    content: ""
}

.icon.booking_bed:after {
    content: ""
}

.icon.booking_booking:after {
    content: ""
}

.icon.booking_breakfast:after {
    content: ""
}

.icon.booking_cashbill:after {
    content: ""
}

.icon.booking_couple:after {
    content: ""
}

.icon.booking_delivery:after {
    content: ""
}

.icon.booking_domitori:after {
    content: ""
}

.icon.booking_drycleaning:after {
    content: ""
}

.icon.booking_duplex:after {
    content: ""
}

.icon.booking_exchange:after {
    content: ""
}

.icon.booking_experience:after {
    content: ""
}

.icon.booking_family:after {
    content: ""
}

.icon.booking_fitness:after {
    content: ""
}

.icon.booking_footvolleyball:after {
    content: ""
}

.icon.booking_group:after {
    content: ""
}

.icon.booking_heatedfloor:after {
    content: ""
}

.icon.booking_karaoke:after {
    content: ""
}

.icon.booking_kitchen:after {
    content: ""
}

.icon.booking_koreanstyle:after {
    content: ""
}

.icon.booking_latecheckout:after {
    content: ""
}

.icon.booking_nosmoking:after {
    content: ""
}

.icon.booking_parking:after {
    content: ""
}

.icon.booking_party:after {
    content: ""
}

.icon.booking_pickup:after {
    content: ""
}

.icon.booking_pool:after {
    content: ""
}

.icon.booking_poolvilla:after {
    content: ""
}

.icon.booking_privatebbq:after {
    content: ""
}

.icon.booking_refrigerator:after {
    content: ""
}

.icon.booking_restaurant:after {
    content: ""
}

.icon.booking_roomservice:after {
    content: ""
}

.icon.booking_seminar:after {
    content: ""
}

.icon.booking_share:after {
    content: ""
}

.icon.booking_shuttle:after {
    content: ""
}

.icon.booking_simplekitchen:after {
    content: ""
}

.icon.booking_singlefamily:after {
    content: ""
}

.icon.booking_ski:after {
    content: ""
}

.icon.booking_spa:after {
    content: ""
}

.icon.booking_thedisabled:after {
    content: ""
}

.icon.booking_toilet:after {
    content: ""
}

.icon.booking_tour:after {
    content: ""
}

.icon.booking_valet:after {
    content: ""
}

.icon.booking_valley:after {
    content: ""
}

.icon.booking_visit:after {
    content: ""
}

.icon.booking_waterpark:after {
    content: ""
}

.icon.booking_waterslide:after {
    content: ""
}

.icon.booking_watersports:after {
    content: ""
}

.icon.booking_wifi:after {
    content: ""
}

.icon.booking_wififree:after {
    content: ""
}

.icon.booking_wrap:after {
    content: ""
}

.icon_play {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    width: 59px;
    height: 59px;
    margin: auto;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .9);
    text-align: center;
    line-height: 59px
}

.icon_play.nicon_play3 {
    font-size: 28px;
    color: #303030
}

.icon_play.nicon_play3:after {
    margin-left: 10%
}
.btn_ic .ic:after,
.floating_item .icon9999:after,
.icon9999:after {
    content: ""
}

.btn_ic1 .ic:after,
.floating_item .icon1:after,
.icon1:after {
    content: ""
}

.btn_ic10 .ic:after,
.floating_item .icon10:after,
.icon10:after {
    content: ""
}

.btn_ic11 .ic:after,
.floating_item .icon11:after,
.icon11:after {
    content: ""
}

.btn_ic12 .ic:after,
.floating_item .icon12:after,
.icon12:after {
    content: ""
}

.btn_ic13 .ic:after,
.floating_item .icon13:after,
.icon13:after {
    content: ""
}

.btn_ic14 .ic:after,
.floating_item .icon14:after,
.icon14:after {
    content: ""
}

.btn_ic15 .ic:after,
.floating_item .icon15:after,
.icon15:after {
    content: ""
}

.btn_ic16 .ic:after,
.floating_item .icon16:after,
.icon16:after {
    content: ""
}

.btn_ic17 .ic:after,
.floating_item .icon17:after,
.icon17:after {
    content: ""
}

.btn_ic18 .ic:after,
.floating_item .icon18:after,
.icon18:after {
    content: ""
}

.btn_ic19 .ic:after,
.floating_item .icon19:after,
.icon19:after {
    content: ""
}

.btn_ic2 .ic:after,
.floating_item .icon2:after,
.icon2:after {
    content: ""
}

.btn_ic20 .ic:after,
.floating_item .icon20:after,
.icon20:after {
    content: ""
}

.btn_ic21 .ic:after,
.floating_item .icon21:after,
.icon21:after {
    content: ""
}

.btn_ic22 .ic:after,
.floating_item .icon22:after,
.icon22:after {
    content: ""
}

.btn_ic23 .ic:after,
.floating_item .icon23:after,
.icon23:after {
    content: ""
}

.btn_ic24 .ic:after,
.floating_item .icon24:after,
.icon24:after {
    content: ""
}

.btn_ic25 .ic:after,
.floating_item .icon25:after,
.icon25:after {
    content: ""
}

.btn_ic26 .ic:after,
.floating_item .icon26:after,
.icon26:after {
    content: ""
}

.btn_ic27 .ic:after,
.floating_item .icon27:after,
.icon27:after {
    content: ""
}

.btn_ic28 .ic:after,
.floating_item .icon28:after,
.icon28:after {
    content: ""
}

.btn_ic29 .ic:after,
.floating_item .icon29:after,
.icon29:after {
    content: ""
}

.btn_ic3 .ic:after,
.floating_item .icon3:after,
.icon3:after {
    content: ""
}

.btn_ic30 .ic:after,.floating_item .icon30:after,.icon30:after {
    content: ""
}

.btn_ic30 .ic:after,
.floating_item .icon30:after,
.icon30:after {
    content: ""
}

.btn_ic31 .ic:after,
.floating_item .icon31:after,
.icon31:after {
    content: ""
}

.btn_ic32 .ic:after,
.floating_item .icon32:after,
.icon32:after {
    content: ""
}

.btn_ic33 .ic:after,
.floating_item .icon33:after,
.icon33:after {
    content: ""
}

.btn_ic34 .ic:after,
.floating_item .icon34:after,
.icon34:after {
    content: ""
}

.btn_ic35 .ic:after,
.floating_item .icon35:after,
.icon35:after {
    content: ""
}

.btn_ic36 .ic:after,
.floating_item .icon36:after,
.icon36:after {
    content: ""
}

.btn_ic37 .ic:after,
.floating_item .icon37:after,
.icon37:after {
    content: ""
}

.btn_ic38 .ic:after,
.floating_item .icon38:after,
.icon38:after {
    content: ""
}

.btn_ic39 .ic:after,
.floating_item .icon39:after,
.icon39:after {
    content: ""
}

.btn_ic4 .ic:after,
.floating_item .icon4:after,
.icon4:after {
    content: ""
}

.btn_ic40 .ic:after,
.floating_item .icon40:after,
.icon40:after {
    content: ""
}

.btn_ic41 .ic:after,
.floating_item .icon41:after,
.icon41:after {
    content: ""
}

.btn_ic42 .ic:after,
.floating_item .icon42:after,
.icon42:after {
    content: ""
}

.btn_ic43 .ic:after,
.floating_item .icon43:after,
.icon43:after {
    content: ""
}

.btn_ic44 .ic:after,
.floating_item .icon44:after,
.icon44:after {
    content: ""
}

.btn_ic45 .ic:after,
.floating_item .icon45:after,
.icon45:after {
    content: ""
}

.btn_ic46 .ic:after,
.floating_item .icon46:after,
.icon46:after {
    content: ""
}

.btn_ic47 .ic:after,
.floating_item .icon47:after,
.icon47:after {
    content: ""
}

.btn_ic48 .ic:after,
.floating_item .icon48:after,
.icon48:after {
    content: ""
}

.btn_ic49 .ic:after,
.floating_item .icon49:after,
.icon49:after {
    content: ""
}

.btn_ic5 .ic:after,
.floating_item .icon5:after,
.icon5:after {
    content: ""
}

.btn_ic6 .ic:after,
.floating_item .icon6:after,
.icon6:after {
    content: ""
}

.btn_ic7 .ic:after,
.floating_item .icon7:after,
.icon7:after {
    content: ""
}

.btn_ic8 .ic:after,
.floating_item .icon8:after,
.icon8:after {
    content: ""
}

.btn_ic9 .ic:after,
.floating_item .icon9:after,
.icon9:after {
    content: ""
}

.nicon_account .ic:after,
.nicon_account:after {
    content: ""
}

.nicon_alert1 .ic:after,
.nicon_alert1:after {
    content: ""
}

.nicon_alert2 .ic:after,
.nicon_alert2:after {
    content: ""
}

.nicon_alertactive1 .ic:after,
.nicon_alertactive1:after {
    content: ""
}

.nicon_alertactive2 .ic:after,
.nicon_alertactive2:after {
    content: ""
}

.nicon_all1 .ic:after,
.nicon_all1:after {
    content: ""
}

.nicon_all2 .ic:after,
.nicon_all2:after {
    content: ""
}

.nicon_all3 .ic:after,
.nicon_all3:after {
    content: ""
}

.nicon_all4 .ic:after,
.nicon_all4:after {
    content: ""
}

.nicon_all5 .ic:after,
.nicon_all5:after {
    content: ""
}

.nicon_appalert1 .ic:after,
.nicon_appalert1:after {
    content: ""
}

.nicon_appalert2 .ic:after,
.nicon_appalert2:after {
    content: ""
}

.nicon_articlealert1 .ic:after,
.nicon_articlealert1:after {
    content: ""
}

.nicon_articlealert2 .ic:after,
.nicon_articlealert2:after {
    content: ""
}

.nicon_attachment .ic:after,
.nicon_attachment:after {
    content: ""
}

.nicon_backward1 .ic:after,
.nicon_backward1:after {
    content: ""
}

.nicon_backward2 .ic:after,
.nicon_backward2:after {
    content: ""
}

.nicon_band .ic:after,
.nicon_band:after {
    content: ""
}

.nicon_before1 .ic:after,
.nicon_before1:after {
    content: ""
}

.nicon_bgm1 .ic:after,
.nicon_bgm1:after {
    content: ""
}

.nicon_bgm2 .ic:after,
.nicon_bgm2:after {
    content: ""
}

.nicon_bgmoff1 .ic:after,
.nicon_bgmoff1:after {
    content: ""
}

.nicon_bgmoff2 .ic:after,
.nicon_bgmoff2:after {
    content: ""
}

.nicon_blog .ic:after,
.nicon_blog:after {
    content: ""
}

.nicon_board1 .ic:after,
.nicon_board1:after {
    content: ""
}

.nicon_board2 .ic:after,
.nicon_board2:after {
    content: ""
}

.nicon_browser1 .ic:after,
.nicon_browser1:after {
    content: ""
}

.nicon_browser2 .ic:after,
.nicon_browser2:after {
    content: ""
}

.nicon_buy1 .ic:after,
.nicon_buy1:after {
    content: ""
}

.nicon_buy2 .ic:after,
.nicon_buy2:after {
    content: ""
}

.nicon_cafe .ic:after,
.nicon_cafe:after {
    content: ""
}

.nicon_call1 .ic:after,
.nicon_call1:after {
    content: ""
}

.nicon_call2 .ic:after,
.nicon_call2:after {
    content: ""
}

.nicon_camera1 .ic:after,
.nicon_camera1:after {
    content: ""
}

.nicon_camera2 .ic:after,
.nicon_camera2:after {
    content: ""
}

.nicon_cancel .ic:after,
.nicon_cancel:after {
    content: ""
}

.nicon_car1 .ic:after,
.nicon_car1:after {
    content: ""
}

.nicon_car2 .ic:after,
.nicon_car2:after {
    content: ""
}

.nicon_cart1 .ic:after,
.nicon_cart1:after {
    content: ""
}

.nicon_cart2 .ic:after,
.nicon_cart2:after {
    content: ""
}

.nicon_chart .ic:after,
.nicon_chart:after {
    content: ""
}

.nicon_chat1 .ic:after,
.nicon_chat1:after {
    content: ""
}

.nicon_chat2 .ic:after,
.nicon_chat2:after {
    content: ""
}

.nicon_clip1 .ic:after,
.nicon_clip1:after {
    content: ""
}

.nicon_close .ic:after,
.nicon_close:after {
    content: ""
}

.nicon_comment1 .ic:after,
.nicon_comment1:after {
    content: ""
}

.nicon_comment2 .ic:after,
.nicon_comment2:after {
    content: ""
}

.nicon_comment3 .ic:after,
.nicon_comment3:after {
    content: ""
}

.nicon_commentalert1 .ic:after,
.nicon_commentalert1:after {
    content: ""
}

.nicon_commentalert2 .ic:after,
.nicon_commentalert2:after {
    content: ""
}

.nicon_confirm .ic:after,
.nicon_confirm:after {
    content: ""
}

.nicon_delete1 .ic:after,
.nicon_delete1:after {
    content: ""
}

.nicon_delete2 .ic:after,
.nicon_delete2:after {
    content: ""
}

.nicon_deliver1 .ic:after,
.nicon_deliver1:after {
    content: ""
}

.nicon_deliver2 .ic:after,
.nicon_deliver2:after {
    content: ""
}

.nicon_down1 .ic:after,
.nicon_down1:after {
    content: ""
}

.nicon_down2 .ic:after,
.nicon_down2:after {
    content: ""
}

.nicon_down3 .ic:after,
.nicon_down3:after {
    content: ""
}

.nicon_download .ic:after,
.nicon_download:after {
    content: ""
}

.nicon_drawer .ic:after,
.nicon_drawer:after {
    content: ""
}

.nicon_facebook .ic:after,
.nicon_facebook:after {
    content: ""
}

.nicon_filter1 .ic:after,
.nicon_filter1:after {
    content: ""
}

.nicon_filter2 .ic:after,
.nicon_filter2:after {
    content: ""
}

.nicon_folder1 .ic:after,
.nicon_folder1:after {
    content: ""
}

.nicon_folder2 .ic:after,
.nicon_folder2:after {
    content: ""
}

.nicon_forward1 .ic:after,
.nicon_forward1:after {
    content: ""
}

.nicon_forward2 .ic:after,
.nicon_forward2:after {
    content: ""
}

.nicon_gpx1 .ic:after,
.nicon_gpx1:after {
    content: ""
}

.nicon_gpx2 .ic:after,
.nicon_gpx2:after {
    content: ""
}

.nicon_help .ic:after,
.nicon_help:after {
    content: ""
}

.nicon_home1 .ic:after,
.nicon_home1:after {
    content: ""
}

.nicon_home2 .ic:after,
.nicon_home2:after {
    content: ""
}

.nicon_image1 .ic:after,
.nicon_image1:after {
    content: ""
}

.nicon_image2 .ic:after,
.nicon_image2:after {
    content: ""
}

.nicon_info1 .ic:after,
.nicon_info1:after {
    content: ""
}

.nicon_info2 .ic:after,
.nicon_info2:after {
    content: ""
}

.nicon_like1 .ic:after,
.nicon_like1:after {
    content: ""
}

.nicon_like2 .ic:after,
.nicon_like2:after {
    content: ""
}

.nicon_link .ic:after,
.nicon_link:after {
    content: ""
}

.nicon_listen1 .ic:after,
.nicon_listen1:after {
    content: ""
}

.nicon_listen2 .ic:after,
.nicon_listen2:after {
    content: ""
}

.nicon_logout .ic:after,
.nicon_logout:after {
    content: ""
}

.nicon_m-bus1 .ic:after,
.nicon_m-bus1:after {
    content: ""
}

.nicon_m-bus2 .ic:after,
.nicon_m-bus2:after {
    content: ""
}

.nicon_m-calendar1 .ic:after,
.nicon_m-calendar1:after {
    content: ""
}

.nicon_m-calendar2 .ic:after,
.nicon_m-calendar2:after {
    content: ""
}

.nicon_m-copy1 .ic:after,
.nicon_m-copy1:after {
    content: ""
}

.nicon_m-copy2 .ic:after,
.nicon_m-copy2:after {
    content: ""
}

.nicon_m-keyboard1 .ic:after,
.nicon_m-keyboard1:after {
    content: ""
}

.nicon_m-keyboard2 .ic:after,
.nicon_m-keyboard2:after {
    content: ""
}

.nicon_m-mail2 .ic:after,
.nicon_m-mail2:after {
    content: ""
}

.nicon_m-move1 .ic:after,
.nicon_m-move1:after {
    content: ""
}

.nicon_m-move2 .ic:after,
.nicon_m-move2:after {
    content: ""
}

.nicon_m-nsquare .ic:after,
.nicon_m-nsquare:after {
    content: ""
}

.nicon_m-pathfind1 .ic:after,
.nicon_m-pathfind1:after {
    content: ""
}

.nicon_m-pc2 .ic:after,
.nicon_m-pc2:after {
    content: ""
}

.nicon_m-share1 .ic:after,
.nicon_m-share1:after {
    content: ""
}

.nicon_m-share2 .ic:after,
.nicon_m-share2:after {
    content: ""
}

.nicon_m-stop .ic:after,
.nicon_m-stop:after {
    content: ""
}

.nicon_m-talktalk .ic:after,
.nicon_m-talktalk:after {
    content: ""
}

.nicon_m-tv2 .ic:after,
.nicon_m-tv2:after {
    content: ""
}

.nicon_m-warning1 .ic:after,
.nicon_m-warning1:after {
    content: ""
}

.nicon_m-warning2 .ic:after,
.nicon_m-warning2:after {
    content: ""
}

.nicon_mail1 .ic:after,
.nicon_mail1:after {
    content: ""
}

.nicon_metro1 .ic:after,
.nicon_metro1:after {
    content: ""
}

.nicon_metro2 .ic:after,
.nicon_metro2:after {
    content: ""
}

.nicon_mic1 .ic:after,
.nicon_mic1:after {
    content: ""
}

.nicon_mic2 .ic:after,
.nicon_mic2:after {
    content: ""
}

.nicon_more1 .ic:after,
.nicon_more1:after {
    content: ""
}

.nicon_more2 .ic:after,
.nicon_more2:after {
    content: ""
}

.nicon_more3 .ic:after,
.nicon_more3:after {
    content: ""
}

.nicon_more4 .ic:before,
.nicon_more4:before {
    content: ""
}
.nicon_close .ic:after,.nicon_close:after {
    content: ""
}
.nicon_navigation1 .ic:after,
.nicon_navigation1:after {
    content: ""
}

.nicon_navigation2 .ic:after,
.nicon_navigation2:after {
    content: ""
}

.nicon_news1 .ic:after,
.nicon_news1:after {
    content: ""
}

.nicon_news2 .ic:after,
.nicon_news2:after {
    content: ""
}

.nicon_notice1 .ic:after,
.nicon_notice1:after {
    content: ""
}

.nicon_notice2 .ic:after,
.nicon_notice2:after {
    content: ""
}

.nicon_notice3 .ic:after,
.nicon_notice3:after {
    content: ""
}

.nicon_off1 .ic:after,
.nicon_off1:after {
    content: ""
}

.nicon_off2 .ic:after,
.nicon_off2:after {
    content: ""
}

.nicon_officialblog1 .ic:after,
.nicon_officialblog1:after {
    content: ""
}

.nicon_officialblog2 .ic:after,
.nicon_officialblog2:after {
    content: ""
}

.nicon_pathfind2 .ic:after,
.nicon_pathfind2:after {
    content: ""
}

.nicon_pause .ic:after,
.nicon_pause:after {
    content: ""
}

.nicon_pc1 .ic:after,
.nicon_pc1:after {
    content: ""
}

.nicon_pin1 .ic:after,
.nicon_pin1:after {
    content: ""
}

.nicon_pin2 .ic:after,
.nicon_pin2:after {
    content: ""
}

.nicon_play1 .ic:after,
.nicon_play1:after {
    content: ""
}

.nicon_play2 .ic:after,
.nicon_play2:after {
    content: ""
}

.nicon_play3 .ic:after,
.nicon_play3:after {
    content: ""
}

.nicon_poke .ic:after,
.nicon_poke:after {
    content: ""
}

.nicon_powerblog1 .ic:after,
.nicon_powerblog1:after {
    content: ""
}

.nicon_powerblog2 .ic:after,
.nicon_powerblog2:after {
    content: ""
}

.nicon_presentlocation .ic:after,
.nicon_presentlocation:after {
    content: ""
}

.nicon_question1 .ic:after,
.nicon_question1:after {
    content: ""
}

.nicon_refresh .ic:after,
.nicon_refresh:after {
    content: ""
}

.nicon_report .ic:after,
.nicon_report:after {
    content: ""
}

.nicon_report1 .ic:after,
.nicon_report1:after {
    content: ""
}

.nicon_report2 .ic:after,
.nicon_report2:after {
    content: ""
}

.nicon_reserve1 .ic:after,
.nicon_reserve1:after {
    content: ""
}

.nicon_reserve2 .ic:after,
.nicon_reserve2:after {
    content: ""
}

.nicon_review1 .ic:after,
.nicon_review1:after {
    content: ""
}

.nicon_review2 .ic:after,
.nicon_review2:after {
    content: ""
}

.nicon_rss1 .ic:after,
.nicon_rss1:after {
    content: ""
}

.nicon_rss2 .ic:after,
.nicon_rss2:after {
    content: ""
}

.nicon_search .ic:after,
.nicon_search:after {
    content: ""
}

.nicon_secret-change1 .ic:after,
.nicon_secret-change1:after {
    content: ""
}

.nicon_secret-change2 .ic:after,
.nicon_secret-change2:after {
    content: ""
}

.nicon_secret1 .ic:after,
.nicon_secret1:after {
    content: ""
}

.nicon_secret2 .ic:after,
.nicon_secret2:after {
    content: ""
}

.nicon_set1 .ic:after,
.nicon_set1:after {
    content: ""
}

.nicon_set2 .ic:after,
.nicon_set2:after {
    content: ""
}

.nicon_size1 .ic:after,
.nicon_size1:after {
    content: ""
}

.nicon_size2 .ic:after,
.nicon_size2:after {
    content: ""
}

.nicon_smartphone1 .ic:after,
.nicon_smartphone1:after {
    content: ""
}

.nicon_smartphone2 .ic:after,
.nicon_smartphone2:after {
    content: ""
}

.nicon_sms1 .ic:after,
.nicon_sms1:after {
    content: ""
}

.nicon_sms2 .ic:after,
.nicon_sms2:after {
    content: ""
}

.nicon_sound1 .ic:after,
.nicon_sound1:after {
    content: ""
}

.nicon_sound2 .ic:after,
.nicon_sound2:after {
    content: ""
}

.nicon_sound3 .ic:after,
.nicon_sound3:after {
    content: ""
}

.nicon_soundoff1 .ic:after,
.nicon_soundoff1:after {
    content: ""
}

.nicon_soundoff2 .ic:after,
.nicon_soundoff2:after {
    content: ""
}

.nicon_star1 .ic:after,
.nicon_star1:after {
    content: ""
}

.nicon_star2 .ic:after,
.nicon_star2:after {
    content: ""
}

.nicon_statistics .ic:after,
.nicon_statistics:after {
    content: ""
}

.nicon_sticker1 .ic:after,
.nicon_sticker1:after {
    content: ""
}

.nicon_sticker2 .ic:after,
.nicon_sticker2:after {
    content: ""
}

.nicon_store1 .ic:after,
.nicon_store1:after {
    content: ""
}

.nicon_store2 .ic:after,
.nicon_store2:after {
    content: ""
}

.nicon_storepoke .ic:after,
.nicon_storepoke:after {
    content: ""
}

.nicon_talktalk-add1 .ic:after,
.nicon_talktalk-add1:after {
    content: ""
}

.nicon_talktalk-add2 .ic:after,
.nicon_talktalk-add2:after {
    content: ""
}

.nicon_thumb-down1 .ic:after,
.nicon_thumb-down1:after {
    content: ""
}

.nicon_thumb-down2 .ic:after,
.nicon_thumb-down2:after {
    content: ""
}

.nicon_thumb-up1 .ic:after,
.nicon_thumb-up1:after {
    content: ""
}

.nicon_thumb-up2 .ic:after,
.nicon_thumb-up2:after {
    content: ""
}

.nicon_time1 .ic:after,
.nicon_time1:after {
    content: ""
}

.nicon_time2 .ic:after,
.nicon_time2:after {
    content: ""
}

.nicon_time3 .ic:after,
.nicon_time3:after {
    content: ""
}

.nicon_time4 .ic:after,
.nicon_time4:after {
    content: ""
}

.nicon_top .ic:after,
.nicon_top:after {
    content: ""
}

.nicon_touch1 .ic:after,
.nicon_touch1:after {
    content: ""
}

.nicon_touch2 .ic:after,
.nicon_touch2:after {
    content: ""
}

.nicon_tv1 .ic:after,
.nicon_tv1:after {
    content: ""
}

.nicon_up1 .ic:after,
.nicon_up1:after {
    content: ""
}

.nicon_up2 .ic:after,
.nicon_up2:after {
    content: ""
}

.nicon_up3 .ic:after,
.nicon_up3:after {
    content: ""
}

.nicon_upload .ic:after,
.nicon_upload:after {
    content: ""
}

.nicon_url1 .ic:after,
.nicon_url1:after {
    content: ""
}

.nicon_url2 .ic:after,
.nicon_url2:after {
    content: ""
}

.nicon_user-add1 .ic:after,
.nicon_user-add1:after {
    content: ""
}

.nicon_user-add2 .ic:after,
.nicon_user-add2:after {
    content: ""
}

.nicon_user-join1 .ic:after,
.nicon_user-join1:after {
    content: ""
}

.nicon_user-join2 .ic:after,
.nicon_user-join2:after {
    content: ""
}

.nicon_user-list1 .ic:after,
.nicon_user-list1:after {
    content: ""
}

.nicon_user-list2 .ic:after,
.nicon_user-list2:after {
    content: ""
}

.nicon_user-manage1 .ic:after,
.nicon_user-manage1:after {
    content: ""
}

.nicon_user-manage2 .ic:after,
.nicon_user-manage2:after {
    content: ""
}

.nicon_user-my1 .ic:after,
.nicon_user-my1:after {
    content: ""
}

.nicon_user-my2 .ic:after,
.nicon_user-my2:after {
    content: ""
}

.nicon_user1 .ic:after,
.nicon_user1:after {
    content: ""
}

.nicon_user2 .ic:after,
.nicon_user2:after {
    content: ""
}

.nicon_video1 .ic:after,
.nicon_video1:after {
    content: ""
}

.nicon_video2 .ic:after,
.nicon_video2:after {
    content: ""
}

.nicon_viewcount1 .ic:after,
.nicon_viewcount1:after {
    content: ""
}

.nicon_viewcount2 .ic:after,
.nicon_viewcount2:after {
    content: ""
}

.nicon_voicesupport1 .ic:after,
.nicon_voicesupport1:after {
    content: ""
}

.nicon_voicesupport2 .ic:after,
.nicon_voicesupport2:after {
    content: ""
}

.nicon_vote1 .ic:after,
.nicon_vote1:after {
    content: ""
}

.nicon_vote2 .ic:after,
.nicon_vote2:after {
    content: ""
}

.nicon_write1 .ic:after,
.nicon_write1:after {
    content: ""
}

.nicon_write2 .ic:after,
.nicon_write2:after {
    content: ""
}

.nicon_write3 .ic:after,
.nicon_write3:after {
    content: ""
}

.nicon_writing1 .ic:after,
.nicon_writing1:after {
    content: ""
}

.nicon_writing2 .ic:after,
.nicon_writing2:after {
    content: ""
}

.nicon_more4 .ic:before,.nicon_more4:before {
    content: ""
}

.modoo_sub .element.modoo:not(.el-menu) {
    padding-top: 80px;
    background-color: #fff
}

.content:not(.form-content, .resource-row) {
    width: 1280px;
    min-height: 650px;
    padding: 0 90px 100px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.is_content_none {
    min-height: 0;
    padding: 0
}

/* .element.modoo [data-edit="true"] { padding: 5px; } */

.dsgn-body.mode-config.modoo ~ .config-image-link,
.dsgn-body.mode-config.modoo ~ .config-image-edit,
.dsgn-body.mode-config.modoo ~ .config-image-add { position: absolute; }

.element.modoo .uio_title.type_block {
    display: block
}

.element.modoo .uio_title.type_block:after {
    display: none
}

.element.modoo .uio_title.is_title_none {
    color: #fff !important
}

.element.modoo .uio_title .icon_npay {
    margin: -1px 0 0 5px
}

.element.modoo .uio_title_bullet {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    z-index: 1
}

.element.modoo .uio_title_link {
    color: #999
}

.element.modoo .uio_title_link~.uio_title_link {
    margin-left: 16px
}

.element.modoo .uio_title_link~.uio_title_link:before {
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 20px 0 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.element.modoo .official_mark {
    display: inline-block;
    vertical-align: top
}

.element.modoo .official_mark .nicon_officialblog2 {
    font-size: 22px;
    color: #70a5fc;
    vertical-align: top
}

.element.modoo .official_mark .officia_text {
    font-size: 15px;
    color: #4990e2;
    letter-spacing: -1px;
    vertical-align: top
}


.icon_label {
    display: inline-block;
    width: 40px;
    height: 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
    line-height: 22px;
    color: #fff
}

.icon_best {
    background-color: #ff2500;
    font-family: Roboto, sans-serif
}

.icon_recommend {
    background-color: #44ae99
}

.icon_new {
    background-color: #f2b641;
    font-family: Roboto, sans-serif
}

.icon_freeship {
    width: 54px;
    background-color: #222
}

.icon_none {
    display: none
}

.default img {
    display: none
}

.is_hide {
    display: none
}


.txt_component.color1 p {
    color: #333
}

.txt_component.color2 p {
    color: #666
}

.txt_component.color3 p {
    color: #999
}


#dsgn-body.modoo .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

#dsgn-body.modoo .swiper-container-no-flexbox .swiper-slide {
    float: left
}

#dsgn-body.modoo .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

#dsgn-body.modoo .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#dsgn-body.modoo .swiper-container-android .swiper-slide,
#dsgn-body.modoo .swiper-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

#dsgn-body.modoo .swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

#dsgn-body.modoo .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

#dsgn-body.modoo .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

#dsgn-body.modoo .swiper-container-autoheight,
#dsgn-body.modoo .swiper-container-autoheight .swiper-slide {
    height: auto
}

#dsgn-body.modoo .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

#dsgn-body.modoo .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

#dsgn-body.modoo .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

#dsgn-body.modoo .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

#dsgn-body.modoo .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

#dsgn-body.modoo .swiper-container-horizontal>.swiper-pagination-bullets,
#dsgn-body.modoo .swiper-pagination-custom,
#dsgn-body.modoo .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

#dsgn-body.modoo .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#dsgn-body.modoo .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

#dsgn-body.modoo .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

#dsgn-body.modoo .swiper-container-fade .swiper-slide-active,
#dsgn-body.modoo .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}


#dsgn-body.modoo { 
    padding-top: 0;
    background-color: #fff;
    position: relative;
    min-height: 100vh;
}

.element.modoo.modoo_intro {
    padding: 0; 
    min-height:auto; 
}
.element.modoo.full_screen {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#dsgn-body.modoo:not(.mode-config) .element.modoo:not(.el-menu),
#dsgn-body.modoo:not(.mode-render) .element.modoo:not(.el-menu) {
    position: relative;
    margin-top: 80px;
    width: 1280px;
    margin: 0 auto;
    padding: 0 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.element.modoo .section_spot {
    position: relative;
}

.element.modoo .section_spot .spot_images {
    position: relative
}

.element.modoo .section_spot .spot_dimmed {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    /* z-index: 10; */
    background-color: #000
}
.element.modoo .section_spot .spot_dimmed.cut {
    max-height: 450px;
}
.element.modoo .swiper-slide + div[style*="left:-1000px"] {
    display: none;
}
.element.modoo .section_spot .spot_images .img_cover {
    width: 100%;
    height: 400px;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.element.modoo .section_spot .spot_images .btn_play_area {
    position: absolute;
    top: 114px;
    left: 50%;
    width: 1100px;
    z-index: 100;
    margin-left: -550px;
    text-align: right
}

.element.modoo .section_spot .spot_images .btn_play {
    display: inline-block;
    margin-right: 24px;
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 65px;
    height: 66px;
    background-position: -278px -436px
}

.element.modoo .section_spot .spot_images.is_hide {
    display: none
}

.element.modoo .section_spot .spot_homesite {
    display: table;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1000px;
    height: 400px;
    margin-left: -550px
}

.element.modoo .section_spot .spot_homesite .site_thumb {
    display: inline-block;
    float: left;
    position: relative;
    width: 100px;
    height: 100px;
    margin-right: 20px
}

.element.modoo .section_spot .spot_homesite .site_thumb img {
    width: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.element.modoo .section_spot .spot_homesite .site_thumb:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, .08);
    content: ""
}

.element.modoo .section_spot .spot_homesite .site_info {
    display: table-cell;
    position: relative;
    z-index: 10;
    padding-top: 39px;
    vertical-align: middle;
    letter-spacing: -.8px
}

.element.modoo .section_spot .spot_homesite .site_name {
    margin-top: 6px;
    font-size: 20px;
    font-weight: 300;
    line-height: 38px;
    color: #fff;
    letter-spacing: -.8px;
    word-wrap: break-word;
    word-break: break-all
}

.element.modoo .section_spot .spot_homesite .site_name .nicon_officialblog2 {
    margin: 8px 0 0 -5px
}

.element.modoo .section_spot .spot_homesite .site_description {
    margin-top: 2px;
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
    line-height: 25px;
    letter-spacing: -.6px;
    word-wrap: break-word;
    word-break: break-all
}

.element.modoo .section_spot .spot_homesite.is_dark .site_description,
.element.modoo .section_spot .spot_homesite.is_dark .site_name {
    color: #333
}

.element.modoo .section_spot .is_hide+.spot_homesite {
    margin-top: 81px
}

.element.modoo .section_spot .is_center {
    width: 100%;
    max-width: 900px;
    margin: 0;
    text-align: center;
    transform: translateX(-50%);
}

.element.modoo .section_spot .is_center .site_thumb {
    float: none;
    width: 80px;
    height: 80px;
    margin: 18px 0 10px
}

.element.modoo .section_spot .is_bottom {
    position: static;
    width: 100%;
    height: 293px;
    margin: 0;
    background-color: #fafafa;
    text-align: center
}

.element.modoo .section_spot .is_bottom .site_info {
    padding-top: 0
}

.element.modoo .section_spot .is_bottom .site_thumb {
    display: block;
    float: none;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px
}

.element.modoo .section_spot .is_bottom .site_name {
    font-size: 15px;
    color: #333
}

.element.modoo .section_spot .is_bottom .site_name .nicon_officialblog2 {
    margin: 9px 0 0 -3px;
    font-size: 18px
}

.element.modoo .section_spot .is_bottom .site_description {
    color: #888
}

.element.modoo .section_spot.is_intro .is_bottom {
    position: relative;
    left: 50%;
    height: 166px;
    margin: 60px 0 0 -550px;
    width: auto;
    padding-bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.element.modoo .section_spot.is_intro .is_bottom .site_info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 205px;
    height: 100%;
    padding: 0 20px 0 0;
    text-align: left;
    vertical-align: top
}

.element.modoo .section_spot.is_intro .is_bottom .site_thumb {
    margin: 0 0 18px
}

.element.modoo .section_spot.is_intro .is_bottom .site_name {
    font-weight: 400;
    line-height: 24px
}

.element.modoo .section_spot.is_intro .is_bottom .site_name .nicon_officialblog2 {
    margin: 3px 0 0 -3px
}

.element.modoo .section_spot.is_intro .is_bottom .site_description {
    overflow: hidden;
    max-height: 50px;
    margin-top: 4px;
    font-size: 13px;
    color: #999;
    line-height: 22px
}

.element.modoo .section_spot.is_intro .is_bottom+.intro_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1100px;
    margin: -166px auto 70px;
    padding-left: 205px
}

.element.modoo .section_spot.is_intro .is_bottom+.intro_box .uio_content {
    display: table;
    width: 100%;
    height: 166px;
    border-left: 1px solid #ebebeb
}

.element.modoo .section_spot.is_intro .is_bottom+.intro_box .intro_section {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.element.modoo .section_spot.is_intro .is_bottom+.intro_box .point_text {
    margin-left: 40px
}

.element.modoo .section_spot.is_intro .is_bottom+.intro_box .text_intro {
    margin: 0 40px
}

.element.modoo .section_spot.is_intro .is_hide~.is_bottom {
    margin-top: 0;
    padding-top: 130px;
    min-height: 166px
}

.element.modoo .section_spot.is_intro .is_hide~.is_bottom .site_info {
    vertical-align: middle
}

.element.modoo .section_spot.is_intro .is_hide~.intro_box {
    margin-top: -166px
}

.element.modoo .section_spot.is_intro .is_hide~.intro_box .uio_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 166px;
    padding: 30px 0
}

.element.modoo .section_spot .is_hide~.is_bottom {
    background-color: #fff
}

.element.modoo .section_spot.type_full .spot_homesite {
    text-align: center;
    z-index: 1; 
}

.element.modoo .section_spot.type_full .spot_homesite .site_info {
    padding-top: 0
}

.element.modoo .section_spot.type_full .spot_homesite.is_bottom {
    height: 293px
}

.element.modoo .spot_homesite.is_center .site_thumb {
    float: none;
    width: 120px;
    height: 120px
}

.element.modoo .spot_homesite.is_center .site_description {
    margin: 0 auto
}

.element.modoo .section_spot.type_full.is_intro .is_bottom {
    height: 166px
}

.element.modoo .section_spot.type_full .intro_box {
    margin-bottom: 80px
}
.element.modoo .section_spot:not(.type_full) .indicator {
    opacity: 0;
}
.element.modoo .section_spot.type_full .indicator {
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 100%;
    text-align: center;
    z-index: 10
}

.element.modoo .section_spot.type_full .indicator span,
.element.modoo .section_spot.type_full .indicator>a {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.element.modoo .section_spot.type_full .indicator .swiper-pagination-bullet-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.element.modoo .section_spot.is_sub {
    margin: -80px 0 50px
}

.element.modoo .section_spot.is_sub .spot_images .img_cover {
    height: 300px
}

.element.modoo .section_spot.is_sub .spot_images .btn_play_area {
    top: 50%;
    text-align: center
}

.element.modoo .section_spot.is_sub .spot_images .btn_play_area .btn_play {
    margin: -33px 0 0 -33px
}



/*
INTRO : 소개글
*/
.element.modoo .intro_box { 
    position: relative;
    margin: 80px auto 40px auto;
    margin-bottom: 80px;
    max-width: 1280px;
    width:100%;
}
.element.modoo .intro_box .intro_section {
    position: relative;
    text-align: center;
}
.element.modoo .intro_box .point_text {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.8px;
}
.element.modoo .intro_box .text_intro {
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 0 217px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.89;
    letter-spacing: -.6px;
    color: #333;
    word-wrap: break-word;
    word-break: break-all;
}


.element.modoo .board_box .board_section {
    position: relative;
    background: #fff
}

.element.modoo .board_box .board_section:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #e5e5e5
}

.element.modoo .board_box .info_area .tit {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -.8px;
    color: #000
}

.element.modoo .board_box .info_area .txt {
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: -.5px;
    color: #666
}

.element.modoo .board_box .info_area .info {
    color: #909497
}

.element.modoo .board_box .info_area .bar {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 1px 3px -1px;
    background: #dbdcdd
}

/* .element.modoo .section_spot.type_full .intro_box { margin-bottom: 80px;} */
.modoo_contamodoo_subiner .element.modoo .uio_box { position: relative; margin-top: 0;}
.element.modoo .uio_box { position: relative; /*margin-top: 80px;*/}
.modoo_sub .element.modoo .uio_box {
    margin-top:0;
}

.element.modoo .summary_btn_more {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    letter-spacing: -.6px;
    text-align: left;
    color: #666;
}
.element.modoo .summary_btn_more .text {
    vertical-align: middle;
}
.element.modoo .summary_btn_more .icon {
    color: #999;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
    margin-bottom: 0px;
    font-weight: 700;
    width: 16px;
}
.element.modoo .uio_title {
    display: inline-block;
    position: relative;
    font-size: 20px;
    margin-bottom: 40px;
    color: #999;
    font-weight: 400;
    letter-spacing: -.8px;
}
.element.modoo .area_custom {
    overflow: hidden;
}

.element.modoo .area_custom .type {
    float: left;
    width: 530px;
    height: 353px;
    margin-right: 40px
}

.element.modoo .area_custom .type .gallery_img {
    height: 353px
}
.element.modoo .area_custom .type .gallery_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.element.modoo .area_custom .area_text {
    /* overflow: hidden; */
    margin-bottom: 45px
}


.element.modoo .area_custom .txt_box {
    overflow: hidden
}
.element.modoo .area_custom .txt_box h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px
}
.element.modoo .area_custom .txt_box p {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 28px;
    color: #666
}


.element.modoo .txt_component {
    margin: 0
}

.element.modoo .txt_component {
    overflow: hidden;
    color: #222;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .txt_component.align_l {
    text-align: left;
    background-image: none;
    width: auto;
    height: auto;
}
.element.modoo .txt_component.align_l ul {
    padding: 0;
}
.element.modoo .txt_component.align_c {
    text-align: center
}

.element.modoo .txt_component.align_r {
    text-align: right
}


.element.modoo .txt_component li {
    position: relative;
    padding-left: 13px;
    margin-top: 1px;
    font-size: 15px;
    text-indent: -13px;
    letter-spacing: -.05em;
    line-height: 24px
}

.element.modoo .txt_component li:first-child {
    padding-top: 1px;
    margin-top: 0
}

.element.modoo .txt_component.num li {
    padding-left: 14px;
    text-indent: -14px
}

.element.modoo .txt_component.num .f_h {
    margin-right: 5px;
    font-family: Roboto, Sans-serif;
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
    line-height: 24px;
    color: #222
}

.element.modoo .txt_component.dot li {
    padding-left: 14px;
    text-indent: -11px
}

.element.modoo .txt_component.dot .f_h {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 4px;
    height: 4px;
    background-position: -611px -386px;
    display: inline-block;
    margin: -2px 6px 2px 0;
    background-color: #ccc;
    line-height: 1000px
}

.element.modoo .txt_component p {
    padding: 3px 0 4px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -.025em
}


.element.modoo .map_area {
    position: relative;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .03);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .03);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .map_area.map_default {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.element.modoo .map_area.map_default .map {
    height: 600px
}

.element.modoo .map_area.map_default .map_adr {
    display: none
}

.element.modoo .map_area .map_adr ._map_ico_btn_wrap {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.element.modoo .map_area .map {
    position: relative;
    height: 480px;
    background: #fbfbfb
}

.element.modoo .map_area .map img {
    width: 100%
}


.element.modoo .default .gallery_img .ico_default,
.element.modoo .gallery_img .ico_default,
.element.modoo .map_area.map_default .map .ico_default,
.element.modoo .table_default .ico_default,
.element.modoo .thmb_view.album_default .ico_default {
    position: absolute;
    top: 50%;
    left: 50%
}

.element.modoo .gallery_img {position:relative;}

.element.modoo .map_area .map .ico_default {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 51px;
    height: 66px;
    background-position: -530px -135px;
    margin-top: -33px;
    margin-left: -25.5px
}

.element.modoo .gallery_img .ico_default {
    overflow: hidden;
    background-image:url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 100px;
    height: 100px;
    background-position: 0 -279px;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 10;
    cursor: pointer
}

.element.modoo .ico_play {
    min-height: 400px
}

.element.modoo .gallery_txt {
    display: none;
}
.element.modoo .gallery_img + .gallery_txt {
    display: block;
}

.element.modoo .movie_info {
    margin-top: 16px;
    font-size: 0;
    letter-spacing: .3px;
    text-align: center
}

.element.modoo .movie_info h3 {
    overflow: hidden;
    height: 18px;
    padding: 0;
    display: inline-block;
    font-size: 12px;
    color: #666;
    vertical-align: top
}

.element.modoo .movie_info a {
    overflow: hidden;
    display: inline-block;
    height: 14px;
    margin-left: 10px;
    font-style: italic;
    font-size: 12px;
    color: #bbb;
    vertical-align: top
}

.element.modoo .map_area .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    text-align: center
}

.element.modoo .map_area .zoom+.map_adr {
    position: relative
}

.element.modoo .map_area .map_adr {
    position: relative;
    padding: 38px 250px 40px 40px;
    height: 140px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .map_area .map_adr>h3 {
    overflow: hidden;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 24px;
    letter-spacing: -.6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.element.modoo .map_area .map_adr>p {
    overflow: hidden;
    margin-top: 3px;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    letter-spacing: -1px
}

.element.modoo .map_area .map_adr .phone_number {
    display: inline-block;
    margin: 0 10px;
    font-family: Roboto, Sans-serif;
    color: #999;
    letter-spacing: -.3px
}

.element.modoo .map_area .map_adr .phone_number:before {
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 2px 10px 0 0;
    background-color: #ebebeb;
    content: "";
    vertical-align: top
}

.element.modoo .map_area .map_adr.theme_background {
    background-color: #fff !important
}

.element.modoo .map_area .map_ico_btn_wrap>a {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 61px;
    height: 61px;
    margin-left: 6px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 1000px;
    color: #333
}

.element.modoo .map_area .map_ico_btn_wrap>a:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    content: ""
}

.element.modoo .map_area .map_ico_btn_wrap>a .tooltip_area {
    top: 52px
}

.element.modoo .map_area .map_ico_btn_wrap>a:hover .tooltip_area {
    display: block
}

.element.modoo .map_area .map_ico_btn_wrap>a:first-child {
    margin-left: 0
}

.element.modoo .map_area .map_ico_btn_wrap .btn_map:after {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 22px;
    height: 28px;
    background-position: -544px -545px
}

.element.modoo .map_area .map_ico_btn_wrap .btn_roadmap:after {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 22px;
    height: 27px;
    background-position: -594px 0
}

.element.modoo .map_area .map_ico_btn_wrap .btn_share:after {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 28px;
    height: 24px;
    background-position: -347px -477px
}

.element.modoo .map_area .zoom {
    position: absolute;
    right: 30px;
    top: 374px;
    border: 1px solid #ccc
}

.element.modoo .map_area .zoom .tooltip_area {
    margin-left: -10px
}

.element.modoo .map_area .zoom [class^=zoom_] {
    display: block;
    position: relative;
    width: 38px;
    height: 38px;
    background-color: #fff;
    text-align: center;
    line-height: 36px
}

.element.modoo .map_area .zoom [class^=zoom_]:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 2px;
    margin-top: 17px;
    background-color: #666;
    vertical-align: top
}

.element.modoo .map_area .zoom [class^=zoom_]:hover .tooltip_area {
    display: block
}

.element.modoo .map_area .zoom .zoom_in:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    width: 2px;
    height: 12px;
    margin: -7px 0 -1px -1px;
    background-color: #666
}

.element.modoo .map_area .zoom .zoom_out {
    border-top: 1px solid #ebebeb
}

.element.modoo .map_area .zoom .zoom_total {
    position: absolute;
    top: -340px;
    right: 0;
    border: 1px solid #ccc
}

.element.modoo .map_area .zoom .zoom_total:before {
    display: none
}

.element.modoo .map_area .zoom .zoom_total.nicon_size1 {
    font-size: 18px;
    font-weight: 700;
    color: #666
}

.element.modoo .division_line {
    background-color: #fff
}

.element.modoo .division_line .space {
    width: 100%;
    height: 10px
}

.element.modoo .division_line .line {
    background: url("https://storage.googleapis.com/i.addblock.net/modoo/line.gif") repeat-x 0 50%;
    -webkit-background-size: 3px 1px;
    background-size: 3px 1px;
    height: 40px;
    margin: 0
}

.element.modoo .division_line .dot {
    background: url("https://storage.googleapis.com/i.addblock.net/modoo/dot_line_pc.gif") repeat-x 0 50%;
    -webkit-background-size: auto auto;
    background-size: auto;
    width: 100%;
}

.element.modoo .gallery_area {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.element.modoo .gallery_area .default .gallery_img .ico_default,
.element.modoo .gallery_area.type2 .default .ico_default .ico_default,
.element.modoo .gallery_area.type2_text .default .ico_default .ico_default,
.element.modoo .gallery_area.type3 .default .ico_default .ico_default,
.element.modoo .gallery_area.type4 .default .ico_default .ico_default,
.element.modoo .thmb_view .ico_default {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 65px;
    height: 66px;
    background-position: -209px -436px;
    margin-top: -33px;
    margin-left: -32.5px
}


.element.modoo .gallery_area.type .gallery_txt {
    margin-top: 20px
}

.element.modoo .gallery_area.type .gallery_txt h3 {
    max-height: 27px;
    font-size: 18px;
    letter-spacing: -1px
}

.element.modoo .gallery_area.type .gallery_txt h3+p {
    margin-top: 5px
}

.element.modoo .gallery_area.type .gallery_txt p {
    max-height: 48px;
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: -.7px
}

.element.modoo .gallery_area.type2_text ul {
    margin-left: 0;
    padding-left: 0;
    font-size: 0
}

.element.modoo .gallery_area.type2_text li:first-child {
    padding-left: 0;
    margin-left:0;
}
.element.modoo .gallery_area.type2_text li {
    display: inline-block;
    /* width: calc(50% - 20px); */
    width: auto;
    margin-left: 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .gallery_area.type2_text li.default .gallery_txt {
    display: block
}

.element.modoo .gallery_area.type2_text .gallery_img {
    overflow: hidden
}

.element.modoo .gallery_area.type2_text .gallery_txt {
    margin-top: 20px
}

.element.modoo .gallery_area.type2_text .gallery_txt h3 {
    max-height: 30px;
    font-size: 18px;
    letter-spacing: -1px
}

.element.modoo .gallery_area.type2_text .gallery_txt h3+p {
    margin-top: 10px
}

.element.modoo .gallery_area.type2_text .gallery_txt p {
    max-height: 53px;
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: -.7px
}

.element.modoo .main .type2_text .gallery_img {
    height: 360px
}

.element.modoo .main .type2_text .gallery_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.element.modoo .main .type2_text .gallery_txt h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 34px
}

.element.modoo .main .type2_text .gallery_txt p {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 28px
}

.element.modoo .gallery_area.type2 ul {
    margin-left: -20px
}

.element.modoo .gallery_area.type2 li {
    float: left;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .main .type2 .gallery_img {
    overflow: hidden;
    height: 375px
}

.element.modoo .main .type2 .gallery_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.element.modoo .gallery_area.type3 ul {
    margin-left: -20px;
    font-size: 0
}

.element.modoo .gallery_area.type3 li {
    display: inline-block;
    width: 33.333%;
    padding-left: 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}


.header.home ~ .element.modoo .txt_summary {
    overflow: hidden
}

.header.home ~ .element.modoo .more_item {
    height: 260px;
    border: solid 1px #ebebeb;
    background-color: #fff;
    /* -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .08); */
    font-family: Roboto, Sans-serif;
    text-align: center
}

.header.home ~ element.modoo .more_item .link_more {
    display: block
}

.header.home ~ .element.modoo .more_item .icon {
    display: block;
    border-bottom: 1px solid #ebebeb;
    font-size: 60px;
    color: #666
}

.header.home ~ .element.modoo .more_item .nicon_forward1 {
    padding: 80px 0 20px;
    margin: 0 46px 30px
}

.header.home ~ .element.modoo .more_item .product_number {
    display: block;
    padding-bottom: 20px;
    margin: 47px 46px 25px;
    border-bottom: 1px solid #ebebeb;
    font-size: 60px;
    font-weight: 100;
    color: #666;
    line-height: 94px
}

.header.home ~ .element.modoo .more_item .text {
    display: block;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 22px;
    color: #333
}

.header.home ~ .element.modoo .more_item .text>i {
    display: block;
    font-size: 12px;
    color: #bbb;
    letter-spacing: -.3px
}
.header.home ~ .element.modoo .type3 .more_item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.header.home ~ .element.modoo .gallery_area.type3 li:last-child {display: inline-block !important;}

.header.home ~ .element.modoo .gallery_area.type3 li:last-child .more_item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header.home ~ .element.modoo .type3 .more_item .icon {
    padding-top: 100px;
    margin: 0 92px 30px
}
.header.home ~ .element.modoo .type3 .more_item .icon {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-size: 60px;
}
.element.modoo .gallery_area.type3 ul {
    display: flex;
    flex-wrap: wrap;
}

.element.modoo .gallery_area.type4 {
    margin: 0
}

.element.modoo .gallery_area.type4 ul {
    margin-left: -20px
}

.element.modoo .gallery_area.type4 li {
    float: left;
    width: 50%;
    padding: 0 40px 30px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .gallery_area.type4 li.default .gallery_txt {
    display: block
}

.element.modoo .gallery_area.type4 li:before {
    display: block;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
    content: ""
}

.element.modoo .gallery_area.type4 .gallery_img {
    width: 130px;
    height: 130px
}

.element.modoo .gallery_area.type4 .gallery_txt {
    overflow: hidden;
    height: 130px;
    font-size: 0
}

.element.modoo .gallery_area.type4 .gallery_txt .txt_area {
    display: inline-block
}

.element.modoo .gallery_area.type4 .gallery_txt h3 {
    max-width: 282px;
    max-height: 19px;
    font-weight: 500;
    letter-spacing: -.7px;
    font-size: 13px
}

.element.modoo .gallery_area.type4 .gallery_txt p {
    max-width: 282px;
    max-height: 72px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: -.9px
}

.element.modoo .gallery_area.type4.type4.img_lft .gallery_img {
    float: left;
    margin-right: 30px
}

.element.modoo .gallery_area.type4.type4.img_rgt .gallery_img {
    float: right;
    width: 130px;
    height: 130px;
    margin-left: 30px
}

.element.modoo .gallery_area.type5 .mask_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #242424;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.element.modoo .gallery_area.type5 .gallery_txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    color: #fff;
    text-align: center
}

.element.modoo .gallery_area.type5 .gallery_txt h3 {
    display: inline-block;
    color: #fff
}

.element.modoo .gallery_area.type5 .gallery_txt p {
    max-width: 452px;
    max-height: 64px;
    margin: 10px auto 0;
    color: #fff
}

.element.modoo .gallery_area.type5 .w1 {
    display: table;
    width: 100%;
    height: 100%
}

.element.modoo .gallery_area.type5 .w2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.element.modoo .gallery_area.type5.big .gallery_txt h3 {
    font-size: 30px;
    letter-spacing: -2px
}

.element.modoo .gallery_area.type5.big .gallery_txt p {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -1px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .gallery_area.type5.sma .gallery_txt h3 {
    font-size: 24px;
    letter-spacing: -1.2px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .gallery_area.type5.sma .gallery_txt p {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -1px
}

.element.modoo .gallery_area.type5.txt_ul.big .gallery_txt h3 {
    padding: 15px 30px;
    border: 2px solid rgba(255, 255, 255, .2);
    font-size: 30px;
    letter-spacing: -2.3px
}

.element.modoo .gallery_area.type5.txt_ul.big .gallery_txt p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -1px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .gallery_area.type5.txt_ul.sma .gallery_txt h3 {
    padding: 12px 24px;
    letter-spacing: -1.8px;
    border: 2px solid rgba(255, 255, 255, .2)
}

.element.modoo .gallery_area.type5.txt_ul.sma .gallery_txt p {
    margin-top: 25px;
    font-size: 20px
}
.element.modoo .gallery_area .gallery_img a[href="#"] {
    cursor: auto;
}

.element.modoo .gallery_area .gallery_img a {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%
}

.element.modoo .gallery_area .gallery_img img {
    display: block;
    width: 100%;
    vertical-align: top
}
.element.modoo .gallery_area .gallery_img img[data-href][data-user-link] { cursor: pointer; }
.element.modoo .gallery_area .gallery_txt h3 {
    overflow: hidden;
    color: #333
}

.element.modoo .gallery_area .gallery_txt p {
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    color: #666
}


.element.modoo .gallery_area.type li+li {
    margin-top: 20px
}

.element.modoo .gallery_area.type2 li:nth-child(n+3) {
    margin-top: 20px
}

.element.modoo .gallery_area.type3 li:nth-child(n+4) {
    margin-top: 20px
}

.element.modoo .gallery_area .default .gallery_img {
    position: relative;
    background: #fafafa;
    z-index: 1
}

.element.modoo .gallery_area .default .gallery_img img {
    display: none
}

.gallery_area.type .default .gallery_img,
.element.modoo .gallery_area.type5 .default .gallery_img {
    height: 600px
}

.element.modoo .gallery_area.type2 .default .gallery_img,
.element.modoo .gallery_area.type2_text .default .gallery_img {
    padding-top: 100%
}

.element.modoo .gallery_area.type3 .default .gallery_img {
    padding-top: 100%
}

.element.modoo .gallery_area.type4 .gallery_txt {
    height: 100px;
    font-size: 0
}

.element.modoo .gallery_area.type4 .gallery_txt:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}


.element.modoo .gallery_area.align_l .gallery_txt {
    text-align: left
}

.element.modoo .gallery_area.align_c .gallery_txt {
    text-align: center
}

.element.modoo .gallery_area.align_r .gallery_txt {
    text-align: right
}

.element.modoo .gallery_area.v_align_t .gallery_txt,
.element.modoo .gallery_area.v_align_t .txt_area {
    vertical-align: top
}

.element.modoo .gallery_area.v_align_m .gallery_txt,
.element.modoo .gallery_area.v_align_m .txt_area {
    vertical-align: middle
}

.element.modoo .gallery_area.v_align_b .gallery_txt,
.element.modoo .gallery_area.v_align_b .txt_area {
    vertical-align: bottom
}

.element.modoo .gallery_area.txt_hide .gallery_txt {
    display: none
}

.element.modoo .gallery_area.txt_none .gallery_txt h3 {
    display: none
}

.header.home ~ .element.modoo .gallery_area .gallery_img {
    overflow: hidden
}

.header.home ~ .element.modoo .gallery_area .gallery_img img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1)
}

.header.home ~ .element.modoo .gallery_area .gallery_img:not(.not_trans) img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.element.modoo .uio_content.single_component .gallery_area .gallery_img img {
    width: auto;
    max-width: 100%
}

.element.modoo .uio_content.single_component .gallery_area .icon_play.nicon_play3 {
    width: 94px;
    height: 94px;
    line-height: 94px;
    font-size: 42px
}

.element.modoo .uio_content.single_component .gallery_area.movie .gallery_img {
    height: 630px
}

.element.modoo .uio_content.single_component .gallery_area.movie .gallery_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto
}

.element.modoo .uio_content.single_component .gallery_area.type3 li {
    display: block;
    width: 100%
}

.element.modoo .uio_content.single_component .area_text.movie .txt_component {
    text-align: center
}

.element.modoo .uio_content.single_component .area_text.movie .txt_box {
    font-size: 0
}

.element.modoo .uio_content.single_component .area_text.movie .txt_box h4 {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .3px;
    color: #666
}

.element.modoo .uio_content.single_component .area_text.movie .txt_box a {
    display: inline-block;
    margin-left: 11px;
    font-size: 12px;
    font-style: italic;
    letter-spacing: .3px;
    color: #bbb;
    font-family: Roboto, sans-serif
}



.element.modoo .component_box:first-child .gallery_area.type4 li:first-child+li:before,
.element.modoo .component_box:first-child .gallery_area.type4 li:first-child:before {
    border: 0
}



.element.modoo .gallery_box .list_gallery li {
    overflow: hidden;
    height: 336px;
    margin-bottom: 20px;
}

.element.modoo .gallery_box .list_gallery li.type_right .thumb_area:nth-of-type(1) {
    width: 564px;
}
.element.modoo .gallery_box .list_gallery li.type_right .thumb_area:nth-of-type(2) {
    width: 336px;
}
.element.modoo .gallery_box .list_gallery li.type_right .thumb_area:nth-of-type(3),
.element.modoo .gallery_box .list_gallery li.type_right .thumb_area:nth-of-type(4) {
    width: 158px;
    height: 158px;
    margin-bottom: 20px
}

.element.modoo .gallery_box .list_gallery li.type_left {
    position: relative;
    padding-left: 158px
}

.element.modoo .gallery_box .list_gallery li.type_left .thumb_area:nth-of-type(1),
.element.modoo .gallery_box .list_gallery li.type_left .thumb_area:nth-of-type(2) {
    position: absolute;
    left: 0;
    width: 158px;
    height: 158px
}

.element.modoo .gallery_box .list_gallery li.type_left .thumb_area:nth-of-type(2) {
    top: 178px;
    margin-left: 0
}

.element.modoo .gallery_box .list_gallery li.type_left .thumb_area:nth-of-type(3) {
    width: 564px
}

.element.modoo .gallery_box .list_gallery li.type_left .thumb_area:nth-of-type(4) {
    width: 336px
}

.element.modoo .gallery_box .list_gallery .thumb_area {
    position: relative;
    overflow: hidden;
    float: left;
    height: 336px;
    font-size: 0;
    text-align: center;
}

.element.modoo .gallery_box .list_gallery .thumb_area img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1), -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    display: inline-block;
    margin: 0 -100%;
}


.element.modoo .gallery_box .list_gallery .thumb_area+.thumb_area {
    margin-left: 20px
}

.element.modoo .gallery_box .list_gallery .thumb_area:first-child:nth-last-child(2),
.element.modoo .gallery_box .list_gallery .thumb_area:first-child:nth-last-child(2)~.thumb_area {
    width: 540px
}

.element.modoo .gallery_box .list_gallery .thumb_area:first-child:nth-last-child(3),
.element.modoo .gallery_box .list_gallery .thumb_area:first-child:nth-last-child(3)~.thumb_area {
    width: 353px
}

.element.modoo .gallery_box .list_gallery .thumb_area img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    display: inline-block;
    margin: 0 -100%
}

.element.modoo .gallery_box .list_gallery .thumb_area img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.element.modoo .gallery_box .list_gallery .default.thumb_area {
    width: 100%;
    height: 100%;
    background-image: url(../img/thumb_ico_noimg.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.element.modoo .gallery_box .list_gallery .default.thumb_area img {
    display: none
}

.element.modoo .uio_btn_more {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 0 26px;
    margin-top: 35px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    font-size: 15px;
    text-align: center;
    letter-spacing: -1px;
    color: #666;
    line-height: 40px;
    -webkit-transition: .2s;
    transition: .2s
}

.element.modoo .uio_btn_more.theme_background {
    border-color: inherit;
    color: #fff
}
.element.modoo .gallery_box .uio_btn_more {
    display: block;
    width: 147px;
    height: 46px;
    margin: 32px auto 0;
    line-height: 46px
}

.element.modoo .type3 .more_item {
    height: 351px
}

.element.modoo .type3 .more_item .icon {
    padding-top: 100px;
    margin: 0 92px 30px
}

.element.modoo .gallery_area.type4 {
    margin: 0
}

.element.modoo .gallery_area.type4 ul {
    margin-left: -20px
}

.element.modoo .gallery_area.type4 li {
    float: left;
    width: 50%;
    padding: 0 40px 30px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .gallery_area.type4 li.default .gallery_txt {
    display: block
}

.element.modoo .gallery_area.type4 li:before {
    display: block;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
    content: ""
}

.element.modoo .gallery_area.type4 .gallery_img {
    width: 130px;
    height: 130px
}

.element.modoo .gallery_area.type4 .gallery_txt {
    overflow: hidden;
    height: 130px;
    font-size: 0
}

.element.modoo .gallery_area.type4 .gallery_txt .txt_area {
    display: inline-block
}

.element.modoo .gallery_area.type4 .gallery_txt h3 {
    max-width: 282px;
    max-height: 19px;
    font-weight: 500;
    letter-spacing: -.7px;
    font-size: 13px
}

.element.modoo .gallery_area.type4 .gallery_txt p {
    max-width: 282px;
    max-height: 72px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: -.9px
}

.element.modoo .gallery_area.type4.type4.img_lft .gallery_img {
    float: left;
    margin-right: 30px
}

.element.modoo .gallery_area.type4.type4.img_rgt .gallery_img {
    float: right;
    width: 130px;
    height: 130px;
    margin-left: 30px
}

.element.modoo .gallery_area.type5 .mask_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #242424;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.element.modoo .gallery_area.type5 .gallery_txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    color: #fff;
    text-align: center
}

.element.modoo .gallery_area.type5 .gallery_txt h3 {
    display: inline-block;
    color: #fff
}

.element.modoo .gallery_area.type5 .gallery_txt p {
    max-width: 452px;
    max-height: 64px;
    margin: 10px auto 0;
    color: #fff
}

.element.modoo .gallery_area.type5 .w1 {
    display: table;
    width: 100%;
    height: 100%
}

.element.modoo .gallery_area.type5 .w2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.element.modoo .gallery_area.type5.big .gallery_txt h3 {
    font-size: 30px;
    letter-spacing: -2px
}

.element.modoo .gallery_area.type5.big .gallery_txt p {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -1px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .gallery_area.type5.sma .gallery_txt h3 {
    font-size: 24px;
    letter-spacing: -1.2px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .gallery_area.type5.sma .gallery_txt p {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -1px
}

.element.modoo .gallery_area.type5.txt_ul.big .gallery_txt h3 {
    padding: 15px 30px;
    border: 2px solid rgba(255, 255, 255, .2);
    font-size: 30px;
    letter-spacing: -2.3px
}

.element.modoo .gallery_area.type5.txt_ul.big .gallery_txt p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -1px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .gallery_area.type5.txt_ul.sma .gallery_txt h3 {
    padding: 12px 24px;
    letter-spacing: -1.8px;
    border: 2px solid rgba(255, 255, 255, .2)
}

.element.modoo .gallery_area.type5.txt_ul.sma .gallery_txt p {
    margin-top: 25px;
    font-size: 20px
}


.element.modoo .menu_box .thumb_area {
    position: relative;
    overflow: hidden;
    width: 353px;
    height: 235px
}

.element.modoo .menu_box .thumb_area img {
    vertical-align: top
}

.element.modoo .menu_box .thumb_area img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1)
}

.element.modoo .menu_box .thumb_area img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.element.modoo .menu_box .info_area {
    position: relative;
    margin-bottom: -6px
}

.element.modoo .menu_box .title_menu {
    display: block;
    overflow: hidden;
    max-height: 51px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #111;
    letter-spacing: -1px
}

.element.modoo .menu_box .text_menu {
    display: block;
    overflow: hidden;
    padding-right: 125px;
    max-height: 48px;
    margin-top: 6px;
    font-size: 13px;
    line-height: 24px;
    color: #999;
    letter-spacing: -.9px;
    word-break: break-all;
    word-wrap: break-word;
    font-weight:600;
}

.element.modoo .menu_box .text_menu:empty {
    margin-top: 0
}

.element.modoo .menu_box .price_menu {
    font-size: 18px
}

.element.modoo .menu_box .icon_label {
    position: absolute;
    top: -244px;
    left: 10px
}

.element.modoo .menu_box .menu_type1 .list_menu,
.element.modoo .menu_box .menu_type2 .list_menu {
    margin-left: -16px
}

.element.modoo .menu_box .menu_type1 .list_menu li,
.element.modoo .menu_box .menu_type2 .list_menu li {
    width: 353px;
    margin: 50px 0 0 16px;
    padding-bottom: 32px
}

.element.modoo .menu_box .menu_type1 .list_menu .price_menu,
.element.modoo .menu_box .menu_type2 .list_menu .price_menu {
    position: absolute;
    left: 0;
    bottom: -32px;
}

.element.modoo .menu_box .menu_type1:first-child .list_menu li:nth-child(-n+3),
.element.modoo .menu_box .menu_type2:first-child .list_menu li:nth-child(-n+3) {
    margin-top: 0
}

.element.modoo .menu_box .menu_type1+.menu_type3 {
    margin-top: 35px
}

.element.modoo .menu_box .menu_type3:first-child {
    margin-top: -36px
}

.element.modoo .menu_box .menu_type3 li {
    width: 505px;
    margin-top: 50px
}

.element.modoo .menu_box .menu_type3 li:nth-child(even) {
    padding-left: 46px;
    margin-left: 39px
}

.element.modoo .menu_box .menu_type3 li:before {
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    position: absolute;
    left: 0;
    top: 4px
}

.element.modoo .menu_box .menu_type3 .thumb_area {
    display: none
}

.element.modoo .menu_box .menu_type3 .info_title {
    overflow: hidden;
    position: relative;
    padding-right: 80px;
    white-space: nowrap
}

.element.modoo .menu_box .menu_type3 .info_title:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 14px;
    height: 1px;
    background-color: #ebebeb;
    content: ""
}

.element.modoo .menu_box .menu_type3 .title_menu {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-right: 20px;
    margin-top: 0;
    background-color: #fff
}

.element.modoo .menu_box .menu_type3 .icon_label {
    display: inline-block;
    position: relative;
    overflow: visible;
    top: 0;
    margin: 3px 0 0 -23px
}

.element.modoo .menu_box .menu_type3 .icon_label.icon_none {
    display: none
}

.element.modoo .menu_box .menu_type3 .icon_label:after {
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 17px;
    background-color: #fff;
    content: ""
}

.element.modoo .menu_box .menu_type3 .price_menu {
    float: right;
    padding-left: 18px;
    margin-top: 2px
}

.element.modoo .menu_box .menu_type3 .text_menu {
    padding-right: 0
}

.element.modoo .menu_box .menu_type2+.menu_type3 {
    margin-top: 50px;
    border-top: 1px solid #ebebeb
}

.element.modoo .menu_box .list_menu {
    width: 100%;
}

.element.modoo .menu_box .list_menu li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.element.modoo .menu_box .list_menu .link_menu {
    display: block
}

.element.modoo .menu_box .list_menu .type_text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 235px;
    padding: 30px 30px 20px;
    border: 1px solid #ebebeb
}


.element.modoo .menu_box .list_menu .type_text .price_menu {
    right: 0;
    top: 137px;
    padding-top: 24px;
    border-top: 1px solid #ebebeb
}

.element.modoo .menu_box .list_menu .type_text .thumb_area {
    display: none
}

.element.modoo .menu_box .list_menu .type_text .info_title .title_menu {
    display: inline
}

.element.modoo .menu_box .list_menu .type_text .info_title .icon_label {
    position: static;
    margin: 2px 0 0 4px
}

.element.modoo .menu_box .list_menu .type_text .info_title:nth-last-child(1) .title_menu {
    max-height: 70px;
    font-size: 26px;
    line-height: 40px
}

.element.modoo .menu_box .list_menu .type_text .info_title:nth-last-child(1) .icon_label {
    margin: 6px 0 0 4px
}

.element.modoo .menu_box .list_menu .type_text .text_menu {
    padding-right: 0
}

.element.modoo .menu_box .menu_type3 .icon_label.icon_none {
    display: none
}

.element.modoo .menu_box .menu_type3 .icon_label:after {
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 17px;
    background-color: #fff;
    content: ""
}

.header.home ~  .element.modoo .coupon_area .list_info {
    display: none
}

.element.modoo .coupon_area .coupon_num,
.element.modoo .coupon_area .coupon_percent {
    display: inline-block;
    font-family: modoo;
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.element.modoo .coupon_area .coupon.type_percent {
    background-color: #f95539
}

.element.modoo .hub .coupon.is_hide.type_percent .text {
    color: #f95539
}

.element.modoo .coupon_area .coupon.type_free {
    background-color: #2ebd5a
}

.element.modoo .hub .coupon.is_hide.type_free .text {
    color: #2ebd5a
}

.element.modoo .coupon_area .coupon.type_event {
    background-color: #7658b3
}

.element.modoo .hub .coupon.is_hide.type_event .text {
    color: #7658b3
}

.element.modoo .coupon_area .coupon.type_coupon {
    background-color: #2266a6
}

.element.modoo .hub .coupon.is_hide.type_coupon .text {
    color: #2266a6
}

.element.modoo .coupon_area .coupon.type_one {
    background-color: #4bb7b2
}

.element.modoo .hub .coupon.is_hide.type_one .text {
    color: #4bb7b2
}

.element.modoo .coupon_area .coupon.type_direct {
    background-color: #298056
}

.element.modoo .hub .coupon.is_hide.type_direct .text {
    color: #298056
}

.element.modoo .coupon_area .image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.element.modoo .coupon_area .image:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .45);
    content: ""
}

.element.modoo .coupon_area .image .cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.element.modoo .coupon_area .coupon_sns {
    display: table;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
    width: 60px;
    height: 60px;
    text-align: center
}

.element.modoo .coupon_area .coupon_sns .naver-splugin {
    display: table;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, .1)
}

.element.modoo .coupon_area .coupon_sns .naver-splugin:hover {
    background-color: rgba(0, 0, 0, .3)
}

.element.modoo .coupon_area .coupon_sns .nicon_m-share2 {
    display: table-cell;
    font-size: 31px;
    color: #fff;
    vertical-align: middle
}

.element.modoo .coupon_area .list_info li {
    position: relative;
    padding-left: 10px;
    margin: 0 40px;
    font-size: 14px;
    color: #999;
    letter-spacing: -.6px;
    line-height: 28px;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .coupon_area .list_info li:before {
    position: absolute;
    left: 0;
    top: 13px;
    width: 2px;
    height: 2px;
    background-color: #666;
    content: ""
}

.element.modoo .coupon_area .list_info li.default_text {
    color: #666
}

.element.modoo .coupon_area .list_info li:first-child {
    margin-top: 32px
}

.element.modoo .coupon_area .list_info li:last-child {
    margin-bottom: 26px
}

.element.modoo .coupon_area .list_info li:only-child {
    margin: 32px 40px 26px
}

.element.modoo .coupon_area .list_info .info_usage {
    color: #333
}

.element.modoo .coupon_area .list_info .info_usage .total_number {
    color: #999
}

.element.modoo .coupon_area .list_info .point_text {
    color: #ff2500
}

.element.modoo .coupon_area .list_info .point_text:before {
    background-color: #ff2500
}

.element.modoo .coupon_area.is_one {
    display: block;
    width: 1100px
}

.element.modoo .coupon_area.is_one:before {
    display: none
}

.element.modoo .coupon_area.is_one .coupon {
    height: 290px
}

.element.modoo .coupon_area.is_one .coupon_info {
    padding-left: 49px;
    text-align: left
}

.element.modoo .coupon_area.is_one .coupon_info .title {
    padding: 0
}

.element.modoo .coupon_area.is_one .coupon_info .period {
    padding: 0 15px;
    margin: 20px 0 0 -3px;
    border: 1px solid rgba(255, 255, 255, .3)
}

.element.modoo .coupon_area.is_one .coupon_info .use_date {
    margin-left: 7px
}

.element.modoo .coupon_area.is_one .coupon_info .use_date:before {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 10px 8px 0 0;
    background-color: rgba(255, 255, 255, .3);
    vertical-align: top;
    content: ""
}


.element.modoo .info_box .map_area {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.element.modoo .info_box .map_area:before {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #717480;
    opacity: .9;
    content: ""
}

.element.modoo .ie8 .info_box .map_area:before {
    display: none
}

.element.modoo .info_box .map {
    display: block;
    height: 400px
}

.element.modoo .info_box .zoom {
    top: 294px
}

.element.modoo .info_box .map_ico_btn_wrap {
    position: absolute;
    right: 0;
    top: 10px;
}

.element.modoo .info_box .map_ico_btn_wrap [class^=btn_] {
    display: inline-block;
    width: auto;
    height: 40px;
    padding: 0 20px;
    margin-left: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 40px;
    color: #fff
}

.element.modoo .info_box .map_ico_btn_wrap [class^=btn_]:after {
    display: none
}

.element.modoo .info_box .map_ico_btn_wrap .nicon {
    margin: 12px 5px 0 0;
    font-size: 15px;
    vertical-align: top;
    color: #fff
}

.element.modoo .info_box .map_ico_btn_wrap .btn_map .nicon {
    font-weight: 700
}

.element.modoo .info_box .map_help {
    font-size: 15px;
    text-align: right;
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: #fff;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.element.modoo .info_box .map_adr {
    padding: 0 0 0 20px;
    margin: 40px 0;
    position: relative;
    height: auto;
}

.element.modoo .info_box .map_adr h3,
.element.modoo .info_box .map_adr h3 + div,
.element.modoo .info_box .map_adr h3 + p {
    display: block;
    margin-right: 10px;
    max-width: calc(100% - 235px);
    width: 100%;
}

.element.modoo .info_box .map_area ~ .local_area .list_info:first-child {
    border-top: 1px solid #ebebeb;
}


.element.modoo .info_box .list_info {
    padding: 30px 0;
    letter-spacing: -1px;
    font-size: 15px;
    line-height: 22px
}

.element.modoo .info_box .list_info+.list_info {
    border-top: 1px solid #ebebeb
}

.element.modoo .info_box .list_info .item_title {
    float: left;
    width: 168px;
    padding-left: 10px;
    font-size: 15px;
    color: #111
}

.element.modoo .info_box .list_info .item_title .icon {
    display: inline-block;
    margin: 6px 0 0 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
    width: 7px;
    height: 7px
}

.element.modoo .info_box .list_info .item_title .icon_open {
    background-color: #43df89
}

.element.modoo .info_box .list_info .item_title .icon_finish {
    background-color: #f12849
}

.element.modoo .info_box .list_info .item_description {
    overflow: hidden;
    padding-right: 10px
}

.element.modoo .info_box .list_guide {
    margin-bottom: -21px;
}

.element.modoo .info_box [data-edit=true] ul.list_guide {
    padding: 0;
}

.element.modoo .info_box .list_guide .item_guide {
    display: inline-block;
    min-width: auto;
    /* margin-bottom: 23px; */
    text-align: center;
    letter-spacing: -.6px;
    color: #666;
    vertical-align: top
}

.element.modoo .info_box .list_guide .icon {
    font-size: 36px;
    color: #111
}

.element.modoo .info_box .list_guide .sub_text {
    display: block;
    margin-top: 0;
    font-size: 13px
}

.element.modoo .info_box .list_info .text {
    display: block
}

.element.modoo .info_box .list_info .text+.text {
    margin-top: 8px
}

.element.modoo .info_box .list_info .sub_description {
    margin-left: 64px;
    color: #999
}

.element.modoo .info_box .list_info .sub_title {
    display: inline-block;
    min-width: 40px;
    margin-right: 20px;
    color: #999
}

.element.modoo .info_box .list_info .local_description .sub_text:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 2px 9px 0 -11px;
    background-color: #e0e0e0;
    vertical-align: top;
    content: ""
}

.element.modoo .info_box .list_info .time_description .sub_title {
    min-width: 80px
}

.element.modoo .info_box .list_info [class^=nicon] {
    margin: 2px 9px 0 0;
    font-size: 17px;
    color: #c7ccd4;
    vertical-align: top
}

.element.modoo .info_box .list_info .nicon_user2 {
    margin-top: 0;
    font-size: 19px
}

.element.modoo .info_box .list_info .link_confirm {
    display: inline-block;
    padding: 0 8px;
    margin: -6px 0 0 9px;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    color: #666;
    letter-spacing: -.5px;
    vertical-align: top;
    line-height: 26px
}

.element.modoo .info_box .list_info .text_notice {
    font-size: 13px;
    color: #999
}

.element.modoo .info_box .list_info .text_notice .link_confirm {
    border: 0;
    margin: 0 0 0 12px;
    color: #999;
    text-decoration: underline
}

.element.modoo .info_box .list_info .text_notice .nicon_m-warning1 {
    margin: 3px 3px 0 0;
    font-weight: 700;
    vertical-align: top
}

.element.modoo .info_box .list_info .icon_npay {
    margin: 3px 0 0 3px
}

.element.modoo .info_box .list_info .icon_npay.is_none {
    display: none
}

.element.modoo ._socialFeed {display: flex;}
.element.modoo .sns_section .list_sns {
    /* margin-left: -17px */
    margin-left: 0;
    flex: 1 1 100%;
    width: 100%;
}

.element.modoo .sns_section .list_sns li {
    /* display: inline-block;
    width: 353px;
    margin: 0 0 51px 16px;
    vertical-align: top */
    margin: 0 16px 0 0;
    /* flex: 1; */
    width: calc(35% - 30px);
    float: left;
}
.element.modoo .sns_section .list_sns li:nth-child(3n) {margin-right:0;}
.element.modoo .sns_section .list_sns li:nth-child(n+4) {margin-top: 40px;}

.element.modoo .sns_section .list_sns .sns {
    position: relative;
    height: 398px
}

.element.modoo .sns_section .list_sns .thumb {
    overflow: hidden;
    position: relative;
    height: 237px;
    text-align: center
}

.element.modoo .sns_section .list_sns .thumb img {
    display: inline-block;
    vertical-align: middle;
    margin: -100%
}

.element.modoo .sns_section .list_sns .thumb:before {
    display: inline-block;
    height: 100%;
    font-size: 0;
    vertical-align: middle;
    content: ""
}

.element.modoo .sns_section .list_sns .thumb img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1)
}

.element.modoo .sns_section .list_sns .thumb img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.element.modoo .sns_section .list_sns .icon_movie {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 66px;
    height: 66px;
    background-position: -69px -436px;
    margin-top: -33px;
    margin-left: -33px;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    cursor: pointer
}

.element.modoo .sns_section .list_sns .thumb+.info {
    margin-top: 20px
}

.element.modoo .sns_section .list_sns .title {
    display: none;
    padding-right: 5px;
    font-size: 15px;
    line-height: 28px;
    color: #333;
    letter-spacing: -.5px
}

.element.modoo .sns_section .list_sns .description {
    overflow: hidden;
    max-height: 84px;
    margin-top: 2px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #666;
    line-height: 28px;
    word-wrap: break-word;
    word-break: break-all
}

.element.modoo .sns_section .list_sns .from {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 12px;
    color: #999;
    line-height: 15px
}

.element.modoo .sns_section .list_sns .date {
    font-family: Roboto, Sans-serif
}

.element.modoo .sns_section .list_sns .date:before {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 2px 8px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.element.modoo .sns_section .list_sns .type_blog .title {
    display: block
}

.element.modoo .sns_section .list_sns .type_blog .name {
    color: #00ab37;
    letter-spacing: -.2px
}

.element.modoo .sns_section .list_sns .type_facebook .name {
    color: #4267b2
}

.element.modoo .sns_section .list_sns .type_instagram {
    height: 353px
}

.element.modoo .sns_section .list_sns .type_instagram .thumb {
    height: 353px
}

.element.modoo .sns_section .list_sns .type_instagram .from,
.element.modoo .sns_section .list_sns .type_instagram .info {
    display: none
}

.element.modoo .sns_section .list_sns .type_movie .icon_movie {
    display: block
}

.element.modoo .sns_section .list_sns .type_text .thumb {
    display: none
}

.element.modoo .sns_section .list_sns .type_text .info {
    margin-top: 0
}

.element.modoo .sns_section .list_sns .type_text.type_facebook .info {
    padding: 40px 40px 38px;
    background-color: #fafafa
}

.element.modoo .sns_section .list_sns .type_text.type_facebook .description {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 273px;
    max-height: 273px;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -.5px
}

.element.modoo .sns_section .list_sns .type_text.type_blog .info {
    padding: 40px 40px 45px;
    background-color: #fafafa
}

.element.modoo .sns_section .list_sns .type_text.type_blog .description {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 230px;
    max-height: 230px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -.5px
}

.element.modoo .sns_section .type_total .description {
    line-height: 28px
}

.element.modoo .sns_section .type_total .type_blog .thumb {
    height: 237px
}

.element.modoo .sns_section .type_total .type_blog .title {
    font-size: 15px;
    line-height: 28px
}

.element.modoo .sns_section .type_total .type_blog .description {
    font-size: 15px;
    max-height: 84px
}

.element.modoo .sns_section .type_total .type_blog .name {
    color: #333
}

.element.modoo .sns_section .type_total .type_facebook .thumb {
    height: 237px
}

.element.modoo .sns_section .type_total .type_facebook .description {
    max-height: 106px
}

.element.modoo .sns_section .type_total .type_facebook .name {
    color: #333
}

.element.modoo .sns_section .type_total .type_instagram {
    height: 398px
}

.element.modoo .sns_section .type_total .type_instagram .from {
    display: block
}

.element.modoo .sns_section .type_total .type_instagram .name {
    color: #333
}
.element.modoo .sns_section .list_instagram li {
    display: inline-block;
    width: 353px;
    margin: 0 0 20px 16px;
    vertical-align: top
}

.element.modoo .sns_section + .more {
    padding: 15px 0 13px;
    font-size: 13px;
    color: #aaa;
    letter-spacing: -.25px;
    text-align: center;
    border-bottom: 1px solid #ebebec;
    border-top: 1px solid #ebebec;
    margin-top:20px;
    display:none;
}
.element.modoo .sns_section + .more span {
    display: inline-block;
    margin-right: 6px
}
.element.modoo .sns_section + .more span a {
    margin-right: 9px
}
.element.modoo .sns_section + .more span a:last-child {
    margin-right: 6px
}
.element.modoo .sns_section + .more span em {
    margin-right: 6px
}
.element.modoo .sns_section + .more span a,
.element.modoo .sns_section + .more span em {
    display: inline-block;
    color: #666;
    text-decoration: underline
}
@media only screen and (max-width:767px){
    .element.modoo .sns_section + .more { display:block; }
}

.element.modoo .banner_box .col2 .area_banner {
    max-width: 549px;
    width: 100%;
}

.element.modoo .banner_box .col2 .area_banner:last-of-type {
    max-width: 549px;
    width: 100%;
}

.element.modoo .banner_box .col3 .area_banner {
    width: 366px
}

.element.modoo .banner_box .area_banner {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    height: 211px;
    margin-bottom: 1px
}

.element.modoo .banner_box .area_banner+.area_banner {
    margin-left: 1px
}

.element.modoo .banner_box .banner_thumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center
}

.element.modoo .banner_box .banner_thumb:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    opacity: .4;
    content: ""
}

.element.modoo .banner_box .banner_thumb img {
    display: inline-block;
    margin: 0 -100%
}

.element.modoo .banner_box .banner_info {
    position: relative;
    padding: 40px 40px 0
}

.element.modoo .banner_box .text_info {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -.7px;
    color: #fff;
    line-height: 22px
}

.element.modoo .banner_box .link_connect {
    display: inline-block;
    overflow: hidden;
    height: 36px;
    padding: 0 15px !important;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 100;
    text-align: center;
    line-height: 36px;
    color: #fff;
    letter-spacing: -.8px;
    vertical-align: top
}

.element.modoo .info_box .map_help {
    font-size: 15px;
    text-align: right;
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: #fff;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.element.modoo .map_area {
    position: relative;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .03);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .03);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .map_area.map_default {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.element.modoo .map_area.map_default .map {
    height: 600px
}

.element.modoo .info_box .map_adr>h3 {
    font-size: 15px
}

.element.modoo .info_box .map_adr>p {
    font-size: 26px;
    line-height: 38px
}

.footer {
    position: relative;    
    background-color: #000;
}

#dsgn-body.modoo .footer {
    margin-top:90px;
    z-index: 100;
}

.footer .section_footer {
    position: relative;
    width: 1100px;
    padding: 58px 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer .section_footer:after {
    display: block;
    clear: both;
    content: ""
}

#dsgn-body.modoo .footer,
#dsgn-body.modoo .footer_inner {
    min-height: 55px;
    padding-right: 300px
}

 .footer .area_info .nicon_officialblog2 {
    margin-top: 2px
}

 .footer .area_info .icon_arrow {
    display: inline-block;
    margin: 5px 0 0 7px;
    width: 0;
    height: 0;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    border-right: 4px solid #000;
    border-left: 4px solid #333;
    vertical-align: top;
    line-height: 20px
}

.footer .area_info+.area_sns {
    margin-top: 15px
}

.footer .list_info li {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
    letter-spacing: -.8px;
    line-height: 20px;
    white-space: nowrap
}

.footer .list_info li:after {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 4px 8px 0 6px;
    background-color: #222;
    vertical-align: top;
    content: ""
}

.footer .list_info li:last-of-type:after {
    display: none
}
.footer .list_info .link_accusation {display: none;}
.footer .list_info .link_accusation,
.footer .list_info .link_personal {
    text-decoration: underline
}

.footer .area_search {
    display: inline-block;
    position: relative;
    min-width: 222px;
    height: 45px;
    margin: 2px 0 28px;
    border: 1px solid #333;
    background-color: #000;
    line-height: 45px;
    letter-spacing: -.8px;
    font-size: 18px;
    color: #fff
}

.footer .area_search:after {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #444;
    border-bottom: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    content: ""
}

.footer .area_search .keyword {
    display: block;
    padding: 0 40px 0 15px;
    text-align: left
}

.footer .area_search .guide_area {
    display: none;
    position: absolute;
    width: 100%
}

.footer .area_search .link_guide {
    position: absolute;
    right: -37px;
    top: -31px;
    z-index: 10
}

.footer .area_search .link_guide .nicon_help {
    margin: -4px 0 0 11px;
    font-size: 22px;
    color: #666;
    font-weight: 700;
    vertical-align: top
}

.footer .area_search .link_guide .ico_edge {
    display: block;
    position: absolute;
    left: 50%;
    top: -28px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-bottom: 8px solid none;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgba(0, 0, 0, 0)
}

.footer .area_search .layer_guide {
    display: block;
    position: absolute;
    left: -10px;
    top: -302px;
    width: 520px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 40px 35px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .08);
    font-size: 14px;
    text-align: center
}

.footer .area_search .layer_guide .txt_guide {
    color: #333;
    letter-spacing: -.5px;
    line-height: 23px
}

.footer .area_search .layer_guide .text:nth-child(2) {
    padding-top: 19px;
    margin-top: 18px;
    border-top: 1px solid #f3f3f3;
    font-size: 13px;
    color: #666
}

.footer .area_search .layer_guide .text .point_text:hover {
    text-decoration: underline
}

.footer .area_search .layer_guide .summary_text {
    margin-top: 14px;
    font-size: 12px;
    color: #999
}

.footer .area_search .layer_guide .nicon_info1 {
    margin: 4px 4px 0 0;
    font-size: 13px;
    font-weight: 700;
    vertical-align: top;
    color: #999
}

.footer .area_search .layer_guide .point_text {
    color: #2db400
}

.footer .area_search .layer_guide .path_guide {
    text-decoration: underline
}

.footer .area_search .layer_guide .btn_close {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 30px;
    height: 30px
}

.footer .area_search .layer_guide .nicon_close {
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    color: #dcdcdc;
    line-height: 30px;
    vertical-align: top
}

.footer .area_search .layer_guide .nicon_close:hover {
    color: #333;
    -webkit-transition: .2s;
    transition: .2s
}

.footer .section_notice {
    height: 60px;
    background-color: #111;
    line-height: 60px
}

.footer .section_notice .text {
    width: 1100px;
    margin: 0 auto;
    font-size: 14px;
    color: #888;
    letter-spacing: -.5px
}

.footer .section_notice .copyright {
    float: right;
    margin-left: 9px;
    font-family: Verdana, Sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #444;
    letter-spacing: 0
}

.footer .section_notice .link {
    text-decoration: underline;
    color: #888;
    letter-spacing: 0
}

.footer .section_notice .logo_modoo {
    display: inline-block;
    margin: 22px 4px 0 0;
    vertical-align: top;
    line-height: 1
}

.footer .area_sns .btn_sns {
    position: relative;
    font-size: 20px;
    vertical-align: top;
    color: #666
}

.footer .area_sns .btn_sns+:before {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 10px 10px 0 6px;
    background-color: #333;
    z-index: 10;
    vertical-align: top;
    content: ""
}

.footer .area_sns .btn_sns:hover {
    -webkit-transition: .2s;
    transition: .2s;
    color: #999
}

.footer .area_sns .nicon_band {
    font-size: 21px
}

.footer .area_sns .nicon_band:before {
    margin-right: 8px
}

.footer .area_sns.is_change {
    position: absolute;
    right: -4px;
    top: 60px;
    margin-top: 0
}

.footer .area_sns.is_change .btn_sns {
    font-size: 31px
}

.footer .area_sns.is_change .btn_sns:before {
    width: 3px;
    height: 3px;
    margin: 14px 15px 0 11px
}

.footer .area_sns.is_change .nicon_band {
    font-size: 32px
}

.footer .area_account {
    float: right;
    max-width: 255px;
    margin-top: -12px;
    width: 100%;
}
.footer .area_account + .footer_inner {
    width: 100%;
}
.footer .area_account + .footer_inner {
    float: left;
    width: 100%;
    max-width: calc(100% - 255px);
}

.footer .area_account .list_info {
    color: #666
}

.footer .area_account .list_info .item_title {
    color: #888;
    line-height: 44px
}

.footer .area_account .list_info .item_title>a {
    display: block
}

.footer .area_account .list_info .item_title>a .nicon_account {
    display: inline-block;
    margin: 13px 6px 0 0;
    font-size: 16px;
    color: #a18a2b;
    vertical-align: top
}

.footer .area_account .list_info .item_description .text {
    display: block;
    border-top: 1px solid #1a1a1a;
    line-height: 44px
}

.footer .area_account .list_info .item_description .text:first-child {
    border-color: #333
}

.footer .area_account .list_info .sub_title {
    display: inline-block;
    min-width: 71px
}

.footer .area_account .list_info .sub_text {
    color: #bbb
}


/*
floating 메뉴 
*/
html.clnavSidemobileOpen .modoo.floating_area {pointer-events: none;}
.modoo.floating_item {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 100;
    text-align: right
}
.clnavSidemapOpen .modoo.floating_item { right: calc(50px + var(--sidemap-w)); }

.modoo.floating_item li+li {
    margin-top: 10px
}

.modoo.floating_item .link_item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 3px 4px 10px 2px rgba(0, 0, 0, .2);
    box-shadow: 3px 4px 10px 2px rgba(0, 0, 0, .2);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.modoo.floating_item .link_item:focus,
.modoo.floating_item .link_item:hover {
    width: auto;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 0 25px
}

.modoo.floating_item .link_item:focus .text,
.modoo.floating_item .link_item:hover .text {
    display: inline-block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.modoo.floating_item .link_item .icon {
    display: inline-block;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 26px;
    line-height: 60px;
    color: #fff
}

.modoo.floating_item .link_item .text {
    display: none;
    margin-left: 10px;
    font-size: 20px;
    vertical-align: top;
    line-height: 60px;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.modoo.floating_item .link_item .nicon_more2 {
    color: #000
}

.modoo.floating_item .link_item .icon_top {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 31px;
    height: 26px;
    background-position: -155px -508px;
    display: inline-block;
    margin-top: 15px;
    -webkit-border-radius: 0;
    border-radius: 0
}

.modoo.floating_item .moere_item:hover,
.modoo.floating_item .top_item:hover {
    width: 60px;
    padding: 0
}

.modoo.floating_item .num {
    margin-left: 3px;
    font-size: 13px
}


.layer_pc.board_img_upload .l_inner {
    position: relative;
    padding: 30px 40px 0
}

.layer_pc.board_img_upload .l_tit {
    background: 0 0;
    line-height: 1
}

.layer_pc.board_img_upload .l_tit .title {
    padding: 0;
    font-size: 20px;
    letter-spacing: -.8px;
    color: #333;
    font-weight: 400
}

.layer_pc.board_img_upload .l_cont {
    display: block;
    margin-top: 30px
}

.layer_pc.board_img_upload .notice_list {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #ebebeb;
    color: #888;
    font-weight: 300
}

.layer_pc.board_img_upload .notice_list li {
    padding-left: 10px;
    text-align: left;
    text-indent: -10px;
    font-size: 13px;
    line-height: 1.92;
    letter-spacing: -.6px
}

.layer_pc.board_img_upload .notice_list li:before {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 9px;
    background-color: #b0b0b0;
    vertical-align: 4px;
    content: ""
}

.layer_pc.board_img_upload .photo_upload {
    position: relative;
    white-space: nowrap
}

.layer_pc.board_img_upload .photo_upload:after,
.layer_pc.board_img_upload .photo_upload:before {
    content: " ";
    display: table
}

.layer_pc.board_img_upload .photo_upload:after {
    clear: both
}

.layer_pc.board_img_upload .photo_upload .photo_list {
    background: url(../img/thumb_noimg.png) repeat 0 0;
    -webkit-background-size: auto auto;
    background-size: auto;
    position: relative;
    float: left;
    width: 440px;
    height: 80px;
    margin-right: 10px;
    z-index: 1000
}

.layer_pc.board_img_upload .photo_upload .photo_list .thumb {
    width: 80px;
    height: 80px
}

.layer_pc.board_img_upload .photo_upload .photo_list .thumb .delete:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 12px;
    height: 12px;
    background-position: -594px -355px
}

.layer_pc.board_img_upload .uploadifive-button {
    overflow: visible !important
}

.layer_pc.board_img_upload .uploadifive-button>.btn_add {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    text-align: center;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layer_pc.board_img_upload .btn_add input {
    bottom: 0;
    width: 80px;
    height: 80px
}

.layer_pc.board_img_upload .btn_add .add_text {
    display: none
}

.layer_pc.board_img_upload .btn_add .nicon_clip1 {
    font-size: 37px;
    line-height: 80px;
    color: #000
}

.layer_pc.board_img_upload .btn_add:hover .tooltip_area {
    display: block
}

.layer_pc.board_img_upload .btn_add .tooltip_area {
    display: none;
    position: absolute;
    top: 69px;
    left: 0;
    right: 0
}

.layer_pc.board_img_upload .l_btns {
    border-top: 0
}

.layer_pc {
    opacity: 1;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -163px;
    margin-left: -220px;
    z-index: 20002;
    width: 438px;
    border: 1px solid #393d46;
    background-color: #fff
}

.layer_pc .l_tit {
    position: relative;
    height: 55px;
    background-color: #393f47;
    line-height: 55px
}

.layer_pc .l_tit .title {
    padding: 0 23px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -.06em;
    line-height: inherit;
}

.layer_pc .l_tit .nicon_close {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #dcdcdc
}

.layer_pc .l_tit .nicon_close:hover {
    color: #333;
    -webkit-transition: .2s;
    transition: .2s
}

.layer_pc .l_cont {
    display: table;
    width: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layer_pc .l_cont .lc_inner {
    padding: 44px 15px 45px
}

.layer_pc .l_cont .lc_inner.center {
    text-align: center
}

.layer_pc .l_cont .lc_inner.v2 {
    padding: 0
}

.layer_pc .l_cont .lc_tt {
    margin-top: 2px;
    padding-bottom: 14px;
    font-weight: 700;
    font-size: 16px;
    color: #111;
    line-height: 24px;
    letter-spacing: -.5px
}

.layer_pc .l_cont .lc_tt+.lc_tt {
    margin-top: 0
}

.layer_pc .l_cont .lc_ts {
    font-size: 14px;
    color: #45484f;
    line-height: 24px;
    letter-spacing: -.5px
}

.layer_pc .l_cont .point_text {
    font-size: 22px;
    color: #00c73c
}

.layer_pc .l_btns {
    padding: 20px 0;
    border-top: 1px solid #dedede;
    text-align: center;
    font-size: 0
}

.layer_pc .l_btns .btn {
    display: inline-block;
    height: 35px;
    padding: 0 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d8dbde;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    color: #5c6676;
    letter-spacing: -.06em;
    vertical-align: top
}

.layer_pc .l_btns .btn+.btn {
    margin-left: 8px
}

.layer_pc .l_btns .btn:focus,
.layer_pc .l_btns .btn:hover {
    text-decoration: none
}

.layer_pc .l_btns .btn_theme {
    border: 0;
    background-color: #222;
    color: #fff
}

.layer_pc .footer_buttons {
    padding: 20px 0;
    border-top: 1px solid #dedede;
    text-align: center
}

.layer_pc .footer_buttons .btn {
    display: inline-block;
    height: 35px;
    padding: 0 22px;
    margin: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d8dbde;
    line-height: 35px;
    color: #5c6676;
    vertical-align: top
}

.layer_pc .footer_buttons .btn:focus,
.layer_pc .footer_buttons .btn:hover {
    text-decoration: none
}

.layer_pc .footer_buttons .btn_theme {
    background-color: #222;
    border: 0;
    color: #fff
}

.layer_pc .footer_buttons.type_background {
    background: #fbfbfb
}

.layer_pc .ly_schdslt {
    min-height: 102px;
    padding: 25px 30px 30px
}

.layer_pc .ly_schdslt input {
    vertical-align: middle
}

.layer_pc .ly_schdslt .ls_inner {
    margin: -10px 0;
    font-size: 14px;
    line-height: 34px
}

.layer_pc .ly_schdslt .ls_i {
    display: block
}
.theme_border {border-color:var(--site-theme-color) !important;}
.theme_background {background-color: var(--site-theme-color) !important;}
.theme_color {color:var(--site-theme-color) !important;}
.theme_gradient {
    background: -moz-linear-gradient(top, transparent 0%, var(--site-theme-color) 60px);
    background: -webkit-linear-gradient(top, transparent 0%, var(--site-theme-color) 60px);
    background: linear-gradient(top, transparent 0%, var(--site-theme-color) 60px);
}
.btn_wrap .btn_theme, .btn_wrap .btn_theme_v2{background-color:var(--site-theme-color) !important; padding: 0;}
.btn_wrap .btn_theme_v2 .theme_a{background-color:#fff !important;color:var(--site-theme-color) !important;}
.main .btn_wrap .btn_theme {background-color:#fff !important;}
/*.map-wrap { position:relative; width:100%; height:400px; }*/
.map-container { width:100%; height:500px; }
.zoom-control .slider-wrap-container { padding: 8px 0; }
.zoom-control .slider { max-height: 100%; }
.zoom-control .slider .slider-track { background-color: #4789e7; background-image: none; width: 4px !important; margin-left: -2px !important; }
.zoom-control .slider .slider-selection { background-color: #e1e1e1; background-image: none; }
.zoom-control .slider .slider-handle { width: 16px; height: 6px; margin-left: -6px !important; margin-top: -3px !important; border: 2px solid #4789e7; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.16); }
.zoom-control .btn-zoom-control[data-inout='O'] { border-top: 1px solid #ececec; }


.modoo_sub .element.modoo .board_box .uio_title {
    margin-bottom: 9px
}

.element.modoo .board_box .uio_title {
    margin-bottom: 40px
}


.element.modoo .board_box .item {
    position: relative;
    float: left;
    width: 353px
}

.element.modoo .board_box .item+.item {
    margin-left: 20px
}

.element.modoo .board_box .item:after {
    position: absolute;
    right: -20px;
    top: -31px;
    width: 20px;
    height: 1px;
    background-color: #fff;
    content: ""
}

.element.modoo .board_box .area_title {
    display: block;
    position: relative
}

.element.modoo .board_box .area_title span:nth-last-child(2) {
    padding-right: 35px
}

.element.modoo .board_box .area_title .title {
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 17px;
    color: #333;
    letter-spacing: -.9px;
    line-height: 25px;
    vertical-align: top
}

.element.modoo .board_box .area_title .title>a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.element.modoo .board_box .area_title .comment {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 7px 4px 0 0;
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .board_box .area_title .comment_count {
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 14px;
    font-family: Roboto, Sans-serif;
    color: #ff2500
}

.element.modoo .board_box .area_title .comment_count .icon {
    margin-right: 4px;
    font-size: 11px;
    color: #999
}

.element.modoo .board_box .area_title .nicon_sound2 {
    font-size: 13px;
    color: #333
}

.element.modoo .board_box .area_title .nicon_secret2 {
    font-size: 11px;
    color: #999
}

.element.modoo .board_box .area_info .thumb {
    float: right;
    margin-left: 20px
}

.element.modoo .board_box .area_info .text {
    overflow: hidden;
    height: 110px;
    font-size: 13px;
    color: #666;
    letter-spacing: -.6px;
    line-height: 26px;
    word-wrap: break-word;
    word-break: break-all
}

.element.modoo .board_box .area_info .text.secret {
    color: #bbb
}

.element.modoo .board_box .area_user {
    margin-top: 10px;
    font-size: 13px;
    color: #666
}

.element.modoo .board_box .area_user .date {
    font-family: Roboto, Sans-serif;
    color: #aaa
}

.element.modoo .board_box .area_user .date:before {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 5px 7px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.element.modoo .main_area .inner {
    position: relative
}


.element.modoo .thmb_view {
    overflow: hidden;
    position: relative;
    min-height: 600px
}

.element.modoo .thmb_view .ico_default {
    display: none
}

.element.modoo .thmb_view.album_default {
    background: #fafafa
}

.element.modoo .thmb_view.album_default .ico_default {
    display: block
}

.element.modoo .thmb_view .trans_div {
    overflow: hidden;
    max-height: 630px
}

.element.modoo .thmb_view .thmb {
    position: relative
}

.element.modoo .thmb_view .thmb.big {
    float: left; width:100%;
}

.element.modoo .thmb_view .thmb a {
    display: block; cursor: default; pointer-events: none;
}

.element.modoo .thmb_view img {
    width: 100%;
    vertical-align: top
}

.element.modoo .thmb_view .nicon_size1 {
    position: absolute;
    top: 30px;
    right: 26px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    background-color: #fff;
    text-align: center;
    z-index: 10
}

.element.modoo .thmb_view .nicon_size1 .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    margin-left: -10px;
    text-align: center
}

.element.modoo .thmb_view .nicon_size1:hover .tooltip_area {
    display: block
}

.element.modoo .thmb_view .btn_next,
.element.modoo .thmb_view .btn_prev {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    background: rgba(17, 17, 17, .1);
    text-align: center
}

.element.modoo .thmb_view .btn_prev {
    left: 0
}

.element.modoo .thmb_view .btn_next {
    right: 0
}

.element.modoo .thmb_view .nicon_backward2,
.element.modoo .thmb_view .nicon_forward2 {
    margin-top: 14px;
    color: #fff;
    font-size: 35px
}

.element.modoo .thmb_view .txt {
    margin-top: 20px;
    color: #999;
    font-size: 12px;
    letter-spacing: .3px;
    text-align: center
}

.element.modoo .thmb_view .lst_thmb ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    white-space: nowrap;
    font-size: 0;
    text-align: center
}

.element.modoo .thmb_view .lst_thmb li {
    position: relative;
    display: inline-block;
    width: 101px;
    height: 66px;
    margin-left: 10px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.element.modoo .thmb_view .lst_thmb li:first-child {
    margin-left: 0
}
.element.modoo .thmb_view .lst_thmb li.is-nav-selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.element.modoo .thmb_view .lst_thmb li.selected {
/*    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"*/
}

.element.modoo .thmb_view .lst_thmb a {
    display: inline-block;
    pointer-events: none;
}

.element.modoo .flickity-enabled.is-draggable .flickity-viewport {
    cursor: default; !important;
}
.element.modoo .thmb_view .lst_thmb ul .flickity-viewport { cursor: pointer; }

.element.modoo .thmb_view .lst_thmb .default {
    background: #fafafa
}

.element.modoo .thmb_view .lst_thmb .default .nicon_image2 {
    display: block;
    font-size: 40px;
    line-height: 60px
}

.element.modoo .thmb_view .lst_thmb .btn {
    border: 1px solid #ebebeb;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.element.modoo .thmb_view .lst_thmb .btn a {
    color: #333
}

.element.modoo .thmb_view .lst_thmb .btn img {
    display: none
}

.element.modoo .thmb_view .lst_thmb .btn .b_more {
    width: 100%;
    height: 100%;
    font-size: 0;
    vertical-align: top
}

.element.modoo .thmb_view .lst_thmb .btn .b_more .more_area {
    display: inline-block;
    vertical-align: middle
}

.element.modoo .thmb_view .lst_thmb .btn .b_more .num {
    font-size: 15px;
    letter-spacing: .4px;
    font-family: roboto, sans-serif
}

.element.modoo .thmb_view .lst_thmb .btn .b_more .txt {
    display: block;
    margin: 0;
    font-size: 12px;
    letter-spacing: -.6px;
    color: #666
}

.element.modoo .thmb_view .lst_thmb .btn .b_more:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}


.element.modoo .component_box+.component_box,
.element.modoo .component_box+.r,
.element.modoo .r+.component_box,
.r+.r {
    margin-top: 10px
}

.element.modoo .component_box+.component_margin,
.element.modoo .component_margin+.component_box,
.element.modoo .component_margin+.component_margin,
.element.modoo .component_margin+.r,
.element.modoo .r+.component_margin {
    margin-top: 20px
}

.element.modoo .btn_wrap.m_floating {display: none;}
.element.modoo .btn_wrap {
    background-color: #fff
}

.element.modoo .btn_wrap .btn_text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-height: 70px;
    padding: 0 5px 0 30px;
    font-size: 18px;
    letter-spacing: -1.1px;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap
}

.element.modoo .btn_wrap .ic {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    font-size: 20px;
    color: #fff
}

.element.modoo .btn_wrap .btn_theme li,
.element.modoo .btn_wrap .btn_theme_v2 li {
    position: relative
}

.element.modoo .btn_wrap .btn_theme .btn,
.element.modoo .btn_wrap .btn_theme_v2 .btn {
    display: block;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
    text-align: center
}

.element.modoo .btn_wrap .btn_theme .in,
.element.modoo .btn_wrap .btn_theme_v2 .in {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 100%
}

.element.modoo .btn_wrap .btn_type_v2 li+li:before {
    display: inline-block;
    width: 1px;
    height: 30px;
    margin: -15px 0 0 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    position: absolute;
    top: 50%
}

.element.modoo .btn_wrap .btn_type_v2 li.theme_background+li:before {
    background-color: #fff;
    opacity: .2
}

.element.modoo .ie8 .btn_wrap .btn_type_v2 li.theme_background+li:before {
    display: none
}

.element.modoo .btn_wrap .btn_type_v2 li:first-child .btn {
    border-right: 0
}

.element.modoo .btn_wrap .btn_type_v2 li:last-child .btn {
    border-left: 0
}

.element.modoo .btn_wrap .btn_theme li {
    float: left;
    width: 33.33333333%
}

.element.modoo .btn_wrap .btn_theme li:before {
    display: inline-block;
    width: 1px;
    height: 30px;
    margin: -15px 0 0 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    position: absolute;
    top: 50%;
    opacity: .2;
    background-color: #fff
}

.element.modoo .ie8 .btn_wrap .btn_theme li:before {
    display: none
}

.element.modoo .btn_wrap .btn_theme li:first-child:before {
    content: none
}

.element.modoo .btn_wrap .btn_theme_v2.btn_type_v2 li,
.element.modoo .btn_wrap .theme_a.btn_type_v2 li {
    float: left;
    width: 50%
}

.element.modoo .btn_wrap .theme_a {
    background: #fff
}

.element.modoo .btn_wrap .theme_a .btn {
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .btn_wrap .theme_a .btn_text {
    color: #666;
    text-overflow: ellipsis
}

.element.modoo .btn_wrap .theme_a .ic {
    color: inherit
}

.element.modoo .btn_wrap .icon_none .btn_text {
    padding-left: 0;
    text-overflow: ellipsis
}

.element.modoo .main_area .inner {
    position: relative
}

.element.modoo .page_list {
    position: relative;
    text-align: center
}

.element.modoo .page_list .nicon_backward2,
.element.modoo .page_list .nicon_forward2 {
    font-size: 15px;
    line-height: 40px
}


.element.modoo .board_area {
    position: relative
}

.element.modoo .board_area .no_data_wrap {
    width: 640px;
    height: 293px;
    border-top: 1px solid #abacb0
}

.element.modoo .board_btn {
    padding-top: 20px;
    text-align: center
}

.element.modoo .board_btn .btn_more {
    display: inline-block;
    width: 180px;
    height: 55px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    border: solid 1px #ebebeb;
    color: #666
}

.element.modoo .board_btn .btn_more .total {
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    color: #999
}

.element.modoo .board_btn .btn_more .nicon_down2 {
    font-size: 14px;
    vertical-align: top
}

.element.modoo .board_box .card_type {
    position: relative;
    padding-top: 117px
}

.element.modoo .board_box .card_type:before {
    position: absolute;
    top: 96px;
    left: 0;
    width: 100%;
    border: 1px solid #ebebeb;
    content: ""
}

.element.modoo .board_box .card_type .result_notice {
    margin-top: 20px
}

.element.modoo .board_box .card_type thead {
    display: none
}

.element.modoo .board_box .card_type .btn_area {
    position: absolute;
    top: 30px;
    right: 0;
    margin: 0;
    font-size: 0
}

.element.modoo .board_box .card_type .btn_area .side_area {
    position: static;
    float: right
}

.element.modoo .board_box .card_type .btn_area .delete_area,
.element.modoo .board_box .card_type .btn_area .write_area {
    position: static;
    float: right
}

.element.modoo .board_box .card_type .btn_area .btn {
    height: 36px;
    margin-left: 8px;
    line-height: 34px
}

.element.modoo .board_box .card_type .btn_area .btn.delete {
    float: right
}

.element.modoo .board_box .card_type .search_area {
    position: absolute;
    top: 30px;
    left: 0;
    margin: 0
}

.element.modoo .board_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.element.modoo .card_board {
    width: 33.333%;
    padding: 0 0 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer
}

.element.modoo .card_board:hover .info_area {
    -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, .1)
}

.element.modoo .card_board .thumb {
    overflow: hidden;
    display: block;
    position: relative;
    min-height: 150px;
    max-height: 529px;
    background: #eee
}

.element.modoo .card_board .thumb img {
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 0
}

.element.modoo .card_board .nicon_sound3 {
    font-size: 13px;
    color: #000;
    vertical-align: middle
}

.element.modoo .card_board .info_area {
    padding: 30px;
    border: 1px solid #ebebeb
}

.element.modoo .card_board .info_area .tit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -.8px;
    color: #000
}

.element.modoo .card_board .info_area .tit input {
    margin-right: 4px;
    vertical-align: middle
}

.element.modoo .card_board .info_area .ico_new {
    margin: 4px 0 0 5px
}

.element.modoo .card_board .info_area .nicon_comment3 {
    font-size: 11px;
    margin: 0 4px 0 0
}

.element.modoo .card_board .info_area .nicon_secret2 {
    font-size: 12px
}

.element.modoo .card_board .info_area .comment {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px
}

.element.modoo .card_board .info_area .txt {
    display: block;
    margin-top: 4px;
    word-wrap: break-word;
    word-break: break-all
}

.element.modoo .card_board .info_area .txt.secret_text {
    color: #bbb
}

.element.modoo .card_board .info_area .info {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 13px;
    border-top: 1px solid #ebebeb
}

.element.modoo .card_board .info_area .writer {
    display: inline-block;
    max-width: 50px;
    vertical-align: top
}

.element.modoo .card_board .info_area .writer+.date:before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 3px 5px 0 3px;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.element.modoo .card_board .info_area .bar {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 1px;
    height: 11px;
    margin: 0 3px;
    background-color: #cccdcf;
    vertical-align: top
}

.element.modoo .card_board .info_area .info .date {
    color: #999;
    vertical-align: middle
}

.element.modoo .card_board .info_area .info .comment_num {
    position: absolute;
    top: 20px;
    right: 0
}

.element.modoo .card_board .info_area .info .comment_num.is_active {
    color: #ff2500
}

.element.modoo .card_board.notice .info_area {
    border-color: #b1cef1
}

.element.modoo .card_board.notice .thumb img {
    border-color: #b1cef1
}

.element.modoo .card_board .info_area.comment {
    border-color: #e9e9ea;
    border-top: 1px solid #d9d9d9;
    background: #f5f6f7
}

.element.modoo .card_board .info_area.comment .txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis
}

.element.modoo input[type=text],
.element.modoo textarea {
    color: #444
}

.element.modoo input[type=text]::-webkit-input-placeholder,
.element.modoo textarea::-webkit-input-placeholder {
    color: #bbb !important
}

.element.modoo input[type=text]:focus,
.element.modoo textarea:focus {
    outline: 0
}

.element.modoo button {
    outline: 0
}

.element.modoo input[type=checkbox] {
    vertical-align: middle
}



.element.modoo .sorting .button:after {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #535353;
    border-bottom: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    content: ""
}

.element.modoo .selectric-wrapper {
    position: relative;
    cursor: pointer
}

.element.modoo .selectric-responsive {
    width: 100%
}

.element.modoo .selectric {
    position: relative;
    height: 34px;
    border: 1px solid #d7d8dd;
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .selectric .button:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #888;
    border-bottom: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    content: ""
}

.element.modoo .btn_area .selectric {
    border: 1px solid rgba(0, 0, 0, .2)
}

.element.modoo .selectric .label {
    display: block;
    overflow: hidden;
    height: inherit;
    margin: 0 24px 0 9px;
    font-size: 12px;
    color: #222;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.element.modoo .btn_area .selectric .label {
    height: inherit;
    line-height: inherit
}

.element.modoo .selectric-open {
    z-index: 9999
}

.element.modoo .selectric-open .button:after {
    border-top: 5px solid #333
}

.element.modoo .selectric-open .selectric-items {
    display: block;
    text-align: left
}

.element.modoo .selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.element.modoo .selectric-disabled .selectric {
    background: #f9f9f9
}

.element.modoo .selectric-disabled .label {
    color: #ccc
}

.element.modoo .selectric-hide-select {
    overflow: hidden;
    position: relative;
    width: 0;
    height: 0
}

.element.modoo .selectric-hide-select select {
    display: none;
    position: absolute;
    left: -100%
}

.element.modoo .selectric-input {
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: 0 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    outline: 0 !important
}

.element.modoo .selectric-temp-show {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important
}

.element.modoo .selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -1px;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08)
}

.element.modoo .selectric-items .selectric-scroll {
    overflow: auto;
    height: 100%
}

.element.modoo .selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.element.modoo .selectric-items li,
.element.modoo .selectric-items ul {
    line-height: 29px
}

.element.modoo .selectric-items ul {
    padding: 12px 0
}

.element.modoo .selectric-items li {
    display: block;
    padding: 0 9px;
    color: #222;
    cursor: pointer
}

.element.modoo .selectric-items li:hover {
    color: #4990e2
}

.element.modoo .selectric-items li:first-child {
    color: #999
}

.element.modoo .selectric-items li:first-child:hover {
    color: #999
}

.element.modoo .selectric-items li.selected {
    color: #4990e2
}

.element.modoo .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: 0 0 !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.element.modoo .selectric-items .selectric-group .selectric-group-label {
    padding-left: 10px;
    background: 0 0;
    font-weight: 700;
    color: #444;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.element.modoo .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.element.modoo .selectric-items .selectric-group li {
    padding-left: 25px
}

.element.modoo .input_box .input_date {
    position: relative;
    width: 100%;
    height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    color: #111;
    line-height: 34px;
    text-indent: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .input_box .xdsoft_datetimepicker {
    width: 260px;
    padding: 20px 17px 18px;
    border-color: #ebebeb;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08)
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label {
    display: inline-block;
    float: none;
    padding: 6px 0 6px 10px
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: none
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label .label_text {
    font-weight: 700
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label .icon_arrow {
    right: 4px;
    color: #999
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label .xdsoft_select {
    top: 32px;
    width: inherit;
    text-align: center
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label .xdsoft_select.xdsoft_yearselect {
    right: -1px
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_label .xdsoft_select.xdsoft_monthselect {
    right: -1px
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_month,
.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_year {
    position: absolute;
    top: 0;
    width: auto;
    border: 1px solid #ddd;
    text-align: left
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_year {
    width: 64px;
    left: 57px;
    margin-left: 0
}

.element.modoo .input_box .xdsoft_datetimepicker .xdsoft_month {
    width: 47px;
    left: 120px
}


.element.modoo .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}
.element.modoo .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.element.modoo .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3af;
    -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.element.modoo .xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.element.modoo .xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td,
.element.modoo .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.element.modoo .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.element.modoo .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.element.modoo .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3af;
    -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.element.modoo .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.element.modoo .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.element.modoo .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important
}

.element.modoo .xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.element.modoo .xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.element.modoo .xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.element.modoo .xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.element.modoo .xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.element.modoo .xdsoft_scroller_box {
    position: relative
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark {
    -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506);
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    background: #0e0e0e;
    color: #666
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.element.modoo .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.element.modoo .xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.element.modoo .xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important
}

.element.modoo .xdsoft_datetimepicker {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.element.modoo .xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: none
}

.element.modoo .xdsoft_datetimepicker button {
    border: none !important
}

.element.modoo .xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.element.modoo .xdsoft_noselect::-moz-selection {
    background: 0 0
}

.element.modoo .xdsoft_noselect::selection {
    background: 0 0
}

.element.modoo .xdsoft_noselect::-moz-selection {
    background: 0 0
}

.element.modoo .xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.element.modoo .xdsoft_datetimepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_datepicker,
.element.modoo .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.element.modoo .xdsoft_datetimepicker .xdsoft_datepicker.active,
.element.modoo .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.element.modoo .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.element.modoo .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.element.modoo .xdsoft_datetimepicker .xdsoft_label i,
.element.modoo .xdsoft_datetimepicker .xdsoft_next,
.element.modoo .xdsoft_datetimepicker .xdsoft_prev,
.element.modoo .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.element.modoo .xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.element.modoo .xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_next,
.element.modoo .xdsoft_datetimepicker .xdsoft_prev,
.element.modoo .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    border: 0 none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}


.element.modoo .xdsoft_datetimepicker .xdsoft_next,
.element.modoo .xdsoft_datetimepicker .xdsoft_prev {
    position: absolute;
    top: 0;
    float: none;
    height: 34px;
    background: 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #ddd;
    vertical-align: top;
    opacity: 1;
    text-indent: 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_prev {
    left: 18px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_next {
    right: 18px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_datepicker {
    margin-left: 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_mounthpicker {
    text-align: left
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar {
    padding-top: 12px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td,
.element.modoo .xdsoft_datetimepicker .xdsoft_calendar th {
    border: 0;
    background: 0 0;
    text-align: center
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 400;
    color: #a1a1a1
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td {
    font-family: Roboto, Sans-serif;
    color: #222
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 0
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0 !important;
    font-weight: 400;
    color: #fff !important
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current>div {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-color: #4990e2;
    color: #fff;
    line-height: 24px
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background: 0 0 !important;
    color: #4990e2 !important
}

.element.modoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    opacity: 1;
    color: #ccc
}



.element.modoo .schedule_section .uio_title {
    margin-bottom: 0
}

.element.modoo .schedule_section .calendar_area {
    margin-top: -54px
}

.element.modoo .schedule_section .calendar_area .controls {
    position: relative;
    text-align: center
}

.element.modoo .schedule_section .calendar_area .controls .date_wrap {
    display: inline-block;
    position: relative;
    font-family: Roboto, Sans-serif;
    vertical-align: top
}

.element.modoo .schedule_section .calendar_area .controls .date,
.element.modoo .schedule_section .calendar_area .controls .date_bullet {
    font-size: 30px;
    color: #333;
    line-height: 1
}

.element.modoo .schedule_section .calendar_area .controls .date {
    border-bottom: 2px solid #ebebeb
}

.element.modoo .schedule_section .calendar_area .controls .date_bullet {
    margin: 0 -4px
}

.element.modoo .schedule_section .calendar_area .controls .date_list_area {
    overflow-y: auto;
    position: absolute;
    top: 45px;
    left: 50%;
    z-index: 999;
    width: 68px;
    height: 280px;
    margin-left: -34px;
    padding: 10px 0 20px;
    border: solid 1px #ebebeb;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08)
}

.element.modoo .schedule_section .calendar_area .controls .date_list {
    display: block;
    margin-top: 10px;
    color: #999
}

.element.modoo .schedule_section .calendar_area .controls .date_list.selected,
.element.modoo .schedule_section .calendar_area .controls .date_list:hover {
    color: #000
}

.element.modoo .schedule_section .calendar_area .controls .date_bullet {
    display: inline-block
}

.element.modoo .schedule_section .calendar_area .controls .calendar_btn_area {
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 0
}

.element.modoo .schedule_section .calendar_area .controls .btn_reg_scd,
.element.modoo .schedule_section .calendar_area .controls .btn_today {
    display: inline-block;
    height: 36px;
    padding: 0 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    letter-spacing: -.5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .schedule_section .calendar_area .controls .btn_today {
    border: 1px solid #ddd
}

.element.modoo .schedule_section .calendar_area .controls .btn_today+.btn_reg_scd {
    margin-left: 8px
}

.element.modoo .schedule_section .calendar_area .controls .btn_reg_scd {
    color: #fff
}

.element.modoo .schedule_section .calendar_area .controls .btn_prev_month {
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -128px
}

.element.modoo .schedule_section .calendar_area .controls .btn_prev_month .nicon_backward2 {
    font-size: 30px;
    color: #cdcdcd;
    font-weight: 700
}

.element.modoo .schedule_section .calendar_area .controls .btn_next_month {
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: 96px
}

.element.modoo .schedule_section .calendar_area .controls .btn_next_month .nicon_forward2 {
    font-size: 30px;
    color: #cdcdcd;
    font-weight: 700
}

.element.modoo .schedule_section .calendar_area .day_container {
    margin-top: 32px;
    border-top: 1px solid #ddd
}

.element.modoo .schedule_section .calendar_area .day_container .dayofweek {
    overflow: hidden
}

.element.modoo .schedule_section .calendar_area .day_container .dayofweek .day {
    float: left;
    width: 14.28%;
    font-size: 15px;
    color: #4b4b4b;
    line-height: 53px;
    letter-spacing: -.9px;
    text-align: center
}

.element.modoo .schedule_section .calendar_area .day_container .dayofweek .day.holiday {
    color: #f92424
}

.element.modoo .schedule_section .calendar_area .day_container .days {
    border-bottom: 1px solid #ebebeb
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap {
    float: left;
    width: 14.285714%;
    height: 110px;
    cursor: pointer;
}
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .event { margin-top: 10px; padding: 5px; border-radius: 4px; background-color: #e8f5e9; }
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .event.more { width: 70%; float: right; margin-top: 0; padding-top: 0;}
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap.sunday .day_num .num { color: #E53935; }
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap.saturday .day_num .num { color: #1E88E5; }
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap.other-month .num { opacity: 0.3; }
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 9px 11px 11px;
    border: 1px solid #ebebeb;
    border-right-color: #fff;
    border-bottom-color: #fff;
    font-size: 13px;
    color: #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap:nth-of-type(1) .day_num,
.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap:nth-of-type(7n+1) .day_num { border-left-color: #fff; }

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .num {
    font-family: Roboto, Sans-serif
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.another_month {
    color: #ccc
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.another_month.holiday {
    color: #f89d9d
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.holiday {
    color: #f92424
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.today {
    border-right-color: #fafafa;
    border-bottom-color: #fafafa;
    background: #fafafa
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.today .num {
    display: inline-block;
    padding: 6px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    color: #fff
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.first {
    border-left-color: #fff
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num.first_week {
    border-top-color: #ebebeb
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .theme_border {
    display: none
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num:hover .theme_border {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    opacity: .5;
    content: ""
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .scd_area {
    display: inline
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .scd_area .theme_background {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    opacity: .05
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .scd {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
    color: #333;
    letter-spacing: -.4px
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .scd_num {
    margin-left: 2px;
    font-size: 14px;
    font-family: Roboto, Sans-serif;
    font-weight: 500;
    color: #333;
    letter-spacing: -.9px
}

.element.modoo .schedule_section .calendar_area .day_container .days .day_wrap .day_num .scd_text {
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 38px;
    margin: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
    line-height: 1.67;
    letter-spacing: -.7px;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .schedule_section .calendar_area .day_container .days:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .schedule_section .scd_list_area {
    margin-top: 40px
}

.element.modoo .schedule_section .scd_list_area .scd_list li {
    padding: 25px 20px 24px;
    border-width: 1px 0 0;
    border-style: solid;
    background: #fff
}

.element.modoo .schedule_section .scd_list_area .scd_list li~li {
    margin-top: 30px
}

.element.modoo .schedule_section .scd_list_area .scd_list li .info .nicon_notice3 {
    font-size: 14px;
    color: #333
}

.element.modoo .schedule_section .scd_list_area .scd_list li .info .datetime {
    font-size: 16px;
    font-weight: 600;
    color: #20232c;
    letter-spacing: -.5px
}

.element.modoo .schedule_section .scd_list_area .scd_list li .txt {
    color: #666;
    line-height: 28px;
    letter-spacing: -.6px;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .schedule_section .scd_list_area .scd_list li .btn_area>a {
    display: inline-block;
    width: 70px;
    height: 36px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    line-height: 32px;
    letter-spacing: -.9px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .schedule_section .scd_list_area .scd_list li .btn_area>a.btn_notice {
    width: 90px
}

.element.modoo .schedule_section .scd_list_area .scd_list li .btn_area>a+a {
    margin-left: 4px
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice {
    position: relative;
    padding: 30px 190px 40px 43px
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice.theme_border {
    border-bottom: 1px solid #ebebeb !important
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice.none {
    padding: 53px 0;
    border-bottom: 0 !important;
    background: #fafafa
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice.none .txt {
    font-size: 15px;
    line-height: 1.87;
    color: #333;
    text-align: center
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice.none .btn_area {
    position: static;
    margin: 9px 0 0 0
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice.none .btn_area a {
    width: 90px
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice .info {
    position: absolute;
    top: 39px;
    left: 10px
}

.element.modoo .schedule_section .scd_list_area .scd_list li.notice .btn_area {
    position: absolute;
    top: 30px;
    right: 10px;
    margin-top: 0
}

.element.modoo .layer_schedule_view {
    position: relative;
    width: 640px
}

.element.modoo .layer_schedule_view .ly_sc .ly_tit {
    padding: 10px 190px 30px 0;
    font-size: 20px;
    letter-spacing: 0
}

.element.modoo .layer_schedule_view .ly_sc .ly_tit .day {
    font-size: 19px;
    color: #999;
    letter-spacing: -1px
}

.element.modoo .layer_schedule_view .ly_sc .ly_tit .day:before {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 8px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.element.modoo .layer_schedule_view .ly_sc .ly_tit .btn_area {
    top: 37px;
    right: 40px
}

.element.modoo .layer_schedule_view .ly_sc .ly_cont {
    overflow-y: auto;
    height: 430px
}

.element.modoo .layer_schedule_view .ly_sc .schedule_list {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #ebebeb
}

.element.modoo .layer_schedule_view .ly_sc .schedule_list .txt {
    margin-top: 10px;
    line-height: 1.85;
    letter-spacing: -.6px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .layer_schedule_view .ly_sc .schedule_list .btn_area {
    top: 30px;
    right: 0
}

.element.modoo .layer_schedule_view .ly_sc .datetime {
    font-family: Roboto, Sans-serif;
    font-size: 13px;
    color: #9b9b9b
}

.element.modoo .layer_schedule_view .ly_sc .datetime .nicon_time4 {
    margin-right: 2px;
    font-size: 12px;
    color: #c7ccd4;
    vertical-align: -2px
}

.element.modoo .layer_schedule_view .ly_sc .btn_delete,
.element.modoo .layer_schedule_view .ly_sc .btn_modify {
    padding: 5px;
    letter-spacing: -.8px;
    color: #666
}

.element.modoo .layer_schedule_view .ly_sc .btn_delete:before {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 5px 0 -9px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.element.modoo .layer_schedule_view .btn_area {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0
}

.element.modoo .layer_schedule_view .btn_area .btn {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 36px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    letter-spacing: -.5px
}

.element.modoo .layer_schedule_view .btn_area .btn.theme_background {
    border: 0;
    color: #fff
}

/* .element.modoo .row {
    font-size: 0;
    white-space: nowrap
} */

.element.modoo .layer_schedule_write {
    position: relative;
    width: 640px
}

.element.modoo .layer_schedule_write .input_box {
    display: inline-block;
    position: relative;
    width: 116px;
    font-size: 13px;
    vertical-align: top
}

.element.modoo .layer_schedule_write .input_box~.input_box {
    margin-left: 8px
}

.element.modoo .layer_schedule_write .input_box select {
    width: 100%;
    height: 34px;
    border-color: #ddd;
    color: #111
}

.element.modoo .layer_schedule_write .input_box select:focus {
    outline: 0
}

.element.modoo .layer_schedule_write .input_box select:disabled {
    border-color: #ebebeb;
    background: #f9f9f9;
    color: #ccc
}

.element.modoo .layer_schedule_write .input_box.selected .icon_arrow {
    border-top: 5px solid #333
}

.element.modoo .layer_schedule_write .input_box .icon_arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #888;
    border-bottom: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0)
}

.element.modoo .layer_schedule_write .ly_sc .wave {
    display: inline-block;
    margin-left: 8px;
    font-size: 15px;
    font-family: Roboto, Sans-serif;
    color: #666;
    line-height: 34px;
    vertical-align: top
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .item {
    position: relative;
    height: 230px;
    margin-top: 10px;
    border: 1px solid #d8d8d8
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .item textarea {
    display: block;
    overflow-y: auto;
    width: 100%;
    height: 190px;
    margin-bottom: 44px;
    padding: 14px 24px 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    resize: none;
    line-height: 2;
    color: #666;
    letter-spacing: -.6px
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .item textarea:-moz-placeholder,
.element.modoo .layer_schedule_write .ly_sc .ly_cont .item textarea:-ms-input-placeholder,
.element.modoo .layer_schedule_write .ly_sc .ly_cont .item textarea::-moz-placeholder,
.element.modoo .layer_schedule_write .ly_sc .ly_cont .item textarea::-webkit-input-placeholder {
    color: #999
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .item .limit {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #999
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .item .limit .num {
    color: #4990e2
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .item .limit .num.disabled {
    color: #999
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .set_option .row:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .set_option .row .btn_all_time {
    display: inline-block;
    width: 45px;
    height: 34px;
    margin-left: 8px;
    border: 1px solid #ddd;
    color: #999;
    font-size: 13px;
    line-height: 32px;
    letter-spacing: -.9px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .set_option .row .btn_all_time.active {
    border: solid 1px #4990e2;
    color: #4990e2
}

.element.modoo .layer_schedule_write .ly_sc .ly_cont .set_option+.btn_area {
    margin-top: 36px;
    margin-bottom: 0;
    padding-top: 20px;
    border-top: 1px solid #eee
}

.element.modoo .layer_schedule_write .btn_area {
    margin: 0;
    padding-top: 20px;
    border: 0;
    font-size: 0
}

.element.modoo .layer_schedule_write .btn_area .btn {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 36px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    letter-spacing: -.5px
}

.element.modoo .layer_schedule_write .btn_area .btn.theme_background {
    border: 0;
    color: #fff
}

.element.modoo .layer_schedule_write .btn_area .btn+.btn {
    margin-left: 8px
}



.element.modoo .sorting {
    background: url("https://storage.googleapis.com/i.addblock.net/modoo/board_ico_arrow.png") no-repeat 100% 50%;
    -webkit-background-size: auto auto;
    background-size: auto;
    display: inline-block;
    position: relative;
    background-color: #fff;
    vertical-align: top
}

.element.modoo .sorting select {
    width: 120px;
    height: 26px;
    padding: 0 20px 0 3px;
    color: #666;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.element.modoo .sorting select::-ms-expand {
    display: none
}

.modoo .board_box .uio_title,
.modoo .inquiry_box .uio_title {
    margin-bottom: 9px
}

.element.modoo .board_box .btn_area,
.element.modoo .inquiry_box .btn_area {
    position: relative;
    margin-top: -40px;
    text-align: left
}



.element.modoo .btn_area.v2:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .btn_area.v2 .btn,
.element.modoo .btn_area.v2 .sorting,
.element.modoo .btn_area.v2 .sorting2 {
    float: left;
    margin-left: 8px
}

.element.modoo .btn_area.v2 .btn:first-child,
.element.modoo .btn_area.v2 .sorting2:first-child,
.element.modoo .btn_area.v2 .sorting:first-child {
    margin-left: 0
}

.element.modoo .btn_area .btn {
    display: inline-block;
    height: 40px;
    padding: 0 25px;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: -.9px;
    color: #666;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .btn_area .btn.theme_background:hover {
    border: 1px solid rgba(0, 0, 0, 0)
}

.element.modoo .btn_area .btn:hover {
    border: 1px solid rgba(0, 0, 0, .4)
}

.element.modoo .btn_area .btn.write {
    color: #fff
}

.element.modoo .btn_area span.btn {
    border-color: #dfdfdf;
    background-color: #f9f9f9;
    color: #999
}

.element.modoo .btn_area .register {
    color: #fff
}

.element.modoo .btn_area .delete .ico_delete {
    margin: 10px 6px -10px 0
}

.element.modoo .btn_area .side_area {
    float: right;
    font-size: 0
}

.element.modoo .btn_area .side_area .btn+.btn {
    margin-left: 8px
}

.element.modoo .btn_area .schedule .nicon_reserve1 {
    margin-right: 6px;
    font-size: 19px;
    color: #00c930;
    vertical-align: -3px
}

.element.modoo .btn_area .sorting {
    display: inline-block;
    position: relative;
    background: #fff;
    vertical-align: top
}

.element.modoo .btn_area .sorting select {
    height: 32px;
    padding: 0 20px 0 7px;
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.element.modoo .btn_area .sorting .ico_arrow {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 8px;
    height: 4px;
    background-position: -582px -276px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px
}


.element.modoo .btn_area {
    height: 40px;
    text-align: center
}

.element.modoo .comment_area~.btn_area.v2 {
    margin: 0;
    padding-top: 20px
}

.element.modoo .notice_view.is_inquiry~.btn_area.v2 {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #ebebeb
}

.element.modoo .notice_view.is_inquiry~.btn_area.v2~.comment_tit {
    margin-top: 40px
}

.element.modoo .btn_area.v2:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .btn_area.v2 .btn,
.element.modoo .btn_area.v2 .sorting,
.element.modoo .btn_area.v2 .sorting2 {
    float: left;
    margin-left: 8px
}

.element.modoo .btn_area.v2 .btn:first-child,
.element.modoo .btn_area.v2 .sorting2:first-child,
.element.modoo .btn_area.v2 .sorting:first-child {
    margin-left: 0
}

.element.modoo .btn_area .btn {
    display: inline-block;
    height: 40px;
    padding: 0 25px;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: -.9px;
    color: #666;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .btn_area .btn.theme_background:hover {
    border: 1px solid rgba(0, 0, 0, 0)
}

.element.modoo .btn_area .btn:hover {
    border: 1px solid rgba(0, 0, 0, .4)
}

.element.modoo .btn_area .btn.write {
    color: #fff
}

.element.modoo .btn_area span.btn {
    border-color: #dfdfdf;
    background-color: #f9f9f9;
    color: #999
}

.element.modoo .btn_area .register {
    color: #fff
}

.element.modoo .btn_area .delete .ico_delete {
    margin: 10px 6px -10px 0
}

.element.modoo .btn_area .side_area {
    float: right;
    font-size: 0
}

.element.modoo .btn_area .side_area .btn+.btn {
    margin-left: 8px
}

.element.modoo .btn_area .schedule .nicon_reserve1 {
    margin-right: 6px;
    font-size: 19px;
    color: #00c930;
    vertical-align: -3px
}

.element.modoo .btn_area .sorting {
    display: inline-block;
    position: relative;
    background: #fff;
    vertical-align: top
}

.element.modoo .btn_area .sorting select {
    height: 32px;
    padding: 0 20px 0 7px;
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.element.modoo .btn_area .sorting .ico_arrow {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 8px;
    height: 4px;
    background-position: -582px -276px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px
}

.element.modoo .search_area {
    margin-top: 30px
}

.element.modoo .search_area:after {
    content: "";
    display: block;
    clear: both
}

.element.modoo .search_area .list_sort {
    float: left
}

.element.modoo .search_area .list_sort .btn_sort {
    display: inline-block;
    height: 25px;
    margin: 0 25px 0 0;
    padding: 0;
    border: 0 none;
    background: 0 0;
    font-size: 12px;
    color: #909497;
    line-height: 25px;
    cursor: pointer
}

.element.modoo .search_area .list_sort .btn_sort.selected {
    color: #222
}

.element.modoo .search_area .list_sort .btn_sort.selected:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 10px;
    height: 8px;
    background-position: -507px -356px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.element.modoo .search_area .list_srch {
    text-align: center;
    font-size: 0
}

.element.modoo .search_area .list_srch .selectric {
    height: 36px;
    border-color: #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .search_area .list_srch .selectric .label {
    width: 70px;
    line-height: 36px;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    padding: 0;
    border-radius: 0;
}

.element.modoo .search_area .list_srch .input_txt {
    width: 260px;
    height: 36px;
    margin-left: 10px;
    padding-left: 15px;
    border: 1px solid #ddd;
    color: #666;
    background: #fff;
    line-height: 36px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.element.modoo .search_area .list_srch .btn_srch {
    display: inline-block;
    width: 65px;
    height: 36px;
    margin-left: 10px;
    border: 1px solid #ddd;
    background: #fafafa;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .search_area .list_srch .delete {
    position: absolute;
    right: 0;
    top: 0
}

.element.modoo .search_area .list_srch .selectric-scroll {
    font-size: 14px
}

.element.modoo .search_area .list_srch .selectric-scroll li {
    color: #aaa
}

.element.modoo .search_area .list_srch .selectric-scroll li.selected {
    color: #222
}

.element.modoo .search_area .btn_write {
    display: inline-block;
    height: 24px;
    padding: 0 8px;
    border: 1px solid rgba(0, 0, 0, .1);
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    vertical-align: top
}

.element.modoo .coupon_section {
    /* margin-left: -20px */
    display: flex;
    position: relative;
    padding: 0 20px 0 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.element.modoo .coupon_section .is_hide .image {
    display: none
}

.element.modoo .coupon_section .is_hide .naver-splugin:hover {
    background-color: rgba(0, 0, 0, .2)
}

.element.modoo .coupon_area {
    flex: 1;
    position: relative;
    padding: 0 20px 0 0;
    display: flex;
}
.element.modoo .coupon_area.noflex { display: block; width: 50%; }
.element.modoo .coupon_area.noflex:nth-of-type(2n) { left: auto!important; right: 0!important; }

.element.modoo .coupon_area:last-child {
    padding-right: 0;
}

.element.modoo .coupon_area:before {
    /* position: absolute;
    left: 20px;
    top: 0;
    right: 0;
    bottom: 20px;
    content: "";
    border: 1px solid #ebebeb */
}

.element.modoo .coupon_area .coupon {
    display: flex;
    flex: 1 1 100%;
    /* width: 100%; */
    height: 278px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
}

.element.modoo .coupon_area .link_more {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20
}

.element.modoo .coupon_area .coupon_info {
    display: table-cell;
    position: relative;
    z-index: 10;
    padding: 0 10px;
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.element.modoo .coupon_area .coupon_info .type {
    display: block;
    /* margin-top: 10px */
}

.element.modoo .coupon_area .coupon_info .type .text {
    font-size: 30px;
    color: #fff;
    line-height: 45px;
    letter-spacing: -1px
}

.element.modoo .coupon_area .coupon_info .title {
    display: block;
    margin-top: 9px;
    padding: 0 60px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    letter-spacing: -1px
}

.element.modoo .coupon_area .coupon_info .period {
    display: inline-block;
    margin-top: 9px;
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
    letter-spacing: -.9px;
    line-height: 32px;
    vertical-align: top
}

.element.modoo .coupon_area .coupon_info .period .use_date {
    margin-left: 9px;
    font-family: Roboto, Sans-serif;
    color: #fff;
    letter-spacing: -.2px
}

.element.modoo .coupon_area .icon_coupon {
    display: inline-block;
    margin-bottom: 17px;
    vertical-align: top
}

.element.modoo .coupon_area .icon_coupon.coupon_free_en {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 116px;
    height: 52px;
    background-position: -399px -71px
}

.element.modoo .coupon_area .icon_coupon.coupon_event_en {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 130px;
    height: 49px;
    background-position: 0 -383px
}

.element.modoo .coupon_area .icon_coupon.coupon_coupon_en {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 172px;
    height: 52px;
    background-position: -104px -279px
}

.element.modoo .coupon_area .icon_coupon.coupon_one {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 92px;
    height: 52px;
    background-position: -399px -205px
}

.element.modoo .coupon_area .coupon_num,
.element.modoo .coupon_area .coupon_percent {
    display: inline-block;
    font-family: modoo;
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.element.modoo .coupon_area .coupon.type_percent {
    background-color: #f95539
}


.element.modoo .uio_box.board_box .pag_btn_area {
    top: 4px
}


.element.modoo .paginate {
    position: relative;
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    z-index: 10
}

.element.modoo .paginate a,
.element.modoo .paginate>span {
    overflow: hidden;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    color: #111;
    line-height: 40px;
    vertical-align: top;
    border: 1px solid #ebebeb;
    color: #666;
    font-size: 15px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .paginate a:first-child,
.element.modoo .paginate>span:first-child {
    margin-left: 0
}

.element.modoo .paginate a:hover,
.element.modoo .paginate>span:hover {
    border-color: #111;
    color: #111
}

.element.modoo .paginate a:hover .icon,
.element.modoo .paginate>span:hover .icon {
    color: #111
}

.element.modoo .paginate .prev .next {
    font-size: 13px
}

.element.modoo .paginate .selected {
    position: relative;
    border: 1px solid #000;
    color: #111
}

.element.modoo .pag_btn_area+.paginate {
    margin-top: -54px;
    border-top: 1px solid #e9e9ea
}

.element.modoo .ie8 .btn_area .btn,
.element.modoo .ie8 .pag_btn_area>.btn a {
    border: 1px solid #ccc
}

.element.modoo .ie8 .btn_area .btn:hover,
.element.modoo .ie8 .pag_btn_area>.btn a:hover {
    border-color: #757678
}

.element.modoo .photo_list {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.element.modoo .photo_list:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .photo_list li {
    float: left;
    vertical-align: top
}

.element.modoo .photo_list li+li {
    margin-left: 10px
}

.element.modoo .photo_list li .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #f9f9f9
}

.element.modoo .photo_list li .thumb img {
    position: relative;
    z-index: 1
}

.element.modoo .photo_list li .thumb .delete {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    line-height: 80px;
    z-index: 20
}

.element.modoo .photo_list li .thumb:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 1px solid rgba(0, 0, 0, .05);
    content: "";
    z-index: 10
}

.element.modoo .photo_list li .thumb:hover .delete {
    display: block;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.element.modoo .sorting2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 1px
}

.element.modoo .sorting2:first-child {
    margin-left: 0
}

.element.modoo .sorting2:last-child {
    margin-right: 0
}

.element.modoo .table_area {
    display: table;
    width: 100%
}

.element.modoo .table_area thead {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 14px;
    letter-spacing: -.8px;
    color: #666
}

.element.modoo .table_area input {
    display: inline-block;
    width: 14px;
    height: 14px
}

.element.modoo .table_area .nicon_m-warning1 {
    font-size: 60px;
    color: #ebebeb
}

.element.modoo .table_area.card_list .paginate {
    margin-top: 42px
}

.element.modoo .table_area.card_list .paginate .btn_more {
    width: auto;
    height: auto;
    padding: 14px 35px;
    line-height: normal;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: 16px;
    line-height: 1.62;
    letter-spacing: -.8px;
    color: #666;
    background: #fff;
    -webkit-transition: all 2s;
    transition: all 2s
}

.element.modoo .table_area.card_list .paginate .btn_more:hover {
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05)
}

.element.modoo .table_area.card_list .paginate .total {
    margin-left: 5px;
    font-size: 14px;
    line-height: 1.86;
    color: #999;
    font-family: Roboto, sans-serif
}

.element.modoo .table_area.card_list .paginate .nicon_down2 {
    margin-left: 13px;
    font-size: 14px;
    color: #ccc;
    vertical-align: middle
}

.element.modoo .table_type1 {
    position: relative;
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-width: 1px 0
}

.element.modoo .table_type1 thead th {
    padding: 16px 0;
    text-align:center;
}

.element.modoo .table_type1 tbody td,
.element.modoo .table_type1 tbody th {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap
}

.element.modoo .table_type1 tbody tr {
    cursor: pointer
}

.element.modoo .table_type1 tbody tr.notice td.writer {
    color: #222
}

.element.modoo .table_type1 tbody tr:hover td {
    background: #fbfbfb
}

.element.modoo .table_type1 tbody tr:hover td.nodata {
    background: 0 0
}

.element.modoo .table_type1 tbody td {
    padding: 16px 0;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 14px
}

.element.modoo .table_type1 .date,
.element.modoo .table_type1 .index {
    color: #999;
    vertical-align: middle
}

.element.modoo .table_type1 .area {
    text-align: left;
    font-size: 0
}

.element.modoo .table_type1 .area .thumb {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.element.modoo .table_type1 .area .tit {
    display: inline-block;
    overflow: hidden;
    max-width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    letter-spacing: -.5px;
    font-size: 14px;
    color: #333;
    text-align: left;
    vertical-align: middle
}

.element.modoo .table_type1 .area .tit.visited {
    color: #888
}

.element.modoo .table_type1 .area .comment {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 3px 10px 0 0;
    border: 1px solid #999;
    border-width: 0 0 1px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.element.modoo .table_type1 .area .comment_num {
    margin-left: 4px;
    font-size: 14px;
    color: #ff2500;
    vertical-align: middle
}

.element.modoo .table_type1 .area .comment_num .count {
    vertical-align: middle
}

.element.modoo .table_type1 .writer {
    color: #666;
    letter-spacing: -.8px
}

.element.modoo .table_type1 .notice td {
    background-color: #fbfbfb
}

.element.modoo .table_type1 .manager {
    display: inline-block;
    margin: 6px 4px -6px 0;
    vertical-align: top
}

.element.modoo .table_type1 .info .comment {
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 3px;
    vertical-align: top
}

.element.modoo .table_type1 .ico_new {
    vertical-align: middle;
    margin-left: 5px
}

.element.modoo .table_type1 .icon {
    font-size: 11px;
    vertical-align: middle
}

.element.modoo .table_type1 .nicon_secret2 {
    color: #999
}

.element.modoo .table_type1 .nicon_sound3 {
    color: #333
}

.element.modoo .table_type1 .nicon_comment3 {
    color: #999
}

.element.modoo .table_type1 .nicon_m-warning1 {
    font-size: 60px;
    color: #ebebeb
}

.element.modoo .table_type2 {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: -.8px;
    border-spacing: 0;
    border-collapse: collapse
}

.element.modoo .table_type2 th {
    padding: 20px 0;
    font-weight: 400;
    vertical-align: top;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .table_type2 td {
    position: relative;
    padding: 10px 0
}

.element.modoo .table_type2 .padding_none {
    padding: 0
}

.element.modoo .table_type2 .name_area {
    overflow: hidden
}

.element.modoo .table_type2 .name_area .user_name {
    float: left;
    margin-right: 20px
}

.element.modoo .table_type2 .check_area {
    overflow: hidden
}

.element.modoo .table_type2 .check_area input {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.element.modoo .table_type2 .check_area label {
    display: inline-block;
    vertical-align: middle
}

.element.modoo .table_type2 .check_area .nicon_question1 {
    font-size: 16px;
    vertical-align: middle
}

.element.modoo .table_type2 .check_area .check_type {
    float: right
}

.element.modoo .table_type2 .input_txt {
    width: 100%;
    height: 40px;
    padding: 7px 15px;
    border: 1px solid #ddd;
    color: #666;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .table_type2 .input_txt.is_required {
    border-color: #ffa090
}

.element.modoo .table_type2 .limit {
    position: absolute;
    right: 16px;
    bottom: 21px;
    color: #999
}

.element.modoo .table_type2 .limit .num {
    color: #333
}

.element.modoo .table_type2 .limit .num.disabled {
    color: #999
}

.element.modoo .table_type2 .text_area_wrap {
    height: 320px;
    border: 1px solid #ddd
}

.element.modoo .table_type2 .text_area {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: 280px;
    padding: 13px 15px;
    color: #666;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .table_type2 .text_area[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: #bbb
}

.element.modoo .table_type2 .text_area:focus {
    outline: 0
}

.element.modoo .table_type2 .photo_upload {
    height: 130px;
    padding: 25px;
    margin-top: -11px;
    border: 1px solid #ddd;
    background: #fafafa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .table_type2 .photo_upload:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .table_type2 .photo_upload .text {
    display: inline-block;
    width: 76px;
    text-align: center;
    font-size: 12px;
    color: #45484f;
    line-height: 50px;
    vertical-align: top
}

.element.modoo .table_type2 .photo_upload .btn_add {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    text-align: center;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .table_type2 .photo_upload .btn_add .nicon_clip1 {
    color: #000;
    font-size: 37px;
    line-height: 80px
}

.element.modoo .table_type2 .photo_upload .btn_add:hover .tooltip_area {
    display: block
}

.element.modoo .table_type2 .photo_upload .btn_add .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 69px;
    text-align: center
}

.element.modoo .table_type2~.btn_area {
    margin-top: 32px;
    font-size: 0;
    text-align: right
}

.element.modoo .table_type2~.btn_area a+a {
    margin-left: 8px
}

.element.modoo .table_type2.type_background {
    margin-top: 0;
    border-top: 1px solid #ebebeb
}

.element.modoo .table_type2.type_background .inner>tr:first-child th {
    padding-top: 40px
}

.element.modoo .table_type2.type_background .inner>tr:first-child td {
    padding-top: 30px
}

.element.modoo .table_type2.type_background .inner>tr>th {
    padding: 20px 30px;
    background-color: #fafafa
}

.element.modoo .table_type2.type_background .inner>tr>td {
    padding: 10px 30px
}

.element.modoo .table_type2.type_background .inner>tr>td.padding_none {
    padding-top: 0
}

.element.modoo .table_type2.type_background~.agree_area {
    position: relative;
    display: inline-block;
    padding-top: 60px;
    z-index: 10
}

.element.modoo .table_type2.type_background~.agree_area .agree {
    display: block;
    color: #666
}

.element.modoo .table_type2.type_background~.agree_area .agree_more_link {
    display: inline-block;
    margin: 5px 0 0 22px;
    color: #999;
    text-decoration: underline
}

.element.modoo .table_type2.type_background~.agree_area~.btn_area {
    border-top: 1px solid #ebebeb;
    margin-top: -64px;
    padding-top: 30px
}

.element.modoo .table_type2 .required_text {
    color: #ff2500
}

.element.modoo .table_type2 .check_list li {
    display: inline-block
}

.element.modoo .table_type2 .check_list li label {
    display: inline-block;
    margin: 0 15px 0 4px;
    color: #666;
    vertical-align: middle
}

.element.modoo .table_type2 .check_list li input {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.element.modoo .table_type2 .year {
    margin-right: 4px
}

.element.modoo .table_type2 .input_box {
    display: inline-block;
    position: relative;
    width: 128px;
    margin: 0 1px;
    vertical-align: top
}

.element.modoo .table_type2 .input_box.v2 {
    width: 108px
}

.element.modoo .table_type2 .input_box:first-child {
    margin-left: 0
}

.element.modoo .table_type2 .input_box:last-child {
    margin-right: 0
}

.element.modoo .table_type2 .input_box:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #888;
    border-bottom: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    content: ""
}

.element.modoo .table_type2 .input_box select {
    width: 100%;
    height: 26px
}

.element.modoo .table_type2 .input_box select:focus {
    outline: 0
}

.element.modoo .table_type2 .input_box select:disabled {
    border-color: #e2e3ea;
    background: #fafafa;
    color: #aaa
}

.element.modoo .notice_view .info {
    overflow: hidden;
    position: relative;
    padding: 24px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: 600;
    color: #666
}

.element.modoo .notice_view .info .tit_area {
    float: left
}

.element.modoo .notice_view .info .tit {
    font-size: 20px;
    letter-spacing: -1.2px;
    color: #111;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .notice_view .info .info_detail {
    float: right;
    margin-top: 5px;
    font-family: roboto, sans-serif
}

.element.modoo .notice_view .info .info_detail span+span:before {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 2px 10px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.element.modoo .notice_view .info .reply {
    margin-left: 10px
}

.element.modoo .notice_view.is_inquiry .info {
    padding-bottom: 40px
}

.element.modoo .notice_view.is_inquiry .info .tit {
    margin-bottom: 6px
}

.element.modoo .notice_view.is_inquiry .info .tit~.date {
    color: #999
}

.element.modoo .notice_view .nicon_secret2 {
    font-size: 18px;
    margin-left: 9px
}

.element.modoo .notice_view .content_view .txt {
    padding: 30px 0 100px;
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: -.6px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .notice_view .edit_area {
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 12px;
    font-weight: 400
}

.element.modoo .comment_data .name {
    letter-spacing: -.6px;
    color: #333
}

.element.modoo .comment_data .time {
    margin-left: 1px
}

.element.modoo .comment_tit {
    margin: 0 0 10px 10px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: -.9px;
    font-weight: 400;
    color: #999
}

.element.modoo .comment_tit .text {
    vertical-align: middle
}

.element.modoo .comment_tit .count {
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.88;
    letter-spacing: -1px;
    font-weight: 700;
    font-family: Roboto, sans-serif
}

.element.modoo .comment_area {
    padding: 30px;
    border-top: 1px solid #ebebeb;
    background: #fafafa
}

.element.modoo .comment_area .comment_lst li {
    position: relative;
    padding: 38px 0 36px;
    border-top: 1px solid #ebebeb;
    color: #999
}

.element.modoo .comment_area .comment_lst li:first-child {
    padding-top: 0;
    border-top: 0
}

.element.modoo .comment_area .comment_lst .comment_input {
    margin: 0 0 15px
}

.element.modoo .comment_area .comment_lst .comment_input.comment_edit {
    margin-top: 15px
}

.element.modoo .comment_area .comment_lst .txt {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: -.5px;
    word-break: break-all;
    word-wrap: break-word;
    color: #666
}

.element.modoo .comment_area .comment_lst .txt a {
    color: #4990e2
}

.element.modoo .comment_area .comment_lst .comment_data {
    position: relative
}

.element.modoo .comment_area .comment_lst .time {
    font-family: roboto, sans-serif
}

.element.modoo .comment_area .comment_lst .edit_area {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.element.modoo .comment_area .comment_lst .edit_area a {
    font-size: 13px
}

.element.modoo .comment_area .comment_lst .edit_area a+a:before {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 4px 10px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.element.modoo .comment_area .comment_input {
    position: relative
}

.element.modoo .comment_area .comment_input label {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px
}

.element.modoo .comment_area .comment_input .comment_write {
    position: relative;
    width: 940px;
    height: 100px;
    border: 1px solid #bebec1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .comment_area .comment_input .comment_write textarea {
    width: 100%;
    height: 58px;
    padding: 15px;
    font-size: 14px;
    letter-spacing: -.8px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.element.modoo .comment_area .comment_input .comment_write textarea:disabled {
    background-color: #fff;
    cursor: text
}

.element.modoo .comment_area .comment_input .comment_write .limit {
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #999
}

.element.modoo .comment_area .comment_input .comment_write .limit .num {
    color: #333
}

.element.modoo .comment_area .comment_input .comment_write .limit .num.disabled {
    color: #999
}

.element.modoo .comment_area .comment_input .btn_write {
    position: absolute;
    top: 0;
    right: 1px;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #737678;
    text-align: center;
    color: #fff;
    font-size: 15px;
    vertical-align: top;
    line-height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .comment_area .comment_input .input_txt {
    width: 100%;
    height: 24px;
    padding: 0 10px;
    margin: 0 14px 3px 0;
    border: 0;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .comment_area .comment_input .name {
    display: block;
    margin: 4px 10px 9px;
    color: #999
}

.element.modoo .comment_area .comment_input .name .manager {
    margin: 2px 4px -2px 0
}

.element.modoo .comment_area .comment_login {
    padding: 30px 0 28px;
    margin-top: -1px;
    border-top: 1px solid #e7e7e7;
    text-align: center
}

.element.modoo .comment_area .comment_login .dsc_text {
    color: #333;
    letter-spacing: -.5px
}

.element.modoo .comment_area .comment_login .btn_naver {
    display: inline-block;
    padding: 0 18px;
    margin-top: 17px;
    border: 1px solid #16bb00;
    background: #00cf00;
    color: #fff;
    letter-spacing: -.5px;
    line-height: 32px
}

.element.modoo .table_area+.pag_btn_area {
    margin-top: 22px
}

.element.modoo .pag_btn_area {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.element.modoo .pag_btn_area .btn_type {
    position: relative;
    display: inline-block;
    height: 19px;
    font-size: 13px;
    letter-spacing: -.8px;
    color: #999
}

.element.modoo .pag_btn_area .btn_type .icon {
    font-size: 11px;
    color: #ddd;
    vertical-align: middle
}

.element.modoo .pag_btn_area .btn_type .text {
    vertical-align: middle
}

.element.modoo .pag_btn_area .btn_type+a {
    margin-left: 15px
}

.element.modoo .search_result {
    display: inline-block;
    font-size: 15px;
    color: #666;
    letter-spacing: -.3px
}

.element.modoo .search_result .nicon_before1 {
    padding: 10px;
    margin: -10px 0 0 -6px;
    font-size: 12px;
    color: #a0a0a0
}

.element.modoo .search_result:before {
    display: inline-block;
    width: 1px;
    height: 17px;
    margin: 1px 15px 0 11px;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.element.modoo .search_result .result {
    display: inline-block
}

.element.modoo .txt_component.quote p {
    padding: 8px 0 20px 0
}

.element.modoo .txt_component.quote p:after,
.element.modoo .txt_component.quote p:before {
    display: block;
    content: ""
}

.element.modoo .txt_component.quote p:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 15px;
    height: 14px;
    background-position: -594px -285px;
    margin-bottom: 14px
}

.element.modoo .txt_component.quote p:after {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 15px;
    height: 14px;
    background-position: -594px -267px;
    margin-top: 14px
}

.element.modoo .txt_component.align_c.quote p:before {
    margin: 0 auto 14px
}

.element.modoo .txt_component.align_c.quote p:after {
    margin: 14px auto 0
}

.element.modoo .txt_component.b_space p {
    padding-bottom: 10px
}

.header.home ~  .element.modoo .txt_component p {
    font-size: 15px;
    line-height: 30px
}

.element.modoo .txt_component.color1 p {
    color: #333
}

.element.modoo .txt_component.color2 p {
    color: #666
}

.element.modoo .txt_component.color3 p {
    color: #999
}

.element.modoo .txt_component h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px
}

.element.modoo .txt_component.sma h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 30px
}

.element.modoo .txt_component.b_space h4 {
    padding-bottom: 8px
}






.element.modoo .tit_lst {
    padding: 23px 0 3px 13px;
    font-size: 20px;
    line-height: 23px;
    color: #000
}

.element.modoo .lst_guide {
    padding: 30px 0 30px 30px
}

.element.modoo .lst_guide li {
    color: #666;
    line-height: 2
}

.element.modoo .lst_guide li:before {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 10px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-color: #666;
    vertical-align: middle;
    content: ""
}

.element.modoo .content_view .inquiry_list li {
    padding: 16px 10px 15px;
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 2;
    letter-spacing: -.8px
}

.element.modoo .content_view .inquiry_list li:first-child {
    border-top: 0
}

.element.modoo .content_view .inquiry_list li:after {
    display: block;
    clear: both;
    content: ""
}

.element.modoo .content_view .inquiry_list li .tit {
    display: block;
    float: left;
    overflow: hidden;
    width: 175px;
    margin-right: 50px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap
}

.element.modoo .content_view .inquiry_list li .cont {
    overflow: hidden;
    display: block;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .content_view .inquiry_list li .no_data {
    color: #ccc
}

.element.modoo .content_view .inquiry_list li .btn_booking {
    position: relative;
    margin-left: 2px;
    font-size: 19px;
    color: #00c930;
    vertical-align: -4px
}

.element.modoo .content_view .inquiry_list li .btn_booking:hover .tooltip_area {
    display: block;
    margin-left: -22px;
    z-index: 1
}

.element.modoo .content_view .inquiry_list li .btn_booking .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    text-align: center
}

.element.modoo .detail_tx {
    margin: 0 15px;
    line-height: 20px
}

.element.modoo .tx_c {
    text-align: center
}

.element.modoo .tx_r {
    text-align: right
}

.element.modoo .tx_j {
    text-align: justify
}

.element.modoo .tx_s1 {
    padding-top: 9px;
    font-size: 16px;
    line-height: 24px
}

.element.modoo .tx_s1 strong {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px
}

.element.modoo .tx_s2 {
    padding-top: 9px;
    font-size: 17px;
    line-height: 25px
}

.element.modoo .tx_s2 strong {
    font-size: 19px;
    line-height: 26px
}

.element.modoo .tx_s3 {
    padding-top: 9px;
    font-size: 20px;
    line-height: 27px
}

.element.modoo .tx_s3 strong {
    font-size: 20px;
    line-height: 27px
}

.element.modoo .tx_s4 {
    font-size: 18px
}

.element.modoo .tx_s5 {
    padding-top: 9px;
    margin: 0 17px 0 15px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.element.modoo .tx_s6 {
    padding-top: 9px;
    margin: 0 30px 0 15px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700
}

.element.modoo .tx_s7 {
    padding-top: 9px;
    margin: 0 18px 0 15px;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700
}

.element.modoo .tx_r.tx_s5 {
    margin: 0 15px 0 17px
}

.element.modoo .tx_r.tx_s6 {
    margin: 0 15px 0 30px
}

.element.modoo .tx_r.tx_s7 {
    margin: 0 15px 0 18px
}

.element.modoo .tx_c.tx_s5 {
    margin: 0 16px
}

.element.modoo .tx_c.tx_s6 {
    margin: 0 22px
}

.element.modoo .tx_c.tx_s7 {
    margin: 0 17px
}

.element.modoo .wide .tx_r.tx_s5 {
    margin: 0 15px 0 18px
}

.element.modoo .wide .tx_r.tx_s6 {
    margin: 0 15px 0 30px
}

.element.modoo .wide .tx_r.tx_s7 {
    margin: 0 15px 0 16px
}

.element.modoo .wide .tx_c.tx_s5 {
    margin: 0 17px 0 16px
}

.element.modoo .wide .tx_c.tx_s6 {
    margin: 0 22px
}

.element.modoo .wide .tx_c.tx_s7 {
    margin: 0 15px
}

.element.modoo .wide .tx_s5 {
    margin: 0 18px 0 15px
}

.element.modoo .wide .tx_s6 {
    margin: 0 30px 0 15px
}

.element.modoo .wide .tx_s7 {
    margin: 0 15px
}

.element.modoo .tx_s5.m_b1,
.element.modoo .tx_s6.m_b1,
.element.modoo .tx_s7.m_b1 {
    padding-bottom: 8px !important
}

.element.modoo .tx_s1.m_b1,
.element.modoo .tx_s2.m_b1,
.element.modoo .tx_s3.m_b1 {
    padding-bottom: 10px !important
}

.element.modoo .m_b1 {
    padding-bottom: 20px
}

.element.modoo .m_t {
    padding-top: 0
}

.element.modoo .detail_tx .t {
    overflow: hidden;
    white-space: nowrap;
    color: #28282e
}

.element.modoo .detail_tx .t.v2 {
    margin: 0 0 -4px;
    padding-top: 11px;
    font-size: 15px
}

.element.modoo .detail_tx .tit {
    padding-top: 27px;
    font-size: 25px;
    color: #333539;
    font-weight: 400
}

.element.modoo .detail_tx .tx {
    color: #28282e;
    word-break: break-all
}

.element.modoo .detail_tx .tx.v2 {
    color: #666;
    word-break: break-all;
    padding: 15px 0
}

.element.modoo .detail_tx .tx strong {
    color: #4dadbb
}

.element.modoo .detail_tx_v2 {
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: left
}

.element.modoo .detail_tx_v2.v2 {
    right: 20px;
    text-align: right
}

.element.modoo .detail_tx_v2 h4 {
    margin-bottom: 12px;
    font-size: 25px;
    color: #333539;
    text-decoration: underline
}

.element.modoo .detail_tx_v2 p {
    font-size: 13px;
    color: #666
}
.element.modoo [data-edit=true] ul,
.element._footer [data-edit=true] ul { padding-inline-start: 0;}
.element.modoo .page-container-mobile,
.element.modoo .m_img,
.modoo.floating_area {display: none !important;}


.element.modoo .uio_box .nodata_section {
    display: table;
    width: 100%;
    height: 312px;
    background-color: #fbfbfb
}

.element.modoo .uio_box .nodata_section .nodata_inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.element.modoo .uio_box .nodata_section [class^=nicon] {
    display: block;
    margin-bottom: 20px;
    font-size: 40px;
    color: #eee
}

.element.modoo .uio_box .nodata_section .nicon_m-warning1 {
    font-size: 75px
}

.element.modoo .uio_box .nodata_section .icon_adult {
    width: 60px;
    height: 60px;
    border: 2px solid #ff2500;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: 0 auto 20px
}

.element.modoo .uio_box .nodata_section .icon_adult .icon {
    font-size: 25px;
    color: #333;
    line-height: 60px
}

.element.modoo .uio_box .nodata_section .icon_adult .icon+.icon {
    margin-left: 4px
}

.element.modoo .uio_box .nodata_section .text {
    font-size: 20px;
    color: #666;
    letter-spacing: -1px;
    line-height: 29px
}

.element.modoo .store_section {
    background-color: #fff
}

.element.modoo .store_section .product_none {
    padding: 260px 0;
    text-align: center
}

.element.modoo .store_section .product_none:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 112px;
    height: 112px;
    background-position: -116px -159px;
    display: block;
    margin: 0 auto 20px;
    content: ""
}

.element.modoo .store_section .product_none .txt {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    letter-spacing: -.06em
}

.element.modoo .store_section .sorting_area {
    position: relative;
    margin-bottom: 47px
}

.element.modoo .store_section .category_area {
    display: inline-block;
    position: relative;
    margin-right: 30px
}

.element.modoo .store_section .category_area .btn_category {
    display: inline-block;
    padding-right: 6px;
    font-size: 15px;
    color: #999;
    letter-spacing: -.9px
}

.element.modoo .store_section .category_area .icon_arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 9px 0 0 6px;
    border-top: 5px solid #999;
    border-bottom: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    vertical-align: top
}

.element.modoo .store_section .category_area .category_list {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 33px;
    width: 112px;
    padding: 20px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .08);
    z-index: 10
}

.element.modoo .store_section .category_area .category_list li {
    font-size: 14px;
    color: #666;
    line-height: 29px
}

.element.modoo .store_section .category_area .category_list li:hover {
    color: #333
}

.element.modoo .store_section .category_area.selected .icon_arrow {
    border-top: 5px solid #444
}

.element.modoo .store_section .category_area.selected .btn_category {
    color: #444
}

.element.modoo .store_section .category_area.selected .category_list {
    display: block
}

.element.modoo .store_section .sort_list {
    position: absolute;
    right: 0;
    top: 0
}

.element.modoo .store_section .sort_list li {
    float: left;
    color: #666;
    letter-spacing: -.8px
}

.element.modoo .store_section .sort_list li+li:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 15px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.element.modoo .store_section .sort_list li.selected {
    color: #111
}

.element.modoo .store_box .list_store {
    margin-left: -16px;
    font-size: 0
}

.element.modoo .store_box .list_store li {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    margin: 0 0 47px 16px;
    vertical-align: top
}

.element.modoo .store_box .list_store .adult .thumb_area {
    position: relative;
    background-color: #fbfbfb
}

.element.modoo .store_box .list_store .icon_adult {
    width: 80px;
    height: 80px;
    border: 3px solid #ff2500;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.element.modoo .store_box .list_store .thumb_area img {
    object-fit: contain;
    width: 100%;
}
.element.modoo .store_box .list_store .icon_adult .icon {
    font-size: 30px;
    color: #333;
    line-height: 80px
}

.element.modoo .store_box .list_store .icon_adult .icon+.icon {
    margin-left: 6px
}

.element.modoo .store_box .list_store .icon_label {
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 10px
}

.element.modoo .store_box .thumb_area {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 260px
}

.header.home ~ .element.modoo .store_box .thumb_area img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1)
}

.header.home ~ .element.modoo .store_box .thumb_area img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.element.modoo .store_box .option_area {
    margin-top: 20px
}

.element.modoo .store_box .icon_benefit {
    display: inline-block;
    height: 20px;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ebebeb;
    font-size: 11px;
    color: #999;
    letter-spacing: -.9px;
    line-height: normal;
}

.element.modoo .store_box .icon_benefit+.icon_benefit {
    margin-left: 5px
}

.element.modoo .store_box .title_area {
    overflow: hidden;
    display: block;
    height: 49px;
    padding-right: 5px;
    margin-top: 5px;
    font-size: 13px;
    color: #333;
    line-height: 22px;
    letter-spacing: -.5px;
    word-break: break-all;
    word-wrap: break-word
}

.element.modoo .store_box .percent_store {
    font-family: Roboto, Sans-serif;
    font-weight: 700;
    color: #ff434c
}

.element.modoo .store_box .price_area {
    margin-top: 3px;
    font-size: 18px;
    font-family: Roboto, Sans-serif;
    letter-spacing: .5px;
    color: #333
}

.element.modoo .store_box .price_area .discount_store {
    margin-right: 10px;
    font-weight: 700;
    color: #ccc;
    text-decoration: line-through
}

.element.modoo .store_box .price_area .sold_out_store {
    color: #666;
    letter-spacing: .3px
}

.element.modoo .store_box .review_area {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    font-family: Roboto, Sans-serif
}

.element.modoo .store_box .review_store {
    display: inline-block;
    font-size: 13px;
    color: #333;
    letter-spacing: -.5px
}

.element.modoo .store_box .review_store+.review_store:before {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 0 10px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.element.modoo .store_box .review_num {
    color: #f66;
    letter-spacing: 0
}

.element.modoo .store_box .review_percent {
    color: #999;
    letter-spacing: 0
}

.element.modoo .icon_npay {
    display: inline-block;
    vertical-align: top
}
 
.element.modoo .uio_title .icon_npay {
    margin: -1px 0 0 5px
}


.element.modoo .nodata_area {
    display: table;
    width: 100%;
    height: 550px;
    margin-top: -31px;
    background-color: #fff
}

.element.modoo .board_box .nodata_area,
.element.modoo .inquiry_box .nodata_area {
    margin-top: 0
}

.element.modoo .nodata_area .nodata_row {
    display: table-row
}

.element.modoo .nodata_area .board_content {
    display: table-cell;
    vertical-align: middle
}

.element.modoo .nodata_area .nodata {
    display: table-cell;
    height: 545px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .nodata_area .nicon_m-warning3 {
    font-size: 60px;
    color: #eaeaea
}

.element.modoo .nodata_area .nicon_write3 {
    font-size: 40px;
    color: #eee
}

.element.modoo .coupon_box .nodata:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 56px;
    height: 39px;
    background-position: -530px -459px
}

.element.modoo .nodata_area .nicon_m-warning1 {
    font-size: 60px;
    color: #eee
}

.element.modoo .nodata_area .title {
    display: block;
    margin-top: 15px;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    color: #666;
    letter-spacing: -1px;
    line-height: 29px
}

.element.modoo .nodata_area .info {
    display: inline-block;
    margin: 30px auto 0;
    padding: 30px 40px;
    width: 576px;
    font-size: 13px;
    text-align: left;
    color: #666;
    line-height: 26px;
    letter-spacing: -.7px;
    background: #fafafa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.element.modoo .inquiry_box .nodata_area .info {
    text-align: center
}

.element.modoo .nodata_area .info .text_admin {
    display: block;
    line-height: 30px;
    color: #333
}

.element.modoo .nodata_area .info .text_admin>em {
    display: inline-block;
    margin-right: 2px;
    color: #00c73c;
    letter-spacing: .2px
}

.element.modoo .nodata_area .info p {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: -.7px;
    color: #666
}

.element.modoo .nodata_area .info .btn_logout {
    display: inline-block;
    margin-top: 10px;
    padding: 2px 11px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #444;
    font-size: 13px;
    letter-spacing: -1px;
    background: #fff
}

.element.modoo .nodata_area .list_notice>li {
    position: relative;
    padding-left: 6px
}

.element.modoo .nodata_area .list_notice>li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 2px;
    height: 2px;
    background-color: #666;
    content: ""
}

.element.modoo .nodata_area .list_notice .link_notice {
    text-decoration: underline
}

.element.modoo .nodata_area .table_area .nodata_area .nodata:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 112px;
    height: 112px;
    background-position: -283px 0
}

.element.modoo .nodata_area .table_area .nodata_area.type_admin .nodata:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 100px;
    height: 100px;
    background-position: -283px -116px
}

.element.modoo .nodata_area .table_area .nodata_area.type_search .nodata:before {
    overflow: hidden;
    background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_pc_527220.png");
    width: 100px;
    height: 100px;
    background-position: -283px -116px
}


@media only screen and (min-width:1100px){
    .element.modoo .uio_title:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        content: "";
        width: 1140px;
        height: 1px;
        background-color: #ebebeb;
    }
}

@media only screen and (max-width:1099px){
    .element.modoo .uio_title:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ebebeb;
        position: absolute;
        left: 0;
        bottom: -10px;
        min-width: 940px;
    }
}

@media only screen and (max-width:991px){
    .element.modoo .area_custom .type { float: none; width: 100%; }
}


@media only screen and (max-width:768px){
    .floating_area .dimmed {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 126;
        background: rgba(0,0,0,.6)
    }
    .element.modoo {
        border-bottom: 10px solid;
        border-color: #e9ecef;
        box-sizing: border-box;
    }
    .element.modoo.block-bottom {
        border-bottom: none;
    }
    .element.modoo .intro_box {margin: 20px auto 40px auto;}
    .element.modoo .pc_img {display: none !important;}
    .element.modoo .page-container-mobile,
    .element.modoo .m_img {display: block !important;}
    .element.modoo .info_box .map_ico_btn_wrap { 
        margin-top: 20px; 
        width: 100%;
        position: relative;
        top: unset;
    }
    .zoom-control { width: 36px !important; }
    .zoom-control .btn-zoom-control { width: 36px !important; height: 36px !important; }
    .zoom-control .btn-zoom-control svg { margin: 6px !important; }
    .zoom-control .btn-zoom-control[data-inout='O'] { border-top: none; }
    .zoom-control .slider-wrap-container { display: none; }
    .element.modoo .board_box .item { width:100%; }
    .element.modoo .board_box .list_board .item {
        border-bottom: 1px solid #ebebec;
        padding-bottom: 20px;
    }
    .element.modoo .board_box .item:not(:first-child) {margin-top: 20px;}
    .element.modoo .board_box .item+.item {
        margin-left: 0;
    }
    .element.modoo .info_box .list_info .item_description {
        margin-left: 0;
        color: #666;
        width: 100%;
        display: inline-block;
        margin-top: 10px;
    }
    .header.home ~ .element.modoo .uio_box {padding: 0;}
    .element.modoo .uio_box {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .element.modoo .intro_box .text_intro {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
    }
    .element.modoo .uio_title_bullet {display: none;}
    .element.modoo .uio_title:after { 
        content: '';
        width: 6px;
        height: 19px;
        background-color: var(--site-theme-color);
        position: absolute;
        top: 50%;
        left: -15px;
        transform: translateY(-50%);
        min-width: auto;
    }

    .modoo.floating_item {
        display: none;
    }

    .element.modoo .gallery_area.type3 ul {
        margin-left: -20px;
        padding: 0;
    }
    .footer .section_footer {
        width: 100%;
        padding: 58px 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .footer .area_account {display: none;}
    .footer .area_sns.is_change {
        margin-top: 30px;
        position: relative;
        top: unset;
        right: unset;
    }
    .element.modoo .coupon_area:last-child {padding: 0;}
    .element.modoo .coupon_area {
        flex : 1 1 100%;
        padding: 0 0 20px 0;
    }
    .element.modoo .coupon_section {padding: 0;}
    .element.modoo .section_spot .spot_images,
    .element.modoo .swiper-slide, 
    .element.modoo .swiper-wrapper,
    .element.modoo .section_spot .spot_images .img_cover {height: 400px !important;}
    .element.modoo .section_spot .spot_homesite {
        width: 100%;
        max-width: 900px;
        margin: 0;
        text-align: center;
        transform: translateX(-50%);
        z-index: 11;
        height: 400px !important;
    }
    .element.modoo .section_spot .spot_homesite .site_thumb {
        float: none;
        width: 90px;
        height: 90px; margin-right:0px;
    }
    .element.modoo .section_spot .spot_homesite .site_description {
        margin: 0 auto;
        overflow: hidden;
        margin-top: 4px;
        font-size: 15px;
        color: rgba(255, 255, 255, .6);
        letter-spacing: -.3px;
        line-height: 19px;
        font-family: helvetica, AppleSDGothicNeo, sans-serif;
    }
    .element.modoo .section_spot .spot_homesite .site_thumb:after {
        display: none;
    }
    .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container-vertical>.swiper-wrapper {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide,.swiper-wrapper {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    .swiper-container-multirow>.swiper-wrapper {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swiper-container-free-mode>.swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative
    }

    .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
        height: auto
    }

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }
    /* .element.modoo .container.full-width {
        height: 455px;
    } */
    /* .element.modoo .section_spot,
    .element.modoo .section_spot .spot_images,
    .element.modoo .section_spot .spot_images .img_cover,
    .element.modoo .section_spot.type_full .spot_homesite {height: 100%;} */
    .element.modoo .section_spot .spot_dimmed {opacity: 0.65 !important;}
    .element.modoo .section_spot .spot_homesite .site_name {
        font-size: 22px;
        font-family: helveticaneue, applesdgothicneo-medium, sans-serif;
    }

    .element.modoo .btn_wrap.m_floating {
        display: block;
        background-color: transparent;
        margin-top: 20px;
    }
    .element.modoo .m_floating .btn_wrap {
        width: 100%;
        margin-top: 33px;
        text-align: center
    }

    .element.modoo .m_floating .btn_list {
        display: inline-block
    }

    .element.modoo .m_floating .btn_list:after {
        display: block;
        clear: both;
        content: ""
    }

    .element.modoo .m_floating .btn_list>li {
        float: left;
        vertical-align: top
    }

    .element.modoo .m_floating .btn_list .btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        width: 60px;
        height: 66px;
        word-break: break-all
    }

    .element.modoo .m_floating .btn_list .in {
        display: block;
        position: relative;
        padding-top: 49px;
        font-size: 13px;
        color: rgba(255,255,255,.7);
        letter-spacing: -1.2px
    }

    .element.modoo .m_floating .btn_list .ic {
        overflow: hidden;
        background-image: url(../img/sp_m_button_a5031e.png);
        width: 44px;
        height: 44px;
        background-position: -45px 0;
        -webkit-background-size: 815px 749px;
        background-size: 815px 749px;
        position: absolute;
        left: 50%;
        top: 0;
        width: 44px;
        height: 44px;
        margin-left: -22px;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

    .element.modoo .m_floating .btn_list .ic:after {
        position: absolute;
        left: 11px;
        top: 11px;
        width: 24px;
        font-size: 20px;
        color: #fff
    }

    .element.modoo .m_floating .btn_list .ic.theme_background {
        background-image: none
    }

    .element.modoo .uio_title a,
    .element.modoo .uio_title .uio_title_bullet + div[data-edit="true"] {
        color: #0c0d12 !important;
        font-weight: 500;
    }

    .element.modoo .txt_component li {
        margin: 2px 0 9px 0;
        font-size: 16px;
        font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
        color: #222;
        letter-spacing: -.25px;
        line-height: 24px;
    }
    .element.modoo .txt_component.sma h4 {
        font-size: 15px;
        line-height: 21px;
    }
    .element.modoo .txt_component h4 {
        padding-bottom: 10px;
        font-size: 17px;
        font-family: helveticaneue, applesdgothicneo-thin, sans-serif;
        line-height: 23px;
    }

    .element.modoo .txt_component.color3 p {
        color: #999;
    }
    .element.modoo .txt_component p {
        padding-bottom: 9px;
        font-size: 16px;
        font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
        line-height: 24px;
        letter-spacing: -.25px;
    }

    .element.modoo .uio_title {
        margin: 4px 0 24px;
        padding-bottom: 0;
        font-size: 20px;
        font-weight: 700;
        color: #0c0d12;
        line-height: 22px;
    }

    .header.home ~ .element.modoo .gallery_area+div .txt_box { margin-top: 15px;}
    .element.modoo .info_box .map_adr,
    .element.modoo .info_box .list_info .item_title {padding-left:0;}

    .modoo.floating_area {display: block !important; z-index: 130; position: relative;}

    .modoo.fl_open .dimmed {
        display: block;
        background-color: rgba(255,255,255,.85);
    }

    .modoo.floating_area .btn_menu .icon.nicon_close {
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 50px
    }
    
    .modoo.floating_area .floating_item {
        position: fixed;
        right: 25px;
        bottom: 75px;
        z-index: 2500
    }

    .modoo.floating_area .link_item {
        display: block;
        margin-top: 10px;
        text-align: right
    }

    .modoo.floating_area .text {
        display: inline-block;
        max-width: 164px;
        margin-right: 15px;
        font-size: 16px;
        font-weight: 700;
        color: #222;
        letter-spacing: -.25px;
        line-height: 50px;
        vertical-align: top
    }

    .modoo.floating_area .icon {
        display: inline-block;
        position: relative;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-color: #000;
        font-size: 21px;
        line-height: 50px;
        vertical-align: top;
        color: #fff;
        text-align: center
    }

    .modoo.floating_area .btn_menu {
        float: right;
        margin-top: 8px;
        border: 0;
        background: 0 0;
        cursor: pointer;
        outline: 0
    }

    .modoo.floating_area .btn_menu .icon {
        margin-left: 0;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.45);
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.45)
    }

    .modoo.floating_area .btn_menu .icon.nicon_close {
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 50px
    }

    .modoo.floating_area .btn_menu .icon .text {
        display: block;
        overflow: visible;
        margin-top: 10px;
        margin-right: 0;
        line-height: 13px;
        font-weight: 400;
        color: #fff;
        font-size: 13px;
        letter-spacing: 0
    }

    .modoo.floating_area .btn_close .icon {
        background-color: #ccc;
        color: #fff
    }

    .modoo.floating_area .floating_bottom {
        overflow: hidden;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 55px;
        padding: 2px 0 0 15px;
        background: #222;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .modoo.floating_area .floating_bottom .link_item {
        float: left;
        overflow: hidden;
        margin: 0 0 0 15px;
        padding-left: 15px
    }

    .modoo.floating_area .floating_bottom .link_item:first-child {
        margin-left: -10px
    }

    .modoo.floating_area .floating_bottom .link_item:nth-of-type(1):nth-last-of-type(2) .text,
    .floating_bottom .link_item:nth-of-type(1):nth-last-of-type(2)~.link_item .text,.floating_bottom .link_item:only-of-type .text {
        display: inline-block;
        padding-left: 9px;
        margin-right: 0;
        letter-spacing: .25px;
        color: #fff;
        text-align: left
    }

    .modoo.floating_area .floating_bottom .link_item:nth-of-type(1):nth-last-of-type(2) .text,
    .modoo.floating_area .floating_bottom .link_item:nth-of-type(1):nth-last-of-type(2)~.link_item .text {
        max-width: 88px
    }

    .modoo.floating_area .floating_bottom .icon {
        float: left;
        width: auto;
        font-size: 20px;
        line-height: 48px;
        background: #222;
        text-align: left
    }

    .modoo.floating_area .floating_bottom .text {
        display: none
    }

    .modoo.floating_area .floating_bottom .btn_edit,
    .modoo.floating_area .floating_bottom .btn_top {
        position: absolute;
        right: 0;
        top: 0;
        height: 55px;
        border: 0;
        border-left: 1px solid #333;
        background: #222;
        font-weight: 600;
        font-size: 16px;
        color: #fff;
        text-align: center;
        outline: 0
    }

    .modoo.floating_area .floating_bottom .btn_edit .text,
    .modoo.floating_area .floating_bottom .btn_top .text {
        display: inline-block;
        margin: 0;
        letter-spacing: 0;
        font-weight: 600;
        color: #fff
    }

    .modoo.floating_area .floating_bottom .btn_top {
        width: 65px
    }

    .modoo.floating_area .floating_bottom .icon_top {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 34px;
        height: 12px;
        background-position: -521px -291px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px;
        display: inline-block
    }

    .modoo.floating_area .floating_bottom .btn_edit {
        width: 87px
    }

    .element.modoo .section_spot .spot_homesite.is_dark .site_description, 
    .element.modoo .section_spot .spot_homesite.is_dark .site_name {
        color: #fff;
    }
    .element.modoo .gallery_area.type2_text li:first-child {margin-top: 0;}
    .element.modoo .gallery_area.type2_text li {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        vertical-align: unset;
        margin-top: 10px;
    }
    .element.modoo .gallery_area.type2_text .gallery_txt {margin-left: 20px; display: block;}
    .element.modoo .sns_section .list_sns {margin: 0;}
    .element.modoo .sns_section .list_sns li {width: 100%; margin: 0;}
    .element.modoo .sns_section .list_sns li:last-child {margin-bottom: 8px;}
    .element.modoo .sns_section .list_sns li:not(:last-child) {margin-bottom: 40px;}
    .element.modoo .sns_section .list_sns .sns {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
    }
    .element.modoo .sns_section .list_sns .from {
        position: relative;
        left: unset;
        top: unset;
        line-height: 1;
    }
    .modoo.floating_area .floating_item:not(.floating_bottom) .icon {
        width: 58px;
        height: 58px;
        line-height: 58px;
        font-size: 25px;
    }
    .modoo.floating_area .mfl_hide {
        -webkit-tap-highlight-color: transparent;
        transform: translateY(68px);
        visibility: hidden;
        display: none;
    }
    .element.modoo .info_box .map_adr h3 + div {
        width: 100%;
        max-width: 100%;
    }
    
    .element.modoo .gallery_img .ico_default {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 50px;
        height: 50px;
        background-position: -219px -402px;
        margin-top: -25px;
        margin-left: -25px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px;
        z-index: 10;
        cursor: pointer;
    }
    .element.modoo .map_area .map_adr {
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: auto;
    }
    .element.modoo .map_area .map_adr ._map_ico_btn_wrap {display: none;}
    .element.modoo [data-edit="true"]:not(.btn) {padding:0;}
    .element.modoo ._component {
        padding: 0;
    }
    .element.modoo .btn_theme_v2 li {
        position: relative;
        margin-bottom: -1px;
    }     
    .element.modoo .btn_theme_v2 .theme_a .btn {
        border-left: 1px solid rgba(0,0,0,.07);
        border-right: 1px solid rgba(0,0,0,.07)
    }    
    .element.modoo .btn_wrap .btn_theme_v2 .btn {
        display: block;
        height: 45px;
        line-height: 45px
    }

    .element.modoo .btn_theme_v2 .btn .in .btn_text {
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
        white-space: nowrap;
        padding-left: 0;
        font-size: 15px;
    }
    
    .element.modoo .btn_theme_v2 .btn .ic {
        position: absolute;
        left: 0;
        top: 0;
        width: 42px;
        height: 45px;
        font-weight: 700;
        font-size: 18px;
        line-height: 45px;
        /* color: var(--site-theme-color); */
        color: #fff;
        text-align: center;
        margin: 0;
    }
    
    .element.modoo .btn_theme_v2 .btn .in {
        padding: 0 40px 0 42px;
        font-size: 15px;
        color: #fff;
        height: auto;
        display: flex;
        align-items: center;
    }

    .element.modoo .section_spot.is_intro .is_bottom {
        width: 100%;
        margin: 0;
        text-align: center;
        transform: translateX(-50%);
        z-index: 11;
        display: table;
        position: absolute;
        left: 50%;
        top: 0;
        height: 400px !important;
        max-width: 100%;
        display: flex    ;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }
    .element.modoo .section_spot.type_full .spot_homesite .site_info {
        padding: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        flex: 1;
        justify-content: center;
        align-items: center;
        height: 400px;
    }
    .element.modoo .section_spot.is_intro .is_bottom+.intro_box {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .element.modoo .section_spot.is_intro .is_bottom+.intro_box .uio_content {
        padding: 10px;
    }
    .element.modoo .section_spot.is_intro .is_bottom+.intro_box .text_intro {
        margin: 0;
        padding: 0;
    }
    .element.modoo .section_spot .is_bottom .site_name {color:#fff !important;}
    .element.modoo .section_spot.is_intro .is_bottom .site_description {color: rgba(255, 255, 255, .6);}
    .element.modoo .section_spot.type_full .spot_homesite .site_info {
        padding-top: 39px;
        width: 100%;
    }
    .element.modoo .gallery_area.type2_text li:first-child,
    .element.modoo .section_spot.is_intro .is_bottom+.intro_box .point_text,
    .element.modoo .gallery_area.type2_text li {margin-left: 0;}
    .element.modoo .area_custom .txt_box,
    .element.modoo .txt_component {overflow: visible;}
    .element.modoo .gallery_area.type2_text ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .element.modoo .gallery_area.type2_text ul li {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .header.home ~ .element.modoo .gallery_area .gallery_img {width: 100%;}
    .element.modoo .thmb_view {
        min-height: 500px;
    }
    .gallery_area.movie .ico_play {
        min-height: 200px;
    }
    .element.modoo .uio_content.single_component .gallery_area .icon_play.nicon_play3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 23px;
    }
    .element.modoo .head_title span {font-size:20px !important;}
    .element.modoo .gallery_area.type4.type4.img_lft .gallery_img {height: auto; float: none; }
    .element.modoo .gallery_area.type4 li { width: 100%; }
    .element.modoo .gallery_txt {display: block;}
    
    .element.modoo .map_area .zoom {
        position: absolute;
        right: 10px;
        top: 11px;
        z-index: 1
    }

    .element.modoo .map_area [class^=zoom_] {
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 38px;
        height: 38px;
        margin: -1px 0 0;
        border: 1px solid #ccc;
        background-color: #fff;
        line-height: 100px;
        vertical-align: top
    }

    .element.modoo .map_area [class^=zoom_]:before {
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 50%;
        content: ""
    }

    .element.modoo .map_area .zoom_in:before {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 13px;
        height: 13px;
        background-position: -440px -496px;
        margin-top: -6.5px;
        margin-left: -6.5px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px
    }

    .element.modoo .map_area .zoom_out:before {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 13px;
        height: 2px;
        background-position: -443px -168px;
        margin-top: -1px;
        margin-left: -6.5px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px
    }
    
    .element.modoo .product_area .list_store li {
        position: relative;
        padding: 25px 0;
        border-bottom: 1px solid #ebebec
    }

    .element.modoo .list_store .link_store {
        display: block
    }

    .element.modoo .list_store .thumb_area {
        overflow: hidden;
        position: relative;
        float: left;
        width: 100px;
        height: 100px;
        margin-right: 17px
    }

    .element.modoo .list_store .thumb_area img {
        width: 100%
    }

    .element.modoo .list_store .thumb_area:after {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        border: 1px solid rgba(0,0,0,.05);
        content: ""
    }

    .element.modoo .list_store .info_area {
        overflow: hidden;
        height: 96px;
        padding-top: 3px
    }

    .element.modoo .list_store .info_area .title_store {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        text-overflow: ellipsis;
        margin-bottom: 4px;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: -.25px
    }

    .element.modoo .list_store .option_info {
        float: left
    }

    .element.modoo .list_store .option_info .icon_freeship {
        position: static;
        margin-right: 12px;
        background: 0 0;
        font-size: 14px;
        color: #888;
        letter-spacing: -.5px
    }

    .element.modoo .list_store .review_store {
        float: left;
        margin-left: -12px;
        font-size: 14px;
        font-family: HelveticaNeue,Helvetica,sans-serif;
        color: #888
    }

    .element.modoo .list_store .review_store:before {
        content: "·";
        display: inline-block;
        margin: 0 4px;
        color: #888
    }

    .element.modoo .list_store .review_store .icon_review {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 11px;
        height: 12px;
        background-position: -514px -496px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px;
        display: inline-block;
        margin-right: 4px;
        vertical-align: middle
    }

    .element.modoo .list_store .price_area {
        position: absolute;
        left: 0;
        width: 100%;
        height: 24px;
        padding: 0 5px 0 117px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        bottom: 24px;
    }

    .element.modoo .list_store .price_area .discount_store {
        display:none;
    }

    .element.modoo .list_store .price_area .discount_store [class*=num] {
        font-weight: 200;
        font-family: HelveticaNeue-Light,HelveticaNeue,Helvetica,sans-serif;
        font-size: 25px;
        font-style: italic;
        color: #f1533e;
        letter-spacing: -1px
    }

    .element.modoo .list_store .price_area .price_store {
        font-size: 21px;
        font-family: HelveticaNeue-Light,HelveticaNeue,Helvetica,sans-serif;
        font-style: italic;
        line-height: 24px;
        color: #222;
        float: left;
        margin-top: 25px;
        width: 100%;
    }

    .element.modoo .list_store .price_area .price_store:after {
        content: "원";
        display: inline-block;
        padding-left: 2px;
        margin-bottom: 2px;
        font-size: 14px;
        font-family: AppleSDGothicNeo,Helvetica,sans-serif;
        font-style: normal
    }

    .element.modoo .list_store .icon_store {
        position: absolute;
        left: 0;
        bottom: 25px;
        z-index: 10
    }

    .element.modoo .list_store .icon_best {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 45px;
        height: 20px;
        background-position: -544px -402px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px
    }

    .element.modoo .list_store .icon_new {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 45px;
        height: 20px;
        background-position: -533px -458px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px
    }

    .element.modoo .list_store .icon_recommend {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 45px;
        height: 20px;
        background-position: -63px -606px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px
    }

    .element.modoo .list_store .icon_soldout {
        overflow: hidden;
        background-image: url("https://storage.googleapis.com/i.addblock.net/modoo/sp_m_9ef64f.png");
        width: 70px;
        height: 20px;
        background-position: -461px -458px;
        -webkit-background-size: 722px 718px;
        background-size: 722px 718px
    }

    .element.modoo .list_store .icon_none {
        display: none
    }

    .header.home ~ .element.modoo .main .store_box {
        min-height: 0
    }

    .header.home ~ .element.modoo .main .store_box .uio_btn_more {
        margin-top: 5px
    }

    .header.home ~ .element.modoo .main .sorting_area {
        display: none
    }

    .header.home ~ .element.modoo .list_store li:first-child {
        padding-top: 0
    }

    .header.home ~ .element.modoo .list_store li:last-child {
        border-bottom: 0
    }
    .element.modoo .btn_wrap .theme_a .ic {
        display: none;
    }
    .element.modoo .info_box .map_adr h3 {
        max-width: 100%;
    }
    .element.modoo .menu_box .menu_type3 li {
        width: 100%;
    }
    .element.modoo .info_box .map_adr h3,
    .element.modoo .info_box .map_adr h3 + div,
    .element.modoo .info_box .map_adr h3 + p {
        max-width: 100%;
    }
    .element.modoo .nodata_area {
        margin-top: 0;
    }
    .footer .area_account + .footer_inner {
        max-width: 100%;
    }
    .header.home ~ .element.modoo .type3 .more_item .icon {
        font-size: 30px;
    }
    .element.modoo .coupon_area.noflex { width: 45%; }
    .element.modoo .coupon_area .coupon_info .title { padding: 0; }
    .element.modoo .coupon_area .list_info li:first-child { margin-top: 10px; }
    .element.modoo .coupon_area .list_info li { margin: 0; }
    .element.modoo .menu_box .menu_type3 li:nth-child(even) { padding-left: 0; margin-left: 0; }
    .element.modoo .form-group h3 {
        flex-wrap: nowrap;
    }
    .element.modoo .banner_box .col2 .area_banner {
        width: 100% !important;
        height: 47px;
    }
    .footer .list_info li {
        white-space: unset;
    }
    .element.modoo .section_spot.type_full .indicator {
        display:none;
    }
}
@media only screen and (max-width:480px){
    .map-container { height:325px; }
    .footer_inner .area_sns { display:none; }
    .footer .section_footer { 
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .footer .area_account {
        flex: 1 1 100%;
        width: 100%;
        max-width: 255px;
        margin: 30px 0 0 0;
    }

}