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

.flex_box_cap {
    display: flex;
    margin-top: 35px;
    gap: 10px;
    /* height: 50px; */
    justify-content: center;
    align-items: center;
}

.re_btn {
    padding: 5px 20px;
    height: 50px;
    background-color: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.re_cap {
    height: 23px;
    color: #777777;
}

.input-wrapper {
    position: relative;
    width: 300px;
}

.captcha_input {
    width: 100%;
    min-height: 50px;
    padding: 10px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.placeholder-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #999;
    /* Màu chữ nhạt */
    opacity: 0.7;
    pointer-events: none;
    /* Để ngăn sự tương tác với văn bản ngụ ý */
}

.hide-placeholder {
    display: none;
    /* Ẩn placeholder */
}

.captcha_input:focus+.placeholder-text {
    display: none;
    /* Ẩn placeholder khi input được focus */
}

.clear {
    clear: both
}

.btn_imgj {
    scale: 0.3;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: url(../img/webfont/notosans/NotoSans-Regular.eot);
    src: url(../img/webfont/notosans/NotoSans-Regular.eot?#iefix) format("embedded-opentype"), url(../img/webfont/notosans/NotoSans-Regular.woff2) format("woff2"), url(../img/webfont/notosans/NotoSans-Regular.woff) format("woff"), url(../img/webfont/notosans/NotoSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../img/webfont/roboto/Roboto-Regular.eot);
    src: url(../img/webfont/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../img/webfont/roboto/Roboto-Regular.woff2) format("woff2"), url(../img/webfont/roboto/Roboto-Regular.woff) format("woff"), url(../img/webfont/roboto/Roboto-Regular.ttf) format("truetype")
}

.gallery_box .list_gallery .default.thumb_area {
    background-color: #fafafa
}

.gallery_area .default .gallery_img .ico_default,
.gallery_area.type2 .default .ico_default .ico_default,
.gallery_area.type2_text .default .ico_default .ico_default,
.gallery_area.type3 .default .ico_default .ico_default,
.gallery_area.type4 .default .ico_default .ico_default,
.thmb_view .ico_default {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 65px;
    height: 66px;
    background-position: -209px -436px;
    margin-top: -33px;
    margin-left: -32.5px
}

.limit_area {
    padding: 90px 0 110px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    letter-spacing: -1px
}

.limit_area p:before {
    display: block;
    margin: 0 auto 15px;
    content: ""
}

.aside_notice .section .txt_info dt,
.card_board .info_area .writer,
.main .txt_summary .txt_component.dot li,
.main .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,
.main .board_box .area_info:after,
.main .board_box .list_board:after,
.menu_box .info_area:after {
    display: block;
    clear: both;
    content: ""
}

@font-face {
    font-family: modoo;
    src: url(../img/font/modoo_1cfc4b.eot);
    src: url(../img/font/modoo_1cfc4b.eot?#iefix) format("embedded-opentype"), url(../img/font/modoo_1b7b5e.woff) format("woff"), url(../img/font/modoo_6d77fe.ttf) format("truetype"), url(../img/font/modoo_20b606.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.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: ""
}

.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: ""
}

.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_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_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: ""
}

.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
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

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

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

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

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.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
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.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
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.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)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.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
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    background-position: -40px -15px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.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
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.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
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.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
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.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
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.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
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.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
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

.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
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.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==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    background: #0e0e0e;
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,
.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
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important
}

.aside_notice .section .notice_list .ico_new,
.card_board .info_area .ico_new,
.header .login_side .ico_new,
.navigate_box .ico_new,
.table_type1 .ico_new {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 12px;
    height: 11px;
    background-position: -594px -461px;
    display: inline-block
}

/* .wrap {
    position: relative;
    min-width: 1280px;
    height: 100%;
    background-color: #000
} */

.skip_nav {
    position: relative;
    z-index: 10001
}

.skip_link {
    position: absolute;
    top: -32px;
    left: 0;
    width: 138px;
    border: 1px solid #4ec53d;
    background-color: #333;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.skip_link:focus {
    top: 0;
    text-decoration: none
}

.container {
    padding-top: 50px;
    background-color: #fff
}

.content {
    max-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
}

.uio_title {
    display: inline-block;
    position: relative;
    font-size: 20px;
    margin-bottom: 40px;
    color: #999;
    font-weight: 400;
    letter-spacing: -.8px
}

.uio_title:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    content: "";
    width: 1100px;
    height: 1px;
    background-color: #ebebeb
}

.uio_title.type_block {
    display: block
}

.uio_title.type_block:after {
    display: none
}

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

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

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

.uio_title .theme_color .type_block {
    color: #000;
}

.uio_title_link {
    color: #999
}

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

.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
}

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

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

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

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

.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%
}

.tooltip {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #000;
    font-size: 12px;
    letter-spacing: -.5px;
    color: #fff;
    line-height: 24px;
    white-space: nowrap;
    vertical-align: top
}

.tooltip:before {
    position: absolute;
    left: 50%;
    top: -4px;
    width: 0;
    height: 0;
    margin-left: -4px;
    border-bottom: 4px solid #000;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    content: ""
}

.floating_item {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9999;
    text-align: right
}

.floating_item li+li {
    margin-top: 10px
}

.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%
}

.floating_item .link_item:focus,
.floating_item .link_item:hover {
    width: auto;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 0 25px
}

.floating_item .link_item:focus .text,
.floating_item .link_item:hover .text {
    display: inline-block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.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
}

.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)"
}

.floating_item .link_item .nicon_more2 {
    color: #000
}

.floating_item .link_item .icon_top {
    overflow: hidden;
    background-image: url(../img/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
}

.floating_item .moere_item:hover,
.floating_item .top_item:hover {
    width: 60px;
    padding: 0
}

.floating_item .num {
    margin-left: 3px;
    font-size: 13px
}

.button_more {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 180px;
    height: 55px;
    padding: 0 33px;
    margin: 0 auto;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: 0 0;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
    font-size: 16px;
    color: #666;
    letter-spacing: -.8px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.button_more:hover {
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05), 4px 4px 8px 0 rgba(217, 217, 217, .5);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05), 4px 4px 8px 0 rgba(217, 217, 217, .5)
}

.button_more .number {
    font-family: Roboto, Sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0
}

.button_more .nicon_down2 {
    margin: 4px 0 0 13px;
    font-size: 14px;
    font-weight: 700;
    color: #ccc;
    vertical-align: top
}

.side_menu {
    display: none
}

.header {
    position: relative;
    z-index: 9999;
    border-bottom: 1px solid #ebebeb;
    background-color: #fafafa
}

.header.is_active {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    border-bottom: 0;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .15);
    -webkit-transition: .2s;
    transition: .2s
}

.header.is_active~.container {
    padding-top: 160px
}

.header.is_active.is_login~.container {
    padding-top: 210px
}

.header.is_active.is_sub_menu~.container .section_spot.is_sub {
    /* margin-top: -30px */

}

.header .section_header_wrap {
    background-color: #fff
}

.header .section_header {
    position: relative;
    width: 1100px;
    margin: 0 auto
}

.header .area_login {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 50px;
    background-color: #fff;
    color: #333
}

.header .area_login .user {
    display: inline-block;
    position: relative
}

.header .area_login .user_id {
    font-family: Roboto, Sans-serif;
    font-size: 14px;
    background: 0 0;
    border: 0;
    color: #333
}

.header .area_login .user_id>em {
    font-size: 15px;
    font-weight: 700
}

.header .area_login .btn_login {
    display: inline-block;
    padding: 0 11px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #ebebeb;
    color: #444;
    line-height: 28px;
    letter-spacing: -1px
}

.header .login_inner {
    position: relative;
    width: 1100px;
    margin: 0 auto
}

.header .logo_modoo {
    display: inline-block;
    margin-top: 17px
}

.header .login_side {
    position: absolute;
    top: 10px;
    right: 0
}

.header .login_side [class^=nicon_] {
    margin-right: 3px;
    font-size: 12px;
    color: #ccc;
    vertical-align: -2px
}

.header .login_side .btn {
    display: inline-block;
    margin-right: -4px;
    color: #444;
    letter-spacing: -1px
}

.header .login_side .btn:after {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 4px 12px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.header .login_side .ico_new {
    overflow: hidden;
    position: absolute;
    left: -8px;
    top: 9px;
    text-indent: 150%;
    vertical-align: -1px;
    white-space: nowrap
}

.header .login_side .layer_tooltip {
    position: absolute;
    padding: 21px;
    background-color: #fffdf3;
    border: 1px solid #ebebeb;
    color: #666;
    letter-spacing: -.5px;
    line-height: 18px;
    white-space: nowrap
}

.header .login_side .layer_tooltip .btn_close {
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 2px;
    font-size: 12px;
    font-weight: 700
}

.header .site_report {
    display: inline-block;
    position: relative
}

.header .area_inner {
    overflow: hidden;
    padding: 28px 0 24px
}

.header .area_logo {
    display: inline-block;
    float: left
}

.header .area_logo .site_name {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.2px;
    color: #111;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.header .area_logo .official_mark {
    margin-left: 2px
}

.header .area_logo:after {
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 25px 0 21px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.header .area_navbar {
    overflow: hidden;
    padding-right: 145px
}

.header .list_sitemenu_wrap {
    overflow: hidden;
    position: relative
}

.header .list_sitemenu_wrap.is_active_next .btn_list_next:before,
.header .list_sitemenu_wrap.is_active_next .btn_list_prev:before,
.header .list_sitemenu_wrap.is_active_prev .btn_list_next:before,
.header .list_sitemenu_wrap.is_active_prev .btn_list_prev:before {
    width: 68px;
    height: 100%;
    position: absolute;
    top: 0;
    content: ""
}

.header .list_sitemenu_wrap.is_active_next .btn_list_next.disabled:before,
.header .list_sitemenu_wrap.is_active_next .btn_list_prev.disabled:before,
.header .list_sitemenu_wrap.is_active_prev .btn_list_next.disabled:before,
.header .list_sitemenu_wrap.is_active_prev .btn_list_prev.disabled:before {
    display: none
}

.header .list_sitemenu_wrap.is_active_prev {
    padding-left: 30px
}

.header .list_sitemenu_wrap.is_active_prev .btn_list_prev {
    display: block
}

.header .list_sitemenu_wrap.is_active_next {
    padding-right: 30px
}

.header .list_sitemenu_wrap.is_active_next .btn_list_next {
    display: block
}

.header .list_sitemenu_wrap .btn_list_next,
.header .list_sitemenu_wrap .btn_list_prev {
    display: none;
    position: absolute;
    top: -4px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 0;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer
}

.header .list_sitemenu_wrap .btn_list_prev {
    left: -10px
}

.header .list_sitemenu_wrap .btn_list_next {
    right: -8px
}

.header .list_sitemenu {
    overflow: hidden;
    margin-left: -10px;
    height: 28px
}

.ie8 .header .list_sitemenu {
    height: auto
}

.header .list_sitemenu>li {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0 10px;
    font-size: 15px;
    color: #fff
}

.ie8 .header .list_sitemenu>li {
    float: none;
    line-height: 2
}

.header .list_sitemenu>li.theme_color a:hover {
    color: inherit
}

.header .list_sitemenu>li.theme_color a:hover .selected_line {
    color: inherit
}

.header .list_sitemenu>li.theme_color.selected a {
    color: inherit
}

.header .list_sitemenu>li.sitemenu_last {
    width: 4px;
    padding: 0
}

.header .list_sitemenu>li .selected_line {
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px;
    height: 1px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.header .list_sitemenu>li.selected .selected_line,
.header .list_sitemenu>li:hover .selected_line {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.header .list_sitemenu a {
    display: inline-block;
    color: #666;
    line-height: 18px
}

.header .area_global {
    position: absolute;
    top: 26px;
    right: 0
}

.header .area_global .btn_login {
    color: #666
}

.header .btn_login {
    font-size: 16px;
    letter-spacing: -.6px;
    margin-left: 12px
}

.header .btn_view_all {
    background: 0 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    cursor: pointer
}

.header .btn_view_all .nicon_drawer {
    font-size: inherit;
    vertical-align: -2px
}

.header.is_login:after {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #ebebeb;
    content: ""
}

.header.is_login .area_navbar {
    padding-right: 90px
}

.header.is_login .area_global {
    top: 76px
}

.header.is_login .area_login {
    display: block;
    position: relative
}

.header.is_login .btn_login {
    font-size: 13px
}

.header.is_sub_menu .section_sub_menu_wrap {
    display: block
}

.header .section_sub_menu_wrap {
    display: none;
    width: 1100px;
    margin: 0 auto;
    text-align: center
}

.header .list_sub_menu li {
    display: inline-block;
    line-height: 48px
}

.header .list_sub_menu li+li:before {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 10px;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.header .list_sub_menu li.theme_color a:hover {
    color: inherit
}

.header .list_sub_menu li.theme_color.selected a {
    color: inherit
}

.header .list_sub_menu li.selected a {
    position: relative
}

.header .list_sub_menu li.selected a .selected_line {
    position: absolute;
    bottom: 11px;
    right: 0;
    left: 0;
    height: 1px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.header .list_sub_menu a {
    display: inline-block;
    color: #666;
    letter-spacing: -.8px
}

.header .list_sitemenu .menu_name,
.side_menu .list_sitemenu .menu_name {
    font-size: 0
}

.header .list_sitemenu .menu_name .text,
.side_menu .list_sitemenu .menu_name .text {
    font-size: 16px
}

.header .list_sitemenu .menu_num,
.side_menu .list_sitemenu .menu_num {
    display: inline-block;
    margin-left: 5px;
    padding: 0 8px;
    height: 18px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: 11px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 19px;
    vertical-align: 2px
}

.header .list_sitemenu .icon_npay,
.side_menu .list_sitemenu .icon_npay {
    margin-left: 5px;
    vertical-align: -1px
}

.header .list_sitemenu .icon_new,
.side_menu .list_sitemenu .icon_new {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 12px;
    height: 11px;
    background-position: -594px -461px;
    display: inline-block;
    margin: 4px 0 0 5px;
    vertical-align: top
}

.header .list_sitemenu .menu_name {
    letter-spacing: -1px
}

.side_menu .list_sitemenu li {
    overflow: hidden;
    padding: 0 30px;
    font-size: 14px;
    line-height: 1.6
}

.side_menu .list_sitemenu li a {
    display: block
}

.side_menu .list_sitemenu li+li .sitemenu_inner {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.side_menu .list_sitemenu li:hover {
    background-color: rgba(0, 0, 0, .05)
}

.side_menu .list_sitemenu li:hover .sitemenu_inner {
    border-top-color: rgba(0, 0, 0, 0)
}

.side_menu .list_sitemenu li:hover .sitemenu_inner .menu_name {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.side_menu .list_sitemenu li:hover+li .sitemenu_inner {
    border-top-color: rgba(0, 0, 0, 0)
}

.side_menu .list_sitemenu li.selected:hover {
    position: relative;
    background-color: rgba(0, 0, 0, 0)
}

.side_menu .list_sitemenu li.selected:hover .sitemenu_inner:before {
    position: absolute;
    top: 0;
    right: -30px;
    left: -30px;
    bottom: 0;
    background-color: rgba(0, 0, 0, .05);
    content: ""
}

.side_menu .list_sitemenu li.selected .sitemenu_inner .menu_name {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.side_menu .list_sitemenu li.selected li:hover {
    background-color: rgba(0, 0, 0, 0)
}

.main .side_menu .list_sitemenu li.selected:first-child .menu_name {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.side_menu .list_sitemenu li.selected.is_sub_menu+li .sitemenu_inner {
    border-top-color: rgba(0, 0, 0, 0)
}

.side_menu .list_sitemenu li.selected .nicon_up2 {
    display: inline-block
}

.side_menu .list_sitemenu li.selected .nicon_down2 {
    display: none
}

.side_menu .list_sitemenu li.selected .list_sub_menu {
    display: block
}

.side_menu .list_sitemenu li.is_sub_menu .sitemenu_inner {
    position: relative;
    padding-right: 24px
}

.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu {
    margin: 0 -30px;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, .05)
}

.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu li:hover .menu_name {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu li.selected .menu_name {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu a {
    padding: 9px 10px 11px
}

.side_menu .list_sitemenu .sitemenu_inner a {
    display: inline-block;
    position: relative;
    padding: 19px 0 20px 10px
}

.side_menu .list_sitemenu .menu_name {
    color: #fff;
    letter-spacing: -.9px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.side_menu .list_sitemenu .nicon_down2,
.side_menu .list_sitemenu .nicon_up2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 25px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    cursor: pointer
}

.side_menu .list_sitemenu .nicon_down2 {
    display: inline-block
}

.side_menu .list_sitemenu .nicon_up2 {
    display: none
}

.is_side_menu_open {
    overflow-y: hidden;
    min-width: 1400px
}

.is_side_menu_open .fc_wrap {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 320px;
    left: 0
}

.is_side_menu_open .header.is_active {
    right: 320px
}

.main .is_side_menu_open .header {
    right: 320px
}

.main .is_side_menu_open .header .area_login {
    right: 320px
}

.is_side_menu_open .side_menu {
    display: block;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.is_side_menu_open .side_menu .btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: rgba(0, 0, 0, .08);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.is_side_menu_open .side_menu .area_logo {
    padding: 30px 75px 64px 40px
}

.is_side_menu_open .side_menu .site_name {
    display: inline;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    word-wrap: break-word;
    word-break: break-all
}

.is_side_menu_open .side_menu .official_mark {
    margin-top: 3px
}

.is_side_menu_open .side_menu .menu_num {
    position: relative
}

.is_side_menu_open .side_menu .menu_num:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, .05);
    content: ""
}

.is_side_menu_open .side_menu .list_sub_menu {
    display: none
}

.is_side_menu_open .side_menu .copyright {
    padding: 88px 30px 40px 40px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .8px;
    color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.is_side_menu_open .floating_item {
    right: 370px
}

@media all and (min-width: 1400px) {
    .is_side_menu_open .header.is_active {
        right: 337px
    }

    .main .is_side_menu_open .header {
        right: 337px
    }

    .main .is_side_menu_open .header .area_login {
        right: 337px
    }
}





.t .mode_change {
    display: block
}

.mode_change {
    min-width: 1200px;
    width: 100%;
    padding: 20px 0
}

.mode_change .btn_change {
    display: block;
    width: 218px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid #333;
    text-align: center;
    font-size: 16px;
    color: #fff;
    letter-spacing: -.25px;
    line-height: 32px
}

.main .header {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.main .header .section_header_wrap {
    background-color: rgba(0, 0, 0, 0)
}

.main .header .section_header {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.main .header .area_login {
    position: fixed
}

.main .header .area_logo {
    display: none
}

.main .header .area_navbar .list_sitemenu_wrap .btn_list_next,
.main .header .area_navbar .list_sitemenu_wrap .btn_list_prev {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.main .header .list_sitemenu>li.theme_color a,
.main .header .list_sitemenu>li.theme_color.selected a {
    color: #fff
}

.main .header .list_sitemenu>li.theme_color .selected_line,
.main .header .list_sitemenu>li.theme_color.selected .selected_line {
    background-color: rgba(255, 255, 255, .5)
}

.main .header .list_sitemenu>li.theme_color a:hover {
    color: #fff
}

.main .header .area_global .btn_view_all {
    color: #fff
}

.main .header .area_global .btn_view_all .nicon_drawer {
    color: #fff
}

.main .header .area_global .btn_login {
    color: #fff
}

.main .header.is_login {
    padding-top: 50px
}

.main .header.is_login .area_global {
    top: 26px
}

.main .header.is_login~.container {
    padding-top: 50px
}

.main .header.is_active {
    background-color: #fff
}

.main .header.is_active .area_navbar .list_sitemenu_wrap .btn_list_next,
.main .header.is_active .area_navbar .list_sitemenu_wrap .btn_list_prev {
    color: #888
}

.main .header.is_active .list_sitemenu>li.theme_color a {
    color: #666
}

.main .header.is_active .list_sitemenu>li.theme_color a:hover {
    color: inherit
}

.main .header.is_active .list_sitemenu>li.selected a {
    color: inherit
}

.main .header.is_active .area_global .btn_view_all {
    color: inherit
}

.main .header.is_active .area_global .btn_view_all .nicon_drawer {
    color: inherit
}

.main .header.is_active .area_global .btn_login {
    color: #666
}

.main .header.is_active~.container {
    padding-top: 0
}

.main .header.is_dark .section_header {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.main .header.is_dark.is_active .section_header {
    border-bottom: 0
}

.main .header.is_dark .area_navbar .btn_list_next,
.main .header.is_dark .area_navbar .btn_list_prev {
    color: #333
}

.main .header.is_dark .list_sitemenu>li a {
    color: #333
}

.main .header.is_dark .list_sitemenu>li.selected a {
    color: inherit
}

.main .header.is_dark .list_sitemenu>li.theme_color a:hover {
    color: inherit
}

.main .header.is_dark .area_global .btn_view_all {
    color: #333
}

.main .header.is_dark .area_global .btn_view_all .nicon_drawer {
    color: #333
}

.main .header.is_dark .area_global .btn_login {
    color: #333
}

.main .header.is_extend {
    border-bottom: 1px solid #ebebeb
}

.main .header.is_extend .section_header {
    border-bottom: 0
}

.main .header.is_sub_menu .section_sub_menu_wrap {
    display: none
}

.main .header.is_sub_menu:before {
    display: none
}

.main .container {
    padding-top: 0
}

.main .uio_box {
    position: relative;
    margin-top: 80px
}

.main .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
}

.main .uio_btn_more.theme_background {
    border-color: inherit;
    color: #fff
}

.f_aff {
    display: none
}

.layer_dim {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 10001;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.paginate {
    position: relative;
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    z-index: 10
}

.paginate a,
.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
}

.paginate a:first-child,
.paginate>span:first-child {
    margin-left: 0
}

.paginate a:hover,
.paginate>span:hover {
    border-color: #111;
    color: #111
}

.paginate a:hover .icon,
.paginate>span:hover .icon {
    color: #111
}

.paginate .prev .next {
    font-size: 13px
}

.paginate .selected {
    position: relative;
    border: 1px solid #000;
    color: #111
}

.pag_btn_area+.paginate {
    margin-top: -54px;
    border-top: 1px solid #e9e9ea
}

.ie8 .btn_area .btn,
.ie8 .pag_btn_area>.btn a {
    border: 1px solid #ccc
}

.ie8 .btn_area .btn:hover,
.ie8 .pag_btn_area>.btn a:hover {
    border-color: #757678
}

.page_list {
    position: relative;
    text-align: center
}

.page_list .nicon_backward2,
.page_list .nicon_forward2 {
    font-size: 15px;
    line-height: 40px
}

.photo_list {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.photo_list:after {
    display: block;
    clear: both;
    content: ""
}

.photo_list li {
    float: left;
    vertical-align: top
}

.photo_list li+li {
    margin-left: 10px
}

.photo_list li .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #f9f9f9
}

.photo_list li .thumb img {
    position: relative;
    z-index: 1
}

.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
}

.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
}

.photo_list li .thumb:hover .delete {
    display: block;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.sorting2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 1px
}

.sorting2:first-child {
    margin-left: 0
}

.sorting2:last-child {
    margin-right: 0
}

.icon_required {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    font-size: 15px;
    color: rgba(0, 0, 0, 0)
}

.icon_required:before {
    display: inline-block;
    color: #ff2500;
    content: "*"
}

.main.store .welcome_box {
    width: 229px;
    max-width: 229px
}

.main.hub .navigate_box,
.main.store .navigate_box {
    width: 228px
}

.welcome_box {
    position: relative;
    display: table-cell;
    width: 210px;
    max-width: 210px;
    height: 355px;
    vertical-align: middle;
    text-align: center
}

.welcome_box [class^=c_] {
    overflow: hidden;
    text-align: center;
    color: #fff;
    word-break: break-all
}

.welcome_box .thmb {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 12px
}

.welcome_box .thmb img {
    display: block;
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.welcome_box .official_mark {
    margin: 0 0 4px;
    color: #fff
}

.welcome_box .official_mark .nicon_officialblog2 {
    line-height: 0;
    color: #fff;
    font-weight: 400;
    font-size: 19px;
    vertical-align: middle
}

.welcome_box .official_mark>em {
    margin-left: 1px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle
}

.welcome_box .c_t {
    display: block;
    overflow: hidden;
    max-height: 43px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -.25px
}

.welcome_box .c_t .txt {
    display: inline-block;
    word-wrap: break-word
}

.welcome_box .c_tx {
    display: block
}

.welcome_box .c_tx .txt {
    display: inline-block;
    padding: 0 20px;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    letter-spacing: -.25px;
    color: rgba(255, 255, 255, .5)
}

.welcome_box .c_tx .txt:empty {
    margin: 0
}

.welcome_box .link {
    display: inline-block;
    width: 100%
}

.welcome_box .link .c_tx {
    display: block
}

.welcome_box .link .c_tx .txt {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px;
    color: rgba(255, 255, 255, .7)
}

.welcome_box .link .c_tx .txt:empty {
    margin: 0
}

.welcome_box .link .c_t {
    display: block
}

.navigate_box {
    width: 209px;
    padding-bottom: 20px
}

.navigate_box .menu_num {
    position: absolute;
    right: 14px;
    top: 12px;
    padding: 0 8px;
    border: 1px solid #e4e7eb;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #e9ecef;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 600;
    color: #999;
    line-height: 17px
}

.navigate_box .menu_name {
    display: block;
    height: 15px;
    margin-right: 18px;
    padding-left: 24px;
    white-space: nowrap
}

.navigate_box .menu_name .text {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: top
}

.navigate_box .ico_new {
    margin: 4px 0 -16px 8px;
    vertical-align: top;
    line-height: 1000px
}

.navigate_box .ico_npay {
    display: inline-block;
    margin: 2px 0 -2px 10px
}

.navigate_box .s_m {
    padding-top: 15px;
    background-color: #fff
}

.navigate_box .s_m>li {
    position: relative
}

.navigate_box .s_m a {
    display: block;
    overflow: hidden;
    height: 30px;
    padding: 13px 20px 0 0;
    font-size: 16px;
    color: #45484f;
    letter-spacing: -.25px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navigate_box .s_m .selected .menu_name {
    padding-left: 18px;
    border-width: 0 0 0 6px;
    border-style: solid
}

.navigate_box .s_m .selected .sub_menu .menu_name {
    padding-left: 0;
    border: 0
}

.navigate_box .s_m .depth>a {
    padding-right: 50px
}

.navigate_box .sub_menu {
    padding: 7px 0 8px;
    border-top: 1px solid #edf0f2;
    background-color: #f6f8fc
}

.navigate_box .sub_menu a {
    height: 26px;
    padding: 0 20px 0 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px
}

.navigate_box .sub_menu .menu_name {
    height: 26px;
    padding: 0
}

.navigate_box .sub_menu .selected .menu_name {
    padding-left: 0;
    border: 0;
    font-weight: 600;
    color: #000
}

.navigate_box .sub_menu .ico_new {
    margin: 8px 0 -8px 8px
}

.ly_tooltip {
    position: absolute;
    bottom: -88px;
    right: 0;
    left: 0;
    padding: 26px 19px 20px;
    border: 1px solid #c3c3c3;
    background: #fffdf3;
    z-index: 10
}

.ly_tooltip .text {
    text-align: center;
    font-size: 12px;
    color: #666;
    letter-spacing: -.5px;
    line-height: 18px
}

.ly_tooltip .btn_close {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 13px;
    height: 13px;
    background-position: -594px -338px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 1000px
}

.ly_tooltip .edge {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 9px;
    height: 6px;
    background-position: -581px -368px;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: 27px
}

.aside_notice .title {
    margin: 22px 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: -.5px;
    line-height: 17px
}

.aside_notice .title .icon_arrow {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 5px;
    height: 9px;
    background-position: -611px -371px;
    display: inline-block;
    margin: 4px 0 -4px 8px;
    vertical-align: top
}

.aside_notice .title:first-child {
    margin: 33px 0 6px
}

.aside_notice .section {
    padding: 0 0 19px;
    border-bottom: 1px solid #d5d8df
}

.aside_notice .section .menu {
    padding-bottom: 2px
}

.aside_notice .section .menu>li {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    line-height: 22px
}

.aside_notice .section .menu>li .tit {
    display: inline-block;
    min-width: 43px;
    margin-right: 10px;
    letter-spacing: -.5px
}

.aside_notice .section .menu>li .contact {
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 600;
    color: #666
}

.aside_notice .section .notice_list {
    margin-top: 1px
}

.aside_notice .section .notice_list li {
    margin-bottom: 1px;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #888;
    line-height: 22px;
    letter-spacing: -.5px;
    white-space: nowrap
}

.aside_notice .section .notice_list li .text_area {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.aside_notice .section .notice_list li .text_area .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.aside_notice .section .notice_list .ico_new {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    line-height: 1000px
}

.aside_notice .section .notice_list .ico_comment {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 7px;
    height: 7px;
    background-position: -608px -545px;
    display: inline-block;
    margin: 6px 8px -6px 10px;
    vertical-align: top
}

.aside_notice .section .notice_list .ico_secret {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 9px;
    height: 11px;
    background-position: -594px -559px;
    display: inline-block;
    overflow: hidden;
    margin: 6px 2px -6px 0;
    vertical-align: top;
    line-height: 1000px
}

.aside_notice .section .notice_list .ico_notice {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 13px;
    height: 10px;
    background-position: -594px -476px;
    display: inline-block;
    overflow: hidden;
    margin: 6px 4px -6px 0;
    vertical-align: top;
    line-height: 1000px
}

.aside_notice .section .text_none {
    padding: 4px 0 5px;
    color: #bbb
}

.aside_notice .section .info_list {
    padding: 18px 20px;
    border: 1px solid #dfe0e2;
    background: #fff
}

.aside_notice .section .info_list .tit {
    display: block;
    margin-bottom: 10px;
    line-height: 14px;
    color: #555;
    letter-spacing: -.5px
}

.aside_notice .section .txt_info {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #999;
    letter-spacing: -.5px
}

.aside_notice .section .txt_info dt {
    float: left;
    width: 64px;
    word-break: break-all
}

.aside_notice .section .txt_info dt:before {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background: #b6b6b6;
    vertical-align: middle;
    content: ""
}

.aside_notice .section .txt_info dd {
    overflow: hidden;
    word-break: break-all
}

.aside_notice .seciton:first-child {
    border-top: 0
}

.aside_notice .banner_box:first-child {
    margin-bottom: 32px
}

.aside_notice .banner_box img {
    vertical-align: top
}

.aside_notice .banner_box .area {
    position: relative;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.aside_notice .banner_box .area :before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    content: ""
}

.aside_notice div+.banner_box {
    margin-top: 25px
}

.layer.is_image_view {
    background-color: #fff
}

.layer.is_image_view .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    height: 64px;
    background-color: #fafafa;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #333;
    line-height: 64px
}

.ly_view {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1100px;
    height: 710px;
    margin: -355px 0 0 -550px
}

.ly_view .t_area {
    position: relative;
    font-size: 0;
    background-color: #fff
}

.ly_view .t_area .text {
    margin-right: 10px;
    color: #bbb;
    font-size: 13px;
    font-style: italic;
    letter-spacing: .3px;
    font-family: Roboto, sans-serif
}

.ly_view .t_area .t_view {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 18px
}

.ly_view .viewer {
    margin-top: 20px
}

.ly_view .viewer .inner {
    position: relative
}

.ly_view .viewer .inner .thmb {
    overflow: hidden;
    width: 1100px;
    height: 633px;
    text-align: center
}

.ly_view .viewer .inner .btn {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    background-color: rgba(0, 0, 0, .2);
    text-align: center;
    line-height: 64px;
    color: #fff
}

.ly_view .viewer .inner .btn:hover {
    background-color: rgba(0, 0, 0, .4)
}

.ie8 .ly_view .viewer .inner .btn {
    background-color: #525151;
    border: 1px solid #414040
}

.ly_view .viewer .inner .btn_prev {
    left: 0
}

.ly_view .viewer .inner .btn_prev .nicon {
    margin-right: 5px
}

.ly_view .viewer .inner .btn_next {
    right: 0
}

.ly_view .viewer .inner .btn_next .nicon {
    margin-left: 5px
}

.ly_view .viewer .inner .nicon {
    font-size: 29px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle
}

.ly_view .viewer .inner .btn_zoom {
    position: absolute;
    right: 20px;
    top: 20px;
    width: auto;
    height: auto;
    padding: 0 18px;
    margin-top: 0;
    line-height: 42px
}

.ly_view .viewer .inner .btn_zoom .nicon {
    font-size: 16px;
    margin-right: 5px
}

.ly_view .viewer .inner_t {
    margin-top: 25px
}

.ly_view .lst_view {
    position: relative;
    margin-top: 10px
}

.ly_view .lst_view .lst {
    overflow: hidden;
    margin: 0 32px;
    font-size: 0;
    white-space: nowrap
}

.ly_view .lst_view .lst li {
    display: inline-block;
    position: relative;
    width: 101px;
    height: 66px;
    margin-left: 10px;
    vertical-align: top;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.ly_view .lst_view .lst li.selected,
.ly_view .lst_view .lst li:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.ly_view .lst_view .lst li a {
    display: block
}

.ly_view .lst_view .btn {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 32px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    cursor: pointer
}

.ly_view .lst_view .btn.disable {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.ly_view .lst_view .btn .nicon {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle
}

.ly_view .lst_view .prev {
    left: 0
}

.ly_view .lst_view .next {
    right: 0
}

.dimmed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.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(../img/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 {
    position: relative;
    z-index: 1100;
    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
}

.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
}

.ly_sc {
    padding: 30px 40px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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)
}

.ly_sc .ly_tit {
    padding: 0 40px 30px 0
}

.ly_sc .ly_tit h2 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -.8px;
    color: #333
}

.ly_sc .ly_inquiry {
    margin: 0 0 20px
}

.ly_sc .ly_inquiry .agreement {
    overflow: auto;
    width: 534px;
    height: 398px;
    margin: 0 auto;
    border: 1px solid #d0d0d0
}

.ly_sc .ly_inquiry .tx_agree {
    font-size: 13px;
    letter-spacing: -.05em;
    color: #666
}

.ly_sc .btn_cls {
    position: absolute;
    top: 28px;
    right: 35px;
    padding: 5px
}

.ly_sc .btn_cls .nicon_close {
    font-size: 24px;
    font-weight: 700;
    color: #dcdcdc
}

.ly_sc .btn_cls:hover .nicon_close {
    color: #333;
    -webkit-transition: .2s;
    transition: .2s
}

.ly_sc .btn_area {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #dedede
}

.ly_sc .btn_area .btn {
    padding: 0 29px;
    background-color: #fefefe
}

.ly_sc .btn_area .btn.accusat {
    color: #fff;
    background: #00cf00
}

.component_box+.component_box,
.component_box+.r,
.r+.component_box,
.r+.r {
    margin-top: 10px
}

.component_box+.component_margin,
.component_margin+.component_box,
.component_margin+.component_margin,
.component_margin+.r,
.r+.component_margin {
    margin-top: 40px
}

.default {
    position: relative
}

.default .thumb_area {
    background-color: #fbfbfb
}

.default .nicon_image2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    font-size: 60px;
    margin: auto;
    color: #eee
}

.default .ico_play {
    cursor: default
}

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

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

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

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

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

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

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

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

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

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

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

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

.gallery_area {
    overflow: hidden
}

.gallery_area .gallery_img {
    position: relative
}

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

.gallery_area .gallery_img img {
    display: block;
    width: 100%;
    vertical-align: top
}

.gallery_area .gallery_txt h3 {
    overflow: hidden;
    color: #333
}

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

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

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

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

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

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

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

.gallery_area.txt_hide .gallery_txt {
    display: none
}

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

.main .gallery_area .gallery_img {
    overflow: hidden
}

.main .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)
}

.main .gallery_area .gallery_img img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.txt_component {
    margin: 0
}

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

.txt_component.align_l {
    text-align: left
}

.txt_component.align_c {
    text-align: center
}

.txt_component.align_r {
    text-align: right
}

.btn_wrap {
    background-color: #fff
}

.btn_wrap .btn_text {
    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
}

.btn_wrap .ic {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    font-size: 20px;
    color: #fff
}

.btn_wrap .btn_theme li,
.btn_wrap .btn_theme_v2 li {
    position: relative
}

.btn_wrap .btn_theme .btn,
.btn_wrap .btn_theme_v2 .btn {
    display: block;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
    text-align: center
}

.btn_wrap .btn_theme .in,
.btn_wrap .btn_theme_v2 .in {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 100%
}

.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%
}

.btn_wrap .btn_type_v2 li.theme_background+li:before {
    background-color: #fff;
    opacity: .2
}

.ie8 .btn_wrap .btn_type_v2 li.theme_background+li:before {
    display: none
}

.btn_wrap .btn_type_v2 li:first-child .btn {
    border-right: 0
}

.btn_wrap .btn_type_v2 li:last-child .btn {
    border-left: 0
}

.btn_wrap .btn_theme li {
    float: left;
    width: 33.33333333%
}

.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
}

.ie8 .btn_wrap .btn_theme li:before {
    display: none
}

.btn_wrap .btn_theme li:first-child:before {
    content: none
}

.btn_wrap .btn_theme_v2.btn_type_v2 li,
.btn_wrap .theme_a.btn_type_v2 li {
    float: left;
    width: 50%
}

.btn_wrap .theme_a {
    background: #fff
}

.btn_wrap .theme_a .btn {
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn_wrap .theme_a .btn_text {
    color: #666
}

.btn_wrap .theme_a .ic {
    color: inherit
}

.btn_wrap .icon_none .btn_text {
    padding-left: 0
}

.division_line {
    background-color: #fff
}

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

.division_line .line {
    background: url(../img/line.gif) repeat-x 0 50%;
    -webkit-background-size: 3px 1px;
    background-size: 3px 1px;
    height: 40px;
    margin: 0
}

.division_line .dot {
    background: url(../img/dot_line_pc.gif) repeat-x 0 50%;
    -webkit-background-size: auto auto;
    background-size: auto
}

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

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

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

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

.gallery_area.type2_text ul {
    margin-left: -20px;
    font-size: 0
}

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

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

.gallery_area.type2_text .gallery_img {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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
}

.main .type3 .more_item {
    height: 351px
}

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

.gallery_area.type4 {
    margin: 0
}

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

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

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

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

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

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

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

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

.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
}

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

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

.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)"
}

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

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

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

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

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

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

.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)"
}

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

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

.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
}

.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)"
}

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

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

.index_area {
    position: relative;
    margin: 14px 12px 14px 11px;
    z-index: 1
}

.lst_index {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100
}

.lst_index .tile {
    width: 33.333%;
    height: 33.333%
}

.lst_index .tile a {
    display: block;
    height: 100%;
    border: 1px solid #fff;
    margin-right: -1px
}

.lst_index .tile a>div {
    position: relative;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover
}

.lst_index .tile img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.lst_index .tile .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 1px;
    background-color: rgba(0, 0, 0, .2)
}

.lst_index .tile .shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 1px;
    z-index: 10
}

.lst_index .tile .txt {
    position: absolute;
    left: 0;
    z-index: 10;
    padding: 9px 10px;
    font-size: 15px;
    font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    text-shadow: -1px 0 1px rgba(0, 0, 0, .2), 1px 0 1px rgba(0, 0, 0, .2), 0 -1px 1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px
}

.lst_index .tile .txt.t {
    top: 0
}

.lst_index .tile .txt.b {
    bottom: 0
}

.lst_index .tile .txt strong {
    display: inline-block;
    padding: 7px
}

.lst_index .t_s .shadow {
    top: 0;
    background-image: url(../img/mask_thumb_top.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover
}

.lst_index .b_s .shadow {
    bottom: 1px;
    background-image: url(../img/mask_thumb_bottom.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    -webkit-background-size: cover;
    background-size: cover
}

.lst_index .cell {
    position: absolute;
    width: 90px;
    height: 90px
}

.lst_index .cell.over {
    background-color: #eee;
    border: 1px solid gray;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    height: 90px;
    margin: -1px;
    width: 90px
}

.gallery_area .lst_type4 li {
    position: relative;
    height: 110px;
    border-top: 1px solid #ededed
}

.gallery_area .lst_type4 li:first-child {
    border-top: 0
}

.gallery_area .lst_type4 li:after {
    display: block;
    clear: both;
    content: ""
}

.gallery_area.lst_default .lst_type4 li {
    border-bottom: 1px solid #e5e5e5
}

.gallery_area .lst_type4 li .thmb {
    position: absolute;
    top: 10px;
    left: 10px
}

.gallery_area .lst_type4 li .thmb>div {
    min-height: 89px;
    min-width: 89px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%
}

.gallery_area .lst_type4 li.tx2_r .thmb {
    left: auto;
    right: 10px;
    border-left: 1px solid #f7f7f7
}

.gallery_area .lst_type4 li.tx2_l .thmb:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid rgba(0, 0, 0, .03);
    content: ""
}

.gallery_area .lst_type4 li.tx2_r .thmb:after {
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    border-right: 1px solid rgba(0, 0, 0, .03);
    content: ""
}

.gallery_area .lst_type4 li .thmb img {
    width: 89px;
    height: 89px
}

.gallery_area .lst_type4 li:before {
    display: inline-block;
    height: 110px;
    margin-left: -4px;
    vertical-align: middle;
    content: ""
}

.gallery_area .lst_type4 li .g_tx2 {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gallery_area .lst_type4 li.tx2_r .g_tx2 {
    padding: 10px 110px 10px 10px
}

.gallery_area .lst_type4 li .g_tx2 h3 {
    overflow: hidden;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    color: #28282e
}

.gallery_area .lst_type4 li .g_tx2 .txt {
    display: block;
    overflow: hidden;
    max-height: 36px;
    margin-top: 6px;
    font-size: 14px;
    line-height: 19px;
    word-break: break-all;
    color: #676767
}

.gallery_area .lst_type4 li .t_t {
    vertical-align: top
}

.gallery_area .lst_type4 li .t_m {
    vertical-align: middle
}

.gallery_area .lst_type4 li .t_b {
    vertical-align: bottom
}

.gallery_area .lst_type4 li .t_t h3 {
    padding-top: 5px
}

.gallery_area .lst_type4 li .t_b p {
    margin-bottom: 14px
}

.gallery_area .lst_type5 {
    overflow: hidden
}

.gallery_area .lst_type5 li {
    float: left;
    width: 139px;
    height: 139px
}

.gallery_area .lst_type5 li .thmb img {
    width: 100%
}

.wide .gallery_area .lst_type5 li {
    margin-left: 13px
}

.gallery_area .lst_type5 li .thmb img {
    width: 100%
}

.gallery_area.lst_default .lst_g li.tx2_l .thmb:after {
    border-color: #f7f7f7
}

.gallery_area.lst_default .lst_g li.tx2_r .thmb {
    border-left: 1px solid #f7f7f7
}

.gallery_area {
    position: relative;
    height: 100%
}

.gallery_area .lst_g .thmb {
    position: relative
}

.gallery_area .lst_g .br {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gallery_area .lst_g img {
    display: block
}

.gallery_area .g_tx {
    padding: 0 10px 5px;
    border-width: 1px 1px 1px;
    border-bottom: 1px solid #f7f7f7;
    background-color: #fff
}

.gallery_area .g_tx h3 {
    overflow: hidden;
    padding: 14px 0 9px;
    font-size: 17px;
    color: #28282e;
    white-space: nowrap
}

.gallery_area .g_tx p {
    margin-top: -5px;
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    word-break: break-all
}

.gallery_area .lst_type1 {
    margin: 0
}

.gallery_area .lst_type1 .g_tx {
    padding: 0 14px 15px 13px
}

.gallery_area .lst_type1 .g_tx p {
    overflow: hidden;
    padding-bottom: 11px
}

.gallery_area .lst_type1li:first-child {
    margin-top: 0
}

.gallery_area .lst_type1 .thmb {
    border-bottom: 1px solid #f7f7f7
}

.gallery_area .lst_type1 .thmb img {
    width: 100%
}

.gallery_area .lst_type2 {
    overflow: hidden;
    border-bottom: 1px solid #dadbdc
}

.gallery_area .lst_type2 li {
    float: left;
    width: 146px;
    border-bottom: 1px solid #f7f7f7
}

.gallery_area .lst_type2 .tx {
    border-bottom: 0
}

.gallery_area .lst_type2 .thmb:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    content: ""
}

.gallery_area .lst_type2 .thmb img {
    width: 100%
}

.gallery_area .lst_type2li:nth-child(odd) .thmb {
    border-right: 1px solid #f7f7f7
}

.gallery_area .lst_type2li:nth-child(odd) .g_tx {
    border-right: 1px solid #f7f7f7
}

.gallery_area .lst_type2li:nth-child(even) .thmb {
    background-position: 0 -410px
}

.gallery_area .lst_type2li:nth-child(even) .g_tx {
    margin-left: -1px;
    border-left: 1px solid #f7f7f7
}

.gallery_area .lst_type2 .g_tx {
    padding: 0 14px 20px 14px
}

.gallery_area .lst_type2 .g_tx h3 {
    overflow: hidden;
    padding-bottom: 11px;
    white-space: nowrap
}

.gallery_area .lst_type2 .g_tx p {
    overflow: hidden;
    height: 58px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 19px
}

.gallery_area.imgtxt_default .lst_type3 li {
    height: 97px
}

.gallery_area .lst_type3 {
    overflow: hidden;
    position: relative
}

.gallery_area .lst_type3 li {
    float: left;
    width: 98px;
    height: 97px;
    margin-right: -1px
}

.gallery_area .lst_type3 li:nth-child(1),
.gallery_area .lst_type3 li:nth-child(2),
.gallery_area .lst_type3 li:nth-child(3) {
    margin-top: 0
}

.gallery_area .lst_type3 li:nth-child(3n+1) .thmb {
    width: 97px;
    border-width: 0 1px 1px 0
}

.gallery_area .lst_type3 li:nth-child(3n+2) .thmb {
    border-right: 1px solid #f7f7f7;
    background-position: -97px -548px
}

.gallery_area .lst_type3 .thmb {
    min-width: 96px;
    min-height: 96px;
    border: 1px solid #f7f7f7;
    border-width: 0 0 1px 1px
}

.gallery_area .lst_type3 .thmb img {
    width: 100%;
    height: 96px
}

.wide .gallery_area .lst_type1 .g_tx {
    padding: 0 15px 15px
}

.wide .gallery_area .lst_type2 li {
    float: left;
    width: 159px
}

.wide .gallery_area .lst_type2 .g_tx {
    padding: 0 7px 20px 7px
}

.wide .gallery_area .lst_type3 li {
    width: 106px;
    height: 105px
}

.wide .gallery_area .lst_type3 li:nth-child(3n+1) .thmb {
    width: 105px
}

.wide .gallery_area .lst_type3 li:nth-child(3n+2) {
    width: 108px
}

.wide .gallery_area .lst_type3 li:nth-child(3n+2) .thmb {
    width: 106px;
    background-position: -111px -4114px
}

.wide .gallery_area .lst_type3 li:nth-child(3n+2) .thmb img {
    max-height: 104px
}

.wide .gallery_area .lst_type3 li:nth-child(3n+3) .thmb {
    width: 105px
}

.wide .gallery_area .lst_type3 .thmb {
    width: 104px;
    height: 104px;
    background-position: 0 -4114px
}

.wide .gallery_area .lst_type3 .thmb img {
    height: 104px
}

.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
}

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

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

.map_area.map_default .map_adr {
    display: none
}

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

.map_area .map img {
    width: 100%
}

.map_area .map .ico_default {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 51px;
    height: 66px;
    background-position: -530px -135px;
    margin-top: -33px;
    margin-left: -25.5px
}

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

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

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

.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
}

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

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

.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
}

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

.map_area .map_ico_btn_wrap {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 40px;
    height: 61px;
    margin-top: -30px
}

.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
}

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

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

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

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

.map_area .map_ico_btn_wrap .btn_map:after {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 22px;
    height: 28px;
    background-position: -544px -545px
}

.map_area .map_ico_btn_wrap .btn_roadmap:after {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 22px;
    height: 27px;
    background-position: -594px 0
}

.map_area .map_ico_btn_wrap .btn_share:after {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 28px;
    height: 24px;
    background-position: -347px -477px
}

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

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

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

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

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

.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
}

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

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

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

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

.gallery_area.movie .gallery_img .ico_default {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 100px;
    height: 100px;
    background-position: 0 -279px;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 10;
    cursor: pointer
}

.gallery_area.movie .default .gallery_img {
    height: 600px
}

.gallery_area.movie .default .gallery_img .ico_default {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 60px;
    height: 67px;
    background-position: -530px 0;
    margin-top: -33.5px;
    margin-left: -30px
}

.gallery_area.movie .ico_play {
    min-height: 400px
}

.gallery_area.movie .gallery_txt {
    display: none
}

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

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

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

.view_table table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    font-size: 13px;
    letter-spacing: -.7px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.view_table .tx_a_l td {
    padding-left: 20px;
    text-align: left
}

.view_table .tx_a_c td {
    text-align: center
}

.view_table .tx_a_r td {
    padding-right: 20px;
    text-align: right
}

.view_table .tx_v_t td {
    vertical-align: top
}

.view_table .tx_v_m td {
    vertical-align: middle
}

.view_table .tx_v_b td {
    vertical-align: bottom
}

.view_table td,
.view_table th {
    padding: 15px 0;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: none;
    background-color: #fff;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.view_table .t_bg {
    background-color: #fafafa
}

.view_table .ico_zoom {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 20px;
    height: 20px;
    background-position: -594px -56px;
    overflow: hidden;
    position: absolute;
    bottom: 7px;
    right: 7px;
    line-height: 1000px
}

.view_table .ico_default {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 66px;
    height: 66px;
    background-position: -139px -436px;
    margin-top: -33px;
    margin-left: -33px
}

.view_table.table_default {
    position: relative;
    height: 600px;
    background: #fafafa
}

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

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

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

.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
}

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

.txt_component.dot .f_h {
    overflow: hidden;
    background-image: url(../img/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
}

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

.txt_component.quote p {
    padding: 8px 0 20px 0
}

.txt_component.quote p:after,
.txt_component.quote p:before {
    display: block;
    content: ""
}

.txt_component.quote p:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 15px;
    height: 14px;
    background-position: -594px -285px;
    margin-bottom: 14px
}

.txt_component.quote p:after {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 15px;
    height: 14px;
    background-position: -594px -267px;
    margin-top: 14px
}

.txt_component.align_c.quote p:before {
    margin: 0 auto 14px
}

.txt_component.align_c.quote p:after {
    margin: 14px auto 0
}

.txt_component.b_space p {
    padding-bottom: 10px
}

.main .txt_component p {
    font-size: 15px;
    line-height: 30px
}

.txt_component.color1 p {
    color: #333
}

.txt_component.color2 p {
    color: #666
}

.txt_component.color3 p {
    color: #999
}

.txt_component h4 {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px
}

.txt_component.sma h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 30px
}

.txt_component.b_space h4 {
    padding-bottom: 8px
}

.main h4 {
    font-weight: 400
}

.thmb_view {
    overflow: hidden;
    position: relative;
    min-height: 600px
}

.thmb_view .ico_default {
    display: none
}

.thmb_view.album_default {
    background: #fafafa
}

.thmb_view.album_default .ico_default {
    display: block
}

.thmb_view .trans_div {
    overflow: hidden;
    max-height: 630px
}

.thmb_view .thmb {
    position: relative
}

.thmb_view .thmb.big {
    float: left
}

.thmb_view .thmb a {
    display: block
}

.thmb_view img {
    width: 100%;
    vertical-align: top
}

.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
}

.thmb_view .nicon_size1 .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    margin-left: -10px;
    text-align: center
}

.thmb_view .nicon_size1:hover .tooltip_area {
    display: block
}

.thmb_view .btn_next,
.thmb_view .btn_prev {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    background: rgba(17, 17, 17, .1);
    text-align: center
}

.thmb_view .btn_prev {
    left: 0
}

.thmb_view .btn_next {
    right: 0
}

.thmb_view .nicon_backward2,
.thmb_view .nicon_forward2 {
    margin-top: 14px;
    color: #fff;
    font-size: 35px
}

.thmb_view .txt {
    margin-top: 20px;
    color: #999;
    font-size: 12px;
    letter-spacing: .3px;
    text-align: center
}

.thmb_view .lst_thmb ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    white-space: nowrap;
    font-size: 0;
    text-align: center
}

.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)"
}

.thmb_view .lst_thmb li:first-child {
    margin-left: 0
}

.thmb_view .lst_thmb li.selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.thmb_view .lst_thmb a {
    display: inline-block
}

.thmb_view .lst_thmb .default {
    background: #fafafa
}

.thmb_view .lst_thmb .default .nicon_image2 {
    display: block;
    font-size: 40px;
    line-height: 60px
}

.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)"
}

.thmb_view .lst_thmb .btn a {
    color: #333
}

.thmb_view .lst_thmb .btn img {
    display: none
}

.thmb_view .lst_thmb .btn .b_more {
    width: 100%;
    height: 100%;
    font-size: 0;
    vertical-align: top
}

.thmb_view .lst_thmb .btn .b_more .more_area {
    display: inline-block;
    vertical-align: middle
}

.thmb_view .lst_thmb .btn .b_more .num {
    font-size: 15px;
    letter-spacing: .4px;
    font-family: roboto, sans-serif
}

.thmb_view .lst_thmb .btn .b_more .txt {
    display: block;
    margin: 0;
    font-size: 12px;
    letter-spacing: -.6px;
    color: #666
}

.thmb_view .lst_thmb .btn .b_more:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.col1,
.col2,
.col3 {
    position: relative
}

.col1 .info_adult .adult,
.col2 .info_adult .adult {
    height: 248px
}

.vod_box .info_adult {
    border: 0 none
}

.vod_box .info_adult .adult {
    height: 259px
}

.banner_box .info_adult {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner_box .info_adult .adult {
    height: 100%
}

.info_adult {
    display: none;
    position: relative;
    z-index: 201;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.info_adult.is_active {
    display: block
}

.info_adult .adult {
    display: table;
    width: 100%;
    height: 208px
}

.info_adult .text_adult {
    display: table-cell;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    text-align: center;
    vertical-align: middle
}

.info_adult .text_adult:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 48px;
    height: 48px;
    background-position: -530px -254px;
    display: block;
    margin: 0 auto 10px;
    content: ""
}

.board_area {
    position: relative
}

.board_area .no_data_wrap {
    width: 640px;
    height: 293px;
    border-top: 1px solid #abacb0
}

.board_btn {
    padding-top: 20px;
    text-align: center
}

.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
}

.board_btn .btn_more .total {
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    color: #999
}

.board_btn .btn_more .nicon_down2 {
    font-size: 14px;
    vertical-align: top
}

.board_box .card_type {
    position: relative;
    padding-top: 117px
}

.board_box .card_type:before {
    position: absolute;
    top: 96px;
    left: 0;
    width: 100%;
    border: 1px solid #ebebeb;
    content: ""
}

.board_box .card_type .result_notice {
    margin-top: 20px
}

.board_box .card_type thead {
    display: none
}

.board_box .card_type .btn_area {
    position: absolute;
    top: 30px;
    right: 0;
    margin: 0;
    font-size: 0
}

.board_box .card_type .btn_area .side_area {
    position: static;
    float: right
}

.board_box .card_type .btn_area .delete_area,
.board_box .card_type .btn_area .write_area {
    position: static;
    float: right
}

.board_box .card_type .btn_area .btn {
    height: 36px;
    margin-left: 8px;
    line-height: 34px
}

.board_box .card_type .btn_area .btn.delete {
    float: right
}

.board_box .card_type .search_area {
    position: absolute;
    top: 30px;
    left: 0;
    margin: 0
}

.card_board {
    width: 33.333%;
    padding: 0 0 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer
}

.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)
}

.card_board .thumb {
    overflow: hidden;
    display: block;
    position: relative;
    min-height: 150px;
    max-height: 529px;
    background: #eee
}

.card_board .thumb img {
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 0
}

.card_board .nicon_sound3 {
    font-size: 13px;
    color: #000;
    vertical-align: middle
}

.card_board .info_area {
    padding: 30px;
    border: 1px solid #ebebeb
}

.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
}

.card_board .info_area .tit input {
    margin-right: 4px;
    vertical-align: middle
}

.card_board .info_area .ico_new {
    margin: 4px 0 0 5px
}

.card_board .info_area .nicon_comment3 {
    font-size: 11px;
    margin: 0 4px 0 0
}

.card_board .info_area .nicon_secret2 {
    font-size: 12px
}

.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
}

.card_board .info_area .txt {
    display: block;
    margin-top: 4px;
    word-wrap: break-word;
    word-break: break-all
}

.card_board .info_area .txt.secret_text {
    color: #bbb
}

.card_board .info_area .info {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 13px;
    border-top: 1px solid #ebebeb
}

.card_board .info_area .writer {
    display: inline-block;
    max-width: 50px;
    vertical-align: top
}

.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: ""
}

.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
}

.card_board .info_area .info .date {
    color: #999;
    vertical-align: middle
}

.card_board .info_area .info .comment_num {
    position: absolute;
    top: 20px;
    right: 0
}

.card_board .info_area .info .comment_num.is_active {
    color: #ff2500
}

.card_board.notice .info_area {
    border-color: #b1cef1
}

.card_board.notice .thumb img {
    border-color: #b1cef1
}

.card_board .info_area.comment {
    border-color: #e9e9ea;
    border-top: 1px solid #d9d9d9;
    background: #f5f6f7
}

.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
}

input[type=text],
textarea {
    color: #444
}

input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bbb !important
}

input[type=text]:focus,
textarea:focus {
    outline: 0
}

button {
    outline: 0
}

input[type=checkbox] {
    vertical-align: middle
}

.main_area .inner {
    position: relative
}

.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: ""
}

.sorting {
    background: url(../img/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
}

.sorting select {
    width: 120px;
    height: 26px;
    padding: 0 20px 0 3px;
    color: #666;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.sorting select::-ms-expand {
    display: none
}

.board_box .uio_title,
.inquiry_box .uio_title {
    margin-bottom: 9px
}

.board_box .btn_area,
.inquiry_box .btn_area {
    position: relative;
    margin-top: -40px;
    text-align: left
}

.uio_box.board_box .pag_btn_area {
    top: 4px
}

.table_area {
    display: table;
    width: 100%
}

.table_area thead {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 14px;
    letter-spacing: -.8px;
    color: #666
}

.table_area input {
    display: inline-block;
    width: 14px;
    height: 14px
}

.table_area .nicon_m-warning1 {
    font-size: 60px;
    color: #ebebeb
}

.table_area.card_list .paginate {
    margin-top: 42px
}

.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
}

.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)
}

.table_area.card_list .paginate .total {
    margin-left: 5px;
    font-size: 14px;
    line-height: 1.86;
    color: #999;
    font-family: Roboto, sans-serif
}

.table_area.card_list .paginate .nicon_down2 {
    margin-left: 13px;
    font-size: 14px;
    color: #ccc;
    vertical-align: middle
}

.table_type1 {
    position: relative;
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-width: 1px 0
}

.table_type1 thead th {
    padding: 16px 0
}

.table_type1 tbody td,
.table_type1 tbody th {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap
}

.table_type1 tbody tr {
    cursor: pointer
}

.table_type1 tbody tr.notice td.writer {
    color: #222
}

.table_type1 tbody tr:hover td {
    background: #fbfbfb
}

.table_type1 tbody tr:hover td.nodata {
    background: 0 0
}

.table_type1 tbody td {
    padding: 16px 0;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 14px
}

.table_type1 .date,
.table_type1 .index {
    color: #999;
    vertical-align: middle
}

.table_type1 .area {
    text-align: left;
    font-size: 0
}

.table_type1 .area .thumb {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.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
}

.table_type1 .area .tit.visited {
    color: #888
}

.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
}

.table_type1 .area .comment_num {
    margin-left: 4px;
    font-size: 14px;
    color: #ff2500;
    vertical-align: middle
}

.table_type1 .area .comment_num .count {
    vertical-align: middle
}

.table_type1 .writer {
    color: #666;
    letter-spacing: -.8px
}

.table_type1 .notice td {
    background-color: #fbfbfb
}

.table_type1 .manager {
    display: inline-block;
    margin: 6px 4px -6px 0;
    vertical-align: top
}

.table_type1 .info .comment {
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 3px;
    vertical-align: top
}

.table_type1 .ico_new {
    vertical-align: middle;
    margin-left: 5px
}

.table_type1 .icon {
    font-size: 11px;
    vertical-align: middle
}

.table_type1 .nicon_secret2 {
    color: #999
}

.table_type1 .nicon_sound3 {
    color: #333
}

.table_type1 .nicon_comment3 {
    color: #999
}

.table_type1 .nicon_m-warning1 {
    font-size: 60px;
    color: #ebebeb
}

.table_type2 {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: -.8px;
    border-spacing: 0;
    border-collapse: collapse
}

.table_type2 th {
    padding: 20px 0;
    font-weight: 400;
    vertical-align: top;
    word-break: break-all;
    word-wrap: break-word
}

.table_type2 td {
    position: relative;
    padding: 10px 0
}

.table_type2 .padding_none {
    padding: 0
}

.table_type2 .name_area {
    overflow: hidden
}

.table_type2 .name_area .user_name {
    float: left;
    margin-right: 20px
}

.table_type2 .check_area {
    overflow: hidden
}

.table_type2 .check_area input {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.table_type2 .check_area label {
    display: inline-block;
    vertical-align: middle
}

.table_type2 .check_area .nicon_question1 {
    font-size: 16px;
    vertical-align: middle
}

.table_type2 .check_area .check_type {
    float: right
}

.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
}

.table_type2 .input_txt.is_required {
    border-color: #ffa090
}

.table_type2 .limit {
    position: absolute;
    right: 16px;
    bottom: 21px;
    color: #999
}

.table_type2 .limit .num {
    color: #333
}

.table_type2 .limit .num.disabled {
    color: #999
}

.table_type2 .text_area_wrap {
    height: 320px;
    /* border: 1px solid #ddd; */
}

.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
}

.table_type2 .text_area[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: #bbb
}

.table_type2 .text_area:focus {
    outline: 0
}

.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
}

.table_type2 .photo_upload:after {
    display: block;
    clear: both;
    content: ""
}

.table_type2 .photo_upload .text {
    display: inline-block;
    width: 76px;
    text-align: center;
    font-size: 12px;
    color: #45484f;
    line-height: 50px;
    vertical-align: top
}

.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
}

.table_type2 .photo_upload .btn_add .nicon_clip1 {
    color: #000;
    font-size: 37px;
    line-height: 80px
}

.table_type2 .photo_upload .btn_add:hover .tooltip_area {
    display: block
}

.table_type2 .photo_upload .btn_add .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 69px;
    text-align: center
}

.table_type2~.btn_area {
    margin-top: 32px;
    font-size: 0;
    text-align: right
}

.table_type2~.btn_area a+a {
    margin-left: 8px
}

.table_type2.type_background {
    margin-top: 0;
    border-top: 1px solid #ebebeb
}

.table_type2.type_background .inner>tr:first-child th {
    padding-top: 40px
}

.table_type2.type_background .inner>tr:first-child td {
    padding-top: 30px
}

.table_type2.type_background .inner>tr>th {
    padding: 20px 30px;
    background-color: #fafafa
}

.table_type2.type_background .inner>tr>td {
    padding: 10px 30px
}

.table_type2.type_background .inner>tr>td.padding_none {
    padding-top: 0
}

.table_type2.type_background~.agree_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* display: inline-block; */
    flex-wrap: wrap;
    padding-top: 60px;
    z-index: 10
}

.table_type2.type_background~.agree_area .agree {
    display: block;
    color: #666
}

.table_type2.type_background~.agree_area .agree_more_link {
    display: inline-block;
    margin: 5px 0 0 22px;
    color: #999;
    text-decoration: underline
}

.table_type2.type_background~.agree_area~.btn_area {
    border-top: 1px solid #ebebeb;
    margin-top: -64px;
    padding-top: 30px
}

.table_type2 .required_text {
    color: #ff2500
}

.table_type2 .check_list li {
    display: inline-block
}

.table_type2 .check_list li label {
    display: inline-block;
    margin: 0 15px 0 4px;
    color: #666;
    vertical-align: middle
}

.table_type2 .check_list li input {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.table_type2 .year {
    margin-right: 4px
}

.table_type2 .input_box {
    display: inline-block;
    position: relative;
    width: 128px;
    margin: 0 1px;
    vertical-align: top
}

.table_type2 .input_box.v2 {
    width: 108px
}

.table_type2 .input_box:first-child {
    margin-left: 0
}

.table_type2 .input_box:last-child {
    margin-right: 0
}

.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: ""
}

.table_type2 .input_box select {
    width: 100%;
    height: 26px
}

.table_type2 .input_box select:focus {
    outline: 0
}

.table_type2 .input_box select:disabled {
    border-color: #e2e3ea;
    background: #fafafa;
    color: #aaa
}

.notice_view .info {
    overflow: hidden;
    position: relative;
    padding: 24px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: 600;
    color: #666
}

.notice_view .info .tit_area {
    float: left
}

.notice_view .info .tit {
    font-size: 20px;
    letter-spacing: -1.2px;
    color: #111;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 700px;
}

.notice_view .info .info_detail {
    float: right;
    margin-top: 5px;
    font-family: roboto, sans-serif
}

.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: ""
}

.notice_view .info .reply {
    margin-left: 10px
}

.notice_view.is_inquiry .info {
    padding-bottom: 40px
}

.notice_view.is_inquiry .info .tit {
    margin-bottom: 6px
}

.notice_view.is_inquiry .info .tit~.date {
    color: #999
}

.notice_view .nicon_secret2 {
    font-size: 18px;
    margin-left: 9px
}

.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
}

.notice_view .edit_area {
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 12px;
    font-weight: 400
}

.comment_data .name {
    letter-spacing: -.6px;
    color: #333
}

.comment_data .time {
    margin-left: 1px
}

.comment_tit {
    margin: 0 0 10px 10px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: -.9px;
    font-weight: 400;
    color: #999
}

.comment_tit .text {
    vertical-align: middle
}

.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
}

.comment_area {
    padding: 30px;
    border-top: 1px solid #ebebeb;
    background: #fafafa
}

.comment_area .comment_lst li {
    position: relative;
    padding: 38px 0 36px;
    border-top: 1px solid #ebebeb;
    color: #999
}

.comment_area .comment_lst li:first-child {
    padding-top: 0;
    border-top: 0
}

.comment_area .comment_lst .comment_input {
    margin: 0 0 15px
}

.comment_area .comment_lst .comment_input.comment_edit {
    margin-top: 15px
}

.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
}

.comment_area .comment_lst .txt a {
    color: #4990e2
}

.comment_area .comment_lst .comment_data {
    position: relative
}

.comment_area .comment_lst .time {
    font-family: roboto, sans-serif
}

.comment_area .comment_lst .edit_area {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.comment_area .comment_lst .edit_area a {
    font-size: 13px
}

.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: ""
}

.comment_area .comment_input {
    position: relative
}

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

.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
}

.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
}

.comment_area .comment_input .comment_write textarea:disabled {
    background-color: #fff;
    cursor: text
}

.comment_area .comment_input .comment_write .limit {
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #999
}

.comment_area .comment_input .comment_write .limit .num {
    color: #333
}

.comment_area .comment_input .comment_write .limit .num.disabled {
    color: #999
}

.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
}

.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
}

.comment_area .comment_input .name {
    display: block;
    margin: 4px 10px 9px;
    color: #999
}

.comment_area .comment_input .name .manager {
    margin: 2px 4px -2px 0
}

.comment_area .comment_login {
    padding: 30px 0 28px;
    margin-top: -1px;
    border-top: 1px solid #e7e7e7;
    text-align: center
}

.comment_area .comment_login .dsc_text {
    color: #333;
    letter-spacing: -.5px
}

.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
}

.table_area+.pag_btn_area {
    margin-top: 22px
}

.pag_btn_area {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0
}

.pag_btn_area .btn_type {
    position: relative;
    display: inline-block;
    height: 19px;
    font-size: 13px;
    letter-spacing: -.8px;
    color: #999
}

.pag_btn_area .btn_type .icon {
    font-size: 11px;
    color: #ddd;
    vertical-align: middle
}

.pag_btn_area .btn_type .text {
    vertical-align: middle
}

.pag_btn_area .btn_type+a {
    margin-left: 15px
}

.search_result {
    display: inline-block;
    font-size: 15px;
    color: #666;
    letter-spacing: -.3px
}

.search_result .nicon_before1 {
    padding: 10px;
    margin: -10px 0 0 -6px;
    font-size: 12px;
    color: #a0a0a0
}

.search_result:before {
    display: inline-block;
    width: 1px;
    height: 17px;
    margin: 1px 15px 0 11px;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.search_result .result {
    display: inline-block
}

.btn_area {
    height: 40px;
    text-align: center
}

.comment_area~.btn_area.v2 {
    margin: 0;
    padding-top: 20px
}

.notice_view.is_inquiry~.btn_area.v2 {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #ebebeb
}

.notice_view.is_inquiry~.btn_area.v2~.comment_tit {
    margin-top: 40px
}

.btn_area.v2:after {
    display: block;
    clear: both;
    content: ""
}

.btn_area.v2 .btn,
.btn_area.v2 .sorting,
.btn_area.v2 .sorting2 {
    float: left;
    margin-left: 8px
}

.btn_area.v2 .btn:first-child,
.btn_area.v2 .sorting2:first-child,
.btn_area.v2 .sorting:first-child {
    margin-left: 0
}

.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
}

.btn_area .btn.theme_background:hover {
    border: 1px solid rgba(0, 0, 0, 0)
}

.btn_area .btn:hover {
    border: 1px solid rgba(0, 0, 0, .4)
}

.btn_area .btn.write {
    color: #fff
}

.btn_area span.btn {
    border-color: #dfdfdf;
    background-color: #f9f9f9;
    color: #999
}

.btn_area .register {
    color: #fff;
    background-color: #666;
}

.btn_area .delete .ico_delete {
    margin: 10px 6px -10px 0
}

.btn_area .side_area {
    float: right;
    font-size: 0
}

.btn_area .side_area .btn+.btn {
    margin-left: 8px
}

.btn_area .schedule .nicon_reserve1 {
    margin-right: 6px;
    font-size: 19px;
    color: #00c930;
    vertical-align: -3px
}

.btn_area .sorting {
    display: inline-block;
    position: relative;
    background: #fff;
    vertical-align: top
}

.btn_area .sorting select {
    height: 32px;
    padding: 0 20px 0 7px;
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.btn_area .sorting .ico_arrow {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 8px;
    height: 4px;
    background-position: -582px -276px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px
}

.search_area {
    margin-top: 30px;
    display: flex;
    padding-bottom: 50px;
    align-items: center;
    justify-content: center;
}

.search_area:after {
    content: "";
    display: block;
    clear: both
}

.search_area .list_sort {
    float: left
}

.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
}

.search_area .list_sort .btn_sort.selected {
    color: #222
}

.search_area .list_sort .btn_sort.selected:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 10px;
    height: 8px;
    background-position: -507px -356px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.search_area .list_srch {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 0
}

.search_area .list_srch .selectric {
    height: 36px;
    border-color: #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search_area .list_srch .selectric .label {
    width: 70px;
    line-height: 36px;
    font-size: 14px
}

.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
}

.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
}

.search_area .list_srch .delete {
    position: absolute;
    right: 0;
    top: 0
}

.search_area .list_srch .selectric-scroll {
    font-size: 14px
}

.search_area .list_srch .selectric-scroll li {
    color: #aaa
}

.search_area .list_srch .selectric-scroll li.selected {
    color: #222
}

.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
}

.coupon_section {
    margin-left: -20px
}

.coupon_section .is_hide .image {
    display: none
}

.coupon_section .is_hide .naver-splugin:hover {
    background-color: rgba(0, 0, 0, .2)
}

.coupon_area {
    float: left;
    position: relative;
    padding: 0 0 20px 20px;
    width: 540px
}

.coupon_area:before {
    position: absolute;
    left: 20px;
    top: 0;
    right: 0;
    bottom: 20px;
    content: "";
    border: 1px solid #ebebeb
}

.coupon_area .coupon {
    display: table;
    position: relative;
    width: 100%;
    height: 278px
}

.coupon_area .link_more {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20
}

.coupon_area .coupon_info {
    display: table-cell;
    position: relative;
    z-index: 10;
    padding: 0 10px;
    font-weight: 200;
    text-align: center;
    vertical-align: middle
}

.coupon_area .coupon_info .type {
    display: block;
    margin-top: 10px
}

.coupon_area .coupon_info .type .text {
    font-size: 30px;
    color: #fff;
    line-height: 45px;
    letter-spacing: -1px
}

.coupon_area .coupon_info .title {
    display: block;
    margin-top: 9px;
    padding: 0 60px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    letter-spacing: -1px
}

.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
}

.coupon_area .coupon_info .period .use_date {
    margin-left: 9px;
    font-family: Roboto, Sans-serif;
    color: #fff;
    letter-spacing: -.2px
}

.coupon_area .icon_coupon {
    display: inline-block;
    margin-bottom: 17px;
    vertical-align: top
}

.coupon_area .icon_coupon.coupon_free_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 116px;
    height: 52px;
    background-position: -399px -71px
}

.coupon_area .icon_coupon.coupon_event_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 130px;
    height: 49px;
    background-position: 0 -383px
}

.coupon_area .icon_coupon.coupon_coupon_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 172px;
    height: 52px;
    background-position: -104px -279px
}

.coupon_area .icon_coupon.coupon_one {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 92px;
    height: 52px;
    background-position: -399px -205px
}

.coupon_area .coupon_num,
.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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: ""
}

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

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

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

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

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

.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
}

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

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

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

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

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

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

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

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

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

.main .coupon_area .list_info {
    display: none
}

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

.coupon_area.is_one:before {
    display: none
}

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

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

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

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

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

.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: ""
}

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

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

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

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

.info_box .zoom {
    top: 294px
}

.info_box .map_ico_btn_wrap {
    position: absolute;
    right: 20px;
    top: 40px;
    z-index: 250
}

.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
}

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

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

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

.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
}

.info_box .map_adr {
    padding: 0 265px 0 20px;
    margin: 40px 0;
    height: auto;
    max-height: 140px
}

.info_box .map_adr>h3 {
    font-size: 15px
}

.info_box .map_adr>p {
    font-size: 26px;
    line-height: 38px
}

.info_box .map_area+.local_area .list_info:first-child {
    border-top: 1px solid #ebebeb
}

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

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

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

.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
}

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

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

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

.info_box .list_info .text {
    display: block
}

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

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

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

.info_box .list_info .item_description {
    margin-left: 60px;
    color: #666
}

.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: ""
}

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

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

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

.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
}

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

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

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

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

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

.info_box .list_guide {
    margin-bottom: -23px
}

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

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

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

.info_box .area_aaccount {
    border-top: 1px solid #ebebeb
}

.info_box .area_aaccount .list_info {
    display: inline-block;
    border-top: 0;
    vertical-align: top
}

.info_box .area_aaccount .list_info .item_description {
    width: 360px;
    padding-right: 10px
}

.info_box .area_aaccount .list_info .item_description .text {
    position: relative
}

.info_box .area_aaccount .list_info .item_description .sub_title {
    width: 77px;
    float: left
}

.info_box .area_aaccount .list_info .item_description .sub_text {
    display: inline-block;
    width: 200px
}

.hub_section {
    background-color: #fff
}

.hub_section .paginate {
    display: block;
    padding: 0;
    margin: 20px 0 10px
}

.hub_section .paginate a {
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px;
    border: 1px solid #ccc;
    line-height: 30px
}

.hub_section .paginate a:hover {
    border-color: #666
}

.hub_section .paginate .icon {
    margin-left: -5px;
    font-size: 10px;
    color: #333;
    letter-spacing: 0
}

.hub_section .paginate .more {
    width: auto;
    padding: 0 9px
}

.hub_section .category_area~.filter_area {
    padding-top: 20px
}

.hub_section .category_area .link_category {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 0 15px;
    font-size: 15px;
    color: #666;
    letter-spacing: -.9px
}

.hub_section .category_area .link_category:first-child {
    padding: 0
}

.hub_section .category_area .link_category.is_selected,
.hub_section .category_area .link_category:hover {
    color: #333
}

.hub_section .category_area .link_category+.link_category:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 15px 0 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    vertical-align: middle
}

.hub_section .location_wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 8px 0 12px;
    padding: 0 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_section .location_area {
    display: table-cell;
    position: relative;
    background-color: #fff
}

.hub_section .location_area .btn_location {
    display: block;
    height: 44px;
    padding: 0 34px 0 20px;
    margin: 0 -1px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #666;
    line-height: 44px;
    letter-spacing: -.9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_section .location_area .btn_location .nicon_down3 {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 10px;
    color: #535353
}

.hub_section .location_area .location {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    z-index: 200;
    border-top: 0;
    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)
}

.hub_section .location_area .location:after {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: 0;
    z-index: 220;
    border: 1px solid #ddd;
    content: ""
}

.hub_section .location_area .list_location {
    position: relative;
    z-index: 230;
    padding: 28px 30px
}

.hub_section .location_area .list_location li {
    float: left;
    width: 20%;
    margin-bottom: 10px
}

.hub_section .location_area .list_location.type_divide li {
    width: 50%
}

.hub_section .location_area .link_location {
    display: inline-block;
    color: #666;
    letter-spacing: -.8px
}

.hub_section .location_area .link_location.is_active,
.hub_section .location_area .link_location:hover {
    color: #000
}

.hub_section .location_area.is_unfold .location {
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_section .location_area.is_unfold .location .nodata {
    display: table-cell;
    width: 100%;
    height: 166px;
    line-height: 24px;
    letter-spacing: -.8px;
    color: #666;
    vertical-align: middle;
    text-align: center
}

.hub_section .filter_area {
    padding: 5px 0 2px;
    text-align: right
}

.hub_section .filter_area .link_filter {
    display: inline-block;
    font-size: 14px;
    color: #999;
    vertical-align: top
}

.hub_section .filter_area .link_filter:first-child:after {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 1px;
    height: 13px;
    margin: 0 10px;
    background-color: #ebebeb;
    content: ""
}

.hub_section .filter_area .link_filter.is_active {
    color: #333
}

.hub_section .filter_area .link_filter.is_active:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 13px;
    height: 10px;
    background-position: -594px -490px;
    display: inline-block;
    margin-right: 5px;
    content: ""
}

.hub_section .list_hub {
    margin-left: -20px
}

.hub_section .list_hub:after {
    display: block;
    clear: both;
    content: ""
}

.hub_section .list_hub>li {
    float: left;
    width: 560px;
    padding: 20px 0 0 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_section .map_area {
    position: relative;
    margin-top: 50px;
    border: 1px solid #d9d9d9
}

.hub_section .map_area .hub {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 2;
    width: 540px;
    max-height: 720px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-bottom: 0;
    background-color: #fff
}

.hub_section .map_area .hub .link_item {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.hub_section .hub {
    border: 1px solid #ebebeb;
    border-bottom: 0
}

.hub_section .hub .btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .6);
    text-align: center
}

.hub_section .hub .btn_close:hover {
    background: rgba(0, 0, 0, .8)
}

.hub_section .hub .btn_close .icon.nicon_close {
    line-height: 52px;
    font-size: 23px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #fff
}

.hub_section .hub .hub_thumb {
    height: 260px;
    margin: -1px -1px 0
}

.hub_section .hub .hub_thumb>a {
    display: block;
    position: relative
}

.hub_section .hub .hub_thumb>a:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .15);
    display: block;
    border-bottom: 0;
    content: ""
}

.hub_section .hub .hub_container {
    padding: 39px 39px 30px 39px
}

.hub_section .hub .hub_container .info {
    overflow: hidden;
    position: relative;
    padding-top: 28px;
    border-top: 1px solid #ebebeb
}

.hub_section .hub .spot {
    position: relative
}

.hub_section .hub .link_category {
    display: inline-block;
    color: #999;
    letter-spacing: -.9px;
    line-height: 26px
}

.hub_section .hub .link_url {
    position: absolute;
    top: 0;
    right: 0;
    font-family: Roboto, Sans-serif;
    color: #17a11a
}

.hub_section .hub .spot_title {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: #111;
    letter-spacing: -1.3px;
    vertical-align: text-bottom;
    line-height: 29px
}

.hub_section .hub .spot_title_area .btn {
    margin-left: 3px
}

.hub_section .hub .spot_title_area .ic {
    margin-top: 3px;
    font-size: 19px;
    color: #00c930;
    vertical-align: top
}

.hub_section .hub .icon_npay {
    display: inline-block;
    margin: 0 0 0 4px;
    vertical-align: middle
}

.hub_section .hub .icon_reservation {
    display: inline-block;
    margin: 0 0 0 4px;
    vertical-align: middle
}

.hub_section .hub .spot_description {
    overflow: hidden;
    height: 50px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.73;
    letter-spacing: -.8px;
    color: #666;
    word-break: break-all
}

.hub_section .hub .spot_contact {
    margin-top: 20px;
    padding: 20px 0 17px;
    border-top: 1px solid #ebebeb;
    font-size: 15px;
    color: #111
}

.hub_section .hub .spot_contact .icon {
    position: relative;
    padding-left: 23px;
    margin-right: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    vertical-align: -2px;
    letter-spacing: -.5px;
    font-family: "Noto Sans", sans-serif
}

.hub_section .hub .spot_contact .icon::after {
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 8px;
    color: #c8ccd3;
    font-size: 14px;
    font-family: modoo
}

.hub_section .hub .spot_contact .phone_number {
    margin-left: 26px;
    font-size: 14px;
    font-family: Roboto, Sans-serif;
    color: #666
}

.hub_section .hub .hub_menu {
    display: table;
    width: 100%;
    background-color: #fbfbfb;
    table-layout: fixed
}

.hub_section .hub .link_item {
    display: table-cell;
    position: relative;
    height: 58px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ebebeb;
    text-align: center;
    vertical-align: middle
}

.hub_section .hub .link_item+.link_item:before {
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: "";
    position: absolute;
    top: 20px;
    left: 0
}

.hub_section .hub .link_item.is_active {
    border-bottom-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
    background-color: #fff
}

.hub_section .hub .link_item.is_active+.link_item:before,
.hub_section .hub .link_item.is_active:before {
    display: none
}

.hub_section .hub .link_item.is_active:first-child {
    border-left-width: 0
}

.hub_section .hub .link_item.is_active:last-child {
    border-right-width: 0
}

.hub_section .hub .link_item .text {
    font-size: 15px;
    color: #666;
    letter-spacing: -1px
}

.hub_section .hub .link_item .nicon_down2,
.hub_section .hub .link_item .nicon_up2 {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #ccc
}

.hub_section .hub .hub_extend {
    display: none;
    padding: 20px 39px 20px;
    border-bottom: 1px solid #d6d6d6;
    background-color: #fff
}

.hub_section .hub .hub_extend .sns_box {
    padding: 8px 0
}

.hub_section .hub .hub_extend .store_box {
    margin-right: -20px
}

.hub_section .hub .hub_extend .coupon_box {
    margin-right: -30px
}

.hub_section .hub .hub_extend.is_unfold {
    display: block
}

.hub_section .hub .hub_container .info_box {
    margin: -28px 0 -10px
}

.hub_section .hub .info_box .list_info {
    padding: 0;
    border-top: 0;
    font-size: 14px
}

.hub_section .hub .info_box .list_info .item_title {
    width: 100px;
    padding: 20px 0 17px;
    color: #111;
    letter-spacing: -.5px
}

.hub_section .hub .info_box .list_info .item_title .icon {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #c8ccd3;
    vertical-align: -2px
}

.hub_section .hub .info_box .list_info .item_description {
    padding: 20px 0 17px;
    font-family: Roboto, Sans-serif
}

.hub_section .hub .info_box .list_info .item_description .sub_description {
    margin-left: 36px
}

.hub_section .hub .info_box .list_info .sub_title {
    min-width: auto;
    margin-right: 10px
}

.hub_section .hub .info_box .list_info+.list_info {
    border-top: 1px solid #ebebeb
}

.hub_section .hub .hub_container .menu_box .menu_type3 .list_menu {
    padding-top: 0
}

.hub_section .hub .menu_box .menu_type3:first-child {
    margin-top: 0
}

.hub_section .hub .menu_box .menu_type3 .list_menu {
    min-width: auto;
    padding-top: 5px;
    font-size: 14px;
    color: #333
}

.hub_section .hub .menu_box .menu_type3 li {
    display: block;
    width: auto;
    padding-bottom: 0
}

.hub_section .hub .menu_box .menu_type3 li:nth-child(even) {
    padding-left: 0;
    margin-left: 0
}

.hub_section .hub .menu_box .menu_type3 li+li {
    margin-top: 20px
}

.hub_section .hub .menu_box .menu_type3 li:nth-child(6n+1) {
    margin-top: 0
}

.hub_section .hub .menu_box .menu_type3 .title_menu {
    font-size: 14px;
    color: #333
}

.hub_section .hub .menu_box .menu_type3 .price_menu {
    font-size: 14px
}

.hub_section .hub .intro_box {
    width: auto;
    padding: 6px 0 10px;
    font-size: 14px;
    color: #969696;
    line-height: 23px
}

.hub_section .hub .intro_box .intro_section {
    text-align: left
}

.hub_section .hub .intro_box .point_text {
    font-size: 14px
}

.hub_section .hub .intro_box .text_intro {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 26px
}

.hub_section .hub .hub_container .coupon_box {
    padding: 10px 0
}

.hub_section .hub .coupon_box {
    padding: 18px 0;
    margin: 0 -10px
}

.hub_section .hub .coupon_box:after {
    display: block;
    clear: both;
    content: ""
}

.hub_section .hub .coupon_box .paginate {
    margin-bottom: 0
}

.hub_section .hub .coupon_box .coupon_section {
    margin-left: 0
}

.hub_section .hub .coupon_area {
    width: 220px;
    padding: 0;
    margin: 0 10px 3px
}

.hub_section .hub .coupon_area:before {
    left: 0;
    bottom: 0;
    z-index: 10
}

.hub_section .hub .coupon {
    display: block;
    overflow: hidden;
    height: 230px;
    background-color: #fff
}

.hub_section .hub .coupon:after,
.hub_section .hub .coupon:before {
    position: absolute;
    top: 50%;
    content: "";
    width: 19px;
    height: 26px;
    margin-top: -13px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    z-index: 20
}

.hub_section .hub .coupon:before {
    left: -9px
}

.hub_section .hub .coupon:after {
    right: -9px
}

.hub_section .hub .coupon_info {
    display: block;
    height: 100%;
    padding: 0 29px;
    font-weight: 400
}

.hub_section .hub .coupon_info .type {
    height: 87px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 24px;
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.hub_section .hub .coupon_info .type .text {
    display: block;
    overflow: hidden;
    font-size: 21px;
    text-overflow: ellipsis;
    line-height: 41px;
    white-space: nowrap
}

.hub_section .hub .coupon_info .type .icon_coupon.coupon_free_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 57px;
    height: 33px;
    background-position: 0 -508px
}

.hub_section .hub .coupon_info .type .icon_coupon.coupon_event_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 79px;
    height: 31px;
    background-position: -134px -383px
}

.hub_section .hub .coupon_info .type .icon_coupon.coupon_coupon_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 104px;
    height: 33px;
    background-position: -283px -220px
}

.hub_section .hub .coupon_info .type .icon_coupon.coupon_one {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 56px;
    height: 32px;
    background-position: -61px -508px
}

.hub_section .hub .coupon_info .type .coupon_num,
.hub_section .hub .coupon_info .type .coupon_percent {
    font-size: 37px;
    color: #fff
}

.hub_section .hub .coupon_info .title {
    overflow: hidden;
    max-height: 68px;
    margin-top: 21px;
    font-size: 13px;
    letter-spacing: -.6px;
    line-height: 22px;
    word-break: break-all
}

.hub_section .hub .coupon_info .period {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    font-size: 12px;
    font-family: Roboto, Sans-serif
}

.hub_section .hub .coupon_info .period .use_date {
    margin-left: 0
}

.hub_section .hub .is_hide .type {
    border-bottom: 1px solid #ebebeb
}

.hub_section .hub .is_hide .title {
    color: #333
}

.hub_section .hub .is_hide .use_date {
    color: #999
}

.hub_section .hub .is_hide .type .icon_coupon.coupon_free_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 57px;
    height: 33px;
    background-position: -412px -436px
}

.hub_section .hub .is_hide .type .icon_coupon.coupon_event_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 79px;
    height: 31px;
    background-position: -280px -279px
}

.hub_section .hub .is_hide .type .icon_coupon.coupon_coupon_en {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 104px;
    height: 33px;
    background-position: -399px -334px
}

.hub_section .hub .is_hide .type .icon_coupon.coupon_one {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 61px;
    height: 37px;
    background-position: -347px -436px
}

.hub_section .hub .is_hide .type .coupon_num,
.hub_section .hub .is_hide .type .coupon_percent {
    color: #f95539
}

.hub_section .hub .list_sns {
    padding-bottom: 18px;
    margin-left: 0
}

.hub_section .hub .list_sns:after {
    display: block;
    clear: both;
    content: ""
}

.hub_section .hub .list_sns li {
    position: relative;
    width: 100%;
    margin: 0 0 30px 0
}

.hub_section .hub .list_sns li:after {
    display: block;
    clear: both;
    content: ""
}

.hub_section .hub .list_sns li+li {
    padding-top: 30px;
    border-top: 1px solid #ebebeb
}

.hub_section .hub .list_sns li:nth-child(3n) {
    margin-bottom: 0
}

.hub_section .hub .list_sns li:nth-child(3n+1) {
    padding-top: 0;
    border-top: none
}

.hub_section .hub .list_sns li:last-child {
    margin-bottom: 0
}

.hub_section .hub .list_sns.is_instargram {
    padding-bottom: 8px;
    margin: -5px
}

.hub_section .hub .list_sns.is_instargram li {
    float: left;
    width: auto;
    padding-top: 0;
    margin: 5px;
    border-top: 0
}

.hub_section .hub .list_sns.is_instargram .type_instagram .thumb {
    width: 146px;
    height: 146px;
    margin-right: 0
}

.hub_section .hub .sns .thumb {
    overflow: hidden;
    position: relative;
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 20px
}

.hub_section .hub .sns .thumb+.info {
    margin-top: 0
}

.hub_section .hub .sns .info {
    margin: 0;
    padding-top: 0;
    border-top: 0
}

.hub_section .hub .sns .from {
    position: absolute;
    left: 160px;
    bottom: 0
}

.hub_section .hub .sns .title {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #111
}

.hub_section .hub .sns .description {
    margin-top: 0
}

.hub_section .hub .sns.type_blog,
.hub_section .hub .sns.type_facebook,
.hub_section .hub .sns.type_instagram {
    height: 140px
}

.hub_section .hub .sns.type_blog .name,
.hub_section .hub .sns.type_facebook .name,
.hub_section .hub .sns.type_instagram .name {
    color: #333
}

.hub_section .hub .sns.type_instagram .thumb {
    height: 140px
}

.hub_section .hub .sns.type_instagram .from,
.hub_section .hub .sns.type_instagram .info {
    display: block
}

.hub_section .hub .sns.type_instagram .description {
    max-height: 105px
}

.hub_section .hub .sns.type_text .from {
    position: absolute;
    left: 0;
    bottom: 0
}

.hub_section .hub .sns.type_facebook.type_text .info {
    padding: 0;
    background-color: #fff
}

.hub_section .hub .sns.type_facebook.type_text .description {
    max-height: 80px;
    height: 80px;
    font-size: 14px;
    letter-spacing: -.6px;
    line-height: 26px
}

.hub_section .hub .sns.type_blog.type_text .info {
    padding: 0;
    background-color: #fff
}

.hub_section .hub .sns.type_blog.type_text .description {
    max-height: 80px;
    height: 80px;
    margin-top: 2px;
    font-size: 14px;
    letter-spacing: -.6px;
    line-height: 26px
}

.hub_section .hub .hub_container .store_section .list_store {
    margin-top: 0
}

.hub_section .hub .hub_container .store_section li:only-of-type {
    margin-bottom: 8px
}

.hub_section .hub .store_box .paginate {
    margin-top: 13px
}

.hub_section .hub .list_store {
    margin: 8px -5px 0
}

.hub_section .hub .list_store li {
    width: 225px;
    margin: 0 5px 25px
}

.hub_section .hub .list_store li:only-of-type {
    width: 100%;
    margin-bottom: 18px
}

.hub_section .hub .list_store li:only-of-type:after {
    display: block;
    clear: both;
    content: ""
}

.hub_section .hub .list_store li:only-of-type .thumb_area {
    float: left;
    width: 220px;
    height: 147px;
    margin-right: 20px
}

.hub_section .hub .list_store li:only-of-type .option_area {
    display: block;
    overflow: hidden
}

.hub_section .hub .list_store li:only-of-type .option_area .icon_benefit {
    line-height: 20px
}

.hub_section .hub .list_store li:only-of-type .title_area {
    max-height: 44px;
    font-size: 13px;
    white-space: normal
}

.hub_section .hub .list_store li:only-of-type .review_area {
    display: block;
    position: absolute;
    bottom: 0;
    left: 240px;
    padding: 0 11px;
    border: 1px solid #e8e8e8;
    line-height: 30px
}

.hub_section .hub .list_store li:only-of-type .review_area .review_store {
    vertical-align: top
}

.hub_section .hub .list_store li .thumb_area {
    height: 150px
}

.hub_section .hub .list_store li .title_area {
    overflow: hidden;
    height: auto;
    margin-top: 10px;
    font-size: 14px;
    text-overflow: ellipsis;
    color: #666;
    white-space: nowrap
}

.hub_section .hub .list_store li .price_area {
    margin-top: 8px;
    font-size: 15px
}

.hub_section .hub .list_store li .discount_store {
    margin-right: 0;
    color: #000
}

.hub_section .hub .list_store li .option_area,
.hub_section .hub .list_store li .review_area {
    display: none
}

.hub_section .hub .nodata {
    display: table;
    width: 100%;
    height: 128px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_section .hub .nodata .inner {
    display: table-cell;
    border: 1px dashed #ebebeb;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #777
}

.hub_section .hub .nodata .inner:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 40px;
    height: 40px;
    background-position: 0 -545px;
    display: block;
    margin: 0 auto 10px;
    content: ""
}

.ie8 .map_area .hub,
.ie8 .map_area .hub .link_item {
    border-color: #d6d6d6
}

.ie8 .hub_thumb>a:after {
    border: 1px solid #d9d9d9
}

.ie8 .store_thumb:after,
.ie8 .thumb:after {
    border: 1px solid #e5e5e5
}

.nodata_area {
    display: table;
    width: 100%;
    height: 550px;
    margin-top: -31px;
    background-color: #fff
}

.board_box .nodata_area,
.inquiry_box .nodata_area {
    margin-top: 0
}

.nodata_area .nodata_row {
    display: table-row
}

.nodata_area .board_content {
    display: table-cell;
    vertical-align: middle
}

.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
}

.nodata_area .nicon_m-warning3 {
    font-size: 60px;
    color: #eaeaea
}

.nodata_area .nicon_write3 {
    font-size: 40px;
    color: #eee
}

.coupon_box .nodata:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 56px;
    height: 39px;
    background-position: -530px -459px
}

.nodata_area .nicon_m-warning1 {
    font-size: 60px;
    color: #eee
}

.nodata_area .title {
    display: block;
    margin-top: 15px;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    color: #666;
    letter-spacing: -1px;
    line-height: 29px
}

.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
}

.inquiry_box .nodata_area .info {
    text-align: center
}

.nodata_area .info .text_admin {
    display: block;
    line-height: 30px;
    color: #333
}

.nodata_area .info .text_admin>em {
    display: inline-block;
    margin-right: 2px;
    color: #00c73c;
    letter-spacing: .2px
}

.nodata_area .info p {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: -.7px;
    color: #666
}

.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
}

.nodata_area .list_notice>li {
    position: relative;
    padding-left: 6px
}

.nodata_area .list_notice>li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 2px;
    height: 2px;
    background-color: #666;
    content: ""
}

.nodata_area .list_notice .link_notice {
    /* text-decoration: underline */
}

.nodata_area .table_area .nodata_area .nodata:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 112px;
    height: 112px;
    background-position: -283px 0
}

.nodata_area .table_area .nodata_area.type_admin .nodata:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 100px;
    height: 100px;
    background-position: -283px -116px
}

.nodata_area .table_area .nodata_area.type_search .nodata:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 100px;
    height: 100px;
    background-position: -283px -116px
}

.menu_box .list_menu {
    min-width: 1280px
}

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

.menu_box .list_menu .link_menu {
    display: block
}

.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
}

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

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

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

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

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

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

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

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

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

.main .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)
}

.main .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)
}

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

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

.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
}

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

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

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

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

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

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

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

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

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

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

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

.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
}

.menu_box .menu_type3 .thumb_area {
    display: none
}

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

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

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

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

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

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

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

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

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

.sns_section .list_tab {
    margin: -30px 0 30px;
    border-bottom: 1px solid #ebebeb
}

.sns_section .list_tab li {
    display: inline-block;
    position: relative;
    padding: 25px 0 20px;
    vertical-align: top;
    line-height: 27px
}

.sns_section .list_tab li+li:before {
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 0 20px;
    background-color: #f5f5f5;
    vertical-align: top;
    content: ""
}

.sns_section .list_tab .link_tab {
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #999;
    letter-spacing: -.9px;
    line-height: 21px;
    vertical-align: top
}

.sns_section .list_tab .link_tab:after {
    display: none;
    position: absolute;
    left: 0;
    bottom: -27px;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #333
}

.sns_section .list_tab [class^=logo_] {
    display: inline-block;
    vertical-align: top
}

.sns_section .list_tab .logo_blog {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 85px;
    height: 21px;
    background-position: -159px -132px
}

.sns_section .list_tab .logo_facebook {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 73px;
    height: 21px;
    background-position: -217px -383px
}

.sns_section .list_tab .logo_instagram {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 74px;
    height: 21px;
    background-position: -193px -353px
}

.sns_section .list_tab .is_active .link_tab {
    color: #333
}

.sns_section .list_tab .is_active .link_tab:after {
    display: block
}

.sns_section .list_tab .is_active .logo_blog {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 85px;
    height: 21px;
    background-position: -104px -353px
}

.sns_section .list_tab .is_active .logo_facebook {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 73px;
    height: 21px;
    background-position: -294px -383px
}

.sns_section .list_tab .is_active .logo_instagram {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 74px;
    height: 21px;
    background-position: -271px -353px
}

.sns_section .user_area {
    position: relative;
    margin: 40px 0
}

.sns_section .user_area .thumb {
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.sns_section .user_area .thumb:before {
    content: "";
    display: inline-block
}

.sns_section .user_area .thumb.ico_blog {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 48px;
    height: 47px;
    background-position: -530px -306px
}

.sns_section .user_area .thumb.ico_facebook {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 47px;
    height: 47px;
    background-position: -530px -357px
}

.sns_section .user_area .thumb.ico_instagram {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 47px;
    height: 47px;
    background-position: -530px -408px
}

.sns_section .user_area .info {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.sns_section .user_area .user_id {
    display: block;
    font-size: 20px;
    font-weight: 300;
    color: #333;
    line-height: 40px;
    letter-spacing: -1px
}

.sns_section .user_area .user_name {
    color: #999
}

.sns_section .user_area .link_button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #999;
    line-height: 38px
}

.sns_section .user_area .link_button:hover {
    -webkit-transition: top .2s;
    transition: top .2s;
    color: #fff
}

.sns_section .user_area .link_more_blog:hover {
    background-color: #00c73c;
    border: 1px solid #00c73c;
    -webkit-transition: .2s;
    transition: .2s
}

.sns_section .user_area .link_more_facebook:hover {
    background-color: #2d4c98;
    border: 1px solid #2d4c98;
    -webkit-transition: .2s;
    transition: .2s
}

.sns_section .user_area .link_more_instagram:hover {
    background-color: #d93175;
    border: 1px solid #d93175;
    -webkit-transition: .2s;
    transition: .2s
}

.sns_section .list_sns {
    margin-left: -17px
}

.sns_section .list_sns li {
    display: inline-block;
    width: 353px;
    margin: 0 0 51px 16px;
    vertical-align: top
}

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

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

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

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

.main .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)
}

.main .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)
}

.sns_section .list_sns .icon_movie {
    overflow: hidden;
    background-image: url(../img/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
}

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

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

.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
}

.sns_section .list_sns .from {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 12px;
    color: #999;
    line-height: 15px
}

.sns_section .list_sns .date {
    font-family: Roboto, Sans-serif
}

.sns_section .list_sns .date:before {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 2px 8px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.sns_section .list_sns .type_blog .title {
    display: block
}

.sns_section .list_sns .type_blog .name {
    color: #00ab37;
    letter-spacing: -.2px
}

.sns_section .list_sns .type_facebook .name {
    color: #4267b2
}

.sns_section .list_sns .type_instagram {
    height: 353px
}

.sns_section .list_sns .type_instagram .thumb {
    height: 353px
}

.sns_section .list_sns .type_instagram .from,
.sns_section .list_sns .type_instagram .info {
    display: none
}

.sns_section .list_sns .type_movie .icon_movie {
    display: block
}

.sns_section .list_sns .type_text .thumb {
    display: none
}

.sns_section .list_sns .type_text .info {
    margin-top: 0
}

.sns_section .list_sns .type_text.type_facebook .info {
    padding: 40px 40px 38px;
    background-color: #fafafa
}

.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
}

.sns_section .list_sns .type_text.type_blog .info {
    padding: 40px 40px 45px;
    background-color: #fafafa
}

.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
}

.sns_section .type_total .description {
    line-height: 28px
}

.sns_section .type_total .type_blog .thumb {
    height: 237px
}

.sns_section .type_total .type_blog .title {
    font-size: 15px;
    line-height: 28px
}

.sns_section .type_total .type_blog .description {
    font-size: 15px;
    max-height: 84px
}

.sns_section .type_total .type_blog .name {
    color: #333
}

.sns_section .type_total .type_facebook .thumb {
    height: 237px
}

.sns_section .type_total .type_facebook .description {
    max-height: 106px
}

.sns_section .type_total .type_facebook .name {
    color: #333
}

.sns_section .type_total .type_instagram {
    height: 398px
}

.sns_section .type_total .type_instagram .from {
    display: block
}

.sns_section .type_total .type_instagram .name {
    color: #333
}

.sns_section .list_instagram li {
    display: inline-block;
    width: 353px;
    margin: 0 0 20px 16px;
    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
}

.main .summary_btn_more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    letter-spacing: -.6px;
    text-align: left;
    color: #666
}

.main .summary_btn_more .text {
    vertical-align: middle
}

.main .summary_btn_more .icon {
    color: #999;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 2px;
    margin-bottom: -1px;
    font-weight: 700
}

.main .uio_title .icon_new {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 12px;
    height: 11px;
    background-position: -594px -461px;
    position: absolute;
    right: -18px;
    top: 6px
}

.main .slide_box {
    height: 355px;
    margin: 0
}

.main .slide_box img {
    display: block;
    width: 100%;
    height: 355px
}

.main .slide_box .swiper-container {
    height: 355px
}

.main .slide_box .swiper-slide {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    height: 355px
}

.main .slide_box .swiper-pagination {
    position: absolute;
    right: 38px;
    z-index: 300;
    bottom: 25px;
    height: 14px
}

.main .slide_box .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 2px 5px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.main .slide_box .swiper-active-switch {
    margin: 0 0 0 10px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #fff
}

.main .slide_box .btn_play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px
}

.main .slide_box .nicon_play2 {
    display: block;
    width: 60px;
    height: 60px;
    margin: 16px auto 0;
    border: 4px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    letter-spacing: -7px
}

.main .txt_summary {
    overflow: hidden
}

.main .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
}

.main .more_item .link_more {
    display: block
}

.main .more_item .icon {
    display: block;
    border-bottom: 1px solid #ebebeb;
    font-size: 60px;
    color: #666
}

.main .more_item .nicon_forward1 {
    padding: 80px 0 20px;
    margin: 0 46px 30px
}

.main .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
}

.main .more_item .text {
    display: block;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 22px;
    color: #333
}

.main .more_item .text>i {
    display: block;
    font-size: 12px;
    color: #bbb;
    letter-spacing: -.3px
}

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

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

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

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

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

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

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

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

.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
}

.area_custom {
    overflow: hidden
}

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

.area_custom .type .gallery_img {
    height: 353px
}

.area_custom .type .gallery_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.area_custom .area_text {
    overflow: hidden;
    margin-bottom: 45px
}

.area_custom .area_text .uio_btn_more {
    position: absolute;
    bottom: 0
}

.area_custom .txt_box {
    overflow: hidden
}

.area_custom .txt_box h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 34px
}

.area_custom .txt_box p {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 28px;
    color: #666
}

.section_spot {
    position: relative;
}

.dBody .section_spot {
    position: relative;
    padding-top: 90px;
}


.section_spot .spot_dimmed {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    background-color: #000
}

.ie8 .section_spot .spot_dimmed {
    display: none
}

.section_spot .spot_images {
    position: relative
}

.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
}

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

.section_spot .spot_images .btn_play {
    display: inline-block;
    margin-right: 24px;
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 65px;
    height: 66px;
    background-position: -278px -436px
}

.section_spot .spot_images.is_hide {
    display: none
}

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

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

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

.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: ""
}

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

.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
}

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

.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
}

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

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

.section_spot .is_center {
    width: 900px;
    margin-left: -450px;
    text-align: center
}

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

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

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

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

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

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

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

.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)
}

.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
}

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

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

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

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

.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
}

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

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

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

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

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

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

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

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

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

.section_spot.type_full .spot_homesite {
    text-align: center
}

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

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

.section_spot.type_full .spot_homesite.is_center .site_thumb {
    float: none;
    width: 120px;
    height: 120px
}

.section_spot.type_full .spot_homesite.is_center .site_description {
    margin: 0 auto
}

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

.section_spot.type_full .intro_box {
    margin-bottom: 80px
}

.section_spot.type_full .indicator {
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 100%;
    text-align: center;
    z-index: 10
}

.section_spot.type_full .indicator span,
.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%
}

.section_spot.type_full .indicator .is_active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.section_spot.is_sub {
    margin: -95px 0 50px
}

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

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

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

.intro_box {
    width: 1280px;
    margin: 0 auto
}

.intro_box .intro_section {
    position: relative;
    text-align: center
}

.intro_box .point_text {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.8px
}

.intro_box .text_intro {
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 0 217px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.89;
    letter-spacing: -.6px;
    color: #333;
    word-wrap: break-word;
    word-break: break-all
}

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

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

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

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

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

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

.board_box.col1 .info_area {
    height: 202px;
    padding: 20px 20px 28px
}

.board_box.col1 .txt {
    height: 102px
}

.board_box.col1 .info {
    position: absolute;
    left: 20px;
    bottom: 28px
}

.board_box.col2 .info_area,
.board_box.col3 .info_area {
    height: 190px;
    padding: 30px;
    margin-right: 230px;
    border-right: 1px solid #e5e5e5
}

.board_box.col2 .txt,
.board_box.col3 .txt {
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 190px;
    margin: 30px;
    font-size: 13px;
    line-height: 21px
}

.board_box.col2 .writer,
.board_box.col3 .writer {
    position: absolute;
    left: 30px;
    bottom: 30px
}

.board_box.col2 .writer+.bar,
.board_box.col3 .writer+.bar {
    position: absolute;
    left: 30px;
    bottom: 60px;
    width: 44px;
    height: 1px
}

.board_box.col3 .info_area {
    height: 150px;
    margin-right: 470px
}

.board_box.col3 .txt {
    width: 410px;
    height: 150px
}

.main .hub_section .list_area {
    margin-left: -16px
}

.main .hub_section .list_hub {
    margin-left: 0
}

.main .hub_section .list_hub>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    padding: 0;
    margin: 0 0 20px 15px
}

.main .hub_section .list_hub .more_item {
    height: 321px
}

.main .hub_section .hub {
    width: 100%;
    border: 0;
    margin-left: 0
}

.main .hub_section .hub_thumb {
    height: 173px;
    margin: 0
}

.main .hub_section .hub_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)
}

.main .hub_section .hub_thumb>img:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.main .hub_section .hub_container {
    padding: 20px;
    margin-top: -1px;
    border: 1px solid #ebebeb
}

.main .hub_section .spot_title {
    padding: 0;
    font-weight: 400;
    color: #111;
    line-height: 27px
}

.main .hub_section .url {
    font-family: Roboto, Sans-serif;
    color: #00c73c
}

.main .hub_section .nicon_m-share1 {
    margin-top: 1px;
    font-size: 14px;
    color: #00c73c;
    vertical-align: top
}

.main .hub_section .spot_description {
    height: auto;
    max-height: 45px;
    padding-right: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #666;
    line-height: 25px;
    letter-spacing: -1px
}

.gallery_box .uio_btn_more {
    display: block;
    width: 147px;
    height: 46px;
    margin: 32px auto 0;
    line-height: 46px
}

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

.gallery_box .list_gallery li.type_right .thumb_area:nth-of-type(1) {
    width: 564px
}

.gallery_box .list_gallery li.type_right .thumb_area:nth-of-type(2) {
    width: 336px
}

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

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

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

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

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

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

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

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

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

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

.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%
}

.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)
}

.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%
}

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

.banner_box .col2 .area_banner {
    width: 549px
}

.banner_box .col2 .area_banner:last-of-type {
    width: 550px
}

.banner_box .col3 .area_banner {
    width: 366px
}

.banner_box .area_banner {
    overflow: hidden;
    position: relative;
    float: left;
    width: 1100px;
    height: 211px;
    margin-bottom: 1px
}

.banner_box .area_banner+.area_banner {
    margin-left: 1px
}

.banner_box .banner_thumb {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center
}

.banner_box .banner_thumb:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    opacity: .4;
    content: ""
}

.ie8 .banner_box .banner_thumb:after {
    display: none
}

.banner_box .banner_thumb img {
    display: inline-block;
    margin: 0 -100%
}

.banner_box .banner_info {
    position: relative;
    padding: 40px 40px 0
}

.banner_box .text_info {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -.7px;
    color: #fff;
    line-height: 22px
}

.banner_box .link_connect {
    display: inline-block;
    overflow: hidden;
    height: 36px;
    padding: 0 15px;
    -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
}

.main .board_box .uio_title {
    margin-bottom: 40px
}

.main .board_box .item {
    position: relative;
    float: left;
    width: 353px
}

.main .board_box .item+.item {
    margin-left: 20px
}

.main .board_box .item:after {
    position: absolute;
    right: -20px;
    top: -31px;
    width: 20px;
    height: 1px;
    background-color: #fff;
    content: ""
}

.main .board_box .area_title {
    display: block;
    position: relative
}

.main .board_box .area_title span:nth-last-child(2) {
    padding-right: 35px
}

.main .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
}

.main .board_box .area_title .title>a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main .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
}

.main .board_box .area_title .comment_count {
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 14px;
    font-family: Roboto, Sans-serif;
    color: #ff2500
}

.main .board_box .area_title .comment_count .icon {
    margin-right: 4px;
    font-size: 11px;
    color: #999
}

.main .board_box .area_title .nicon_sound2 {
    font-size: 13px;
    color: #333
}

.main .board_box .area_title .nicon_secret2 {
    font-size: 11px;
    color: #999
}

.main .board_box .area_info .thumb {
    float: right;
    margin-left: 20px
}

.main .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
}

.main .board_box .area_info .text.secret {
    color: #bbb
}

.main .board_box .area_user {
    margin-top: 10px;
    font-size: 13px;
    color: #666
}

.main .board_box .area_user .date {
    font-family: Roboto, Sans-serif;
    color: #aaa
}

.main .board_box .area_user .date:before {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 5px 7px 0;
    background-color: #ebebeb;
    vertical-align: top;
    content: ""
}

.uio_box .nodata_section {
    display: table;
    width: 100%;
    height: 312px;
    background-color: #fbfbfb
}

.uio_box .nodata_section .nodata_inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.uio_box .nodata_section [class^=nicon] {
    display: block;
    margin-bottom: 20px;
    font-size: 40px;
    color: #eee
}

.uio_box .nodata_section .nicon_m-warning1 {
    font-size: 75px
}

.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
}

.uio_box .nodata_section .icon_adult .icon {
    font-size: 25px;
    color: #333;
    line-height: 60px
}

.uio_box .nodata_section .icon_adult .icon+.icon {
    margin-left: 4px
}

.uio_box .nodata_section .text {
    font-size: 20px;
    color: #666;
    letter-spacing: -1px;
    line-height: 29px
}

.store_section {
    background-color: #fff
}

.store_section .product_none {
    padding: 260px 0;
    text-align: center
}

.store_section .product_none:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 112px;
    height: 112px;
    background-position: -116px -159px;
    display: block;
    margin: 0 auto 20px;
    content: ""
}

.store_section .product_none .txt {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    letter-spacing: -.06em
}

.store_section .sorting_area {
    position: relative;
    margin-bottom: 47px
}

.store_section .category_area {
    display: inline-block;
    position: relative;
    margin-right: 30px
}

.store_section .category_area .btn_category {
    display: inline-block;
    padding-right: 6px;
    font-size: 15px;
    color: #999;
    letter-spacing: -.9px
}

.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
}

.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
}

.store_section .category_area .category_list li {
    font-size: 14px;
    color: #666;
    line-height: 29px
}

.store_section .category_area .category_list li:hover {
    color: #333
}

.store_section .category_area.selected .icon_arrow {
    border-top: 5px solid #444
}

.store_section .category_area.selected .btn_category {
    color: #444
}

.store_section .category_area.selected .category_list {
    display: block
}

.store_section .sort_list {
    position: absolute;
    right: 0;
    top: 0
}

.store_section .sort_list li {
    float: left;
    color: #666;
    letter-spacing: -.8px
}

.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
}

.store_section .sort_list li.selected {
    color: #111
}

.store_box .list_store {
    margin-left: -16px;
    font-size: 0
}

.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
}

.store_box .list_store .adult .thumb_area {
    position: relative;
    background-color: #fbfbfb
}

.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
}

.store_box .list_store .icon_adult .icon {
    font-size: 30px;
    color: #333;
    line-height: 80px
}

.store_box .list_store .icon_adult .icon+.icon {
    margin-left: 6px
}

.store_box .list_store .icon_label {
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 10px
}

.store_box .thumb_area {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 260px
}

.main .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)
}

.main .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)
}

.store_box .option_area {
    margin-top: 20px
}

.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
}

.store_box .icon_benefit+.icon_benefit {
    margin-left: 5px
}

.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
}

.store_box .percent_store {
    font-family: Roboto, Sans-serif;
    font-weight: 700;
    color: #ff434c
}

.store_box .price_area {
    margin-top: 3px;
    font-size: 18px;
    font-family: Roboto, Sans-serif;
    letter-spacing: .5px;
    color: #333
}

.store_box .price_area .discount_store {
    margin-right: 10px;
    font-weight: 700;
    color: #ccc;
    text-decoration: line-through
}

.store_box .price_area .sold_out_store {
    color: #666;
    letter-spacing: .3px
}

.store_box .review_area {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    font-family: Roboto, Sans-serif
}

.store_box .review_store {
    display: inline-block;
    font-size: 13px;
    color: #333;
    letter-spacing: -.5px
}

.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
}

.store_box .review_num {
    color: #f66;
    letter-spacing: 0
}

.store_box .review_percent {
    color: #999;
    letter-spacing: 0
}

.schedule_section .uio_title {
    margin-bottom: 0
}

.schedule_section .calendar_area {
    margin-top: -54px
}

.schedule_section .calendar_area .controls {
    position: relative;
    text-align: center
}

.schedule_section .calendar_area .controls .date_wrap {
    display: inline-block;
    position: relative;
    font-family: Roboto, Sans-serif;
    vertical-align: top
}

.schedule_section .calendar_area .controls .date,
.schedule_section .calendar_area .controls .date_bullet {
    font-size: 30px;
    color: #333;
    line-height: 1
}

.schedule_section .calendar_area .controls .date {
    border-bottom: 2px solid #ebebeb
}

.schedule_section .calendar_area .controls .date_bullet {
    margin: 0 -4px
}

.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)
}

.schedule_section .calendar_area .controls .date_list {
    display: block;
    margin-top: 10px;
    color: #999
}

.schedule_section .calendar_area .controls .date_list.selected,
.schedule_section .calendar_area .controls .date_list:hover {
    color: #000
}

.schedule_section .calendar_area .controls .date_bullet {
    display: inline-block
}

.schedule_section .calendar_area .controls .calendar_btn_area {
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 0
}

.schedule_section .calendar_area .controls .btn_reg_scd,
.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
}

.schedule_section .calendar_area .controls .btn_today {
    border: 1px solid #ddd
}

.schedule_section .calendar_area .controls .btn_today+.btn_reg_scd {
    margin-left: 8px
}

.schedule_section .calendar_area .controls .btn_reg_scd {
    color: #fff
}

.schedule_section .calendar_area .controls .btn_prev_month {
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -128px
}

.schedule_section .calendar_area .controls .btn_prev_month .nicon_backward2 {
    font-size: 30px;
    color: #cdcdcd;
    font-weight: 700
}

.schedule_section .calendar_area .controls .btn_next_month {
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: 96px
}

.schedule_section .calendar_area .controls .btn_next_month .nicon_forward2 {
    font-size: 30px;
    color: #cdcdcd;
    font-weight: 700
}

.schedule_section .calendar_area .day_container {
    margin-top: 32px;
    border-top: 1px solid #ddd
}

.schedule_section .calendar_area .day_container .dayofweek {
    overflow: hidden
}

.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
}

.schedule_section .calendar_area .day_container .dayofweek .day.holiday {
    color: #f92424
}

.schedule_section .calendar_area .day_container .days {
    border-bottom: 1px solid #ebebeb
}

.schedule_section .calendar_area .day_container .days .day_wrap {
    float: left;
    width: 14.285714%;
    height: 110px
}

.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
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num .num {
    font-family: Roboto, Sans-serif
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num.another_month {
    color: #ccc
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num.another_month.holiday {
    color: #f89d9d
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num.holiday {
    color: #f92424
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num.today {
    border-right-color: #fafafa;
    border-bottom-color: #fafafa;
    background: #fafafa
}

.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
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num.first {
    border-left-color: #fff
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num.first_week {
    border-top-color: #ebebeb
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num .theme_border {
    display: none
}

.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: ""
}

.schedule_section .calendar_area .day_container .days .day_wrap .day_num .scd_area {
    display: inline
}

.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
}

.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
}

.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
}

.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
}

.schedule_section .calendar_area .day_container .days:after {
    display: block;
    clear: both;
    content: ""
}

.schedule_section .scd_list_area {
    margin-top: 40px
}

.schedule_section .scd_list_area .scd_list li {
    padding: 25px 20px 24px;
    border-width: 1px 0 0;
    border-style: solid;
    background: #fff
}

.schedule_section .scd_list_area .scd_list li~li {
    margin-top: 30px
}

.schedule_section .scd_list_area .scd_list li .info .nicon_notice3 {
    font-size: 14px;
    color: #333
}

.schedule_section .scd_list_area .scd_list li .info .datetime {
    font-size: 16px;
    font-weight: 600;
    color: #20232c;
    letter-spacing: -.5px
}

.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
}

.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
}

.schedule_section .scd_list_area .scd_list li .btn_area>a.btn_notice {
    width: 90px
}

.schedule_section .scd_list_area .scd_list li .btn_area>a+a {
    margin-left: 4px
}

.schedule_section .scd_list_area .scd_list li.notice {
    position: relative;
    padding: 30px 190px 40px 43px
}

.schedule_section .scd_list_area .scd_list li.notice.theme_border {
    border-bottom: 1px solid #ebebeb !important
}

.schedule_section .scd_list_area .scd_list li.notice.none {
    padding: 53px 0;
    border-bottom: 0 !important;
    background: #fafafa
}

.schedule_section .scd_list_area .scd_list li.notice.none .txt {
    font-size: 15px;
    line-height: 1.87;
    color: #333;
    text-align: center
}

.schedule_section .scd_list_area .scd_list li.notice.none .btn_area {
    position: static;
    margin: 9px 0 0 0
}

.schedule_section .scd_list_area .scd_list li.notice.none .btn_area a {
    width: 90px
}

.schedule_section .scd_list_area .scd_list li.notice .info {
    position: absolute;
    top: 39px;
    left: 10px
}

.schedule_section .scd_list_area .scd_list li.notice .btn_area {
    position: absolute;
    top: 30px;
    right: 10px;
    margin-top: 0
}

.layer_schedule_view {
    position: relative;
    width: 640px
}

.layer_schedule_view .ly_sc .ly_tit {
    padding: 10px 190px 30px 0;
    font-size: 20px;
    letter-spacing: 0
}

.layer_schedule_view .ly_sc .ly_tit .day {
    font-size: 19px;
    color: #999;
    letter-spacing: -1px
}

.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
}

.layer_schedule_view .ly_sc .ly_tit .btn_area {
    top: 37px;
    right: 40px
}

.layer_schedule_view .ly_sc .ly_cont {
    overflow-y: auto;
    height: 430px
}

.layer_schedule_view .ly_sc .schedule_list {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #ebebeb
}

.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
}

.layer_schedule_view .ly_sc .schedule_list .btn_area {
    top: 30px;
    right: 0
}

.layer_schedule_view .ly_sc .datetime {
    font-family: Roboto, Sans-serif;
    font-size: 13px;
    color: #9b9b9b
}

.layer_schedule_view .ly_sc .datetime .nicon_time4 {
    margin-right: 2px;
    font-size: 12px;
    color: #c7ccd4;
    vertical-align: -2px
}

.layer_schedule_view .ly_sc .btn_delete,
.layer_schedule_view .ly_sc .btn_modify {
    padding: 5px;
    letter-spacing: -.8px;
    color: #666
}

.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
}

.layer_schedule_view .btn_area {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0
}

.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
}

.layer_schedule_view .btn_area .btn.theme_background {
    border: 0;
    color: #fff
}

.row {
    font-size: 0;
    white-space: nowrap
}

.layer_schedule_write {
    position: relative;
    width: 640px
}

.layer_schedule_write .input_box {
    display: inline-block;
    position: relative;
    width: 116px;
    font-size: 13px;
    vertical-align: top
}

.layer_schedule_write .input_box~.input_box {
    margin-left: 8px
}

.layer_schedule_write .input_box select {
    width: 100%;
    height: 34px;
    border-color: #ddd;
    color: #111
}

.layer_schedule_write .input_box select:focus {
    outline: 0
}

.layer_schedule_write .input_box select:disabled {
    border-color: #ebebeb;
    background: #f9f9f9;
    color: #ccc
}

.layer_schedule_write .input_box.selected .icon_arrow {
    border-top: 5px solid #333
}

.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)
}

.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
}

.layer_schedule_write .ly_sc .ly_cont .item {
    position: relative;
    height: 230px;
    margin-top: 10px;
    border: 1px solid #d8d8d8
}

.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
}

.layer_schedule_write .ly_sc .ly_cont .item textarea:-moz-placeholder,
.layer_schedule_write .ly_sc .ly_cont .item textarea:-ms-input-placeholder,
.layer_schedule_write .ly_sc .ly_cont .item textarea::-moz-placeholder,
.layer_schedule_write .ly_sc .ly_cont .item textarea::-webkit-input-placeholder {
    color: #999
}

.layer_schedule_write .ly_sc .ly_cont .item .limit {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #999
}

.layer_schedule_write .ly_sc .ly_cont .item .limit .num {
    color: #4990e2
}

.layer_schedule_write .ly_sc .ly_cont .item .limit .num.disabled {
    color: #999
}

.layer_schedule_write .ly_sc .ly_cont .set_option .row:after {
    display: block;
    clear: both;
    content: ""
}

.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
}

.layer_schedule_write .ly_sc .ly_cont .set_option .row .btn_all_time.active {
    border: solid 1px #4990e2;
    color: #4990e2
}

.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
}

.layer_schedule_write .btn_area {
    margin: 0;
    padding-top: 20px;
    border: 0;
    font-size: 0
}

.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
}

.layer_schedule_write .btn_area .btn.theme_background {
    border: 0;
    color: #fff
}

.layer_schedule_write .btn_area .btn+.btn {
    margin-left: 8px
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    position: relative;
    height: 34px;
    border: 1px solid #d7d8dd;
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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: ""
}

.btn_area .selectric {
    border: 1px solid rgba(0, 0, 0, .2)
}

.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
}

.btn_area .selectric .label {
    height: inherit;
    line-height: inherit
}

.selectric-open {
    z-index: 9999
}

.selectric-open .button:after {
    border-top: 5px solid #333
}

.selectric-open .selectric-items {
    display: block;
    text-align: left
}

.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
}

.selectric-disabled .selectric {
    background: #f9f9f9
}

.selectric-disabled .label {
    color: #ccc
}

.selectric-hide-select {
    overflow: hidden;
    position: relative;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    display: none;
    position: absolute;
    left: -100%
}

.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
}

.selectric-temp-show {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important
}

.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)
}

.selectric-items .selectric-scroll {
    overflow: auto;
    height: 100%
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li,
.selectric-items ul {
    line-height: 29px
}

.selectric-items ul {
    padding: 12px 0
}

.selectric-items li {
    display: block;
    padding: 0 9px;
    color: #222;
    cursor: pointer
}

.selectric-items li:hover {
    color: #4990e2
}

.selectric-items li:first-child {
    color: #999
}

.selectric-items li:first-child:hover {
    color: #999
}

.selectric-items li.selected {
    color: #4990e2
}

.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
}

.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
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.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
}

.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)
}

.input_box .xdsoft_datetimepicker .xdsoft_label {
    display: inline-block;
    float: none;
    padding: 6px 0 6px 10px
}

.input_box .xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: none
}

.input_box .xdsoft_datetimepicker .xdsoft_label .label_text {
    font-weight: 700
}

.input_box .xdsoft_datetimepicker .xdsoft_label .icon_arrow {
    right: 4px;
    color: #999
}

.input_box .xdsoft_datetimepicker .xdsoft_label .xdsoft_select {
    top: 32px;
    width: inherit;
    text-align: center
}

.input_box .xdsoft_datetimepicker .xdsoft_label .xdsoft_select.xdsoft_yearselect {
    right: -1px
}

.input_box .xdsoft_datetimepicker .xdsoft_label .xdsoft_select.xdsoft_monthselect {
    right: -1px
}

.input_box .xdsoft_datetimepicker .xdsoft_month,
.input_box .xdsoft_datetimepicker .xdsoft_year {
    position: absolute;
    top: 0;
    width: auto;
    border: 1px solid #ddd;
    text-align: left
}

.input_box .xdsoft_datetimepicker .xdsoft_year {
    width: 64px;
    left: 57px;
    margin-left: 0
}

.input_box .xdsoft_datetimepicker .xdsoft_month {
    width: 47px;
    left: 120px
}

.input_box .xdsoft_datetimepicker .xdsoft_next,
.input_box .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
}

.input_box .xdsoft_datetimepicker .xdsoft_prev {
    left: 18px
}

.input_box .xdsoft_datetimepicker .xdsoft_next {
    right: 18px
}

.input_box .xdsoft_datetimepicker .xdsoft_datepicker {
    margin-left: 0
}

.input_box .xdsoft_datetimepicker .xdsoft_mounthpicker {
    text-align: left
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar {
    padding-top: 12px
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td,
.input_box .xdsoft_datetimepicker .xdsoft_calendar th {
    border: 0;
    background: 0 0;
    text-align: center
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 400;
    color: #a1a1a1
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td {
    font-family: Roboto, Sans-serif;
    color: #222
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 0
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.input_box .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
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current>div {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-color: #4990e2;
    color: #fff;
    line-height: 24px
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background: 0 0 !important;
    color: #4990e2 !important
}

.input_box .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    opacity: 1;
    color: #ccc
}

.main .calendar_area {
    padding: 0 21px;
    background-color: #fff
}

.main .scd_list_area.main_type {
    display: block
}

.scd_list_area.main_type {
    display: none;
    margin: 10px 0 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.scd_list_area.main_type .notice {
    position: relative
}

.scd_list_area.main_type .notice>a {
    display: block;
    padding: 21px 20px 22px 76px
}

.scd_list_area.main_type .notice .info {
    position: absolute;
    left: 20px;
    top: 26px
}

.scd_list_area.main_type .notice .info .ic {
    display: block
}

.scd_list_area.main_type .notice .txt {
    font-size: 12px;
    color: #888;
    line-height: 20px;
    letter-spacing: -.25px
}

.scd_list_area.main_type .notice .txt .tit {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    letter-spacing: -.5px
}

.horizontal .main_type.scd_list_area .notice .ic {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 36px;
    height: 36px;
    background-position: -346px -545px
}

.main_type.scd_list_area .notice .ic {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 36px;
    height: 36px;
    background-position: -306px -545px
}

.editor .schedule_area {
    display: none
}

.main .adult_area {
    min-height: 387px;
    margin-top: 18px;
    background-color: #fff
}

.adult_area {
    padding: 206px 0;
    text-align: center
}

.adult_area .ic_adult {
    display: inline-block
}

.adult_area .tx_adult {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 33px;
    color: #666
}

.adult_area [class*=btn_] {
    height: 36px;
    padding: 0 22px;
    margin: 0 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: -.9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    color: #fff
}

.adult_area .btn_adult {
    background-color: #ff2500
}

.adult_area .btn_minor {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666
}

.adult_area .icon_adult {
    width: 90px;
    height: 90px;
    border: 3px solid #ff2500;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 22px
}

.adult_area .icon_adult .icon {
    font-size: 30px;
    color: #333;
    line-height: 90px
}

.adult_area .icon_adult .icon+.icon {
    margin-left: 0
}

.gray_line {
    border-bottom: 1px solid #efefef
}

.tx_inquiry {
    position: relative;
    padding: 28px 19px 0;
    font-size: 15px;
    text-align: left;
    color: #888
}

.tx_inquiry .ic_v {
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 8px;
    height: 6px;
    background-position: -14px -321px;
    line-height: 1000px
}

.lst_inquiry {
    margin-top: -2px;
    padding: 0 20px
}

.lst_inquiry li {
    position: relative;
    margin-top: 28px
}

.lst_inquiry li:after {
    display: block;
    clear: both;
    content: ""
}

.lst_inquiry li ul {
    overflow: hidden;
    margin: -5px 0 -7px
}

.lst_inquiry li ul li {
    padding: 19px 0 0
}

.lst_inquiry li ul label {
    display: inline-block;
    margin: -1px 0 0 0;
    font-size: 15px;
    font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
    color: #666;
    vertical-align: -4px
}

.lst_inquiry li .tx {
    position: relative;
    margin-bottom: 6px;
    font-size: 15px;
    color: #222;
    line-height: 18px
}

.lst_inquiry li .tx .required,
.tx_inquiry .required {
    display: inline-block;
    overflow: hidden;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ef2c2c;
    line-height: 1000px;
    vertical-align: middle
}

.tx_inquiry .required {
    margin-right: 0
}

.lst_inquiry li .tx .required {
    vertical-align: 8px
}

.lst_inquiry li .ic_v {
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 6px;
    margin: -2px 0 2px -1px;
    background-position: -14px -321px;
    line-height: 1000px;
    vertical-align: middle
}

.lst_inquiry .sc {
    display: block;
    position: relative;
    width: 100%
}

.lst_inquiry .bd_sc .sel {
    position: relative;
    left: 0;
    width: auto;
    border: 1px solid #d0d0d0
}

.lst_inquiry .bd_sc .sel:before {
    right: 8px;
    background-color: #aaa
}

.lst_inquiry .sc .sc_tx {
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #d4d4d7;
    line-height: 33px
}

.lst_inquiry .sc .input_txt {
    width: 100%;
    height: 33px;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 15px;
    font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
    vertical-align: top;
    -webkit-appearance: none
}

.lst_inquiry .inquiry_txbox .sc .sc_tx {
    padding: 10px
}

.lst_inquiry .sc .text_area {
    overflow-x: hidden;
    overflow-y: auto;
    height: 290px;
    font-size: 15px;
    font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
    line-height: 20px
}

.lst_inquiry .sc .text_area[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: #bbb
}

.lst_inquiry .sc .text_area .photo_img {
    margin: 0
}

.lst_inquiry .sc textarea {
    overflow: hidden;
    width: 100%;
    margin: 0;
    border: none;
    resize: none;
    font-size: 15px;
    font-family: helveticaneue-light, applesdgothicneo-light, sans-serif-light;
    line-height: 20px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    vertical-align: top
}

.lst_inquiry .sc_time .sc_tx {
    padding: 0;
    border: 0
}

.lst_inquiry .sc_time .time_sel {
    overflow: hidden;
    display: block;
    width: 100%
}

.lst_inquiry .sc_time .area {
    width: 33.3%;
    float: left;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lst_inquiry .sc_time .area:first-child {
    padding-left: 0
}

.lst_inquiry .sc_time .time_sel .area {
    width: 50%
}

.lst_inquiry .sc_time .input_txt {
    width: 100%;
    text-indent: 10px;
    border: 1px solid #d0d0d0
}

.narrow .lst_inquiry .sc_time .input_txt,
.wide .lst_inquiry .sc_time .input_txt {
    text-indent: 5px
}

.lst_inquiry .sc_time .sel {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0;
    border: 1px solid #d0d0d0;
    font-size: 15px;
    color: #666
}

.lst_inquiry .sc_time .sel button,
.lst_inquiry .sc_time .sel input {
    display: block;
    width: 100%;
    height: 33px;
    padding: 0 10px;
    border: 0 none;
    background: 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 15px;
    color: #666;
    text-align: left;
    cursor: pointer
}

.lst_inquiry .sc_time .sel select {
    width: 100%;
    height: 33px;
    background: #fafafa;
    border: 0;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    -webkit-appearance: none
}

.lst_inquiry .sc_time .sel select::-ms-expand {
    display: none
}

.lst_inquiry .sc_time .sel:before {
    position: absolute;
    top: 16px;
    right: 8px;
    background-color: #aaa;
    content: ""
}

.lst_inquiry .sc_time .time_area {
    overflow: hidden;
    float: right
}

.lst_inquiry .sc_time .time_area .sc_tx {
    float: left;
    padding-left: 0;
    width: 33px
}

.lst_inquiry .sc_time .time_area .sc_tx input {
    text-align: center
}

.lst_inquiry .sc_time .col {
    float: left;
    width: 10px;
    margin-top: 6px;
    text-align: center
}

.lst_inquiry .sc .readonly {
    color: #d3d3d3
}

.lst_inquiry .bd_sc {
    overflow: hidden;
    position: relative;
    float: left;
    height: auto;
    width: 100%;
    height: 35px;
    padding: 0;
    border: 0
}

.lst_inquiry .bd_sc .sel select {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #666
}

.lst_inquiry .bd_sc .sel select::-ms-expand {
    display: none
}

.lst_inquiry .lst_type li {
    position: relative;
    float: left;
    width: 50%;
    min-height: 26px;
    margin: 3px 0;
    padding: 0 4px 0 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lst_inquiry .lst_type li input {
    position: absolute;
    left: 0;
    top: 2px
}

.lst_inquiry .lst_type.v2 li {
    float: none;
    width: auto
}

.inquiry_area .btn_more {
    position: absolute;
    top: 17px;
    right: 20px;
    padding-right: 10px;
    font-size: 14px;
    color: #4f7ce6
}

.inquiry_area .btn_more:after {
    overflow: hidden;
    background-image: url(../img/sp_m_9ef64f.png);
    width: 12px;
    height: 20px;
    background-position: -1422px -1143px;
    position: absolute;
    top: 3px;
    right: 0;
    content: ""
}

.inquiry_area .b_r_off {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#c6c6c6), to(#bebebe)) !important
}

.ly_cont .tx_agree {
    margin: 16px 18px 14px;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 25px;
    color: #555;
    word-wrap: break-word;
    word-break: break-all
}

input.ckbox {
    overflow: hidden;
    background-image: url(../img/sp_m_9ef64f.png);
    width: 40px;
    height: 40px;
    background-position: -1128px -266px;
    overflow: hidden;
    margin-right: 4px;
    border: 0 none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-appearance: none
}

input.ckbox.ckbox_on {
    overflow: hidden;
    background-image: url(../img/sp_m_9ef64f.png);
    width: 40px;
    height: 40px;
    background-position: -552px -430px
}

input.ckbox+label {
    vertical-align: middle
}

.ckbox2 {
    width: 13px;
    height: 8px;
    margin-top: -2px;
    background-position: -80px -370px;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    vertical-align: middle
}

.inquiry_area .nonuse {
    display: none;
    background-color: #aaa;
    filter: Alpha(opacity=80);
    opacity: .8;
    -moz-opacity: .8;
    width: 99%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-left: 0
}

.ly_cont .privacy_ex {
    padding: 0 29px 5px;
    margin-top: -2px;
    letter-spacing: -.5px
}

.ly_cont .privacy_ex dt {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #20232c
}

.ly_cont .privacy_ex dd {
    margin: 0 15px 23px;
    font-size: 12px;
    color: #666;
    line-height: 21px
}

.inquiry_area .list_area .no_data_v2 {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    padding: 184px 30px 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.inquiry_area .list_area .no_data:after {
    display: none
}

.inquiry_area .list_area .no_data p {
    position: relative;
    margin-top: 15px;
    font-size: 17px;
    line-height: 25px
}

.inquiry_area .list_area .no_data p:before {
    overflow: hidden;
    background-image: url(../img/sp_m_9ef64f.png);
    width: 134px;
    height: 140px;
    background-position: -152px -430px;
    margin-left: -67px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -90px;
    content: ""
}

.inquiry_area .txt {
    padding: 10px 12px;
    margin: 10px 20px;
    border: 1px solid #e4e4e4;
    background-color: #fafafa;
    font-size: 14px;
    color: #666;
    line-height: 18px
}

.inquiry_area.disable .txt {
    color: #999
}

.noti_area {
    padding: 10px 12px;
    margin: 10px 20px;
    border: 1px solid #e4e4e4;
    background-color: #fafafa
}

.noti_area.disable .tit,
.noti_area.disable .txt {
    color: #999
}

.noti_area .tit {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    letter-spacing: -.5px
}

.noti_area .txt {
    font-size: 13px;
    color: #666;
    line-height: 18px
}

.lst_inquiry .photo_upload:after {
    display: block;
    clear: both;
    content: ""
}

.lst_inquiry .photo_upload .photo_list {
    margin: 0
}

.tit_lst {
    padding: 23px 0 3px 13px;
    font-size: 20px;
    line-height: 23px;
    color: #000
}

.lst_guide {
    padding: 30px 0 30px 30px
}

.lst_guide li {
    color: #666;
    line-height: 2
}

.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: ""
}

.content_view .inquiry_list li {
    padding: 16px 10px 15px;
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 2;
    letter-spacing: -.8px
}

.content_view .inquiry_list li:first-child {
    border-top: 0
}

.content_view .inquiry_list li:after {
    display: block;
    clear: both;
    content: ""
}

.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
}

.content_view .inquiry_list li .cont {
    overflow: hidden;
    display: block;
    word-break: break-all;
    word-wrap: break-word
}

.content_view .inquiry_list li .no_data {
    color: #ccc
}

.content_view .inquiry_list li .btn_booking {
    position: relative;
    margin-left: 2px;
    font-size: 19px;
    color: #00c930;
    vertical-align: -4px
}

.content_view .inquiry_list li .btn_booking:hover .tooltip_area {
    display: block;
    margin-left: -22px;
    z-index: 1
}

.content_view .inquiry_list li .btn_booking .tooltip_area {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    text-align: center
}

.detail_tx {
    margin: 0 15px;
    line-height: 20px
}

.tx_c {
    text-align: center
}

.tx_r {
    text-align: right
}

.tx_j {
    text-align: justify
}

.tx_s1 {
    padding-top: 9px;
    font-size: 16px;
    line-height: 24px
}

.tx_s1 strong {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px
}

.tx_s2 {
    padding-top: 9px;
    font-size: 17px;
    line-height: 25px
}

.tx_s2 strong {
    font-size: 19px;
    line-height: 26px
}

.tx_s3 {
    padding-top: 9px;
    font-size: 20px;
    line-height: 27px
}

.tx_s3 strong {
    font-size: 20px;
    line-height: 27px
}

.tx_s4 {
    font-size: 18px
}

.tx_s5 {
    padding-top: 9px;
    margin: 0 17px 0 15px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.tx_s6 {
    padding-top: 9px;
    margin: 0 30px 0 15px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700
}

.tx_s7 {
    padding-top: 9px;
    margin: 0 18px 0 15px;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700
}

.tx_r.tx_s5 {
    margin: 0 15px 0 17px
}

.tx_r.tx_s6 {
    margin: 0 15px 0 30px
}

.tx_r.tx_s7 {
    margin: 0 15px 0 18px
}

.tx_c.tx_s5 {
    margin: 0 16px
}

.tx_c.tx_s6 {
    margin: 0 22px
}

.tx_c.tx_s7 {
    margin: 0 17px
}

.wide .tx_r.tx_s5 {
    margin: 0 15px 0 18px
}

.wide .tx_r.tx_s6 {
    margin: 0 15px 0 30px
}

.wide .tx_r.tx_s7 {
    margin: 0 15px 0 16px
}

.wide .tx_c.tx_s5 {
    margin: 0 17px 0 16px
}

.wide .tx_c.tx_s6 {
    margin: 0 22px
}

.wide .tx_c.tx_s7 {
    margin: 0 15px
}

.wide .tx_s5 {
    margin: 0 18px 0 15px
}

.wide .tx_s6 {
    margin: 0 30px 0 15px
}

.wide .tx_s7 {
    margin: 0 15px
}

.tx_s5.m_b1,
.tx_s6.m_b1,
.tx_s7.m_b1 {
    padding-bottom: 8px !important
}

.tx_s1.m_b1,
.tx_s2.m_b1,
.tx_s3.m_b1 {
    padding-bottom: 10px !important
}

.m_b1 {
    padding-bottom: 20px
}

.m_t {
    padding-top: 0
}

.detail_tx .t {
    overflow: hidden;
    white-space: nowrap;
    color: #28282e
}

.detail_tx .t.v2 {
    margin: 0 0 -4px;
    padding-top: 11px;
    font-size: 15px
}

.detail_tx .tit {
    padding-top: 27px;
    font-size: 25px;
    color: #333539;
    font-weight: 400
}

.detail_tx .tx {
    color: #28282e;
    word-break: break-all
}

.detail_tx .tx.v2 {
    color: #666;
    word-break: break-all;
    padding: 15px 0
}

.detail_tx .tx strong {
    color: #4dadbb
}

.detail_tx_v2 {
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: left
}

.detail_tx_v2.v2 {
    right: 20px;
    text-align: right
}

.detail_tx_v2 h4 {
    margin-bottom: 12px;
    font-size: 25px;
    color: #333539;
    text-decoration: underline
}

.detail_tx_v2 p {
    font-size: 13px;
    color: #666
}

.main .blocked_page_area {
    padding: 206px 20px
}

.blocked_page_area {
    padding: 206px 0;
    background-color: #fff;
    text-align: center
}

.blocked_page_area .txt {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 35px;
    color: #666
}

.blocked_page_area .txt strong {
    font-weight: 400;
    color: #ccc
}

.blocked_page_area .txt .nicon {
    display: block;
    margin-bottom: 9px;
    font-size: 50px;
    color: #eee
}

.blocked_page_area .text_notice {
    font-size: 13px;
    color: #666;
    line-height: 19px
}

.blocked_page_area .text_notice .link_modoo {
    text-decoration: underline;
    color: #00c73c
}


.ly_type {
    border: 2px solid #222;
    background: #fff
}

.ly_type .sp {
    background-image: url(../img/sp_common.png);
    background-repeat: no-repeat
}

.ly_type .ly_title h2 {
    padding: 25px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -.05em;
    color: #000;
    background: #f7f7f7;
    border-bottom: 1px solid #ebebeb
}

.ly_type .btn_cls {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 21px;
    height: 21px;
    background-position: -264px -120px;
    position: absolute;
    right: 25px;
    top: 25px;
    line-height: 1000px
}

.ly_type .ly_content {
    padding-top: 30px
}

.ly_type .btn_area {
    margin: 20px 0;
    text-align: center
}

.accusation {
    width: 385px;
    padding: 10px 0 0;
    margin: 0 auto;
    border: 1px solid #d0d0d0
}

.accusation .infomation {
    overflow: hidden;
    padding: 0 15px
}

.accusation .infomation dt {
    float: left;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px 4px 0
}

.accusation .infomation dd {
    overflow: hidden;
    padding: 5px 0 4px;
    font-size: 13px
}

.accusation .infomation dd .rdo {
    width: 22px;
    height: 23px;
    vertical-align: top
}

.accusation .infomation .option {
    display: block;
    position: relative;
    margin: 10px 0;
    padding: 0 0 0 25px;
    line-height: 18px
}

.accusation .infomation .option .rdo {
    position: absolute;
    top: 0;
    left: 0
}

.accusation .reason {
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #eef0f3
}

.accusation .reason dt {
    float: none;
    padding: 0
}

.accusation .reason dd {
    padding: 0;
    margin-top: -4px
}

.accusation .reason textarea {
    width: 300px;
    height: 50px;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #e5e5e5;
    resize: none
}

.accusation .notice {
    position: relative;
    margin: 10px 0 0;
    padding: 20px;
    color: #666;
    letter-spacing: -.05em;
    background: #fafafa
}

.accusation .notice h3 {
    margin: 0 0 8px;
    color: #222
}

.accusation .notice h4 {
    margin: 0 0 8px;
    color: #222
}

.accusation .notice p {
    color: #7e7e7f;
    line-height: 20px;
    margin: 0 0 10px
}

.accusation .notice li {
    position: relative;
    padding: 0 0 0 8px;
    margin: 0 0 5px;
    background: 0 0
}

.accusation .notice li a {
    text-decoration: underline
}

.accusation .notice li .ic {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    background-position: -25px 0
}

.accusation .notice .rule {
    position: absolute;
    top: 18px;
    right: 18px;
    color: #00cf00;
    text-decoration: underline
}

.accusation .notice .notice_link {
    text-decoration: underline
}

.ly_type .btn_area {
    margin: 20px 0;
    text-align: center
}

.ly_type .btn_area .btn {
    display: inline-block;
    height: 32px;
    margin: 0 3px;
    padding: 0 29px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: #fefefe;
    line-height: 32px
}

.ly_type .btn_area .btn_accusat {
    background: #00cf00;
    color: #fff
}

.ly_authority {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.ly_authority * {
    font-family: "나눔고딕", NanumGothic, "돋움", Dotum, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
    letter-spacing: -.05em
}

.ly_authority .message_area {
    position: relative;
    padding: 55px 0 40px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    background: #01c73c;
    text-align: center
}

.ly_authority .message_area .txt_title.title1 {
    width: 287px;
    height: 47px;
    margin: 0 auto 34px;
    background-position: 0 -23px
}

.ly_authority .message_area .txt_title.title2 {
    width: 260px;
    height: 46px;
    margin: 0 auto 33px;
    background-position: 0 -80px
}

.ly_authority .message_area .txt_title.title3 {
    width: 373px;
    height: 47px;
    margin: 0 auto 16px;
    background-position: 0 -136px
}

.ly_authority .message_area .txt_big {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -.55px;
    line-height: 38px
}

.ly_authority .message_area .txt_big.v2 {
    margin-bottom: 31px
}

.ly_authority .message_area .txt_normal {
    display: block;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.55px;
    line-height: 22px
}

.ly_authority .message_area .txt_url {
    display: block;
    font-size: 15px;
    color: #fff;
    text-decoration: underline
}

.ly_authority .message_area .txt_memo {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #06561d;
    letter-spacing: -.3px
}

.ly_authority .message_area .btn_wrap {
    margin-top: 30px;
    text-align: center
}

.ly_authority .message_area .btn_wrap .btn {
    display: inline-block;
    width: 117px;
    height: 38px;
    margin: 0 1px;
    border: 1px solid #fff;
    -webkit-border-radius: 38px;
    border-radius: 38px;
    background: #fff;
    font-size: 16px;
    color: #222;
    letter-spacing: -.35px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ly_authority .message_area .btn_wrap .btn:focus,
.ly_authority .message_area .btn_wrap .btn:hover {
    text-decoration: none
}

.ly_authority .message_area .btn_wrap .btn_cancel {
    border: 1px solid #b3eec5;
    background: #13cb4a;
    color: #fff
}

.ly_authority .message_area .edge {
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    width: 21px;
    height: 11px;
    margin-left: -10px
}

.ly_authority .message_area.v2 {
    padding: 73px 0 91px
}

.ly_authority .content_area {
    position: relative;
    padding: 30px 40px
}

.ly_authority .content_area.v2 {
    padding: 30px 59px
}

.ly_authority .btn_area {
    overflow: hidden;
    height: 54px;
    margin-top: 0;
    border-top: 1px solid #dce0e2;
    line-height: 54px;
    text-align: center
}

.ly_authority .btn_area .btn {
    display: block;
    width: 100%;
    height: 54px;
    font-size: 16px;
    letter-spacing: -.35px
}

.ly_authority .btn_area .btn:focus,
.ly_authority .btn_area .btn:hover {
    text-decoration: none
}

.ly_authority .btn_area .btn_color_white {
    background: #fff;
    color: #b6b7b9
}

.ly_authority .btn_area .btn_color_gray {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #e8ebee;
    color: #222
}

.ly_authority .btn_area.v2 .btn {
    float: left;
    width: 50%
}

.ly_authority .btn_area.v2 .btn_color_white {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.ly_authority .btn_area.v2 .btn_color_gray {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.ly_authority .profile_img {
    position: relative;
    margin: 0 auto
}

.ly_authority .profile_img .mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.ly_authority .message_area .profile_img {
    width: 72px;
    height: 72px;
    margin-bottom: 15px
}

.ly_authority .content_area .profile_img {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 70px;
    height: 70px;
    margin-top: -35px
}

.ly_authority .profile_img.v2 {
    top: -35px;
    left: 50%;
    margin-top: 0;
    margin-left: -35px
}

.ly_authority .profile_img.v2 .mask {
    background-position: -378px -105px
}

.ly_authority .message_wrap {
    margin-left: 90px
}

.ly_authority .message_wrap .user_message {
    overflow-y: auto;
    max-height: 88px;
    font-size: 15px;
    color: #35363a;
    line-height: 22px
}

.ly_authority .message_wrap .user_id {
    display: block;
    margin-top: 8px;
    font-size: 11px;
    color: #a9a9a9
}

.ly_authority .sms_message {
    font-size: 14px;
    color: #35363a;
    letter-spacing: -.35px;
    line-height: 23px
}

.ly_authority .sms_message em {
    color: #c1c8cd
}

.ly_authority .textarea_box textarea {
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    padding: 5px;
    border: none;
    font-size: 15px;
    color: #35363a;
    letter-spacing: -.35px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.ly_authority .textarea_box textarea::webkit-input-placeholder {
    color: #35363a
}

.ly_authority .textarea_box textarea:-ms-input-placeholder {
    color: #35363a
}

.ly_authority .textarea_box textarea::-ms-input-placeholder {
    color: #35363a
}

.ly_authority .textarea_box textarea:-moz-placeholder {
    color: #35363a
}

.ly_authority .textarea_box textarea::-moz-placeholder {
    color: #35363a
}

.ly_authority .textarea_box .btn_send_message {
    display: block;
    float: left;
    margin-left: 5px;
    padding: 0 13px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    background: #01c73c;
    font-size: 13px;
    color: #fff;
    line-height: 26px
}

.ly_authority .textarea_box .btn_send_message.none {
    display: none
}

.ly_authority .textarea_box .btn_send_message:focus,
.ly_authority .textarea_box .btn_send_message:hover {
    text-decoration: none
}

.ly_authority .textarea_box .btn_send_message .ic {
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-top: -2px;
    margin-left: 3px;
    background-position: -41px 0;
    vertical-align: middle
}

.ly_authority .textarea_box .byte {
    margin-left: 12px;
    color: #c6c6ca;
    line-height: 26px
}

.ly_authority .textarea_box .byte.none {
    display: none
}

.ly_authority .textarea_box .byte em {
    color: #959595
}

.ly_authority .input_box {
    overflow: hidden;
    margin-top: 10px
}

.ly_authority .input_box input[type=text] {
    display: block;
    float: left;
    width: 242px;
    height: 41px;
    padding: 0 13px;
    border: 1px solid #01c73c;
    font-size: 13px;
    letter-spacing: -.35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ly_authority .input_box input[type=text]::-webkit-input-placeholder {
    color: #01c73c
}

.ly_authority .input_box input[type=text]:-ms-input-placeholder {
    color: #01c73c
}

.ly_authority .input_box input[type=text]::-ms-input-placeholder {
    color: #01c73c
}

.ly_authority .input_box input[type=text]:-moz-placeholder {
    color: #01c73c
}

.ly_authority .input_box input[type=text]::-moz-placeholder {
    color: #01c73c
}

.ly_authority .input_box .btn_send_sms {
    display: block;
    float: left;
    width: 85px;
    height: 41px;
    background: #01c73c;
    font-size: 13px;
    color: #fff;
    line-height: 41px;
    text-align: center
}

.ly_authority .sys_message {
    padding: 30px 0;
    font-size: 18px;
    color: #2a2b30;
    letter-spacing: -.35px;
    text-align: center
}

.ly_authority .sys_message.v2 {
    padding: 0;
    font-size: 14px;
    color: #5b5d62;
    line-height: 25px
}

.ly_authority .btn_accusation {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.ly_authority .btn_accusation:focus,
.ly_authority .btn_accusation:hover {
    text-decoration: none
}

.ly_authority .btn_accusation .ic {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 7px;
    height: 11px;
    background-position: -316px -87px;
    display: inline-block;
    margin-top: -2px;
    margin-left: 3px;
    vertical-align: middle
}

.ly_authority .noti_text {
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #caced2;
    font-size: 13px;
    text-align: center;
    color: #fff;
    line-height: 28px
}

.ly_authority .noti_text .none {
    display: none
}

.ly_authority .noti_text .ico_sns {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 15px;
    height: 12px;
    background-position: -218px -228px;
    display: inline-block;
    margin: 2px 6px -2px 0
}

.ly_authority .noti_text .send_msg {
    color: #fff
}

.ly_authority .message_area .txt_title.title1 {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 287px;
    height: 47px;
    background-position: 0 -51px;
    margin: 0 auto 34px
}

.ly_authority .message_area .txt_title.title2 {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 260px;
    height: 46px;
    background-position: 0 -102px;
    margin: 0 auto 33px
}

.ly_authority .message_area .txt_title.title3 {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 373px;
    height: 47px;
    background-position: 0 0;
    margin: 0 auto 16px
}

.ly_authority .message_area .edge {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 21px;
    height: 11px;
    background-position: -291px -87px;
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -10px
}

.ly_authority .profile_img .mask {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 72px;
    height: 72px;
    background-position: 0 -152px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.ly_authority .content_area .profile_img .mask {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 70px;
    height: 70px;
    background-position: -228px -152px
}

.ly_authority .content_area .profile_img.v2 .mask {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 70px;
    height: 70px;
    background-position: -302px -152px;
    left: 50%;
    margin-top: 0;
    margin-left: -35px
}

.ly_authority .noti_text:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, .01);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    content: ""
}

.ly_report {
    position: absolute
}

.ly_report .report {
    width: 548px;
    padding-bottom: 20px;
    border: 1px solid #393d46;
    background-color: #eff3f6
}

.report .txt_inactivated {
    font-size: 12px;
    color: #999
}

.report .btn_item {
    display: inline-block;
    font-size: 12px;
    color: #666;
    letter-spacing: -1px;
    vertical-align: top
}

.report .btn_item:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 -4px 0 4px;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999
}

.report .report_title {
    position: relative;
    height: 54px;
    padding-left: 23px;
    line-height: 54px;
    background-color: #5c6676
}

.report .report_title .title {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.report .anchor_analytics {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    font-family: inherit;
    text-decoration: underline;
    vertical-align: 1px;
    color: #fff;
    color: rgba(255, 255, 255, .8)
}

.report .report_close {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 20px;
    height: 20px;
    background-position: -289px -120px;
    position: absolute;
    top: 15px;
    right: 22px
}

.report .report_period {
    position: relative;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background-color: #e1e5e8
}

.report .report_period .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 22px;
    font-family: arial, sans-serif;
    font-weight: 400;
    color: #222
}

.report .period_newer,
.report .period_older {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 10px
}

.report .period_newer:before,
.report .period_older:before {
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.report .period_older {
    width: 10px;
    height: 15px;
    left: 10px
}

.report .period_older:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 10px;
    height: 15px;
    background-position: -14px -246px
}

.report .period_newer {
    width: 10px;
    height: 15px;
    right: 10px
}

.report .period_newer:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 10px;
    height: 15px;
    background-position: 0 -246px
}

.report .report_row {
    margin-top: 10px;
    margin-left: 20px
}

.report .report_row:after {
    display: table;
    clear: both;
    content: ""
}

.report .report_col {
    float: left;
    width: 249px;
    margin-right: 10px
}

.report .report_pageview,
.report .report_vistors {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 30px;
    padding-right: 20px;
    text-align: right
}

.report .report_pageview .pageview_title:before,
.report .report_vistors .visitors_title:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    margin: auto;
    content: ""
}

.report .report_pageview .count,
.report .report_vistors .count {
    display: block;
    margin-top: 25px;
    font-size: 38px;
    line-height: 1em;
    font-style: normal;
    font-family: arial, sans-serif;
    color: #fff
}

.report .report_pageview .variation,
.report .report_vistors .variation {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    color: rgba(255, 255, 255, .7)
}

.report .report_pageview .variation:before,
.report .report_vistors .variation:before {
    display: inline-block;
    margin-right: 4px;
    vertical-align: -2px;
    content: ""
}

.report .report_pageview .variation.as_up:before,
.report .report_vistors .variation.as_up:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 9px;
    height: 12px;
    background-position: -250px -228px
}

.report .report_pageview .variation.as_down:before,
.report .report_vistors .variation.as_down:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 9px;
    height: 12px;
    background-position: -237px -228px
}

.report .report_vistors {
    background-color: #47aff8
}

.report .report_vistors .visitors_title:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 72px;
    height: 72px;
    background-position: -152px -152px
}

.report .report_pageview {
    background-color: #0acb97
}

.report .report_pageview .pageview_title:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 72px;
    height: 72px;
    background-position: -76px -152px
}

.report .report_activity,
.report .report_articles,
.report .report_environment,
.report .report_keywords {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 135px;
    padding: 0 20px 15px;
    background-color: #fff
}

.report .activity_title,
.report .articles_title,
.report .environment_title,
.report .keywords_title {
    display: block;
    margin: 22px 0 14px 0
}

.report .activity_list,
.report .articles_list,
.report .environment_index,
.report .keywords_list {
    font-size: 12px
}

.report .environment_title:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 48px;
    height: 14px;
    background-position: -264px -102px;
    display: block;
    content: ""
}

.report .environment_index {
    margin-right: 119px;
    padding-left: 2px
}

.report .environment_index .index {
    display: block;
    margin-top: 9px;
    clear: left;
    text-align: right
}

.report .environment_index .index:before {
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 1px;
    margin-right: 6px;
    content: ""
}

.report .environment_index .index.as_no1:before {
    background-color: #f6496e
}

.report .environment_index .index.as_no2:before {
    background-color: #ffb240
}

.report .environment_index .index.as_no3:before {
    background-color: #b7b7b7
}

.report .index_name {
    float: left;
    text-align: left;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: -1px;
    color: #222
}

.report .index_percentage {
    font-style: normal;
    font-family: tahoma, monospace;
    color: #999
}

.report .environment_graph {
    position: absolute;
    top: 35px;
    right: 20px;
    margin: auto
}

.report .keywords_title:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 59px;
    height: 14px;
    background-position: -291px -69px;
    display: block;
    content: ""
}

.report .keywords_list {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 2px
}

.report .keyword {
    clear: left;
    margin: 9px 0 0;
    padding: 0;
    text-align: right;
    list-style: none
}

.report .keyword.as_no1:before,
.report .keyword.as_no2:before,
.report .keyword.as_no3:before {
    float: left;
    margin-top: 1px;
    margin-right: 7px;
    content: ""
}

.report .keyword.as_no1:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 14px;
    height: 14px;
    background-position: -358px -51px
}

.report .keyword.as_no2:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 14px;
    height: 14px;
    background-position: -354px -69px
}

.report .keyword.as_no3:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 14px;
    height: 14px;
    background-position: -200px -228px
}

.report .keyword .title {
    float: left;
    text-align: left;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: -1px;
    color: #222
}

.report .keyword .value {
    font-style: normal;
    font-family: tahoma, monospace;
    color: #999
}

.report .activity_title:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 63px;
    height: 14px;
    background-position: -291px -51px;
    display: block;
    content: ""
}

.report .activity_list {
    margin-bottom: -4px
}

.report .activity_item,
.report .articles_item {
    position: relative;
    margin-top: 6px;
    line-height: 18px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.report .activity_item:after,
.report .articles_item:after {
    display: table;
    clear: both;
    content: ""
}

.report .activity_item .title,
.report .articles_item .title {
    font-family: inherit;
    font-weight: 400
}

.report .activity_item .value,
.report .articles_item .value {
    display: inline-block;
    font-style: normal;
    color: #222
}

.report .activity_item .num,
.report .articles_item .num {
    font-size: 18px;
    font-family: tahoma, monospace;
    font-weight: 700;
    vertical-align: -2px
}

.report .activity_item .title {
    float: left;
    text-align: left;
    letter-spacing: -1px;
    line-height: 19px
}

.report .anchor_info {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    vertical-align: -4px
}

.report .anchor_info:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 15px;
    height: 15px;
    background-position: -353px -120px;
    display: inline-block;
    content: ""
}

.report .activity_info {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    margin-top: 4px;
    padding: 15px 33px 15px 15px;
    border: 1px solid #c3c3c3;
    text-align: left;
    letter-spacing: -.5px;
    line-height: 1.5;
    font-size: 12px;
    color: #666;
    background-color: #fffdf3
}

.report .activity_info:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 9px;
    height: 6px;
    background-position: -327px -87px;
    position: absolute;
    bottom: 100%;
    left: 61px;
    content: ""
}

.report .activity_info.is_closed {
    display: none
}

.report .activity_info .text {
    margin: 0;
    white-space: nowrap
}

.report .activity_info .info_close {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 13px;
    height: 13px;
    background-position: -360px -102px;
    position: absolute;
    top: 10px;
    right: 10px
}

.report .articles_title:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 40px;
    height: 13px;
    background-position: -316px -102px;
    display: block;
    content: ""
}

.report .articles_item .title {
    float: left;
    text-align: left;
    letter-spacing: -1px
}

.report .report_tip {
    position: relative;
    margin: 13px 20px 0;
    background-color: #a284e9;
    font-size: 12px;
    font-family: inherit;
    line-height: 1.5833333333;
    letter-spacing: -.025em;
    color: #fff;
    color: rgba(255, 255, 255, .7)
}

.report .report_tip:after,
.report .report_tip:before {
    display: table;
    content: ""
}

.report .report_tip .tip_title {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 196px;
    height: 14px;
    background-position: 0 -228px;
    display: block;
    margin-top: 21px;
    margin-left: 20px
}

.report .report_tip .tip_text {
    margin: 11px 0 0 20px
}

.report .report_tip .tip_anchor {
    position: absolute;
    top: 46px;
    right: 20px;
    width: 96px;
    height: 31px;
    border: 1px solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .4);
    line-height: 31px;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff
}

.report .report_tip .tip_sub {
    height: 40px;
    margin-top: 13px;
    line-height: 40px;
    background-color: #9a7ddd
}

.report .report_tip .tip_checkbox {
    margin-left: 20px
}

.report .report_tip .tip_checkbox:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 16px;
    height: 16px;
    background-position: -313px -120px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: -4px;
    content: ""
}

.report .report_tip .tip_checkbox.is_checked:before {
    overflow: hidden;
    background-image: url(../img/sp_pc_3097db.png);
    width: 16px;
    height: 16px;
    background-position: -333px -120px
}

.report .report_tip .checkbox_input {
    position: absolute;
    visibility: hidden;
    -webkit-appearance: none
}

.report .report_tip .checkbox_label {
    width: auto;
    height: auto;
    background: 0 0
}

.menu {
    display: flex;
}

.menu-item {
    position: relative;
    z-index: 999999999 !important;
    padding: 0 15px;
}

.menu-item a {
    text-decoration: none;
    color: black;
    padding: 10px;
    display: block;
}

.submenu {
    border-radius: 10px;
    text-align: center;
    display: none;
    position: absolute;
    z-index: 999999999 !important;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    /* Sets the minimum width */
    opacity: 0;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    /* Add transitions for opacity and visibility */
    visibility: hidden;
    /* Initially hidden */
}

.submenu a {
    padding: 10px;
    white-space: nowrap;
}

.submenu a:hover {
    text-decoration: underline;
}

.menu-item:hover .submenu {
    display: block;
    z-index: 999999999 !important;
    opacity: 1;
    /* Fully visible */
    visibility: visible;
    /* Make visible */
}

.contact {
    display: flex;
    align-items: center;
}

.contact span {
    margin-right: 10px;
}

.radio_box input[type=radio] {
    opacity: 0;
    -webkit-appearance: none
}

.radio_box {
    display: inline-block;
    position: relative;
    line-height: 21px;
}

.radio_box label {
    display: inline-block;
    padding-left: 26px;
}

.radio_box input[type="radio"] {
    position: absolute;
    top: 3px;
    left: 0;
}

.radio_box label:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 21px;
    height: 21px;
    background: url(../images/ico_chk.png) no-repeat 0 0
}

.radio_box input[type="radio"]:checked+label::before {
    background: url(../images/ico_chk_on.png) no-repeat 0 0
}

.chk_box input[type=checkbox] {
    opacity: 0;
    -webkit-appearance: none
}

.chk_box {
    display: inline-block;
    position: relative;
    line-height: 21px;
}

.chk_box label {
    display: inline-block;
    padding-left: 26px;
}

.chk_box input[type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 0;
}

.chk_box label:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 21px;
    height: 21px;
    background: url(../images/ico_chk.png) no-repeat 0 0
}

.chk_box input[type="checkbox"]:checked+label::before {
    background: url(../images/ico_chk_on.png) no-repeat 0 0
}

.btn_block {
    position: relative;
    margin-top: 50px;
    text-align: center;
    font-size: 0
}

.btn_block a~a {
    margin-left: 15px
}

.btnD1,
.btnD2 {
    display: inline-block;
    min-width: 166px;
    height: 56px;
    line-height: 56px;
    padding: 0 20px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
}

.btnD1 {
    color: #fff ! important;
    background: #e21738;
    border: 1px solid #e21738;
}

.btnD2 {
    color: #222 ! important;
    border: 1px solid #c4c3c3;
    background: #fff
}

.btnS1 {
    display: inline-block;
    width: 62px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #014f98;
    font-size: 13px;
    border: 1px solid #014f98;
    background: #fff
}

.btnS1.wid {
    width: auto;
    padding: 0 12px;
}

.btn_prevList {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0
}

.btn_nxtList {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0
}

.btn_prevList:before,
.btn_nxtList:after {
    content: "";
    position: relative;
    top: -2px;
    display: inline-block;
    width: 8px;
    height: 14px;
    vertical-align: middle;
}

.btn_prevList:before {
    margin-right: 12px;
    background: url(../images/ico_arrow1.png) no-repeat 0 0;
}

.btn_nxtList:after {
    margin-left: 12px;
    background: url(../images/ico_arrow2.png) no-repeat 0 0;
}

.paging {
    position: relative;
    z-index: 9;
    text-align: center;
    margin: 60px auto 0;
    font-size: 0;
}

.paging * {
    vertical-align: middle;
    font-family: 'LatoB';
}

.paging ul {
    display: inline-block;
    margin: 0;
    font-size: 0;
}

.paging li {
    display: inline-block;
    margin: 0 10px;
}

.paging li a,
.paging li strong {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #999;
    box-sizing: border-box
}

.paging li strong a,
.paging ul li strong {
    border-bottom: 2px solid #e21738;
    color: #e21738;
}

.paging .prev,
.paging .next,
.paging .first,
.paging .last {
    display: inline-block;
    width: 30px;
    height: 20px;
    font-size: 0;
    text-indent: -5000px;
}

.paging .prev {
    margin-left: -1px;
    background: url(../images/btn_pre.png) no-repeat 50% 50%;
}

.paging .next {
    background: url(../images/btn_nxt.png) no-repeat 50% 50%;
}

.paging .first {
    background: url(../images/btn_first.png) no-repeat 50% 50%;
}

.paging .last {
    margin-left: -1px;
    background: url(../images/btn_last.png) no-repeat 50% 50%;
}

.boardSearch_g {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}

.boardSearch_g .board_search {
    position: absolute;
    top: 0;
    right: 0;
}

.boardSearch_g .totalnum {
    padding-top: 9px
}

.board_search {
    font-size: 0;
}

.board_search legend,
.board_search label {
    display: none
}

.board_search select {
    width: 145px;
    height: 40px;
    padding-left: 20px;
    margin-right: -1px;
    font-size: 16px;
    border: 1px solid #c9cacc;
}

.board_search input[type=text] {
    width: 305px;
    height: 40px;
    padding-left: 20px;
    margin-right: -1px;
    font-size: 16px;
    border: 1px solid #c9cacc;
}

.board_search .btn_search {
    width: 80px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background: #c42047;
}

.board_list {
    table-layout: fixed;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-top: 2px solid #000;
    border-bottom: 2px solid #e4e4e4;
}

.board_list thead {
    display: none
}

.board_list tbody td {
    padding: 19px 7px;
    line-height: 26px;
    vertical-align: middle;
}

.board_list tbody tr~tr td {
    border-top: 1px solid #e5e5e5;
}

.board_list .cell_tit {
    padding-left: 15px;
    text-align: left
}

.board_list .cell_tit a {
    display: block;
    color: #222;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.board_list .num {
    width: 65px;
    color: #999;
    font-family: 'Lato';
}

.board_list .date {
    width: 100px;
    letter-spacing: 1px;
    font-size: 13px;
    color: #999;
    font-family: 'Lato';
}

.board_view {
    position: relative;
    border-top: 2px solid #3d3d3d;
    border-bottom: 1px solid #d2d2d2
}

.board_view h3 {
    padding: 22px 170px 22px 10px;
    line-height: 23px;
    font-size: 18px;
}

.board_view .date {
    position: absolute;
    top: 24px;
    right: 10px;
    letter-spacing: 1px;
    font-size: 13px;
    color: #999;
    font-family: 'Lato';
}

.board_view .date span {
    margin-left: 40px;
}

.board_view .memo {
    min-height: 200px;
    padding: 20px 20px 40px;
    line-height: 28px;
    border-top: 1px solid #d2d2d2;
    box-sizing: border-box;
}

.board_view .file {
    padding: 17px 15px 16px 20px;
    border-top: 1px solid #e5e5e5
}

.board_view .file p~p {
    margin-top: 5px;
}

.board_view .file a {
    display: block;
    padding-left: 30px;
    background: url(../images/ico_file.png) no-repeat 0 50%;
}

.prevNext_list {
    background: #f7f7f7
}

.prevNext_list li {
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 145px;
    border-bottom: 1px solid #d2d2d2
}

.prevNext_list li span {
    position: absolute;
    top: 0;
    left: 20px;
    padding-left: 35px;
    color: #222
}

.prevNext_list li:nth-child(1) span {
    background: url(../images/ico_prevNext1.png) no-repeat 0 50%;
}

.prevNext_list li:nth-child(2) span {
    background: url(../images/ico_prevNext2.png) no-repeat 0 50%;
}

.prevNext_list li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.form_data {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #3d3d3d;
    margin: 0
}

.form_data * {
    vertical-align: middle
}

.form_data tr:first-child th,
table.form_data tr:first-child td {
    border-top: 0
}

.form_data th {
    width: 150px;
    border-bottom: 1px solid #d2d2d2;
    font-family: 'NotoM';
    text-align: left;
    color: #222;
    padding: 12px 10px
}

.form_data th span {
    display: block;
    margin-top: 12px;
    font-family: 'NotoR';
}

.form_data th strong {
    color: #e21738;
}

.form_data td {
    line-height: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #d2d2d2;
    background: #fff;
    padding: 12px 20px 12px 0
}

.form_data input[type=text] {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    border-radius: 3px;
    border: 1px solid #bfbfbf
}

.form_data input[type=tel] {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    font-family: 'Lato';
}

.form_data select {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    background: url(../images/ico_sel.png) no-repeat right 50%;
}

.form_data textarea {
    overflow-y: auto;
    width: 100%;
    height: 345px;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #bfbfbf
}

.form_data .datepic {
    letter-spacing: 0.5px;
    font-family: 'Lato';
    background: url(../images/ico_cha.png) no-repeat right 50%;
}

.form_data .chk_g {
    margin-bottom: 17px
}

.form_data .chk_g span~span {
    margin-left: 15px
}

.form_data .size1 {
    width: 50% ! important
}

.form_data .agree_box {
    padding: 10px;
    line-height: 20px;
    font-size: 13px;
    color: #888;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
}

.form_data .agree_box div {
    overflow-y: auto;
    height: 115px;
    padding: 10px;
}

.chk_tbl {
    margin-top: 15px
}

.txt_esen {
    margin-bottom: 20px;
    text-align: right;
    color: #222
}

.txt_esen strong {
    color: #e21738;
}

.tbl_col {
    border-top: 2px solid #014f99;
}

.tbl_col table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
}

.tbl_col table th,
.tbl_col table td {
    height: 40px;
    padding: 12px 20px;
    line-height: 28px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    table-layout: fixed;
}

.tbl_col table th~th,
.tbl_col table td~td {
    border-left: 1px solid #d6d6d6;
}

.tbl_col table thead th {
    color: #014f99;
    font-family: 'NotoM';
    background: #f5f5f5
}

.tbl_col table tbody th {
    border-right: 1px solid #d6d6d6;
}

.tbl_col table strong {
    font-family: 'NotoM';
    color: #222
}

.tbl_col table .txt {
    margin-left: 5px;
    padding-left: 15px;
    background: url(../images/ico_arrow2.png) no-repeat 0 12px;
}

.tbl_col table .cell {
    text-align: center;
}

.tbl_col table .colwid1 {
    width: 300px
}

.tbl_row {
    border-top: 2px solid #014f99;
}

.tbl_row table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
}

.tbl_row table th,
.tbl_row table td {
    height: 40px;
    padding: 11px 20px 11px 35px;
    line-height: 28px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
}

.tbl_row table th~th,
.tbl_row table td~td {
    border-left: 1px solid #d6d6d6;
}

.tbl_row table th {
    color: #014f99;
    font-family: 'NotoM';
}

.tbl_row table tbody th {
    border-right: 1px solid #d6d6d6;
    background: #f5f5f5
}

.tbl_row table .colwid1 {
    width: 300px
}

.tbl_row table .colwid2 {
    width: 240px
}

.tbl_row .year {
    display: inline-block;
    width: 150px;
    color: #222;
}

.qna_ui {
    border-top: 2px solid #3d3d3d;
    border-bottom: 1px solid #d2d2d2
}

.qna_ui .col {
    width: 65px
}

.qna_ui thead {
    display: none
}

.qna_ui td {
    border-bottom: 1px solid #d2d2d2
}

.qna_ui .q {
    padding: 15px 5px;
}

.qna_ui .q span {
    display: inline-block;
    vertical-align: top;
    width: 39px;
    height: 39px;
    font-size: 0;
    background: url(../images/ico_q.png) no-repeat 50% 50%;
}

.qna_ui .cell_tit {
    padding: 15px 5px;
}

.qna_ui .cell_tit a {
    display: block;
    width: 99.5%;
    padding-right: 25px;
    box-sizing: border-box;
    background: url(../images/ico_down.png) no-repeat right 50%;
}

.qna_ui .cell_tit a.active {
    background: url(../images/ico_up.png) no-repeat right 50%;
}

.qna_ui .view {
    display: none
}

.qna_ui .view td {
    padding: 20px 40px;
    background: #eaf7f8
}

.qna_ui .view td div {
    position: relative;
    padding: 5px 20px 20px 55px;
    text-align: left;
    color: #014f98;
    background: url(../images/ico_a.png) no-repeat 0 0;
}

.qna_ui .view .filedown {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    font-size: 0;
    background: url(../images/ico_file.png) no-repeat 0 0;
}

.pop_container {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop_container:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7
}

.pop_container .pop_ui {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 615px;
    height: 809px;
    padding: 20px;
    margin: auto;
    background: #fff;
    box-sizing: border-box;
}

.pop_container .close {
    position: absolute;
    right: -59px;
    top: 0;
    width: 59px;
    height: 59px;
    font-size: 0;
    background: url(../images/btn_closePop.png) no-repeat 0 0;
}

.pop_container .col {
    overflow: hidden;
    margin-top: -1px;
    border: 1px solid #222
}

.pop_container .col_g {
    overflow: hidden;
    margin-top: -1px;
    border: 1px solid #222
}

.pop_container .col_g .cola {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.pop_container .col_g .cola~.cola {
    border-left: 1px solid #bababa;
}

.pop_container .col_g p,
.pop_container .col p {
    line-height: 39px;
    padding-left: 20px;
    font-size: 13px;
    color: #e11838;
    font-family: 'NotoM';
}

.pop_container .receipt_tbl {
    width: 100%;
    border-collapse: collapse;
}

.pop_container .receipt_tbl th {
    height: 28px;
    border-top: 1px solid #bababa;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-family: 'NotoM';
    font-size: 13px;
    background: #ededed
}

.pop_container .receipt_tbl th~th,
.pop_container .receipt_tbl td~td {
    border-left: 1px solid #bababa;
}

.pop_container .receipt_tbl th+td {
    border-left: 1px solid #bababa;
}

.pop_container .receipt_tbl td {
    height: 28px;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #bababa;
    font-size: 13px;
}

.pop_container .receipt_tbl .th {
    background: #fff
}

.pop_container .receipt_tbl.type th,
.pop_container .receipt_tbl.type td {
    height: 27px
}

.pop_container .receipt_tbl.type2 th,
.pop_container .receipt_tbl.type2 td {
    height: 55px
}

.pop_container .receipt_tbl.type2 th {
    color: #999
}

.titH1 {
    margin: 32px 0 36px 0;
    font-size: 25px;
    color: #222;
    font-family: 'NotoM';
}

.titH3 {
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    color: #222;
    font-family: 'NotoL'
}

.titH3 i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.titH3 i.i1 {
    top: -3px;
    width: 42px;
    height: 42px;
    background: url(../images/ico_tit1.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i2 {
    top: -3px;
    width: 59px;
    height: 44px;
    background: url(../images/ico_tit2.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i3 {
    top: -3px;
    width: 42px;
    height: 42px;
    background: url(../images/ico_tit3.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i4 {
    top: -3px;
    width: 39px;
    height: 40px;
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_tit4.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i5 {
    top: -3px;
    width: 40px;
    height: 40px;
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_tit5.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i6 {
    top: -3px;
    width: 44px;
    height: 42px;
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_tit6.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i7 {
    top: -3px;
    width: 38px;
    height: 38px;
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_tit7.png) no-repeat 0 0;
    background-size: contain
}

.titH3 i.i8 {
    top: -3px;
    width: 42px;
    height: 48px;
    background: url(../images/ico_tit8.png) no-repeat 0 0;
    background-size: contain
}

.h2Txt_g {
    padding-bottom: 40px;
    margin-bottom: 43px;
    border-bottom: 1px solid #cecece
}

.h2Txt_g h2 {
    margin-bottom: 0
}

.h2Txt_g p {
    margin-top: 13px;
    font-size: 18px;
    color: #222;
    line-height: 27px;
    text-align: center
}

.h3Txt_g {
    padding-bottom: 55px;
    margin-bottom: 55px;
    border-bottom: 1px solid #eaeaea
}

.h4Txt_g {
    padding-bottom: 40px;
    margin-bottom: 15px;
    border-bottom: 0px solid #cecece
}

.h4Txt_g h2 {
    margin-bottom: 0
}

.h4Txt_g p {
    margin-top: 13px;
    font-size: 18px;
    color: #222;
    line-height: 27px;
    text-align: center
}

.txt_para {
    margin-top: 18px;
    font-size: 18px;
    color: #222;
    line-height: 27px;
    text-align: center
}

.txt_para2 {
    margin-top: 48px;
    font-size: 18px;
    color: #222;
    line-height: 27px;
    text-align: center
}

.txt_para+.titH3 {
    margin-top: 63px;
}

.refer_txt {
    margin: 20px 0 0 5px;
    padding-left: 33px;
    background: url(../images/ico_refer.png) no-repeat 0 50%;
}

.tab_ui {
    max-width: 900px;
    margin: 0 auto 69px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.contents.apply .tab_ui {
    margin: 0 !important;
}

.tab_ui li {
    width: 100%;
    text-align: center;
    margin: 0 -1px;
    border: 1px solid #bababa
}

.tab_ui li a {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-family: 'NotoM';
    background: #e8e6e6
}

.tab_ui li.current {
    position: relative;
    border: 1px solid #014f99
}

.tab_ui li.current a {
    color: #014f99;
    background: #fff
}

.tab_ui span {
    width: 100%;
    display: table;
}

.tab_ui span a {
    width: 100%;
    display: table-cell;
    padding: 12px 0;
    line-height: 27px;
    vertical-align: middle;
}

.biz_ui {
    padding-top: 85px
}

.biz_ui .cola {
    position: relative;
}

.biz_ui .cola h2 {
    position: relative;
    margin: 0 -210px;
    padding: 40px 210px 0;
    text-align: left
}

.biz_ui .cola p {
    position: relative;
    line-height: 30px;
    margin: 16px -210px 0;
    padding: 40px 210px 100px;
    font-family: 'NotoM';
    background: #f1f0f0
}

.biz_ui .cola:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 642px;
    height: 458px;
    background: url(../images/img_biz01.png) no-repeat 0 0;
    background-size: contain
}

.biz_ui .colb {
    margin: 88px -210px 0;
    padding: 60px 210px 60px;
    background: url(../images/img_biz02.png) no-repeat 0 0;
    background-size: cover
}

.biz_ui .colb dl {
    position: relative;
    padding-left: 300px;
    background: url(../images/ico_biz01.png) no-repeat 0 bottom;
}

.biz_ui .colb dl dt {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'NotoM';
    font-size: 25px;
    color: #fff;
}

.biz_ui .colb dl dd {
    padding-left: 45px;
    color: #fff;
    border-left: 1px solid #fff
}

.biz_ui .colb dl dd p:nth-child(1) {
    line-height: 30px;
    font-size: 18px;
    font-family: 'NotoB';
}

.biz_ui .colb dl dd p:nth-child(2) {
    line-height: 25px;
    margin-top: 25px
}

.biz_ui .colb dl dd p:nth-child(3) {
    margin-top: 25px;
}

.biz_ui .colb dl dd p:nth-child(4) {
    line-height: 25px;
    margin-top: 25px;
    font-family: 'NotoB';
}

.biz_ui .colb dl dd p:nth-child(4) strong {
    font-size: 18px;
}

.map_ui dl {
    display: table;
    width: 100%;
    border-bottom: 1px dashed #b5b5b5
}

.map_ui dt {
    display: table-cell;
    width: 22%;
    padding: 24px 0;
    font-size: 25px;
    color: #222
}

.map_ui dd {
    display: table-cell;
    width: 78%;
    padding: 24px 0;
}

.map_ui dd strong {
    font-size: 25px;
    color: #222;
    font-family: 'Lato';
    letter-spacing: 0.3px
}

.map_ui dd ul {
    margin-top: 20px;
}

.map_ui dd li~li {
    margin-top: 15px
}

.map_ui dd li span {
    position: relative;
    display: inline-block;
    width: 60px;
    padding-left: 20px;
    margin-right: 20px;
    font-family: 'NotoM';
    color: #222
}

.map_ui dd li span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 6px;
    height: 6px;
    margin: auto 0;
    border-radius: 100%;
    background: #0071be
}

.map_ui dd li span:after {
    content: ":";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.process_ui {
    position: relative;
    margin: 72px -210px 0;
    padding: 0 210px;
    background: #e8f1f9
}

.process_ui:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff
}

.process_ui:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff
}

.process_ui ul {
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -37px;
}

.process_ui ul li {
    position: relative;
    float: left;
    width: 280px;
    height: 310px;
    margin-top: 37px;
    margin-right: 26px;
    padding: 30px 15px 0 30px;
    border: 1px solid #ebeaea;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 5px 10px rgba(00, 00, 00, .1)
}

.process_ui ul li:nth-child(4n) {
    margin-right: 0
}

.process_ui ul li strong {
    font-family: 'NotoM';
    color: #222
}

.process_ui ul li span {
    position: relative;
    font-size: 25px;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: 'LatoB';
    color: #014f99;
}

.process_ui ul li span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #014f99
}

.process_ui ul li p:nth-of-type(1) {
    line-height: 32px;
    margin-bottom: 35px;
    color: #014f99;
    font-size: 25px;
}

.process_ui ul li p:nth-of-type(2) {
    line-height: 25px;
    word-break: break-all;
}

.process_ui ul li p:nth-of-type(2)+p {
    margin-top: 3px;
    line-height: 25px
}

.process_ui ul li:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 52px;
    height: 52px
}

.process_ui ul em {
    color: #222
}

.process_ui ul a {
    display: inline-block;
    width: 59px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-family: 'LatoB';
    font-size: 11px;
    color: #666;
    border: 1px solid #a7a7a7;
    border-radius: 3px;
    background: #eee
}

.process_ui.pg li:nth-child(1):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg1.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(2):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg2.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(3):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg3.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(4):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg4.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(5):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg5.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(6):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg6.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(7):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg7.png) no-repeat 50% 50%;
}

.process_ui.pg li:nth-child(8):before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_pg8.png) no-repeat 50% 50%;
}

.process_ui.pin {
    padding-bottom: 140px
}

.process_ui.pin ul {
    left: 220px;
}

.process_ui.pin:after {
    display: none
}

.process_ui.pin li:nth-child(1):before {
    background: url(../images/ico_pin1.png) no-repeat 50% 50%;
}

.process_ui.pin li:nth-child(2):before {
    background: url(../images/ico_pin2.png) no-repeat 50% 50%;
}

.process_ui.pin li:nth-child(3):before {
    background: url(../images/ico_pin3.png) no-repeat 50% 50%;
}

.process_ui.pin li:nth-child(4):before {
    background: url(../images/ico_pin4.png) no-repeat 50% 50%;
}

.s2_4_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 280px;
    margin-top: 55px;
    background: url(https://www.welcomepayments.co.kr/resources/images/img_s2_4_img.jpg) no-repeat 50% 50%;
}

.s3_3_1_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 280px;
    margin-top: 55px;
    background: url(../images/img_s3_3_1_img.jpg) no-repeat 50% 50%;
}

.s3_3_2_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 280px;
    margin-top: 55px;
    background: url(../images/img_s3_3_2_img.jpg) no-repeat 50% 50%;
}

.s4_3_1_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 280px;
    margin-top: 55px;
    background: url(../images/img_s4_3_1_img.jpg) no-repeat 50% 50%;
}

.s4_3_2_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 280px;
    margin-top: 55px;
    background: url(../images/img_s4_3_2_img.jpg) no-repeat 50% 50%;
}

.contents h2+.col_ui {
    margin-top: 70px
}

.col_ui {
    position: relative;
    padding-left: 240px
}

.col_ui~.col_ui {
    margin-top: 80px;
    overflow: hidden;
    margin-bottom: 100px;
}

.col_ui h3 {
    position: absolute;
    top: -5px;
    left: 0;
    line-height: 32px;
    font-size: 25px;
    color: #022222;
    font-family: 'NotoM';
}

.col_ui .para {
    line-height: 27px;
    color: #222
}

.col_ui .para strong {
    color: #e21738
}

.col_ui .para2 {
    margin-bottom: 10px;
    line-height: 31px;
    font-size: 20px;
    color: #e21738;
    font-family: 'NotoB';
}

.col_ui .process {
    position: relative;
    overflow: hidden;
    top: -40px;
    margin-bottom: -40px
}

.col_ui .process li {
    float: left;
    width: 144px;
    height: 144px;
    margin-right: 40px;
    margin-top: 40px;
    text-align: center;
    border-radius: 100%;
    border: 1px dashed #d7d7d7
}

.col_ui .process li:last-child {
    margin-right: 0;
}

.col_ui .process li div {
    display: table-cell;
    width: 144px;
    height: 144px;
    line-height: 20px;
    vertical-align: middle;
    color: #222;
}

.col_ui .process li div:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
}

.col_ui .list li {
    position: relative;
    line-height: 27px;
    padding-left: 22px;
    color: #022222;
}

.col_ui .list li~li {
    margin-top: 4px;
}

.col_ui .list li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #0071be;
    border-radius: 100%;
}

.col_ui .list li.em {
    color: #e21738;
    font-family: 'NotoB';
}

.col_ui .process.service li:nth-child(1) div:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_service1.png) no-repeat 50% 50%;
}

.col_ui .process.service li:nth-child(2) div:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_service2.png) no-repeat 50% 50%;
}

.col_ui .process.service li:nth-child(3) div:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_service3.png) no-repeat 50% 50%;
}

.col_ui .process.service li:nth-child(4) div:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_service4.png) no-repeat 50% 50%;
}

.col_ui .process.service li:nth-child(5) div:before {
    background: url(../images/ico_service5.png) no-repeat 50% 50%;
}

.col_ui .step {
    position: relative;
    display: inline-block;
    width: 100%;
}

.col_ui .step li {
    position: relative;
    float: left;
    width: 144px;
    height: 144px;
    margin-right: 30px;
    margin-top: 30px;
    text-align: center;
    border-radius: 100%;
    border: 1px dashed #d7d7d7
}

.col_ui .step li:last-child {
    margin-right: 0;
}

.col_ui .step li div {
    display: table-cell;
    width: 144px;
    height: 144px;
    line-height: 20px;
    vertical-align: middle;
    color: #222;
}

.col_ui .step li span {
    display: block;
    margin-bottom: 10px;
    font-family: 'LatoB';
}

.col_ui .step li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -22px;
    width: 14px;
    height: 11px;
    margin: auto 0;
    background: url(../images/ico_arrow.png) no-repeat 50% 50%;
}

.col_ui .step li:last-child:before {
    display: none
}

.col_ui .step p {
    line-height: 20px;
    margin-top: 5px;
    font-size: 13px
}

.col_ui .step.type {
    margin-bottom: 40px;
}

.col_ui .list+.tbl_col {
    margin-top: 35px
}

.col_ui .para+.dig {
    margin-top: 20px;
}

.col_ui .dig {
    height: 386px;
    font-size: 0;
}

.col_ui .dig.service {
    background: url(/assets/img/sub/dig_service.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .dig.accounts {
    background: url(/assets/img/main/dig_accounts.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .dig.pg_service {
    height: 461px;
    background: url(/assets/img/sub/dig_pg_service.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .dig.transfer_service {
    height: 461px;
    background: url(/assets/img/main/dig_transfer_service.png) no-repeat 0 0 !important;
    background-size: contain
}

.col_ui .dig.imagine_service {
    height: 461px;
    background: url(/assets/img/main/dig_imagine_service.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .dig.phone_service {
    height: 461px;
    background: url(/assets/img/main/dig_imagine_service.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .dig.seperate {
    height: 425px;
    background: url(../images/dig_seperate.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .dig.summary {
    height: 425px;
    background: url(../images/dig_summary.png) no-repeat 0 0;
    background-size: contain
}

.col_ui .biz_list {
    position: relative;
    top: -5px;
    margin: 0 0 -5px;
    font-size: 0;
}

.col_ui .biz_list li {
    display: inline-block;
    ;
    margin: 5px;
}

/* 2021-08-24 */
.col_ui .ol {
    margin-bottom: 70px
}

.col_ui .ol li {
    text-indent: -37px;
    padding-left: 37px;
}

.col_ui .ol li~li {
    margin-top: 12px
}

.col_ui .ol strong {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-indent: 0;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    background: #0071be
}

.accounts_proc {
    margin-top: 40px;
}

.accounts_proc li {
    position: relative;
    line-height: 27px;
    padding: 32px 0 32px 240px
}

.accounts_proc li~li {
    border-top: 1px dashed #d2d2d2
}

.accounts_proc li span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    line-height: 73px;
    height: 73px;
    margin: auto 0;
    font-size: 20px;
    color: #222
}

.accounts_proc li span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 73px;
    height: 73px;
    margin-right: 25px;
    border: 1px dashed #d2d2d2;
    border-radius: 100%;
}

.accounts_proc li:nth-child(1) span:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_accounts1.png) no-repeat 50% 50%;
}

.accounts_proc li:nth-child(2) span:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_accounts2.png) no-repeat 50% 50%;
}

.accounts_proc li:nth-child(3) span:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_accounts3.png) no-repeat 50% 50%;
}

.accounts_proc li:nth-child(4) span:before {
    background: url(https://www.welcomepayments.co.kr/resources/images/ico_accounts4.png) no-repeat 50% 50%;
}

.welcomefin_intro .had {
    position: relative;
    height: 280px;
    padding: 50px 0 0 90px;
    margin-top: 47px;
    margin-bottom: 33px;
    background: #f4f4f4;
    box-sizing: border-box;
}

.welcomefin_intro .had:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 115px;
    width: 390px;
    height: 231px;
    background: url(../images/img_welcomefin.png) no-repeat 50% 50%;
}

.welcomefin_intro .had p:nth-child(1) {
    position: relative;
    line-height: 44px;
    font-size: 34px;
    color: #222;
    font-family: 'NotoL';
}

.welcomefin_intro .had p:nth-child(1) strong {
    display: block;
    color: #e21738;
    font-size: 45px;
    font-family: 'NotoB';
}

.welcomefin_intro .had p:nth-child(2) {
    position: relative;
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
}

.welcomefin_intro .had p:nth-child(2) strong {
    font-family: 'NotoB';
    color: #2d2c2c
}

.welcomefin_intro .vision {
    height: 183px;
    background: url(../images/img_welcomefin2.png) no-repeat 0 0;
    background-size: contain
}

.welcomefin_intro .vision li {
    font-size: 0;
}

.welcomefin_spec {
    position: relative;
}

.welcomefin_spec .spec_list {
    position: relative;
    padding: 0 210px;
    margin: 72px -210px 0;
    background: #e8f1f9
}

.welcomefin_spec .spec_list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: #fff
}

.welcomefin_spec .spec_list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #fff
}

.welcomefin_spec .spec_list>li {
    position: relative;
    z-index: 1;
    min-height: 150px;
    padding: 35px;
    border: 1px solid #ebeaea;
    box-shadow: 0 5px 5px rgba(00, 00, 00, .1);
    background: #fff;
    box-sizing: border-box;
}

.welcomefin_spec .spec_list>li~li {
    margin-top: 10px;
}

.welcomefin_spec .spec_list>li:before {
    content: "";
    position: absolute;
    left: 35px;
    bottom: 35px;
    width: 55px;
    height: 55px;
}

.welcomefin_spec .spec_list>li:nth-child(1):before {
    background: url(../images/ico_spec1.png) no-repeat 0 50%;
}

.welcomefin_spec .spec_list>li:nth-child(2):before {
    background: url(../images/ico_spec2.png) no-repeat 0 50%;
}

.welcomefin_spec .spec_list>li:nth-child(3):before {
    background: url(../images/ico_spec3.png) no-repeat 0 50%;
}

.welcomefin_spec .spec_list>li:nth-child(4):before {
    background: url(../images/ico_spec4.png) no-repeat 0 50%;
}

.welcomefin_spec .spec_list>li:nth-child(5):before {
    background: url(../images/ico_spec5.png) no-repeat 0 50%;
}

.welcomefin_spec .spec_list h3 {
    color: #014f99
}

.welcomefin_spec .spec_list .list li {
    color: #666
}

.welcomefin_spec .spec_list .list li strong {
    color: #222;
    font-family: 'NotoM';
}

.policy_ui {
    margin-top: 80px;
    padding: 0 55px 55px;
    background: #f7f7f7
}

.policy_ui h2 {
    line-height: 78px;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 25px;
    color: #222;
    font-family: 'NotoM';
}

.policy_ui .cons {
    min-height: 380px;
    padding: 30px;
    line-height: 27px;
    background: #fff;
    box-sizing: border-box;
}

#box-sales {
    padding: 26px 42px;
}

#box-sales:after,
#box-sales:before {
    content: '';
    display: block;
    clear: both;
    background: url('../images/bg_sales.gif') repeat-y 0 0;
    width: 26px;
    position: fixed;
    bottom: 0;
}

#box-sales:after {
    top: 0;
    left: 0;
}

#box-sales:before {
    top: 0;
    right: 0;
}

/* #header{position:relative;border-bottom:2px solid #696a6b;padding-bottom:10px;} */
#header h1 {
    position: absolute;
    top: -3px;
    right: 0;
}

#header h2 {
    color: #696a6b;
    font-size: 18px;
    font-family: '??';
}

.box-result {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    text-align: center;
}

/* 2021-08-24 msg pop */
.pop_msg {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop_msg:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7
}

.pop_msg .pop_ui {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    max-width: 420px;
    min-width: 320px;
    box-sizing: border-box;
    transform: translate(-50%, -50%)
}

.pop_msg .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 59px;
    height: 59px;
    font-size: 0;
    background: url(../images/btn_closePop.png) no-repeat 0 0;
}

.pop_msg h1 {
    height: 59px;
    line-height: 59px;
    padding-left: 20px;
    font-size: 20px;
    color: #fff;
    background: #e01737
}

.pop_msg .cons {
    padding: 30px 20px;
    background: #fff;
}

.pop_msg .cons p {
    word-break: break-word;
}

.pop_msg .cons p strong {
    font-weight: 600;
    color: #222;
    font-size: 18px
}

.pop_msg .txt {
    padding: 20px 0 0;
    text-align: center;
}

/* 2020-06-22 */
.card-box {
    height: 43px;
    line-height: 38px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    float: left;
    padding: 0 14px 0;
    background-color: #fff;
    margin-bottom: 2px;
}

.card-field,
input[type="number"].card-field {
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 0;
    padding: 0;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
    outline: none;
    color: #d46262;
    box-sizing: inherit
}

.card-field.disabled {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #797979;
    border: 0
}

.card-dash {
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0 5px;
    vertical-align: middle;
}

.card-td {
    height: 100%
}

.card-clear-btn {
    margin: 5px 0 0 20px;
    float: left
}

/* 2020-08-24 */
.font-bold {
    font-weight: bold;
}

@media (max-width: 1620px) {
    .biz_ui .cola h2 {
        margin: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .biz_ui .cola p {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .biz_ui .colb {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1200px) {
    .biz_ui .cola:before {
        width: 480px;
    }

    .biz_ui .cola h2 {
        font-size: 38px
    }

    .process_ui.pin ul {
        left: 0px;
    }

    .process_ui {
        margin: 0 -20px;
        padding: 0 20px;
    }

    .process_ui ul {
        margin-top: 0;
        text-align: center
    }

    .process_ui ul li {
        float: none;
        width: 255px;
        margin: 10px;
        padding: 30px 15px 37px 20px;
        display: inline-block;
        vertical-align: top;
        text-align: left
    }

    .process_ui ul li:nth-child(4n) {
        margin-right: 10px
    }

    .welcomefin_spec .spec_list {
        padding: 0 20px;
        margin: 0 -20px;
    }
}

@media (max-width: 1024px) {
    .biz_ui .cola:before {
        width: 330px;
    }

    .biz_ui .cola p {
        padding-bottom: 40px
    }

    .biz_ui .cola p br {
        display: none
    }

    .col_ui {
        padding-left: 200px
    }

    .col_ui .process {
        top: -15px;
        margin-bottom: -15px
    }

    .col_ui .process li {
        width: 125px;
        height: 125px;
        margin-right: 15px;
        margin-top: 15px;
    }

    .col_ui .process li div {
        width: 125px;
        height: 125px;
        font-size: 14px;
    }

    .accounts_proc li {
        padding-left: 200px
    }

    .accounts_proc li span:before {
        margin-right: 10px
    }

    .process_ui ul li p:nth-of-type(2)+p {
        font-size: 14px
    }
}

@media (max-width: 900px) {
    .btn_block {
        margin-top: 30px
    }

    .btnD1,
    .btnD2 {
        min-width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .board_list tbody td {
        padding: 9px 0;
        font-size: 14px;
    }

    .board_list .num {
        width: 50px;
    }

    .board_list .date {
        width: 80px;
        font-size: 12px;
    }

    .paging {
        margin: 30px auto 0;
    }

    .paging li {
        margin: 0 10px
    }

    .board_view h3 {
        padding: 14px 75px 14px 10px;
        font-size: 15px
    }

    .board_view .date {
        top: 17px;
        right: 5px;
        font-size: 11px;
    }

    .board_view .memo {
        min-height: 300px;
        padding: 20px 12px 40px;
        font-size: 14px;
    }

    .board_view .memo img {
        width: 100%
    }

    .board_view .file {
        padding: 14px 10px 14px 10px;
    }

    .prevNext_list li {
        height: 40px;
        line-height: 40px;
        padding: 0 10px 0 95px;
    }

    .prevNext_list li span {
        left: 10px;
        padding-left: 28px;
    }

    .form_data {}

    .form_data tr {
        display: block;
    }

    .form_data th {
        display: block;
        width: 100%;
        border-bottom: 0;
    }

    .form_data th br {
        display: none
    }

    .form_data th span {
        position: relative;
        top: -3px;
        display: inline-block;
        margin-top: 0;
    }

    .form_data td {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0
    }

    .form_data input[type=text] {
        height: 38px;
    }

    .form_data textarea {
        height: 220px;
    }

    .form_data .size1 {
        width: 100% ! important
    }

    .tbl_col table th,
    .tbl_col table td {
        height: 20px;
        padding: 9px 10px;
        line-height: 23px;
    }

    .tbl_col table .colwid1 {
        width: 110px
    }

    .tbl_col table .txt {
        padding-left: 10px;
        margin-left: 0;
        background-position: 0 10px;
        background-size: 3px auto
    }

    .tbl_row table th,
    .tbl_row table td {
        height: 20px;
        padding: 9px 10px;
        line-height: 23px;
    }

    .tbl_row table .colwid1 {
        width: 110px
    }

    .tbl_row table .colwid2 {
        width: 110px
    }

    .tbl_row .year {
        display: block;
        width: auto
    }

    .qna_ui .col {
        width: 35px
    }

    .qna_ui .q span {
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    .qna_ui .view td {
        padding: 20px 20px;
    }

    .qna_ui .view td div {
        padding: 0 20px 20px 40px;
        background-size: 24px 24px;
    }

    .titH1 {
        margin: 22px 0 19px 0;
        font-size: 19px;
    }

    .titH3 {
        font-size: 17px;
    }

    .titH3 i {
        top: -2px ! important;
        width: 21px ! important;
        height: 21px ! important;
        margin-right: 5px ! important
    }

    .titH3 i.i2 {
        width: 28px ! important;
        height: 22px ! important;
    }

    .titH3 i.i6 {
        width: 22px ! important
    }

    .titH3 i.i7 {
        width: 19px ! important;
        height: 19px ! important;
    }

    .titH3 i.i8 {
        width: 21px ! important;
        height: 24px ! important;
    }

    .h2Txt_g {
        padding-bottom: 20px;
        margin-bottom: 23px;
    }

    .h2Txt_g p {
        margin-top: 0;
        font-size: 12px;
    }

    .h4Txt_g {
        padding-bottom: 20px;
        margin-bottom: 23px;
    }

    .h4Txt_g p {
        margin-top: 0;
        font-size: 12px;
    }

    .txt_para {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
    }

    .txt_para2 {
        margin-top: 32px;
        font-size: 14px;
        line-height: 22px;
    }

    .txt_para+.titH3 {
        margin-top: 25px;
    }

    .tab_ui {
        max-width: 100%;
        width: auto;
        margin-bottom: 25px;
    }

    .tab_ui {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        padding: 1px;
        font-size: 0;
        box-sizing: border-box;
    }

    .tab_ui li {
        float: left;
        width: 50%;
        min-height: 36px;
        line-height: 36px;
        margin: -1px;
        box-sizing: border-box;
        border: 0;
    }

    .tab_ui li a {
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        border: 1px solid #bababa;
    }

    .tab_ui li.current {
        border: 0
    }

    .tab_ui li.current a {
        position: relative;
        border: 1px solid #014f99
    }

    .tab_ui li:nth-child(odd).current a {
        margin-right: 1px;
    }

    .tab_ui li:nth-child(5) a {
        margin-right: 1px;
    }

    .tab_ui span {
        height: 58px;
    }

    .tab_ui span a {
        height: 58px;
        line-height: 18px;
        padding: 0;
        box-sizing: border-box;
    }

    .tab_ui li.current span a {
        height: 57px;
        margin-bottom: 1px;
    }

    .tab_ui li.current span {
        height: 57px;
        padding-bottom: 1px
    }

    .tab_ui li:nth-child(3).current span,
    .tab_ui li:nth-child(4).current span {
        height: 58px;
        padding-bottom: 0
    }

    .tab_ui li:nth-child(1),
    .tab_ui li:nth-child(3) {
        padding-right: 1px;
    }

    .biz_ui {
        padding-top: 27px
    }

    .biz_ui .cola:before {
        top: 110px;
        left: 0;
        margin: 0 auto;
        width: 310px;
    }

    .biz_ui .cola h2 {
        line-height: 32px;
        padding-top: 0;
        padding-bottom: 200px;
        font-size: 21px;
        letter-spacing: -.5px;
        text-align: center
    }

    .biz_ui .cola p {
        padding: 20px;
        line-height: 26px
    }

    .biz_ui .colb {
        margin-top: 30px;
        background: url(../images/img_biz02_m.png) no-repeat 50% 50%;
        background-size: cover
    }

    .biz_ui .colb dl {
        padding-left: 0;
        background-position: right bottom;
        background-size: 75px auto
    }

    .biz_ui .colb dl dt {
        position: static;
        margin-bottom: 12px;
        font-size: 19px;
    }

    .biz_ui .colb dl dd {
        padding-left: 0;
        border: 0
    }

    .biz_ui .colb dl dd p:nth-child(1) {
        font-size: 16px
    }

    .map_ui dl {
        display: block;
    }

    .map_ui dt {
        display: block;
        width: auto;
        padding: 12px 0 0;
        font-size: 18px;
    }

    .map_ui dd {
        display: block;
        width: auto;
        padding: 7px 0 12px;
    }

    .map_ui dd strong {
        font-size: 18px;
    }

    .map_ui dd li~li {
        margin-top: 7px
    }

    .map_ui dd li span {
        width: 55px;
        padding-left: 15px;
        margin-right: 10px
    }

    .map_ui dd li span:before {
        width: 4px;
        height: 4px
    }

    .process_ui ul {}

    .process_ui ul li:nth-child(1) {
        margin-top: 0;
    }

    .process_ui ul li {
        width: 100%;
        height: auto;
        margin: 0;
        margin-top: 20px;
    }

    .process_ui ul li span {
        vertical-align: top;
        font-size: 22px
    }

    .process_ui ul li p:nth-of-type(1) {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        margin-bottom: 20px;
        font-size: 22px
    }

    .process_ui ul li:before {
        background-size: 70% auto ! important;
    }

    .process_ui:before {
        height: 70px;
    }

    .process_ui:after {
        height: 70px;
    }

    .process_ui.pin {
        padding-bottom: 0
    }

    .process_ui.pin:after {
        display: block
    }

    .txt_para:after {
        height: 125px ! important;
        margin-top: 25px ! important;
        background-size: cover ! important;
    }

    .contents h2+.col_ui {
        margin-top: 0
    }

    .col_ui {
        padding-left: 0
    }

    .col_ui~.col_ui {
        margin-top: 40px
    }

    .col_ui h3 {
        position: static;
        line-height: 22px;
        margin-bottom: 12px;
        font-size: 19px;
    }

    .col_ui h3 br {
        display: none
    }

    .col_ui .para2 {
        line-height: 24px;
        font-size: 16px
    }

    .col_ui .process {
        top: -10px;
        margin-bottom: -10px;
        text-align: center;
        font-size: 0
    }

    .col_ui .process li {
        float: none;
        display: inline-block;
        width: 100px;
        height: 100px;
        margin-right: 4px;
        margin-left: 4px;
        margin-top: 10px
    }

    .col_ui .process li div {
        width: 100px;
        height: 100px;
        line-height: 16px;
        font-size: 12px;
    }

    .col_ui .process.service li div:before {
        margin-bottom: -5px;
        background-size: 50% auto ! important
    }

    .col_ui .list li {
        line-height: 22px;
        padding-left: 15px
    }

    .col_ui .list li:before {
        top: 8px;
        width: 4px;
        height: 4px;
    }

    .col_ui .step li {
        width: 90px;
        height: 90px;
        margin-right: 18px;
        margin-top: 20px
    }

    .col_ui .step li div {
        width: 90px;
        height: 90px;
        line-height: 14px;
        font-size: 13px;
    }

    .col_ui .step li span {
        margin-bottom: 5px
    }

    .col_ui .step li:before {
        right: -15px;
        width: 10px;
        height: 10px;
        background-size: contain
    }

    .col_ui .step p {
        line-height: 14px;
        font-size: 11px
    }

    .col_ui .step.type {
        margin-bottom: 0;
    }

    .col_ui .step.type li {
        margin-bottom: 20px;
    }

    .col_ui .dig {
        height: auto ! important;
        background: none ! important
    }

    .col_ui .dig img {
        display: block;
        width: 100%;
    }

    .col_ui .biz_list {
        top: 0;
        margin: 0;
    }

    .col_ui .biz_list li {
        margin: 0;
        width: 20%;
        box-sizing: border-box;
        padding: 5px;
    }

    .col_ui .biz_list li img {
        width: 100%
    }

    .accounts_proc {
        margin-top: 20px;
    }

    .accounts_proc li {
        line-height: 22px;
        min-height: 85px;
        padding: 22px 0 22px 90px;
    }

    .accounts_proc li span {
        top: 22px;
        bottom: auto;
        line-height: 24px;
        width: 73px;
        margin: 0;
        font-size: 14px;
        text-align: center
    }

    .accounts_proc li span:before {
        display: block;
        width: 65px;
        height: 65px;
        margin: 0;
    }

    .welcomefin_intro .had {
        height: auto;
        padding: 30px 0 30px 20px;
        margin-top: 0;
        margin-bottom: 25px;
    }

    .welcomefin_intro .had:before {
        top: 12px;
        right: 10px;
        width: 190px;
        height: 110px;
        background-size: contain;
    }

    .welcomefin_intro .had p:nth-child(1) {
        line-height: 36px;
        font-size: 24px;
    }

    .welcomefin_intro .had p:nth-child(1) strong {
        font-size: 35px;
    }

    .welcomefin_intro .had p:nth-child(2) {
        margin-top: 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .welcomefin_spec .spec_list>li {
        padding: 20px
    }

    .welcomefin_spec .spec_list>li:before {
        bottom: auto;
        left: auto;
        top: 5px;
        right: 5px;
        background-size: 70% auto ! important
    }

    .welcomefin_spec .spec_list:before {
        height: 70px;
    }

    .welcomefin_spec .spec_list:after {
        height: 70px;
    }

    .tab_ui+.policy_ui {
        margin-top: 0
    }

    .policy_ui {
        margin-top: 30px;
        padding: 0 20px 20px;
        background: #f7f7f7
    }

    .policy_ui h2 {
        line-height: 55px;
        font-size: 18px;
    }

    .policy_ui .cons {
        padding: 20px;
        line-height: 22px;
    }
}

@media (max-width: 620px) {
    .pop_container .pop_ui {
        top: 100px;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 3px
    }

    .pop_container .close {
        right: 0;
        top: -35px;
        width: 35px;
        height: 35px;
        background-size: contain
    }

    .pop_container .pop_ui th,
    .pop_container .pop_ui td {
        font-size: 12px
    }

    .col_ui .biz_list li {
        width: 25%;
    }

    .welcomefin_intro .vision {
        width: auto;
        height: 284px;
        background: url(../images/img_welcomefin2_m.png) no-repeat 50% 0;
        background-size: contain
    }
}

@media (max-width: 440px) {
    .pop_container .pop_ui {
        top: 100px;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 3px
    }

    .pop_container .close {
        right: 0;
        top: -35px;
        width: 35px;
        height: 35px;
        background-size: contain
    }

    .pop_container .pop_ui th,
    .pop_container .pop_ui td {
        font-size: 12px
    }

    .col_ui .biz_list li {
        width: 33.333%;
    }

    /* 2021-08-24 */
    .col_ui .ol strong {
        font-size: 11px;
        width: 18px;
        height: 18px;
        line-height: 18px
    }

    .process_ui {
        padding: 0 15px;
        margin: 0 -15px;
    }

    .welcomefin_spec .spec_list {
        padding: 0 15px;
        margin: 0 -15px;
    }

    .policy_ui {
        padding: 0 10px 10px;
    }

    .policy_ui .cons {
        min-height: 350px;
        padding: 15px;
    }

    /* 2020-06-22 */
    .card-box {
        width: 21.5%;
        height: 33px;
        line-height: 28px;
        padding: 0;
        text-align: center
    }

    /* .card-field,input[type="number"].card-field{width:12px;height:12px;line-height:12px;font-size:13px;}*/
    /*2021.12.16 IOS 글씨 깨지는 현상 수정 테스트용 코드 S */
    .card-field,
    input[type="number"].card-field {
        width: 13px;
        height: 13px;
        line-height: 13px;
        font-size: 11px;
    }

    /*2021.12.16 IOS 글씨 깨지는 현상 수정 테스트용 코드 E */
    .card-field.disabled {
        width: 12px;
        height: 12px;
    }

    .card-dash {
        width: 3%;
        height: 33px;
        line-height: 28px;
        margin: 0;
        text-align: center
    }

    .card-clear-btn {
        clear: both;
        float: none;
        width: 64px;
        margin: 0 auto 0;
        padding: 10px 0
    }
}

@media (max-width: 330px) {
    .biz_ui .cola h2 {
        font-size: 19px;
    }

    .process_ui {
        padding: 0 10px;
        margin: 0 -10px;
    }

    .welcomefin_spec .spec_list {
        padding: 0 10px;
        margin: 0 -10px;
    }
}


.ui-datepicker {
    width: 300px;
    padding: 0;
    display: none;
    box-sizing: border-box;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 8px 0;
    border-bottom: 0 !important
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute
}

.ui-datepicker .ui-datepicker-prev {
    left: 15px;
    top: 28px
}

.ui-datepicker .ui-datepicker-next {
    right: 15px;
    top: 28px
}

.ui-datepicker .ui-datepicker-prev-hover {
    width: 49px !important;
    height: 12px !important;
    background: url(../images/ui-datepicker-prev.png) no-repeat 0 0 !important;
    border: 0 !important
}

.ui-datepicker .ui-datepicker-next-hover {
    width: 49px !important;
    height: 12px !important;
    background: url(../images/ui-datepicker-next.png) no-repeat 0 0 !important;
    border: 0 !important
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    font-size: 0
}

.ui-datepicker-prev {
    width: 49px !important;
    height: 12px !important;
    background: url(../images/ui-datepicker-prev.png) no-repeat 0 0
}

.ui-datepicker-next {
    width: 49px !important;
    height: 12px !important;
    background: url(../images/ui-datepicker-next.png) no-repeat 0 0
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    font-size: 13px;
    color: #222;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 13px;
    color: #222;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 50px;
    background: transparent;
}

.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
    font-size: 13px;
    color: #222;
    font-family: 'Lato';
}

.ui-datepicker .ui-datepicker-month {
    display: block;
    display: block;
    font-size: 25px
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.ui-datepicker th {
    text-align: center;
    height: 35px;
}

.ui-datepicker td {
    height: 30px;
    text-align: center;
    font-family: 'LatoB';
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #222;
    font-size: 13px
}

.ui-datepicker th span {
    color: #222;
    font-size: 13px;
}

.ui-datepicker .ui-datepicker-buttonpane {
    display: none
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    cursor: pointer;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
    display: none
}

.ui-widget.ui-widget-content {
    padding: 0 0 30px 0;
    border: 1px solid #535353;
    border-radius: 3px;
    box-shadow: 5px 10px 10px rgba(00, 00, 00, .2)
}

.ui-widget-content {
    background: #fff;
    color: #333
}

.ui-widget-content a {
    font-size: 13px;
    color: #333
}

.ui-widget-header {
    border: 0;
    background: #fff;
    color: #222;
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    font-weight: 400;
    color: #222
}

.ui-datepicker-close {
    display: none
}

.ui-datepicker-today a {
    background: #eee !important;
    border-radius: 100%
}

.ui-datepicker-calendar a:hover {}



.list-info-box {}

.list-info-box h3 {
    color: #fff;
    font-size: 14px;
    background: #898a8c;
    border-radius: 5px 5px 0 0;
    padding: 0 15px;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    position: relative;
    z-index: 2;
    font-weight: normal;
}

.list-info-box .tt {
    position: relative;
    z-index: 1;
}

.list-info-box .tt:after {
    content: '';
    display: block;
    clear: both;
    background: #696a6b;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.list-info-box .gap {}

.list-info-box .gap:after {
    content: '';
    display: block;
    clear: both;
}

.list-info-box .gap ul {}

.list-info-box .gap ul li {
    border-bottom: 1px solid #e1e1e1;
}

.list-info-box .gap ul li .inner {
    width: 50%;
    float: left;
}

.list-info-box .gap ul li .inner:nth-child(3) {
    border-top: 1px solid #e1e1e1;
}

.list-info-box .gap ul li:after,
.list-info-box .gap ul li .inner:after {
    content: '';
    display: block;
    clear: both;
}

.list-info-box .gap ul li .left-text,
.list-info-box .gap ul li .right-text {
    float: left;
    color: #2d2e2f;
    font-size: 14px;
    padding: 7px 0;
}

/* .list-info-box .gap ul li .left-text{width:87px;font-weight:bold;} */
.list-info-box .gap ul li .left-text {
    width: 100px;
    font-weight: bold;
}

.list-info-box .gap ul li .txt-s {
    font-size: 11px;
}

.list-info-box .gap ul li .right-text {
    width: auto;
}

.list-info-box .box-gap {
    margin-bottom: 16px;
    clear: both;
}

.list-info-box .box-gap:last-child {
    margin-bottom: 0;
}

.list-info-box .box-gap:after {
    content: '';
    display: block;
}

.list-info-box .box-gap.type-2 .gap {
    width: 50%;
    display: inline-block;
}

.list-info-box .box-gap.type-2 .gap:first-child {
    width: calc(50% - 13px);
}

.list-info-box .box-gap.type-2 .gap:last-child {
    width: calc(50% - 13px);
    float: right;
}

.list-info-box .box-gap.type-2 .gap ul li .inner {
    float: none;
    width: auto;
}


body,
html {}

/* body{overflow-y:none;overflow-x:hidden;} */

.btn_back {
    display: none;
    position: absolute;
    top: 23px;
    right: 15px;
    width: 30px;
    height: 20px;
    font-size: 0;
    background: url(../images/ico_back_m.png) no-repeat 0 0;
    background-size: contain
}

header {
    z-index: 99;
    position: relative;
    height: 92px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header .header {
    position: relative;
    max-width: 1620px;
    min-width: 1024px;
    height: 92px;
    margin: 0 auto;
}

header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

header .logo {
    z-index: 3;
    position: absolute;
    top: 35px;
    left: 0;
    width: 156px;
    height: 23px;
    background: url(../images/logo.png) no-repeat 0 0;
    padding-top: 0;
}

header .logo a {
    display: block;
    height: 46px;
    font-size: 0;
}

header .utill {
    z-index: 3;
    position: absolute;
    top: 39px;
    right: 29px;
    font-size: 0;
}

header .btn_allMenu {
    z-index: 9;
    position: absolute;
    top: 34px;
    right: 0;
    width: 30px;
    height: 22px;
    font-size: 0;
    background: url(../images/btn_allMenu.png) no-repeat 0 0;
}

header .btn_menu {
    display: none
}

.gnbMenu {
    z-index: 2;
    position: relative;
    height: 92px;
    padding-top: 32px;
    font-size: 0;
    box-sizing: border-box;
}

.gnbMenu .gnb {
    text-align: center
}

.gnbMenu .gnb .depth1 {
    position: relative;
    display: inline-block;
    padding: 0 44px;
}

.gnbMenu .gnb .depth1~.depth1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 9px;
    margin: auto 0;
    background: #d7d7d7
}

.gnbMenu .gnb .depth1>a {
    display: block;
    font-size: 18px;
}

.gnbMenu .gnb .active a,
.gnbMenu .gnb .depth1 a:hover {}

.gnbMenu .gnb .depth2 {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    background: #fff;
}

.gnbMenu .gnb .depth2 a {
    position: relative;
    display: block;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #888;
    box-sizing: border-box;
}

.gnbMenu .gnb .depth2 a:hover,
.gnbMenu .gnb .depth2 a.active {
    color: #fff;
    background: #264480
}

.all_menu {
    display: none;
    z-index: 99;
    position: absolute;
    top: 86px;
    padding-left: 100px;
    width: 100%;
    height: 300px;
    font-size: 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
    background: #fff
}

.all_menu ul {
    text-align: center
}

.all_menu ul .depth1 {
    position: relative;
    padding: 0 44px;
    display: inline-block;
}

.all_menu ul .depth1>a {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.all_menu ul .depth1>a {
    display: block;
    font-size: 18px;
}

.all_menu ul .depth2 {
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 100%;
    text-align: left;
    background: #fff
}

.all_menu ul .depth2 a {
    position: relative;
    display: block;
    height: 40px;
    padding: 12px 0 0;
    line-height: 22px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #888;
    box-sizing: border-box;
}

.sub_visual {
    max-width: 1620px;
    height: 221px;
    margin: 0 auto;
    box-sizing: border-box;
}

.sub_visual * {
    vertical-align: middle;
}

.sub_visual h1 {
    padding-top: 63px;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: #fff;
}

.sub_visual p {
    margin-top: 7px;
    text-align: center;
    font-size: 15px;
    color: #fff
}

.sub_visual .home {
    display: inline-block;
    width: 20px;
    height: 19px;
    font-size: 0;
    background: url(../images/ico_home.png) no-repeat 50% 50%;
    background-size: cover;
}

.sub_visual p span {
    display: inline-block;
    padding-left: 20px;
    margin-left: 20px;
    background: url(../images/ico_lnb.png) no-repeat 0 50%;
    background-size: 5px auto;
}

.sub_visual.visual1 {
    background: url(../images/sub_visual.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.sub_visual.visual2 {
    background: url(../images/sub_visual2.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.sub_visual.visual3 {
    background: url(https://www.welcomepayments.co.kr/resources/images/sub_visual3.jpg) no-repeat 50% 50%;
    background-size: cover;
    margin-top: 100px;
}

.sub_visual.visual4 {
    background: url(../images/sub_visual4.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.sub_visual.visual5 {
    background: url(../images/sub_visual5.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.sub_visual.visual6 {
    background: url(../images/sub_visual6.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.sub_visual.visual7 {
    background: url(../images/sub_visual7.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/* #dBbody{overflow:hidden;position:relative;width:1620px;min-height:400px;margin:0 auto;padding-bottom:70px;} */
/* #dBody{position:relative;width:1620px;min-height:400px;margin:0 auto;padding-bottom:80px;} */
/* #dBodyResult{position:relative;width:1220px;margin:0 auto;padding-bottom:80px;} */
.contents {
    width: 1200px;
    margin: 0 auto
}

.contents h2 {
    padding-top: 46px;
    margin-bottom: 40px;
    line-height: 52px;
    font-size: 40px;
    text-align: center;
    color: #022222;
    font-weight: 600;
}

.contents.home h2 {
    padding-top: 46px;
    margin-bottom: 40px;
    line-height: 52px;
    font-size: 40px;
    text-align: center;
    color: #022222;
    font-weight: 600;
    margin-right: 80px;
}

.contents h2 strong {
    font-family: 'NotoB';
}

#dBody {
    margin-bottom: 100px;
}

/* footer{position:relative;min-width:1620px;height:212px;background:#5a5959}
footer:before{content:"";position:absolute;top:55px;left:0;height:1px;width:100%;border-bottom:1px solid #6d6c6c}
footer .footer{position:relative;width:1220px;margin:0 auto;background:url(../images/btm_logo.png) no-repeat 0 88px;}
footer .f_menu{overflow:hidden;height:55px;padding-top:14px;box-sizing:border-box;}
footer .f_menu li{position:relative;float:left;}
footer .f_menu li a{font-size:13px;color:#999;font-family:'NotoM';}
footer .f_menu li~li:before{content:"";position:absolute;top:8px;left:0;display:inline-block;width:1px;height:8px;vertical-align:middle;background:#7c7b7b}
footer .f_menu li~li{margin-left:20px;padding-left:22px}
footer .f_menu li strong{color:#df0303}
footer .familly_site{position:absolute;top:8px;right:0;font-size:12px;color:#999;}
footer .familly_site button{position:relative;display:block;width:240px;height:40px;text-align:left;padding-left:15px;border:1px solid #868686;background:#5a5959}
footer .familly_site button:before{content:"";position:absolute;top:0;bottom:0;right:13px;width:8px;height:5px;margin:auto 0;background:url(../images/ico_foot_sel.png) no-repeat 50% 50%;}
footer .familly_site button.active:before{background:url(../images/ico_foot_sel_active.png) no-repeat 50% 50%;}
footer .familly_site ul{display:none;position:absolute;left:0;bottom:39px;width:240px;font-size:12px;border:1px solid #868686;background:#5a5959;box-sizing:border-box;}
footer .familly_site ul li{height:40px;line-height:40px;}
footer .familly_site ul a{display:block;padding-left:15px;}
footer .familly_site ul a:hover{color:#5a5959;background:#868686}
footer .address{padding:27px 110px 0 170px}
footer .address p{line-height:25px;font-size:0;letter-spacing:.5px;color:#999;}
footer .address span{position:relative;display:inline-block;font-size:13px;font-family:'NotoM';}
footer .address span~span{margin-left:15px;padding-left:15px;}
footer .address span~span:before{content:"";position:absolute;top:10px;left:0;width:1px;height:8px;background:#7c7c7c}
footer .copy{padding-left:170px;padding-right:110px;line-height:25px;font-size:13px;letter-spacing:.5px;font-family:'NotoM';color:#999;}

footer .iso{position:absolute;bottom:-10px;right:0;width:100px;border-radius:100%}
footer .isms{position:absolute;bottom:-10px;right:0;width:100px;border-radius:100%} */

.pop-layer .pop-container {
    padding: 20px 25px;
}

.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: right;
}

.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 410px;
    height: auto;
    background-color: #fff;
    border: 5px solid #3571B5;
    z-index: 10;
}

.dim-layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
    display: block;
}

.dim-layer1 {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer1 .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer1 .pop-layer {
    display: block;
}

.dim-layer2 {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer2 .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer2 .pop-layer {
    display: block;
}

a.btn-layer {
    display: inline-block;
    height: 25px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
}

a.btn-layerClose {
    display: inline-block;
    height: 25px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
}

#qnaPopup tbody th {
    width: 100px;
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

#qnaPopup tbody td {
    line-height: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #d2d2d2;
    padding: 12px 20px 12px 0;
}


@media (max-width: 1650px) {
    header .logo {
        left: 20px
    }

    header .btn_allMenu {
        right: 20px
    }

    .all_menu {
        padding-left: 220px
    }

    .gnbMenu {
        margin-left: 125px;
    }

    /* #dBody{width:auto;padding:0 20px 80px} */
    /* #dBodyResult{position:relative;width:auto;margin:0 auto;padding: 0 40px 80px 40px;} */

    /* footer{min-width:auto;}
	footer .footer{width:auto;margin:0 20px}
	footer .iso{bottom:auto;top:65px}
	footer .isms{bottom:auto;top:65px} */
}

@media (max-width: 1350px) {
    header .header {
        min-width: auto;
        width: 100%;
    }

    /* #dBodyResult{position:relative;width:auto;margin:0 auto;padding: 0 40px 80px 40px;} */
    .all_menu {
        padding-left: 200px
    }

    .all_menu ul .depth2 a {
        font-size: 12px;
        width: 86px;
    }

    .gnbMenu {
        margin-left: 115px
    }

    .gnbMenu .gnb .depth1 {
        padding: 0 30px
    }

    .gnbMenu .gnb .depth2 a {
        height: 35px;
        line-height: 35px;
        padding-top: 0;
        font-size: 12px
    }

    .all_menu ul .depth1 {
        padding: 0 32px;
    }

    /* footer .address p {width:615px;}
	footer .iso{top:auto;bottom:-10px;}
	footer .isms{top:auto;bottom:-10px;} */
}

@media (max-width: 1200px) {
    .gnbMenu .gnb .depth1 {
        padding: 0 23px
    }

    .all_menu ul .depth2 {
        width: 100px;
    }

    .all_menu {
        padding-left: 130px
    }

    .all_menu ul .depth2.intro {
        left: 85px;
    }

    .all_menu ul .depth2.procedure {
        left: 60px;
    }

    .all_menu ul .depth2.pg {
        left: 45px;
    }

    .all_menu ul .depth2.fin {
        left: 32px;
    }

    .all_menu ul .depth2.presettle {
        left: -13px;
    }

    .contents {
        width: auto;
    }

    .card-contents {
        width: auto !important;
    }
}

@media (max-width: 1100px) {
    .gnbMenu .gnb .depth1 {
        padding: 0 18px
    }

    .gnbMenu .gnb .depth1>a {
        font-size: 17px
    }

    .all_menu {
        padding-left: 50px
    }

    .all_menu ul .depth2.intro {
        left: 160px;
    }

    .all_menu ul .depth2.procedure {
        left: 120px;
    }

    .all_menu ul .depth2.pg {
        left: 95px;
    }

    .all_menu ul .depth2.fin {
        left: 60px;
    }

    .all_menu ul .depth2.notice {
        left: 15px;
    }

    .all_menu ul .depth2.presettle {
        left: -15px;
    }
}


@media (max-width: 1024px) {
    .table_type2.type_background~.agree_area {
        display: flex;
        justify-content: center;
        align-items: center;
        /* display: inline-block; */
        flex-wrap: wrap;
        padding-top: 60px;
        z-index: 10
    }
    /* footer .iso{bottom:-10px;right:0;width:80px;}
	footer .isms{bottom:-10px;right:0;width:80px;}
	footer .address{padding-right:80px}
	footer .copy{padding-right:80px;} */
    .all_menu {
        padding-left: 0px;
        right: 0px;
        width: 1000px;
    }

    .all_menu ul .depth2.intro {
        left: 180px;
    }

    .all_menu ul .depth2.procedure {
        left: 145px;
    }

    .all_menu ul .depth2.pg {
        left: 125px;
    }

    .all_menu ul .depth2.fin {
        left: 80px;
    }

    .all_menu ul .depth2.notice {
        left: 35px;
    }

    .all_menu ul .depth2.presettle {
        left: 10px;
    }
}

@media (max-width: 1000px) {
    .gnbMenu {
        margin-left: 120px
    }

    .gnbMenu .gnb .depth1 {
        padding: 0 12px
    }

    .gnbMenu .gnb .depth1>a {
        font-size: 16px
    }

    .all_menu ul .depth2.intro {
        left: auto;
        right: -221px;
    }

    .all_menu ul .depth2.procedure {
        left: auto;
        right: -164px;
    }

    .all_menu ul .depth2.pg {
        left: auto;
        right: -78px;
    }

    .all_menu ul .depth2.fin {
        left: auto;
        right: -15px;
    }

    .all_menu ul .depth2.notice {
        left: auto;
        right: -15px;
    }
}

@media (max-width: 950px) {
   
    
    .all_menu ul .depth2.intro {
        left: auto;
        right: -240px;
    }

    .all_menu ul .depth2.procedure {
        left: auto;
        right: -183px;
    }

    .all_menu ul .depth2.pg {
        left: auto;
        right: -108px;
    }

    .all_menu ul .depth2.fin {
        left: auto;
        right: -22px;
    }

    .all_menu ul .depth2.notice {
        left: auto;
        right: -30px;
    }

    .all_menu ul .depth2.presettle {
        left: 22px;
    }
}


@media (max-width: 900px) {
    .btn_back {
        display: block
    }

    .all_menu {
        display: none !important;
    }

    body {
        min-width: 320px;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        min-width: auto;
        width: 100%;
        height: 65px;
        border: 0;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

    header .header {
        height: 65px;
    }

    header.fixed {
        border-bottom: 1px solid #e5e5e5;
    }

    header .utill {
        display: none
    }

    header .logo {
        top: 25px;
        left: 0;
        right: 0;
        width: 130px;
        height: 22px;
        margin: 0 auto;
        background: url(../images/logo_m.png) no-repeat 0 0;
        background-size: contain
    }

    .gnbMenu,
    .gnb_bg,
    header .btn_allMenu,
    .all_menu {
        display: none
    }

    header .btn_menu {
        z-index: 99;
        position: absolute;
        top: 23px;
        left: 20px;
        display: block;
        width: 29px;
        height: 19px;
        font-size: 0;
        background: url(../images/m_menu.png) no-repeat 0 0;
        background-size: contain
    }

    .main-sidebar {
        display: block;
        right: -50000px;
    }

    .main-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: #fff;
    }

    .dynamic-right .main-navbar-content {
        position: absolute;
        right: 0
    }

    .dynamic-left .main-navbar-content {
        position: absolute;
        left: 0
    }

    .main-sidebar-wrapper {
        position: relative;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background: #f0f0f0
    }

    .menu_side .top {
        height: 65px;
        background: #014f98
    }

    .menu_side .close-sb {
        position: absolute;
        top: 22px;
        right: 20px;
        width: 20px;
        height: 20px;
        font-size: 0;
        background: url(../images/ico_close_m.png) no-repeat 0 0;
        background-size: contain
    }

    .menu_side .home {
        position: absolute;
        top: 18px;
        left: 20px;
        width: 30px;
        height: 30px;
        font-size: 0;
        background: url(../images/ico_home_m.png) no-repeat 0 0;
        background-size: contain
    }

    .menu_side .menu_box {
        position: relative;
        z-index: 2;
        background: #f0f0f0
    }

    .menu_side .menu_box>ul>li {}

    .menu_side .menu_box .has_child {
        position: relative;
        display: block;
        line-height: 55px;
        padding-left: 60px;
        font-size: 17px;
        color: #222;
        border-bottom: 1px solid #dbdbdb;
    }

    .menu_side .menu_box .has_child:before {
        content: "";
        position: absolute;
        right: 12px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 8px;
        height: 13px;
        background: url(../images/ico_sidemenu_arrow.png) no-repeat 0 0;
        background-size: 8px auto
    }

    .menu_side .menu_box .has_child.selected {
        color: #fff;
        background-color: #014f98 ! important
    }

    .menu_side .menu_box .has_child.selected:before {
        width: 13px;
        height: 8px;
        background: url(../images/ico_sidemenu_arrow2.png) no-repeat 0 0;
        background-size: 13px auto
    }

    .menu_side .menu_box ul ul {
        display: none;
        padding: 0 20px;
        background: #dadada
    }

    .menu_side .menu_box ul ul a {
        display: block;
        color: #222;
        position: relative;
        margin-bottom: 0;
        line-height: 45px !important;
        font-size: 14px;
    }

    .menu_side .menu_box ul ul li~li {
        border-top: 1px solid #fff
    }

    .menu_side .menu_box ul ul ul {
        padding: 0 0 17px 0
    }

    .menu_side .menu_box ul ul ul li {
        border: 0
    }

    .menu_side .menu_box ul ul ul li a {
        line-height: 28px !important;
    }

    .menu_side .menu_box li:nth-child(1) .has_child {
        background: url(../images/ico_sidemenu1.png) no-repeat 20px 50%;
        background-size: 23px auto
    }

    .menu_side .menu_box li:nth-child(1) .has_child.selected {
        background-image: url(../images/ico_sidemenu1_ov.png)
    }

    .menu_side .menu_box li:nth-child(2) .has_child {
        background: url(../images/ico_sidemenu2.png) no-repeat 20px 50%;
        background-size: 27px auto
    }

    .menu_side .menu_box li:nth-child(2) .has_child.selected {
        background-image: url(../images/ico_sidemenu2_ov.png)
    }

    .menu_side .menu_box li:nth-child(3) .has_child {
        background: url(../images/ico_sidemenu3.png) no-repeat 20px 50%;
        background-size: 29px auto
    }

    .menu_side .menu_box li:nth-child(3) .has_child.selected {
        background-image: url(../images/ico_sidemenu3_ov.png)
    }

    .menu_side .menu_box li:nth-child(4) .has_child {
        background: url(../images/ico_sidemenu4.png) no-repeat 20px 50%;
        background-size: 28px auto
    }

    .menu_side .menu_box li:nth-child(4) .has_child.selected {
        background-image: url(../images/ico_sidemenu4_ov.png)
    }

    .menu_side .menu_box li:nth-child(5) .has_child {
        background: url(../images/ico_sidemenu5.png) no-repeat 20px 50%;
        background-size: 28px auto
    }

    .menu_side .menu_box li:nth-child(5) .has_child.selected {
        background-image: url(../images/ico_sidemenu5_ov.png)
    }

    .menu_side .menu_box li:nth-child(6) .has_child {
        background: url(../images/ico_sidemenu6.png) no-repeat 20px 50%;
        background-size: 32px auto
    }

    .menu_side .menu_box li:nth-child(6) .has_child.selected {
        background-image: url(../images/ico_sidemenu6_ov.png)
    }

    .menu_side .foot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 55px;
        line-height: 55px;
        padding-left: 20px;
        background: #fff;
        box-sizing: border-box;
    }

    .menu_side .foot li {
        position: relative;
        display: inline-block;
        color: #999
    }

    .menu_side .foot li~li {
        padding-left: 10px;
        margin-left: 10px;
    }

    .menu_side .foot li~li:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 10px;
        margin: auto 0;
        background: #999
    }

    .sub_visual {
        height: auto;
        padding-top: 80px;
        background: none ! important
    }

    .sub_visual h1 {
        display: none
    }

    .sub_visual p {
        color: #666;
        font-size: 12px
    }

    .sub_visual .home {
        width: 15px;
        height: 15px;
        background: url(../images/ico_home_m2.png) no-repeat 50% 50%;
        background-size: contain;
    }

    .sub_visual p span {
        padding-left: 15px;
        margin-left: 15px;
        background: url(../images/ico_lnb_m.png) no-repeat 0 50%;
        background-size: 5px auto;
    }

    .contents h2 {
        margin-bottom: 25px;
        padding-top: 5px;
        font-size: 28px;
    }

    .contents.home h2 {
        margin-right: 0;
    }

    /* footer{position:relative;min-width:320px;height:auto;padding-bottom:20px;}
	footer:before{top:65px}
	footer .footer{width:auto;background:url(../images/logo2_m.png) no-repeat 0 87px;background-size:130px auto}
	footer .f_menu{padding-top:17px}
	footer .f_menu li a{font-size:11px}
	footer .f_menu li~li{padding-left:10px;margin-left:10px}
	footer .familly_site{top:79px;}
	footer .familly_site button{width:145px;height:30px}
	footer .familly_site ul{width:145px;bottom:29px}
	footer .address{padding:65px 0 0 0;}
	footer .copy{padding-left:0}
	footer .address p{line-height:16px;}
	footer .address span{font-size:10px}
	footer .address span~span{padding-left:5px;margin-left:5px}
	footer .address span~span:before{top:4px}
	footer .copy{font-size:10px;line-height:18px;letter-spacing:-.2px}
	
	footer .address{padding-right:45px}
	footer .copy{padding-right:45px}
	footer .iso{width:40px;}
	footer .isms{width:40px;} */
}

@media (max-width: 440px) {
    /* footer .familly_site button{width:160px;}
	footer .familly_site ul{width:160px;} */
}

@media (max-width: 380px) {
    header .btn_menu {
        left: 15px;
    }

    /* footer .footer{margin:0 15px} */
    footer .address span {
        font-size: 9px
    }

    #dBody {
        padding: 0 15px 40px;
    }
}

@media (max-width: 330px) {
    header .btn_menu {
        left: 10px;
    }

    /* footer .footer{margin:0 10px} */

    #dBody {
        padding: 0 10px 40px;
    }
}



/* css Reset */
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
    display: block;
}

p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
button,
code,
label,
em,
span,
strong {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    letter-spacing: -.5px;
    word-break: normal;
}

input,
textarea,
select,
button {
    font: inherit;
    vertical-align: middle;
    padding: 0;
}

input[type="button"],
input[type="text"],
input[type="image"],
input[type="submit"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea {
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: inherit;
    letter-spacing: -.2px;
    word-break: break-all;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
}

textarea {
    resize: none;
}

select {
    background: url(/assets/img/icon/select-icon.png) no-repeat calc(100% - 20px) 50% #fff;
    background-size: auto
}

select::-ms-expand {
    display: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}

form {
    display: inline;
    margin: none
}

img,
fieldset,
iframe {
    border: none;
}

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

a:link,
a:active,
a:visited,
a {
    text-decoration: none;
    color: inherit
}

a:hover {
    text-decoration: none;
    color: inherit
}

caption {
    position: relative;
    left: -5000px;
    height: 0;
    line-height: 0;
    text-indent: -5000px;
    overflow: hidden
}

button {
    cursor: pointer;
    outline: none
}

label,
input,
button,
select,
img {
    vertical-align: middle
}

::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 14px;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 14px;
}

:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

@font-face {
    font-family: 'NotoL';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansCJKkr-Light.woff) format("woff"), url(../fonts/NotoSansCJKkr-Light.otf) format("opentype")
}

@font-face {
    font-family: 'NotoR';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSansCJKkr-Regular.woff) format("woff"), url(../fonts/NotoSansCJKkr-Regular.otf) format("opentype")
}

@font-face {
    font-family: 'NotoM';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansKR-Medium.woff) format("woff"), url(../fonts/NotoSansKR-Medium.otf) format("opentype")
}

@font-face {
    font-family: 'NotoB';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansKR-Bold.woff) format("woff"), url(../fonts/NotoSansKR-Bold.otf) format("opentype")
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Lato-Regular.woff) format("woff")
}

@font-face {
    font-family: 'LatoB';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Lato-Bold.woff) format("woff")
}


.invisible {
    position: absolute;
    left: -5000px;
    height: 0;
    line-height: 0;
    overflow: hidden
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 850px) {

    body {
        font-size: 14px;
    }

    .content {
        padding: 0 15px 100px;
    }

    .flex_J {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .search_form_pagi {
        flex-wrap: wrap;
        justify-content: flex-start !important;
        align-items: flex-start;
    }

}

@media (max-width: 330px) {
    body {
        font-size: 13px;
    }
}

.map_controll {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.btn_map_c {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.btn_map {
    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;
    background-color: #474b53;
    font-weight: 600;
}

.map_text {
    font-size: 26px;
    line-height: 38px;
}

.span_t {
    display: inline-block;
    margin-left: 30px;
}

.box_map_bot {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.fcdeck_container_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fcdeck_container_flex_r {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pagi {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.search_form_pagi {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.search_form_pagi input {
    padding: 0 10px;

    width: 200px;
}

.search_form_pagi select {
    padding: 0 10px;
    width: 100px;
    position: relative;
}

.search_form_pagi div button {
    border: 1px solid #ddd;
    width: 70px;
    height: 40px;
    background-color: #fafafa;
}

.pagi div {
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #ebebeb;
    width: 40px;
    height: 40px;
    color: #ebebeb;
}

.pagi div:hover {
    border-color: #000;
    color: #000;
}

.pagi_2 {
    border: 1px solid #000 !important;
    color: #000 !important;
}

.search_form_pagi {
    margin-top: 30px;
}

.btn_2_frm {
    margin-top: 20px;
    padding-right: 35px;
    text-align: end;
}

.btn_2_frm button {
    text-align: center;
    width: 90px;
    color: white;
    background-color: #474b53;
    height: 50px;
}

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

.flex_J {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tdn {
    text-decoration: none !important;
    cursor: pointer;
}

.snb_1 {
    position: fixed;
    top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FAFAFA;
    /* margin-top: 500px; */
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 60px;
    z-index: 999;
}

.on {
    text-decoration: underline;
    text-underline-offset: 8px;
}

.flex_snb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.icon_sm {
    width: 15px;
    height: 15px;
    filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(100%);
}

.img_xl {
    width: 60px;
    height: 60px;
    filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(100%);
}

.result_notice {
    margin-top: 100px !important;
}

.viewType {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}

.viewType div span {
    text-decoration: none !important;
}

.flex_p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.flex_end {
    margin-right: 120px;
    margin-top: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
}

#ufile1 {
    border: none;
}

.flex_end_btn {
    width: 80px;
    height: 50px;
    color: white;
    background-color: #474B53;
}

.ly_sc {
    padding: 30px 40px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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);
}

.agree_popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 1000;
}

.agree_popup {
    position: relative;
    width: 80%;
    max-width: 800px;
    margin: 100px auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}

.agree_popup .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agree_popup .top h3 {
    margin: 0;
}

.agree_popup .top .close_pop {
    cursor: pointer;
    font-size: 20px;
}

.agree_popup .page-content {
    margin-top: 20px;
}

.agree_popup .desc {
    max-height: 300px;
    overflow-y: auto;
}

.agree_popup .desc p {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #252525;
}

.cons_PL {
    line-height: 1.6;
}



.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    gap: 10px;
}

.pager .pagination {
    display: flex;
    gap: 10px;
}

.pager ul li {
    width: 36px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pager ul li.item-pagi-button-gray {
    border: 1px solid #dbdbdb;
}

.pager ul li img {
    margin-top: 5px;
}

.pager ul li.active {
    border: 1px solid #005635;
    color: #005635;
}

.pager ul li.left {
    margin-right: 10px;
}

.pager ul li.right {
    margin-left: 10px;
}

.pagination-cus {
    display: flex;
    list-style: none;
    padding: 0;
}

.page-item-cus {
    padding: 10px;
    margin: 0 5px;
    background-color: none !important;
    min-width: 48px;
}


.active-pagi {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #1c5bb2;
}

.item-pagi-button-blue {
    border-radius: 50%;
    border: 2px solid #1c5bb2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-pagi-button-gray {
    color: #bbbbbb;
    border-radius: 50%;
    border: 2px solid #bbbbbb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-link-cus {
    /* padding: 5px 10px; */
    color: #1c5bb2;
    text-decoration: none;
    border-radius: 50% !important;
    transition: background-color 0.3s, color 0.3s;
}

.page-link-cus img {
    margin-top: -4px;
}


.page-item-cus .active .page-link-cus,
.page-link-cus :hover {
    text-decoration: underline;
}

.page-item-cus .disabled .page-link-cus {
    color: #6c757d;
    cursor: not-allowed;
}

.page-link-cus :focus {
    outline: none;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.custom-table th,
.custom-table td {
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #000;
    text-align: left;
    padding: 20px 15px;
    color: #757575;
}

.custom-table td.td_start {
    color: #252525;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
}

.custom-table th {

    background-color: #f8f8f8;
    font-weight: 500;
    color: #252525;
}

.award .custom-table th {
    background-color: #fff;
}


.award .custom-table tr:nth-child(even) {
    background-color: #fff;
}

.custom-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.custom-table th,
.custom-table td {
    text-align: center;
}

.file_num {
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 20px;
}

.file_num_rm {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    cursor: pointer;
}

.greeting_main .ttl {
    font-size: 34px;
    line-height: 78px;
    color: #252525;
    font-weight: bold;
    font-family: "Pretendard", sans-serif;
    text-align: center;
}

.greeting_main .img {
    margin-top: 70px;
    position: relative;
    overflow: hidden;
}

.greeting_main .img .ceo_image img {
    width: 97%;
}

.greeting_main .img .ceo_image {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 83px;
}

.greeting_txt .desc {
    display: flex;
    margin-top: -105px;
    background-color: #fff;
    padding: 44px 0px 0px;
    gap: 77px;
}

.desc_flex {
    /* flex-wrap: wrap;. */
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 80px;
    margin-top: 50px;
    width: 1200px;
    margin-bottom: 100px;
}

.desc_flex .cont {
    line-height: 1.6;
    font-size: 18px;
    color: #757575;
    width: calc(100% / 2 - 40px);
}

@media screen and (max-width: 850px) {
    .search_form_pagi input {
        padding: 0 10px;
        width: 10.6923rem;
    }

    .search_form_pagi select {
        padding: 0 10px;
        width: 5rem;
        position: relative;
    }

    .search_form_pagi div button {
        border: 1px solid #ddd;
        width: 4.6923rem;
        height: 40px;
        background-color: #fafafa;
    }

    .search_form_pagi {
        gap: 0.7692rem;
    }

    select {
        background: url(/assets/img/icon/select-icon.png) no-repeat calc(100% - 0.7692rem) 50% #fff;
        background-size: auto;
    }

    .view_table .tx_v_m td {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 1.3;
        border-right: 1px solid #ebebeb;
    }

    .search_area {
        margin-top: 30px;
        display: flex;
        align-items: flex-start !important;
        justify-content: center;
        flex-wrap: wrap;
    }

    .search_area .list_srch {
        text-align: center;
        display: flex;
        align-items: flex-start !important;
        flex-wrap: wrap;
        gap: 8px;
    }

    .search_area .list_srch .input_txt {
        margin-left: 0 !important;
    }

    .search_area .list_srch .btn_srch {
        margin-left: 0 !important;
    }

    .contents {
        margin: 0 20px;
    }

    #dBody {
        padding: 0;
    }

    .map_controll {
        flex-direction: column;
    }

    .greeting_main .img .ceo_image {
        overflow: hidden;
        position: relative;
        top: unset;
        right: unset;
        margin-top: -17rem;
    }

    .greeting_main .img .ceo_image img {
        width: 100%;
        height: 25rem;
    }

    .desc_flex {
        flex-direction: column;
        width: 100%;
    }

    .greeting_txt {
        margin-top: -7.6923rem;
    }

    .greeting_main .img img {
        width: 100%;
        height: 28rem;
    }

    .custom-table.spe {
        width: 100%;
        border-collapse: collapse;
        margin: 0.7692rem 0;
    }

    .custom-table.spe thead {
        display: none;
    }


    .custom-table.spe th,
    .custom-table.spe td {
        font-size: 1.0769rem;
        border-bottom: none;
        border-top: none;
        text-align: left;
        padding: 0;
        color: #757575;
        position: relative;
    }

    .custom-table.spe tr {
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        padding: 1.3462rem 0;
    }

    .custom-table.spe tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .custom-table.spe .num {
        display: none;
    }

    .custom-table.spe .hit {
        order: 3;
    }

    .custom-table.spe .hit::before {
        content: '조회: ';
        color: #454545;
        font-weight: 500;
    }

    .custom-table.spe td:not(.td_star) {
        padding: 0 0.192rem;
        margin: 0 0.392rem;
    }

    .custom-table.spe .hit::after {
        content: '';
        position: absolute;
        width: 0.0385rem;
        height: 0.9615rem;
        background-color: #8c8c8c;
        top: 0.1923rem;
        left: calc(100% + 0.5769rem);
    }

    .custom-table.spe .td_start {
        order: 1;
        color: #252525;
        font-weight: 500;
        width: 100%;
        line-height: 1.3;
        margin-bottom: 0.5769rem !important;
        font-size: 1.0769rem;
        margin-left: 0 !important;
        padding-left: 0 !important;
        max-width: 22.3846rem;
    }

    .custom-table.spe .writer {
        order: 2;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .custom-table.spe .writer::before {
        content: '작성자: ';
        color: #454545;
        font-weight: 500;
    }

    .custom-table.spe .writer::after {
        content: '';
        position: absolute;
        width: 0.0385rem;
        height: 0.9615rem;
        background-color: #8c8c8c;
        top: 0.1923rem;
        left: calc(100% + 0.5769rem);
    }

    .custom-table.spe .day {
        order: 4;
    }

    .custom-table.spe .day::before {
        content: '작성일: ';
        color: #454545;
        font-weight: 500;
    }

    .custom-table.spe td.td_start {}

    .custom-table.spe th {
        background-color: #f8f8f8;
        font-weight: 500;
        color: #252525;
    }

    .pager ul li {
        width: 36px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-item-cus {
        padding: 5px;
        margin: 0 5px;
    }

    .table_type2.type_background .inner tr {
        display: flex;
        flex-direction: column;
    }

    .table_type2.type_background .inner>tr:first-child th {
        padding-top: 10px;
    }

    .table_type2.type_background .inner>tr>th {
        padding: 10px 0;
        text-align: left;
        background-color: unset;
    }

    .table_type2.type_background .inner>tr:first-child td {
        padding-top: 10px;
    }

    .table_type2.type_background .inner>tr>td {
        padding: 10px 0;
    }

    .table_type2 .input_txt {
        width: 100% !important;
    }

    .table_type2.type_background .inner>tr>td.padding_none {
        padding-top: 29px;
    }

    .table_type2.type_background~.agree_area~.btn_area {
        border-top: 1px solid #ebebeb;
        margin-top: 21px;
        padding-top: 30px;
    }

    .section_spot .spot_images .img_cover {
        background-position: 53% -201%;
    }

    .map_text {
        font-size: 26px;
        line-height: 1.3;
    }

    .btn_map_c {
        margin-top: 30px;
    }


    .col_ui .dig.accounts {
        background: url(/assets/img/main/dig_accounts.png) no-repeat 0 0 !important;
        background-size: contain !important;
        height: 12.5385rem !important;
    }

    .col_ui .dig.imagine_service {
        height: 12.5385rem !important;
        background: url(/assets/img/main/dig_imagine_service.png) no-repeat 0 0 !important;
        background-size: contain !important;
    }

    .col_ui .dig.pg_service {
        height: 12.5385rem !important;
        background: url(/assets/img/sub/dig_pg_service.png) no-repeat 0 0 !important;
        background-size: contain !important;
    }

    .col_ui .dig.service {
        background: url(/assets/img/sub/dig_service.png) no-repeat 0 0 !important;
        background-size: contain !important;
        height: 12.5385rem !important;
    }

    .col_ui .dig.transfer_service {
        height: 12.5385rem !important;
        background: url(/assets/img/main/dig_transfer_service.png) no-repeat 0 0 !important;
        background-size: contain !important;
    }

    .col_ui .dig.phone_service {
        height: 12.5385rem !important;
        width: 100%;
        background: url(/assets/img/main/dig_imagine_service.png) no-repeat 0 0 !important;
        background-size: contain !important;
    }

    .container {
        padding-top: 1.6538rem;
        background-color: #fff;
    }

    .section_spot.is_sub {
        margin: -10.6923rem 0 50px;
    }

    .section_spot.is_sub .spot_images .img_cover {
        height: 17.9615rem;
    }

    .desc_flex .cont {
        width: 100%;
    }

    .col_ui .step {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 24px;
        width: 100%;
        margin-top: 18px;
    }

    .col_ui .step li {
        margin-right: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 700px) {
    .section_spot.is_sub .spot_images .img_cover {
        height: 17.9615rem;
    }

    .section_spot.is_sub {
        margin: -10.6923rem 0 50px;
    }

}

@media screen and (max-width: 500px) {
    .section_spot.is_sub .spot_images .img_cover {
        height: 19.5rem;
    }

    .section_spot.is_sub.pro {
        padding-top: 216px !important;
    }
}

#ufile {
    border: none;
}

@media screen and (max-width: 850px) {
    .flex_box_cap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        /* Dòng này xác định chiều cao tự động cho hàng trên và hàng dưới chiếm toàn bộ chiều cao còn lại */
        margin-top: 35px;
        gap: 10px;
        min-height: 50px;
        justify-content: center;
        align-items: center;
    }

    #cap_re {
        min-width: 100%;
    }

    .re_btn {
        min-width: 100%;
        min-height: 100%;
    }

    .input-wrapper {
        min-height: 50px;
        width: 100%;
    }

    .captcha_input {
        min-height: 100%;
        min-height: 50px;

    }

    .flex_box_cap>.input-wrapper {
        /* Chọn phần tử thứ 3, tức là item thứ 3 */
        grid-column: 1 / 3;
        /* Chiếm cả hai cột */
    }


}

@media screen and (max-width: 1200px) {
    .notice_search {
        margin-bottom: 30px;
        justify-content: center;
        gap: 10px;
    }

    .evaluate_search input {
        width: 100%;
    }

    .c_flex_custom {
        margin-top: 180px !important;
    }
}

.flex_c {
    display: flex;
    align-items: center;
}

.input_check {
    scale: 1.4;
    margin-right: 5px;
}


@media screen and (max-width: 840px) {
    .c_flex_custom {
        margin-top: 130px !important;
    }

    .input-wrapper {
        min-height: 50px;
        width: 100%;
    }

    .captcha_input {
        min-height: 50px;
    }

    .agree_area {
        gap: 80px;
    }
}

@media screen and (max-width: 540px) {
    .c_flex_custom {
        margin-top: 70px !important;
    }

    .captcha_input {
        min-height: 50px;
    }

    .re_cap {
        height: 20px;
        color: #777777;
    }
}

.inquy_title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 60px;
}

.bold-row {
    font-weight: 600;
}