/* BASIC css start */
.ser_subpage_tit {
    display: none !important;
}
html.ovflwhdn {
    overflow: hidden;
}

.tc {text-align: center;}


.list_default .boardlist .page_btn_box {margin: 40px 0 0; display: flex; align-items: center; justify-content: center;}
.list_default .boardlist .page_btn_box .page_number {display: flex; align-items: center; justify-content: center; margin: 0 10px; height: 32px; border-radius: 6px; letter-spacing: inherit; color: #999999; font-size: 14px; padding: 0;}
.list_default .boardlist .page_btn_box .page_number strong {display: inline-block; margin-right: 3px; font-weight: 400; color: #999;}
.list_default .boardlist .page_btn_box .prev_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnPrv.png);}
.list_default .boardlist .page_btn_box .next_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnNxt.png);}
/*
.PgnBtn .page_number:hover {
    background: #110252;
    color: #fff;
}
.PgnBtn .page_number.on {
    background: #110252;
    color: #fff;
} 
.list_default .boardlist .page_btn_box button {
    padding: 0;
    color: transparent;
    margin: 0 2.5px;
    min-width: 32px;
    height: 32px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px auto;
}*/


.list_qa .boardlist .page_btn_box {margin: 40px 0 0; display: flex; align-items: center; justify-content: center;}
.list_qa .boardlist .page_btn_box .page_number {display: flex; align-items: center; justify-content: center; margin: 0 10px; height: 32px; border-radius: 6px; letter-spacing: inherit; color: #999999; font-size: 14px; padding: 0;}
.list_qa .boardlist .page_btn_box .page_number strong {display: inline-block; margin-right: 3px; font-weight: 400; color: #999;}
.list_qa .boardlist .page_btn_box .prev_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnPrv.png);}
.list_qa .boardlist .page_btn_box .next_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnNxt.png);}


.list_gallery .boardlist .page_btn_box {margin: 40px 0 0; display: flex; align-items: center; justify-content: center;}
.list_gallery .boardlist .page_btn_box .page_number {display: flex; align-items: center; justify-content: center; margin: 0 10px; height: 32px; border-radius: 6px; letter-spacing: inherit; color: #999999; font-size: 14px; padding: 0;}
.list_gallery .boardlist .page_btn_box .page_number strong {display: inline-block; margin-right: 3px; font-weight: 400; color: #999;}
.list_gallery .boardlist .page_btn_box .prev_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnPrv.png);}
.list_gallery .boardlist .page_btn_box .next_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnNxt.png);}


.list_event .boardlist .page_btn_box {margin: 40px 0 0; display: flex; align-items: center; justify-content: center;}
.list_event .boardlist .page_btn_box .page_number {display: flex; align-items: center; justify-content: center; margin: 0 10px; height: 32px; border-radius: 6px; letter-spacing: inherit; color: #999999; font-size: 14px; padding: 0;}
.list_event .boardlist .page_btn_box .page_number strong {display: inline-block; margin-right: 3px; font-weight: 400; color: #999;}
.list_event .boardlist .page_btn_box .prev_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnPrv.png);}
.list_event .boardlist .page_btn_box .next_btn {padding: 0; color: transparent; margin: 0 2.5px; min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; background-image: url(/design/wonderl/mo/img/btn_pgnNxt.png);}


.view_default .view_wrap .comment_wrap .reply_form dl.b_guest_info dd input {
    width: 100%;
}

/* common letter spacing */
* {
    letter-spacing: -0.01em;
    box-sizing: border-box;
    list-style: none;
}

/* common fonts */
/* body, th, td, input, select, textarea, button {
    font-family: 'Noto Sans KR', 'NEXON Lv1 Gothic',sans-serif;
    color: inherit;
} */
/* .nxn {
    font-family: 'NEXON Lv1 Gothic';
} */


/* common badge */
.badge {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0 5px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 3px;
}
.badge_black {
    border: 1px solid #222 !important;
    color: #222 !important;
}
.badge_gray {
    border: 1px solid #aaaaaa !important;
    color: #999 !important;
}

/* common button */
.btn_h60 {
    height: 60px !important;
    line-height: 58px;
    font-size: 16px !important;
    padding: 0 20px;
    border-radius: 6px;
}
.btn_h55 {
    height: 55px;
    line-height: 53px;
    font-size: 16px;
    border-radius: 6px;
    padding: 0 15px;
}
.btn_navy {
    font-weight: 400;
    color: #fff;
    border: 1px solid #000 !important;
    background: #000 !important;
}
.btn_navy_border {
    font-weight: 400;
    color: #000;
    border: 1px solid #000;
    background: #fff;
}


/* common tab menu */
.common_tab {
    /* margin-bottom: 40px; */
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 20px;
}
.common_tab > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    height: 45px;
    /* border: 1px solid #fff; */
    border-bottom: 1px solid #222;
    text-align: center;
    word-break: keep-all;
    padding: 0 5px;
    line-height: 1.2em;
}
.common_tab > a.on {
    border: 1px solid #222;
    border-bottom: 1px solid #fff;
    border-radius: 6px 6px 0 0;
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.15);
}

/* common pagination */
.trxPng {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trxPng > a {
    margin: 0 2.5px;
    min-width: 32px;
    height: 32px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px auto;
}
.trxPng .trxPgnLst {
    background-image: url(/design/wonderl/mo/img/btn_pgnLst.png);
}
.trxPng .trxPgnPrv {
    background-image: url(/design/wonderl/mo/img/btn_pgnPrv.png);
}
.trxPng .trxPgnNxt {
    background-image: url(/design/wonderl/mo/img/btn_pgnNxt.png);
}
.trxPng .trxPgnFst {
    background-image: url(/design/wonderl/mo/img/btn_pgnFst.png);
}
.trxPng > div {
    display: flex;
    align-items: center;
}
.trxPng > div > a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2.5px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    border-radius: 6px;
    color: #999999;
    transition: all .5s;
}
.trxPng > div > a.on {
    background: #110252;
    color: #fff;
}
.trxPng > div > a:hover {
    background: #110252;
    color: #fff;
}

/* common title */
.common_tit {
    padding: 25px 15px 15px
}
.common_tit > h3 {
    padding: 0 !important;
    font-size: 18px;
    font-weight: 500;
    color: #110252;
    letter-spacing: -0.035em;
}

/* common search and button */
.common_search {
    position: relative;
    padding: 30px 15px 25px;
}
.common_search .search_input input {
    padding: 0;
    width: 100%;
    height: 40px;
    text-indent: 20px;
    border:0;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
}
.common_search .search_input input::-webkit-input-placeholder {
    color: #999;
}
.common_search .search_btn {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 34px;
    width: auto;
}
.common_srch_btn {
    padding: 12px;
    text-align: center;
    background: url(/design/wonderl/mo/img/search_icon.png) no-repeat center;
    background-size: 18px auto;
    border: 0;
}


.visual_white_txt_box {color: #fff;}
.service_visual {
    margin-bottom: 35px;
    position: relative;
}
.visual_txt_box {
    position: static;
    padding: 40px 20px;
}
.visual_txt_box h2 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
}
.visual_txt_box p > span {
    font-weight: 500;
}
.visual_txt_box .txt01 {
    /* font-size: 16px;
    line-height: 1.875; */
    font-size: 14px;
    line-height: 1.4em;
	word-break:keep-all;
}
.visual_txt_box > .n_btn {
    margin-top: 15px;
    white-space:nowrap;
}
.service_visual span {
    display: inline-block;
    margin-top: 24px;
    font-size: 14px;
    color: #cccccc;
}

.service_visual .txt02 {
    margin-top: 15px;
}

.cont_inner_wr {
    padding: 0 15px;
}

.cmnSrvTtl {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}


#popupCode_layer_1{overflow: visible !important; left: 50% !important; transform: translateX(-50%); z-index: 100 !important;}
#popupCode_layer_1_form.sys_pop{border: 0; border-radius: 6px; box-shadow: 0 10px 15px 0 rgb(0 0 0 / 12%);}
.sys_pop .box .view{border: 0 !important;}
#popupCode_layer_1 .sys_pop .box .close{ background: url('/design/wonderl/mo/img/btn_layer_close.png') no-repeat; background-size: 16px auto;}
#popupCode_layer_1_form .check .inp_chk{padding-right: 22px; background: url(/design/wonderl/mo/img/bg_chkFls.png) no-repeat right center; background-size: 16px auto;}



.subMain_category {margin-top: 60px;}
.subMain_category .cate_items_box {display: flex; flex-wrap: wrap; padding: 0 15px;}
.subMain_category .cate_items_box > li {width: calc(100% / 4); border-right: 1px solid #eee; border-bottom: 1px solid #eee;}


.subMain_category .cate_items_box > li:nth-child(1),
.subMain_category .cate_items_box > li:nth-child(2),
.subMain_category .cate_items_box > li:nth-child(3),
.subMain_category .cate_items_box > li:nth-child(4) {
    border-top: 1px solid #eee;
}

.subMain_category .cate_items_box > li:nth-child(1),
.subMain_category .cate_items_box > li:nth-child(5),
.subMain_category .cate_items_box > li:nth-child(9),
.subMain_category .cate_items_box > li:nth-child(13),
.subMain_category .cate_items_box > li:nth-child(17) {
    border-left: 1px solid #eee;
}


.subMain_category .cate_items_box > li:nth-child(1) {border-radius: 15px 0 0 0;}
.subMain_category .cate_items_box > li:nth-child(4) {border-radius: 0 15px 0 0;}
.subMain_category .cate_items_box > li:last-child {border-radius: 0 0 15px 0;}

.subMain_category .cate_items_box > li > a {display: flex; flex-direction: column; justify-content: space-around; align-items: center; height: 100%; padding: 5px 1px 8px;}
.subMain_category .cate_items_box > li > a > s {display: inline-block; width: 62px; height: 58px; margin-bottom: 2px; background-repeat: no-repeat; background-position: center;}

.subMain_category .cate_items_box > li > a > b {font-weight: 500; text-align: center; line-height: 14px; letter-spacing: -0.05em; }
.subMain_category .cate_light .cate_items_box > li:nth-child(13) {border-radius: 0 0 0 15px;}


.subMain_category .cate_light .cate_items_box > li:nth-child(1) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate01.png); background-size: 50px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(2) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate02.png); background-size: 60px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(3) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate03.png); background-size: 44px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(4) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate04.png); background-size: 50px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(5) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate05.png); background-size: 54px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(6) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate06.png); background-size: 62px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(7) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate07.png); background-size: 38px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(8) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate08.png); background-size: 52px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(9) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate09.png); background-size: 50px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(10) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate10.png); background-size: 43px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(11) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate11.png); background-size: 45px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(12) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate12.png); background-size: 36px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(13) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate13.png); background-size: 29px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(14) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate14.png); background-size: 50px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(15) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate15.png); background-size: 39px auto;}
.subMain_category .cate_light .cate_items_box > li:nth-child(16) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate16.png); background-size: 40px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(9) {border-radius: 0 0 0 15px;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(1) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate01.png); background-size: 50px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(2) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate02.png); background-size: 50px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(3) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate03.png); background-size: 35px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(4) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate04.png); background-size: auto 42px;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(5) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate05.png); background-size: auto 31px;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(6) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate06.png); background-size: 45px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(7) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate07.png); background-size: 52.5px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(8) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate08.png); background-size: auto 42px;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(9) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate09.png); background-size: 52px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(10) > a > s {background-image: url(/design/wonderl/mo/img/curtain_cate10.png); background-size: 48px auto;}
.subMain_category .cate_curtain .cate_items_box > li:nth-child(11) > a > s {width: 69px; background-image: url(/design/wonderl/mo/img/curtain_cate11.png); background-size: auto 43px; background-position: center bottom 4px; }
.subMain_category .cate_curtain .cate_items_box > li:nth-child(12) > a > s {background-image: url(/design/wonderl/mo/img/subMain_cate14.png); background-size: 50px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(9) {border-radius: 0 0 0 15px;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(1) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate01.png); background-size: 36px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(2) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate02.png); background-size: 32px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(3) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate03.png); background-size: auto 36px;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(4) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate04.png); background-size: 23px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(5) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate05.png); background-size: auto 46px;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(6) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate06.png); background-size: 23px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(7) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate07.png); background-size: 50px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(8) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate08.png); background-size: 44px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(9) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate09.png); background-size: 46px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(10) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate10.png); background-size: auto 47px;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(11) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate11.png); background-size: 48px auto;}
.subMain_category .cate_tile .cate_items_box > li:nth-child(12) > a > s {background-image: url(/design/wonderl/mo/img/tile_cate12.png); background-size: auto 44px;}

.subMain_category .cate_hardware .cate_items_box > li:nth-child(5) {border-radius: 0 0 0 15px;}

.subMain_category .cate_hardware .cate_items_box > li:nth-child(1) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate01.png); background-size: 29px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(2) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate02.png); background-size: 26px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(3) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate03.png); background-size: 44px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(4) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate04.png); background-size: 30px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(5) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate05.png); background-size: 18px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(6) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate06.png); background-size: 41px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(7) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate07.png); background-size: 38px auto;}
.subMain_category .cate_hardware .cate_items_box > li:nth-child(8) > a > s {background-image: url(/design/wonderl/mo/img/hardware_cate08.png); background-size: 38px auto;}


.origin_cont .origin_cont_pagination {
    position: relative;
}
.origin_cont .origin_cont_pagination > span {
    opacity: 1;
}
.origin_cont .origin_cont_pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background-color: #18036f;
}
.main_tit_wrap.kdkMnTltWr {align-items: flex-start;}
.main_tit_wrap.kdkMnTltWr .main_tit {line-height: 43px;}
.kdkMnTltWr .main_tit_more {display: block; margin-top: 15px;}

.origin_cont .origin_cont_right .goods_prd_content .goods_info_list li.prd_name{
    color: #000000;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.origin_cont .origin_cont_right .goods_prd_img{padding-bottom:0 !important; margin-right: 10px; width: 97px;}
/* #origin_cont .goods_prd_item11 .goods_prd_img .img_box{height:100%;} */
/* #origin_cont .goods_prd_item11 .goods_prd_img .img_box .img{height:100%;} */
.origin_cont .goods_prd_item11 .goods_prd_img .img_box .img img{height:100%;object-fit:cover;object-position:left center;}
.origin_cont .origin_cont_right .goods_prd_item11 .goods_prd_content .goods_info_list{min-height: auto;}

.goods_prd_item11 .goods_prd_content .goods_info_list {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 90px;
}
.like_icon_li {
    position: absolute;
    right: 0;
    bottom: -7px;
}
.like_icon_box {
    z-index: 3;
    /* position: absolute;
    right: 0;
    bottom: 0; */
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: 50% 53%;
    background-image: url(/design/wonderl/mo/img/icon_like_off.png);
    background-size: auto 11px;
}
.like_icon_box.active {
    background-image: url(/design/wonderl/mo/img/icon_like_on.png);
}
/* .goods_depth_sec {
    padding: 15px;
} */
.goods_depth_sec {
    border-bottom: 10px solid #f5f5f5;
}
.goods_depth_sec .depth02_tit {
    width: 100%;
    padding: 2px 15px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
}
.goods_depth_sec .depth02_tit.fixed {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 301;
    padding: 10px 15px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
}
.goods_depth_sec .depth02_tit > button {
    margin-left: 5px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/design/wonderl/mo/img/depth_menu_open_icon.png) no-repeat center;
    background-size: 23px auto;
}
.goods_depth_sec .depth_tab {
    /* max-height: 300px; */
}
.goods_depth_sec .depth_tab::-webkit-scrollbar {
    width: 4px;
}
.goods_depth_sec .depth_tab::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #110252;
}
.goods_depth_sec .depth_tab::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #eeeeee;
}
.goods_depth_sec .depth_tab .qa_tab_nav {
    padding: 15px;
    /* max-height: 145px;
    overflow: hidden; */
}
.goods_depth_sec.on .qa_tab_nav {
    max-height: 100%;
    overflow: visible;
}
.goods_depth_sec .depth_tab .qa_tab_nav > li > a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 1.384;
    color: #222;
    border: 0;
    background: #f4f5f9;
    border-radius: 6px;
    transition: all .5s;
    height: 100%;
}
/* .goods_depth_sec .depth_tab .qa_tab_nav > li > a:hover {
    color: #fff;
    background: #110252;
} */
.goods_depth_sec .depth_tab .qa_tab_nav > li.checked > a {
    color: #fff;
    background: #110252;
}
.goods_depth_sec .tab_btn_more {
    position: relative;
    padding: 15px 0;
    display: none !important;
    width: 100%;
    font-size: 14px;
    color: #888888;
}
.goods_depth_sec .tab_btn_more > s {
    margin-left: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/design/wonderl/mo/img/depth_more_icon.png) no-repeat center;
    background-size: 100% auto;
}
.goods_depth_sec.on .tab_btn_more {
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.05);
}
.goods_depth_sec.on .tab_btn_more > s {
    transform: rotate(180deg);
}

.main_category_sec {margin-top: 40px;}
.main_category_sec .cate_items_box {display: flex; flex-wrap: wrap; padding: 0 15px;}
.main_category_sec .cate_items_box > li {width: calc(100% / 3); border-left: 1px solid #eee; border-top: 1px solid #eee; padding-bottom: 10px;}

.main_category_sec .cate_items_box > li:nth-child(3),
.main_category_sec .cate_items_box > li:nth-child(6) {
    border-right: 1px solid #eee;
}
.main_category_sec .cate_items_box > li:nth-child(4),
.main_category_sec .cate_items_box > li:nth-child(5),
.main_category_sec .cate_items_box > li:nth-child(6) {
    border-bottom: 1px solid #eee;
}

.main_category_sec .cate_items_box > li:nth-child(1) {border-radius: 15px 0 0 0;}
.main_category_sec .cate_items_box > li:nth-child(3) {border-radius: 0 15px 0 0;}
.main_category_sec .cate_items_box > li:nth-child(4) {border-radius: 0 0 0 15px;}
.main_category_sec .cate_items_box > li:nth-child(6) {border-radius: 0 0 15px 0;}

.main_category_sec .cate_items_box > li > a {display: flex; flex-direction: column; justify-content: space-around; align-items: center; height: 100%;}
.main_category_sec .cate_items_box > li > a > s {display: inline-block; width: 100px; height: 80px; background-repeat: no-repeat; background-position: center;}
.main_category_sec .cate_items_box > li:nth-child(1) > a > s {background-image: url(/design/wonderl/mo/img/main_cate02.png); background-size: 65px auto; background-position: center;}
.main_category_sec .cate_items_box > li:nth-child(2) > a > s {background-image: url(/design/wonderl/mo/img/main_cate03.png); background-size: 65px auto;}
.main_category_sec .cate_items_box > li:nth-child(3) > a > s {background-image: url(/design/wonderl/mo/img/main_cate04.png); background-size: 53px auto;}
.main_category_sec .cate_items_box > li:nth-child(4) > a > s {background-image: url(/design/wonderl/mo/img/main_cate05.png); background-size: 29px auto;}
.main_category_sec .cate_items_box > li:nth-child(5) > a > s {background-image: url(/design/wonderl/mo/img/main_cate06.png); background-size: 48px auto;}
.main_category_sec .cate_items_box > li:nth-child(6) > a > s {background-image: url(/design/wonderl/mo/img/main_cate01-1.png); background-size: 65px auto;}
.main_category_sec .cate_items_box > li > a > b {font-weight: 500; text-align: center; font-size: 13px; line-height: 14px;}


.main_nav_bottom {position: relative; height: calc(var(--vh, 1vh) * 100 - 130px - 72px - 14px) !important;}
.main_nav_bottom{height:calc(100% - 130px - 72px - 14px) !important;}
.main_nav_depth01.mnPckgNvDpth01 > li {position: static !important; max-width: 130px; width: 100%; display: block !important;}
.main_nav_depth01 > li > a {padding: 20px 0 !important; position: relative; display: inline-block; width: auto !important; line-height: 1.3em !important;}
.main_nav_depth01.mnPckgNvDpth01 > li.on > a {color: #110252;}
.main_nav_depth01.mnPckgNvDpth01 > li.on > a::before {content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #110252; position: absolute; right: -15px; top: 51%; transform: translateY(-50%);}
.main_nav_depth01.mnPckgNvDpth01 > li > a + .nav_toggle {display: none !important;}
.main_nav_depth02.mnPckgNvDpth02 {padding: 32px 15px 20px !important; border-bottom: 0 !important;  position: absolute; top: 0px; right: 0px; border-top: 0 !important; width: calc(100% - 150px);overflow: auto;}
.main_nav_depth02.mnPckgNvDpth02{border-left: 1px solid #e4e4e4;}
/* .main_nav_depth02.mnPckgNvDpth02{border-left: 1px solid #fff;} */
#menuGoods::after{width:1px;height:calc(100% + 130px);background-color:#e4e4e4;content:" ";position:absolute;top:0;left:calc(150px);}
/* height: 100%;  */
.main_nav_depth02.mnPckgNvDpth02.on {display: block !important;}
.main_nav_depth02.mnPckgNvDpth02 > li > a {position: relative;}
.main_nav_depth02.mnPckgNvDpth02 .nav_right_arr::after {content: ""; display: block; width: 12px; height: 7px; padding: 0; background-size: 12px 7px; background-repeat: no-repeat; background-position: center right; background-image: url(/design/wonderl/mo/img/arr_main_nav_open.png); position: absolute; top: 50%; right: -8px; transform: translate(-50%, -50%) rotate(-90deg);}
.main_nav_depth02.mnPckgNvDpth02 > li.on > a {color: #222 !important;}
.main_nav_depth02.mnPckgNvDpth02 > li.on > .main_nav_depth03 {border-top: 1px solid #222; border-bottom: 1px solid #222;}
.main_nav_depth03.mnPckgNvDpth03 {padding: 12px 0 !important; background: transparent !important;}
.main_nav_depth03.mnPckgNvDpth03 > li > a {padding: 7px 0 8px 5px !important;}
.main_nav_depth04.mnPckgNvDpth01 {background: #f5f5f5;}
.main_nav_depth04.mnPckgNvDpth01 > li > a {color: #888 !important;}

.keyword_slide_wrap .goods_prd_item11 .goods_prd_content .goods_info_list {height: 110px;}
.keyword_slide_wrap .goods_prd_item11 .goods_prd_content .goods_info_list li.prd_name {
    -webkit-line-clamp: 3;
    height: 64px;
}
.keyword_slide_wrap .goods_prd_item11 .goods_prd_content .goods_info_list li.price .sale_prcnt {display: inline-block !important;}
.keyword_slide_wrap .goods_prd_item11 .goods_prd_content .goods_info_list li.price .c_price {display: flex; flex-wrap: wrap;word-break:keep-all;}
.keyword_slide_wrap .goods_prd_item11 .goods_prd_content .goods_info_list li.price .main_sale_price {order: -1;}



.depth_modal_wrap {
    position: relative;
    z-index: 501;
}
.depth_modal_wrap .depth_modal_inner {
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - 130px - 72px - 20px);
    
    position: fixed;
    bottom: calc(-100% - 50px);
    transition: bottom 0.5s;
}
.depth_modal_wrap.on .depth_modal_inner {
    bottom: 0;
}
.depth_modal_wrap .modal_dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.depth_modal_wrap.on .modal_dim {
    display: block;
}
.depth_modal_wrap .main_nav_bottom {
    border-radius: 6px 6px 0 0;
    background: #fff;
    width: 100%;
    height: 100% !important;
}
.depth_modal_wrap .depth_modal_close {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/design/wonderl/mo/img/btn_close_chat.png) no-repeat center;
    background-size: 21px auto;
}

.prd_top_nav {
    display: block;
    width: 100%;
}
.prd_top_nav_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 30px 0 0;
    padding: 0 15px;
}
.prd_top_nav_list .prd_top_nav_item {
    margin-right: 25px;
    position: relative;
    margin-bottom: 5px;
}
.prd_top_nav_list .prd_top_nav_item a {
    font-size: 13px;
    color: #999999;
    font-weight: 300;
    line-height: 1em;
    display: inline-block;
}
.prd_top_nav_list .prd_top_nav_item::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url('/design/wonderl/mo/img/top_nav_arr.png') no-repeat center;
    background-size: contain;
    position: absolute;
    right: -15px;
    top: 3px;
}
.prd_top_nav_list .prd_top_nav_item:last-child::after{
    display: none;
}

.view_order_goods dl dd .option {font-size: 14px; color: #555; font-weight: 400;}


.detail_buy .snsbtn {
    padding: 5px 0 15px 0 !important;
}
.naver_pay {
    text-align: center;
    padding-bottom: 5px;
}

.goods_view .detail_info_box .view_box0 > div > ul {overflow: hidden; display: flex; justify-content: space-between;}
.goods_view .detail_info_box .view_box0 > div > ul > li {width: 50%; margin-right: 1%;}
.goods_view .detail_info_box .view_box0 > div > ul > li:last-child {margin-right: 0;}
.goods_view .detail_info_box .view_box0 > div > ul > li > a > img {width: 100%;}
/* ========================== */

.view_video_wrap {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.view_video_wrap iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}

.add_cart_layer, .add_wish_layer {border-radius: 6px;}
.add_cart_layer .wrap, .add_wish_layer .wrap {border: 0; border-radius: 6px; overflow: hidden; height: 250px;}
.add_cart_layer .btn_box, .add_wish_layer .btn_box {display: flex; align-items: center;}

.add_cart_layer .btn_box > button,
.add_wish_layer .btn_box > button {width: calc(100% / 2); margin-right: 5px;}

.add_cart_layer .btn_box > button:last-child,
.add_wish_layer .btn_box > button:last-child {margin-right: 0;}

.add_cart_layer .btn_close,
.add_wish_layer .btn_close{color: #110252;}

.add_cart_layer .wrap > div > p > strong,
.add_wish_layer .wrap > div > p > strong {font-weight: 500; font-size: 14px;}

.add_cart_layer p{background: url(/design/wonderl/mo/img/cart_popup_icon.png) no-repeat center top; background-size: 48px auto;}

.openblock{margin-bottom: 20px; border-bottom: 0;}
.openblock_header h3{font-size: 14px; font-weight: 500;}
.openblock .openblock_content{padding: 0;}
.openblock .openblock_header .toggle_btn{top: 12px;}
.openblock .openblock_header button span{width: 15px; height: 15px; background: url(/design/wonderl/mo/img/icon_nav_down.png) no-repeat center center; background-size: 100% auto;}
.openblock_content dl{/*display: flex;*/ border-bottom: 1px solid #ddd; }
.openblock_content dl dt{padding: 10px; /* width: 20%; */ font-weight: 400;background-color: #f9f9f9; color: #555;}
.openblock_content dl dd{padding: 10px; color: #777;}

.goods_view .color_chip{padding: 0;}
.goods_view .color_chip > div{margin: 6px 0 0 2px; width: 15px; height: 15px;}
.goods_top_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.goods_top_box .total {
    padding: 0;
}
.goods_list .goods_list_content .goods_top_box {
    background: 0;
}
.goods_list .goods_list_content .goods_top_box .goods_arr_box {
    width: auto;
}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort {
    width: 100%;
    display: flex;
}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {
    width: auto;
}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel select {
    border: 0;
}
.filter_box {
    margin-left: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    border: 0;
}
.filter_box > s {
    margin-left: 5px;
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(/design/wonderl/mo/img/icon_filter.png) no-repeat center;
    background-size: 18px auto;
}

.goods_prd_item11 .goods_prd_item11_box {
    padding: 0;
}
.goods_list .goods_list_box .goods_product_list {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 35px;
    column-gap: 10px; */
}
.goods_prd_item2{width: calc(50% - 5px);margin-bottom: 35px;}
.goods_prd_item2:nth-child(2n){margin-right: 0;}
.goods_list .goods_list_box .goods_product_list .goods_prd_item11 {
    width: 100%;
}
.goods_prd_item11 .goods_prd_img {
    padding-bottom: 15px;
}
.goods_prd_item11 .goods_prd_img .img_box {
    border-radius: 6px;
    overflow: hidden;
}
.goods_prd_item11 .goods_prd_img .img_box .img img {
    border: 0;
}
.goods_prd_item11 .goods_prd_content .goods_info_list {}
.goods_prd_item11 .goods_prd_content .goods_info_list li {
    color: #333;
}
.goods_prd_item11 .goods_prd_content .goods_info_list li.prd_name {
    color: #555555;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    /* font-size: 12px; */
}
.goods_prd_item11 .goods_prd_content .goods_info_list li.price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 30px);
    font-weight: 400;
}
.goods_prd_item11 .goods_prd_content .goods_info_list li.price .main_sale_price {color: #aaa; text-decoration-color: #aaa; text-decoration: line-through; font-size: 12px; display: block; width: 100%;}
.goods_prd_item11 .goods_prd_content .goods_info_list li.price .prc_nmbr {
    /* font-size: 16px; */
}
.goods_prd_item11 .goods_prd_content .goods_info_list li.price .c_price {
    width: 100%;
    color: inherit;
    font-weight: 400;
}
.goods_prd_item11 .goods_prd_content .goods_info_list li.price .sale_prcnt {
    color: #ef6313;
    margin-left: 5px;
}
.goods_prd_item11 .goods_prd_content .goods_info_list li.fixed_price {
    text-decoration-color: #aaa;
    font-size: 12px;
    color: #aaa;
}
.goods_prd_item11 .goods_prd_content .goods_prd_icon {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
}

.goods_filter_box {
    z-index: 301;
    position: fixed;
    top: 0;
    left: 0;
}  
.gds_fltr_dimmed {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.gds_fltr {
    position: relative;
    width: 300px;
    height: 100%;
    background: #fff;
    transition: right 0.5s;
    position: fixed;
    top: 0;
    right: -300px;
}
.gds_fltr.on {
    right: 0;
}
.gds_fltr .fltr_tit {
    margin: 0 auto;
    padding: 20px 0;
    width: calc(100% - 30px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}
.gds_fltr > .fltr_tit h2 {
    position: relative;
    font-size: 20px;
    font-weight: 500;
}
.gds_fltr .fltr_tit > button {
    display: inline-block;
    padding: 15px;
    background: url(/design/wonderl/mo/img/btn_layer_close.png) no-repeat center;
    background-size: 16px auto;
}
.gds_fltr .conts_list_box {
    padding: 0 15px;
    height: calc(100% - 150px);
    overflow-x: hidden;
}
.gds_fltr .conts_list_box > div {
    padding: 25px 0 30px;
    border-bottom: 1px solid #e5e5e5;
}
.gds_fltr .conts_list_box > div h3 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}
.gds_fltr .conts_list_box > div > ul > li {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}
.gds_fltr .conts_list_box > div > ul > li:first-child {
    margin-top: 0;
}
.gds_fltr .conts_list_box > div > ul > li > label > input {
    position: absolute;
    left: -30px;
}
.gds_fltr .conts_list_box > div > ul > li > label > strong {
    display: flex;
    align-items: center;
    font-weight: 400;
    cursor: pointer;
}
.gds_fltr .conts_list_box > div > ul > li > label > strong::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/design/wonderl/mo/img/bg_chkFls.png) no-repeat;
    background-size: 100% auto;
    margin-right: 10px;
    /* margin-top: 2px; */
}
.gds_fltr .conts_list_box > div > ul > li > label > input:checked ~ strong::before {
    background: url(/design/wonderl/mo/img/bg_chkTru.png) no-repeat;
    background-size: 100% auto;
}
.gds_fltr .conts_list_box > div > ul > li > label > input:checked ~ strong {
    color: #110252;
}

.fltr_reset {
    margin: 30px 0;
    background: #f7f7f7;
    border-radius: 6px;
    padding: 15px;
}
.fltr_reset > li {
    display: inline-block;
    font-size: 14px;
    padding: 3px 15px 3px 0;
}
.fltr_reset > li > button {
    vertical-align: middle;
    margin-left: 8px;
    margin-bottom: 1px;
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 4px;
    background: #e1e1e1 url(/design/wonderl/mo/img/icon_recnt_srch_cls.png) no-repeat center;
    background-size: 7px auto;
    padding: 0;
    flex-shrink: 0;
}

.rst_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    font-size: 16px;
}
.rst_btn > s {
    margin-top: 2px;
    margin-right: 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/design/wonderl/mo/img/icon_reset.png) no-repeat center;
    background-size: 100% auto;
}

.floating_box {
    position: fixed;
    right: 10px;
    bottom: 90px;
}
.floating_box > ul > li {
    margin-bottom: 10px;
    display: block;
    width: 45px;
    border-radius: 22.5px;
    background-color: #fff;
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.2);
}

.floating_box > ul > li > a {
    display: block;
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.floating_box > ul > li:nth-child(1) > a {
    background-image:  url(/design/wonderl/mo/img/icon_filter.png);
    background-size: 18px auto;
}



.floating_box > ul > li:nth-child(2) > a {
    height: 43px;
}
.floating_box > ul > li:nth-child(2) > a:nth-child(1) {
    background-image:  url(/design/wonderl/mo/img/floating_icon_recent.png);
    background-size: 25px auto;
    background-position: center 15px;
}
.floating_box > ul > li:nth-child(2) > a:nth-child(2) {
    background-image:  url(/design/wonderl/mo/img/top_arr.png);
    background-size: 14px auto;
    background-position: center bottom 15px;
}


.floating_box > ul > li:nth-child(3) {
    background: #110252;
}
.floating_box > ul > li:nth-child(3) > a {
    background-image: url(/design/wonderl/mo/img/icon_dots.png);
    background-size: 18px auto;
}



.goods_list .goods_list_recom .recommend_prd_list {
    padding: 0 15px;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 35px;
    column-gap: 10px; */
    display: flex;
    flex-wrap: wrap;
}
.goods_prd_item2.list_num_2 {
    width: auto;
}
.goods_prd_item2 .goods_prd_item2_box {
    padding: 0;
}
.goods_prd_item2 .goods_prd_img .img_box .img {
    display: block;
    width: 100%;
    /* height: 0;
    padding-bottom: 121.5%; */
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.goods_prd_item2 .goods_prd_img .img_box .img img {
    display: block;
    width: 101%; 
    height: 101%; 
    border: 0;
    /* object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    line-height: 0;
}
.goods_prd_item2 .goods_prd_content .goods_info_list {position: relative;}
.goods_prd_item2 .goods_prd_content .goods_info_list li {
    color: #333;
}
.goods_prd_item2 .goods_prd_content .goods_info_list li.prd_name {
    color: #555;
}
.goods_prd_item2 .goods_prd_content .goods_info_list li.fixed_price {
    color: #aaa;
    text-decoration-color: #aaa;
    font-size: 12px;
}
.goods_prd_item2 .goods_prd_content .goods_info_list li.price {
    font-weight: 400;
    display: inline-block;
    /* display: block; */
}
.goods_prd_item2 .goods_prd_content .goods_info_list li.price .c_price {
    color: inherit;
}
.goods_prd_item2 .goods_prd_content .goods_info_list li.price .prc_nmbr {
    font-size: 16px;
}
.goods_prd_item2 .goods_prd_content .goods_info_list li.price .sale_prcnt {
    color: #ef6313;
    margin-left: 5px;
}
.goods_prd_item2 .goods_prd_content .goods_prd_icon {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.goods_prd_item2 .goods_prd_content .goods_prd_icon > div{margin-right: 5px;}


.color_chip{
    display: flex;
    flex-wrap: wrap;
    margin: 6px 0 10px;
    overflow: hidden;
    display: none;
}
.color_chip > div{
    width: 15px; 
    height: 15px; 
    text-indent: -9999px; 
    border: rgba(0,0,0,0.3) 1px solid;
    margin: 3px 3px 0 0;
    border-radius: 3px;
}
.goods_prd_img .color_chip{
    margin:4px 0 0;
}


.goods_recom .goods_product_list {
    padding: 0 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 35px;
    column-gap: 10px;
}
.goods_recom .btn_box {
    padding: 10px 15px;
}
.goods_recom_more_btn {
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ccc;
}
.goods_today .today_content_box .my_goods li .info .select_del_box {
    top: 10px;
    right: 10px;
}
.goods_today .today_content_box .my_goods li .info .itembody .name {
    font-size: 14px;
    color: #555;
}
.goods_today .today_content_box .my_goods li .info .itembody .prc {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 2;
}
.goods_today .today_content_box .my_goods li .info .itembody .add_currency {
    font-size: 14px;
}

.goods_today .today_content_box .my_goods > li {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.goods_today .today_content_box .my_goods li .info {
    padding: 15px;   
}
.goods_today .today_content_box .my_goods li .info > a {
    margin: 0;
}
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box {
    border-radius: 6px;
    overflow: hidden;
}

.faq_list .boardlist h3 {
    font-size: 18px;
}

.faq_list .board_faq_box .board_faq > li:first-child {
    border-top: 1px solid #222;
}
.faq_list .board_faq_box .board_faq > li {
    position: relative;
    padding: 0;
}
.faq_list .board_faq_box .board_faq > li > .faq_subject > s{
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/design/wonderl/mo/img/toggle_off.png) no-repeat center;
    background-size: 18px auto;
}
.faq_list .board_faq_box .board_faq > li > .faq_subject > s.on {
    background: url(/design/wonderl/mo/img/toggle_on.png) no-repeat center;
    background-size: 18px auto;
}
.faq_list .board_faq_box .board_faq li.data_row .ctgory {
    padding: 15px 15px 10px 15px;
    font-size: 13px;
}
.faq_list .board_faq_box .board_faq li.data_row .faq_subject {
    padding: 0 15px 15px 15px !important;
    font-size: 16px;
    padding: 0;
    font-weight: 500;
}
.faq_list .board_faq_box .board_faq li.data_row .faq_subject.on {
    font-weight: 500;
}
.faq_list .board_faq_box .board_faq li.data_row .faq_subject > span {
    color: #110252;
    font-family: 'Noto Sans KR', sans-serif;
}

.faq_list .board_faq_box .board_faq li.data_row .faq_row_box {
    padding: 0;
}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl {
    padding: 0;
    padding: 15px;
    color: #555;
    border-top: 1px solid #e5e5e5;
    background: #f7f7f7;
}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dd {
    padding: 0;
}


.qa_tab_nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5px;
    column-gap: 5px;
    padding: 0 15px;
}
.qa_tab_nav > a {
    display: flex;
    align-items: center;
    /* padding: 10px 15px; */
    padding: 10px;
    font-size: 13px;
    line-height: 1.384;
    color: #777777;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    transition: all .5s;
}
/* .qa_tab_nav > a:hover {
    font-weight: 500;
    color: #fff;
    border: 1px solid #110252;
    background: #110252;
} */
.qa_tab_nav > a.on {
    font-weight: 500;
    color: #fff;
    border: 1px solid #110252;
    background: #110252;
}

.total {
    padding: 0 0 6px 15px;
}
.total > span {
    display: inline-flex;
    font-size: 14px;
    color: #555;
    /* min-width: 150px; */
    white-space: nowrap;
}
.total > span > b {
    padding: 0;
    margin: 0 3px;
    color: #110252;
}
.list_default .goods_area {
    width: 100%;
    overflow: hidden;
}


.list_qa .boardlist .goods_area .notice_list li:first-child {
    border-top: 1px solid #222;
}
.list_qa .boardlist .goods_area .notice_list li {
    padding: 15px;
}

.board_category {
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #110252;
    line-height: normal;
}
.qa_tit {
    /* display: inline; */
    /* margin: 5px 0 23px; */
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 40px);
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list_qa .boardlist .goods_area .notice_list li > a {
    position: relative;
    display: flex;
}
.list_qa .boardlist .goods_area .notice_list li .notice_img {
    border-radius: 6px;
    overflow: hidden;
    padding-right: 0;
    margin-right: 10px;
    min-width: 76px;
    width: 76px;
    height: 92px;
}
.list_qa .boardlist .goods_area .notice_list li .notice_img > img {
    width: 100%;
    height: 100%;
}

.list_qa .boardlist .goods_area .notice_list li .board_qa_img {
    position: relative;
}

.list_qa .boardlist .goods_area li .notice_data span {
    position: relative;
    padding: 0 5px 0 0;
    margin-right: 5px;
}
.list_qa .boardlist .goods_area li .notice_data span::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 14px;
    background: #e5e5e5;
}

.list_qa .boardlist .notice_bottom {
    /* position: absolute; */
    bottom: 0;
}
.list_qa .boardlist .goods_area li .notice_data {
    font-size: 14px;
    line-height: 14px;
}
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg {
    position: relative;
}
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_info {
    top: 0;
    right: 0;
}


.view_wrap {	
	word-break: break-all;
}

.view_qa .goods_area h3 {
    position: relative;
    margin-top: 30px;
    padding: 20px 15px 8px;
    background: transparent;
    border-top: 1px solid #222;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}
.view_qa .goods_area h3 .qa_view_tit {
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding-right: 80px;
	word-break: break-all;
}
.view_qa .view_wrap .view_box .view_info_box .view_info:nth-child(1) {
    padding:0 15px 20px;
}
.view_qa .view_wrap .view_box .view_info_box .view_info .writer {
    font-size: 14px;
    color: #999;
}
.view_qa .view_wrap .view_box .view_info_box .view_info .date {
    font-size: 14px;
    color: #999;
}
.view_qa .view_wrap .view_box .view_info_box .view_info .date::after {
    content: "";
    height: 14px;
    background: #e5e5e5;
    content: "";
    display: inline-block;
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 14px;
    background: #e5e5e5;
}
.view_qa .goods_area h3 .badge {
    position: absolute;
    top: 20px;
    right: 15px;
}
.view_qa .view_wrap .question .q{
    /* padding: 50px 15px 15px; */
    font-size: 16px;
    color: #555555;
    padding: 15px;
    text-align: center;
}
.view_qa .view_wrap .question .q > div {
    margin: 0 !important;
    line-height: 1.625;
}


.view_qa .view_wrap .view_box .selected_goods_wrap {
    padding: 15px;
}
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img {
    padding: 0;
    width: 50px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
}
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img {
    border: 0;
    width: 100%;
    height: 100%;
}
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img img {
    width: 100%;
    height: 100%;
}
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_info > a {
    margin-left: 10px;
    color: #222;
}


.view_qa .view_wrap .question .a {
    margin-bottom: 20px;
    padding: 0 15px;
    border-top: 0;
}
.view_qa .view_wrap .question .a > .admin_info {
    padding: 25px 35px;
    border-radius: 6px;
    background: #f7f7f7;
}
.view_qa .view_wrap .question .a .item {
    top: 27px;
    left: 25px;
    background: url(/design/wonderl/mo/img/answer_line.png) no-repeat center;
    background-size: 10px auto;
}
.mg_answer {
    margin-bottom: 5px;
    font-size: 13px;
}
.mg_answer > strong {
    color: #222;
    font-weight: 500;
}
.mg_answer > span {
    margin-left: 10px;
    color: #999999;
}
.mg_answer > span::before {
    margin-right: 10px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background:#e5e5e5;
}
.mg_answer > span::after {
    margin-left: 5px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background:url(/design/wonderl/mo/img/icon_new.png) no-repeat ;
    background-size: 12px auto;

}
.view_qa .view_wrap .question .a > .admin_info > p {
    font-size: 14px;
    line-height: 1.642;
    color: #555;
}
/* .mg_answer_cont {
    font-size: 14px;
    line-height: 1.642;
    color: #555;
} */

.view_qa .view_wrap .btn_wish_bx {
    padding: 15px 15px 0;
}
.view_qa .view_wrap .btn_wish_bx .btn_bx {
    display: flex;
}
.view_qa .view_wrap .btn_wish_bx .btn_bx li {
    padding: 0 0 0 3px;
    width: 100%;
}
.view_qa .view_wrap .btn_wish_bx .btn_bx li:first-child {
    padding: 0;
}
.view_qa .view_wrap .btn_wish_bx .btn_bx li > .n_btn {
    width: 100%;
}


.write_default .write_wrap dl,
.write_qa .write_wrap dl {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
    padding: 15px;
}
.cont_tit {/*
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;*/
}
.write_default .write_wrap dl dt,
.write_qa .write_wrap dl dt {
    margin-bottom: 10px;
    text-indent: 0;
}
.write_default .write_wrap dl dt label,
.write_qa .write_wrap dl dt label {
    font-weight: 500;
}
.write_default .write_wrap dl dt label::before ,
.write_qa .write_wrap dl dt label::before{
    top: -1px;
}
.write_default .write_wrap dl dt label > s,
.write_qa .write_wrap dl dt label > s {
    text-decoration: none;
    display: inline-block;
}
.write_default .write_wrap dl.b_content dt,
.write_qa .write_wrap dl.b_content dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.write_default .write_wrap dl.b_content dt .b_content_chk,
.write_qa .write_wrap dl.b_content dt .b_content_chk {
    position: static;
    white-space: nowrap;
}
.write_default .write_wrap dl.b_content dt .b_content_chk input,
.write_qa .write_wrap dl.b_content dt .b_content_chk input {
    display:none;
}
.write_default .write_wrap dl dd,
.write_qa .write_wrap dl dd {
    padding: 0;
    height: auto;
}
.write_default .write_wrap dl dd input,
.write_qa .write_wrap dl dd input {
    padding: 0 6px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.write_default .write_wrap dl.b_content dd .textarea_box,
.write_qa .write_wrap dl.b_content dd .textarea_box {
    padding: 0;
}
.write_default .write_wrap dl.b_content dd .textarea_box textarea,
.write_qa .write_wrap dl.b_content dd .textarea_box textarea {
    padding: 10px;
    font-size: 13px;
    color: #555;
    outline: none;
    height: 200px;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.write_default .write_wrap .b_file,
.write_qa .write_wrap .b_file {
    padding: 10px 0;
}
#boardAttach li.item {
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    overflow: visible;
}
#boardAttach li.item input.file_hidden {
    display: none;
}
#boardAttach li.item button.file_face {
    position: absolute;
    right: 0;
    font-size: 14px;
    max-width: 90px;
    height: 40px;
}
.write_default .btn_box,
.write_qa .btn_box {
    display: flex;
    justify-content: space-between;
    padding: 40px 15px 0;
}
.write_default .btn_box li,
.write_qa .btn_box li {
    padding: 0 0 0 3px !important;
    width: 100%;
}
.write_default .btn_box li:nth-child(1),
.write_qa .btn_box li:nth-child(1) {
    padding: 0 !important;
}
.write_default .btn_box li button,
.write_qa .btn_box li button {
    width: 100%;
}
.write_default .input_wrap,
.write_qa .input_wrap {
    padding: 0 15px;
}
.write_default .input_wrap .capcha,
.write_qa .input_wrap .capcha {
    padding: 0;
    min-width: auto;
    display: block;
}
.write_default .input_wrap .capcha .capcha_img,
.write_qa .input_wrap .capcha .capcha_img {
    display: block;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.write_default .input_wrap .capcha .capcha_img span,
.write_qa .input_wrap .capcha .capcha_img span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 6px;
}
.write_default .input_wrap .capcha .capcha_body,
.write_qa .input_wrap .capcha .capcha_body {
    display: block;
    padding: 0;
}
.write_default .input_wrap .capcha .capcha_body .capcha_text,
.write_qa .input_wrap .capcha .capcha_body .capcha_text {
    padding: 5px 0 20px;
    color: #21117f;
    font-size: 14px;
}
.write_default .input_wrap .capcha .capcha_body .capcha_input,
.write_qa .input_wrap .capcha .capcha_body .capcha_input {
    padding: 0;
    width: 100%;
}
.write_default .input_wrap .capcha .capcha_body .capcha_input input,
.write_qa .input_wrap .capcha .capcha_body .capcha_input input {
    padding: 0 6px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.capcha_inpt_box {
    display: flex;
}
.capcha_inpt_box button {
    width: 90px;
    margin-left: -10px;
}
.write_default .write_wrap dl.b_guest dt,
.write_qa .write_wrap dl.b_guest dt {
    padding: 0;
    width: 100%;
}
.write_default .write_wrap dl.b_guest dt label strong,
.write_qa .write_wrap dl.b_guest dt label strong {
    display: block;
    /* background-color: pink; */
    font-weight: 400;
    white-space: nowrap;
}
.write_default .write_wrap dl.b_guest dd .textarea_box,
.write_qa .write_wrap dl.b_guest dd .textarea_box {
    padding: 0;
}
.write_default .write_wrap dl.b_guest dd .textarea_box textarea,
.write_qa .write_wrap dl.b_guest dd .textarea_box textarea {
    border-radius: 6px;
    border: 1px solid #ddd;
}

.write_default .write_wrap dl.b_guest dt .inp_chk a,
.write_qa .write_wrap dl.b_guest dt .inp_chk a {
    display: inline-block;
    color: #333;
    font-weight: 700;
    font-size: 13px;
    margin: 0 0 0 24px;
}


.list_gallery .boardlist .goods_gallery_ul {
    margin:0;
    padding: 0 15px;
}
.list_gallery .boardlist .goods_gallery_ul li {
    padding: 0;
    width: 100%;
}
.list_gallery .boardlist .goods_gallery_ul li:first-child {
    margin-top: 0;
}
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .goods_nm {
    margin: 0 4px 0 0;
    font-size: 16px;
}
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info img {
	position: relative;
	top: 1px;
}
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .icon_new {
	position: relative;
	top: 3px;
}
.list_gallery .boardlist .goods_data .data time {
    font-size: 14px;
    font-weight: 400;
}

.view_gallery .goods_area h3 {
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    padding: 10px 15px 8px;
    margin-top: 30px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    border-top: 1px solid #222;
    background: transparent;
}
.view_gallery .goods_area h3 .gllryBrdTtl{padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.view_gallery .view_wrap .view_box .view_info_box .view_info {
    padding: 0 15px 15px;
    font-size: 14px;
    color: #999;
}
.view_gallery .view_wrap .view_box .view_info_box .view_info .writer {
    font-size: inherit;
    color:inherit
}
.view_gallery .view_wrap .view_box .view_info_box .view_info .date{
    font-size: inherit;
    color:inherit
}
.view_gallery .view_wrap .view_box .view_info_box .view_info .date::after{
    content: none;
}

.view_gallery .view_wrap .contents_holder {
    padding: 15px;
    font-size: 16px;
    color: #555;
    text-align: center;
}

.view_gallery .view_wrap .view_comment {
    padding: 0;
}
.view_gallery .view_wrap .view_comment .comment_count {
    display: none;
}
.view_gallery .view_wrap .comment_wrap .reply_form {
    display: none;
}

.view_gallery .view_wrap .btn_wish_bx {
    padding: 15px 15px 0;
}
.view_gallery .view_wrap .btn_wish_bx .btn_bx {
    display: flex;
}
.view_gallery .view_wrap .btn_wish_bx .btn_bx li {
    padding: 0 0 0 3px;
    width: 100%;
}
.view_gallery .view_wrap .btn_wish_bx .btn_bx li:nth-child(1) {
    padding: 0;
}
.view_gallery .view_wrap .btn_wish_bx .btn_bx li > button {
    width: 100%;
}

.write_gallery .write_wrap dl {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
    padding: 15px;
}
.write_gallery .write_wrap dl dt {
    margin-bottom: 10px;
    text-indent: 0;
}
.write_gallery .write_wrap dl dt label {
    font-weight: 500;
}
.write_gallery .write_wrap dl dd {
    padding: 0;
    height: auto;
}
.write_gallery .write_wrap dl dd input {
    padding: 0 6px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.write_gallery .write_wrap dl.b_content dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.write_gallery .write_wrap dl.b_content dt .b_content_chk {
    position: static;
}
.write_gallery .write_wrap dl.b_content dd .textarea_box {
    padding: 0;
}
.write_gallery .write_wrap dl.b_content dd .textarea_box textarea {
    padding: 6px;
    font-size: 13px;
    color: #555;
    outline: none;
    height: 200px;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.write_gallery .write_wrap .b_file {
    padding: 10px 0;
}
.write_gallery .input_wrap {
    padding: 0 15px;
}
.write_gallery .input_wrap .capcha {
    padding: 0;
    min-width: auto;
    display: block;
}
.write_gallery .input_wrap .capcha .capcha_img {
    display: block;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.write_gallery .input_wrap .capcha .capcha_img span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 6px;
}
.write_gallery .input_wrap .capcha .capcha_body {
    display: block;
    padding: 0;
}
.write_gallery .input_wrap .capcha .capcha_body .capcha_text {
    padding: 5px 0 20px;
    color: #21117f;
    font-size: 14px;
}
.write_gallery .input_wrap .capcha .capcha_body .capcha_input {
    padding: 0;
    width: 100%;
}
.write_gallery .input_wrap .capcha .capcha_body .capcha_input input {
    padding: 0 6px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.write_gallery .btn_box {
    display: flex;
    justify-content: space-between;
    padding: 40px 15px 0;
}
.write_gallery .btn_box li {
    padding: 0 0 0 3px !important;
    width: 100%;
}
.write_gallery .btn_box li:nth-child(1) {
    padding: 0 !important;
}
.write_gallery .btn_box li button {
    width: 100%;
}


.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info img {
    width: auto;
    height: 15px;
}

.list_default .boardlist .goods_area .notice_list li {
    padding: 15px;
}

.list_default .boardlist .goods_area li .notice_bottom .notice_data {
    display: block;
    line-height: 20px;
}   
.list_default .boardlist .goods_area li .notice_bottom .notice_data span {
    display: inline-block;
    position: relative;
    padding: 0 5px 0 0;
    margin-right: 5px;
}
.list_default .boardlist .goods_area li .notice_bottom .notice_data span::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 14px;
    background: #e5e5e5;
}
.list_default .boardlist .goods_area li .notice_bottom .notice_data time {
    display: inline-block;
}

.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text img {
    width: auto;
    height: 15px;
    display: inline-block;
    margin-top: -4px;
}
.wrt_btn {
    
    z-index: 100;
    position: fixed;
    /*right: 15px;
    bottom: 150px; */
    right: 10px;
    bottom: 210px;
    /* display: inline-block; */
    display: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(/design/wonderl/mo/img/icon_write.png) no-repeat center;
    /* background: #110252 url(/design/wonderl/mo/img/icon_write.png) no-repeat center; */
    background-size: 60px auto;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}

.view_default .goods_area h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    position: relative;
    margin-top: 30px;
    padding: 20px 15px 0px;
    background: transparent;
    border-top: 1px solid #222;   
}
.view_default .goods_area h3 .badge{
    position: absolute;
    top: 15px;
    right: 15px;
}
.list_default .boardlist .goods_area .notice_list li:first-child {
    border-top: 1px solid #222;
}
.view_default .view_wrap .contents_holder {
    font-size: 16px;
    color: #555;
    padding: 15px;
    text-align: center;
}
.view_default .view_wrap .contents_holder em{display: flex; align-items: center;}
.view_default .view_wrap .contents_holder em img{width: 11px; margin-right: 5px;}
.view_default .view_wrap .view_box .view_info_box .view_info {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}
.view_default .view_wrap .view_box .view_info_box .attached_file {
    padding: 10px 15px;
}
.view_default .view_wrap .view_box .view_info_box .view_info .writer {
    color: #999;
    font-size: 14px;
}
.view_default .view_wrap .view_box .view_info_box .view_info .date {
    color: #999;
    font-size: 14px;
}
.view_default .view_wrap .view_box .view_info_box .view_info .date:after {
    content: "";
    height: 14px;
    background: #e5e5e5;
}
.view_default .view_wrap .view_box .view_info_box .attachment_file {
    border-bottom: 0;
    background: #f7f7f7;
}
.btn_right_box {
    margin-top: 60px;
    text-align: center;
}
.list_btn {
    width: calc(100% - 30px);
}

/* vip tab */
.special_service_wr .tab_wrap > div {
    display: none;
}
.special_service_wr .tab_wrap > #spclSrvTab01 {
    display: block;
}
/* #spclSrvTab01 .special_sec {
    padding: 72px 0 0px;
} */

.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title {
    padding: 0;
}
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title .text {
    font-weight: 500;
    /* margin-bottom: 5px; */
    margin-bottom: 20px;
    /* font-size: 16px; */
}
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title .text img {
    width: auto;
    height: 15px;
}.spclSrvcVsl01 {
    background: url(/design/wonderl/mo/img/vip_visual.png) no-repeat 18% center;
    background-size: cover;
}
.spclSrvcVsl01 .txt01 {
    font-size: 14px;
}
.spclSrvcVsl01 span {
    font-size: 12px;
}
.spclSrvcVsl02 {
    background: url(/design/wonderl/mo/img/startUp_visual.png) no-repeat 12% center;
    background-size: cover;
}
.cont_list_wr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}
.cont_list_wr .cont_list {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
}
.cont_list_wr .cont_list .top_txt_box {
    /* padding: 35px 30px 101px; */
    padding: 20px 20px 101px;
}
.cont_list_wr .cont_list .top_txt_box > span {
    font-size: 13px;
    letter-spacing: -0.04em;
    color: #ef6313;
}
.cont_list_wr .cont_list .top_txt_box > .tit {
    margin: 7px 0 20px;
    font-size: 23px;
    font-weight: 500;
    word-break: keep-all;
}
.cont_list_wr .cont_list .top_txt_box > .reviews {
    font-size: 16px;
    line-height: 1.625;
    color: #555555;
}

.cont_list_wr .cont_list .bottom_score_box {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px 20px;
    border-top: 1px solid #e5e5e5;
    background: #f8f9fb;
}
.cont_list_wr .cont_list .bottom_score_box .custom_name {
    font-size: 14px;
    color: #555555;
}
.cont_list_wr .cont_list .bottom_score_box .stars {
    display: inline-block;
    margin-left: 15px;
    width: 92px;
    height: 16px;
    background: url(/design/wonderl/mo/img/score_icon.png) no-repeat;
    background-size: 92px auto;
}
/* section */
.special_sec {
    padding: 72px 0 80px;
}
.special_sec ul {}
.special_sec ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.special_sec ul > li > s {
    display: inline-block;
    min-width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center center;
}
.special_sec ul > li:nth-child(1) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon01.png);
    background-size: 67px auto;
}
.special_sec ul > li:nth-child(2) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon02.png);
    background-size: 74px auto;
}
.special_sec ul > li:nth-child(3) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon03.png);
    background-size: 64px auto;
}
.special_sec ul > li:nth-child(4) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon04.png);
    background-size: 85px auto;
}
.special_sec ul > li:nth-child(5) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon05.png);
    background-size: 67px auto;
}
.special_sec ul > li:nth-child(6) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon06.png);
    background-size: 70px auto;
}
.special_sec ul > li:nth-child(7) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon07.png);
    background-size: 80px auto;
}		 
.special_sec ul > li:nth-child(8) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon08.png);
    background-size: 62px auto;
}
.special_sec ul > li:nth-child(9) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon09.png);
    background-size: 67px auto;
}
.special_sec ul > li:nth-child(10) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon10.png);
    background-size: 108px auto;
}
.special_sec ul > li > div > h4 {
    margin: 8px 0 14px;
    font-size: 18px;
    font-weight: 500;
}
.special_sec ul > li > div > p {
    max-width: 600px;
    font-size: 16px;
    line-height: 1.625;
    color: #555;
	word-break: keep-all;
}
.special_sec ul > li > div > p > em {
	display: block;
	font-size: 14px;
	font-style: normal;
}
/* section */ 
.startUp_spcl_sec ul > li:nth-child(1) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon03.png);
    background-size: 64px auto;
}
.startUp_spcl_sec ul > li:nth-child(2) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon04.png);
    background-size: 85px auto;
}
.startUp_spcl_sec ul > li:nth-child(3) > s {
    background-image: url(/design/wonderl/mo/img/vip_ser_icon02.png);
    background-size: 74px auto;
}
.startUp_spcl_sec ul > li:nth-child(4) > s {
    background-image: url(/design/wonderl/mo/img/startUp_ser_icon04.png);
    background-size: 77px auto;
}
.startUp_spcl_sec ul > li:nth-child(5) > s {
    background-image: url(/design/wonderl/mo/img/startUp_ser_icon05.png);
    background-size: 59px auto;
}
/* vip */
.registration_way > div {
    padding: 25px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    /* height: 96px; */
    border-radius: 6px;
    background: #f7f7f7;
}
.registration_way > div:last-child {
    margin-bottom: 0;
}
.registration_way > div > s {
    display: inline-block;
    width: 120px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
}
.registration_way .regi_way_list01 s {
    background-image: url(/design/wonderl/mo/img/registration_icon01.png);
    background-size: 53px auto;
}
.registration_way .regi_way_list02 s {
    background-image: url(/design/wonderl/mo/img/registration_icon02.png);
    background-size: 59px auto;
}
.registration_way .regi_way_list03 s {
    background-image: url(/design/wonderl/mo/img/registration_icon03.png);
    background-size: 50px auto;
}
.registration_way > div > p {
	display:block;
	width: 100%;
	text-align:center;
    margin: 10px 0;
    font-size: 16px;
}
.registration_way > div > span {
    font-size: 16px;
    color: #555;
    text-align: center;
}
.down_arr {
    position: relative;
}
.down_arr::after {
    z-index: 2;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #110252 url(/design/wonderl/mo/img/down_arr_white.png) no-repeat center center;
    background-size: 22px auto;
}
.registration_btn {
    margin-top: 80px;
    text-align: center;
}
.registration_btn > a {
    display: inline-block;
    max-width: 318px;
    width: 100%;
}

.vittz_guide_tab{
    margin-bottom: 50px;
    /* display: flex;
    justify-content: center; */
}
.vittz_guide_tab > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* max-width: 480px; */
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.vittz_guide_tab > ul > li {
    width: 100%;
}
.vittz_guide_tab > ul > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 6px;
    font-size: 16px;
    color: #555;
    letter-spacing: -0.035em;
}
.vittz_guide_tab > ul > li > a.on{
    color: #fff;
    background: #110252;
}
.vittz_guide_wr i {
    font-style: normal;
}
.vittz_guide_wr img {
    width: 100%;
}
.tab_cont_wr > div {
    display: none;
}
.tab_cont_wr > #lgtTabList01 {
    display: block;
}
/* tab01 */
.lighting_tab_list01 .service_visual {
    color: #fff;
    background: url(/design/wonderl/mo/img/vittz_lighting_vis01.png) no-repeat center;
    background-size: cover;
}
.lighting_tab_list01 .service_visual .lgtBtn {
    margin-top: 110px;
    width: 100%;
    height: 50px;
    border-radius: 0;
    font-size: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    background: #110253;
	border-radius: 6px;
}
/* section01 */
.light_sec01 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.light_sec01 .left_box > h3 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}
.light_sec01 .left_box > p {
    /* font-size: 14px; */
    font-size: 16px;
    line-height: 1.625;
    color: #555;
}

.light_sec01 .right_box {
    margin-top: 35px;
    padding: 20px;
    border-radius: 6px;
    background: #f7f7f7;
}
.light_sec01 .right_box .tit {
    display: block;
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 500;
    color: #110252;
}
.light_sec01 .right_box > ul > li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.642;
    color: #555;
    margin-bottom: 8px;
}
.light_sec01 .right_box > ul > li:last-child {
    margin-bottom: 0;
}
.light_sec01 .right_box > ul > li::before {
    position: absolute;
    left: 0;
    top: 9px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbbbbb;
}

.guide_common_cont_box {
    margin-top: 50px;
}
.guide_common_cont_box h4 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
}
.guide_common_cont_box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 30px;
}
.guide_common_cont_box ul > li .space {
    margin: 0 0 13px;
    font-size: 16px;
    font-weight: 500;
}
.guide_common_cont_box ul > li .space > span {
    font-weight: 400;
}
.guide_common_cont_box ul > li .img_box > img {
    width: 100%;
}
.guide_common_cont_box ul > li > p {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.625;
    color: #555;
}
.guide_common_cont_box ul > li > p > span {
    font-weight: 500;
}
.light_cont_box_04 > ul > li > p > b {
    font-weight: 500;
}
/*  cont04 */
.light_cont_box_04 {}
.light_cont_box_04 > ul > li > p {
    font-weight: 500;
}
.light_cont_box_04 > ul > li > p > i {
    font-weight: 400;
}
.light_cont_box_04 .rail_tit {
    margin: 38px 0 15px;
    font-size: 20px;
    font-weight: 500;
}

.light_type_sec {
    position: relative;
}
.light_type_sec > .lgtTypInr {
    padding: 40px 0;
    display: flex;
    border-radius: 6px;
    background: #f5f5f5;
}
.light_type_sec .type_tit {
    font-size: 18px;
}
.light_type_tit {
    min-width: 70px;
    margin: 0 0 60px;
    display: flex;
    justify-content: center;
}
.light_type_tit > ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.light_type_tit ul::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
    content: "";
    display: block;
    width: 3px;
    height: calc(100% - 248px);
    background: #ececec;
}
.light_type_tit > ul > li {
    position: relative;
    width: 60px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
}
.light_type_tit > ul > li:last-child {
    /* top: 400px; */
    margin-right: 0;
}
.light_type_tit > ul .bright {
    padding-bottom: 1px;
    font-size: 16px;
    line-height: 18px;
}
.light_type_tit > ul .double_arr {
    position: relative;
}
.light_type_tit > ul .double_arr::after {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #dbdbdb;
}
.light_type_tit > ul .double_arr01 {
    transform: translateY(-36px);
}
.light_type_tit > ul .double_arr02 {
    transform: translateY(36px);
}
.light_type_tit > ul .double_arr > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/design/wonderl/mo/img/light_type_arr.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px auto;
}
.products_list_wr {}
.products_list_wr ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 37px;
    position: relative;
    padding: 0 20px 0 34px;
}
.products_list_wr ul > li {
    position: relative;
}
.products_list_wr ul > li:last-child {
    margin-right: 0;
    top: auto;
}
.products_list_wr ul > li:last-child::before {
    display: none;
}
.products_list_wr ul > li .product_img {
    position: relative;
    max-width: 202px;
}
.products_list_wr ul > li .product_img .cir_img {
    position: absolute;
    top: 50%;
    left: -43px;
    transform: translateY(-50%);
    width: 86px;
}
.products_list_wr ul > li > p {
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    text-align: center;
}
.products_list_wr ul > li > span {
    display: block;
    font-size: 14px;
    color: #555;
    text-align: center;
}
/* tip */
.tip_box .tip_tit {
    display: block;
    margin: 25px 0 15px;
    font-size: 17px;
    color: #110252;
}
.tip_box .txt_box {
    padding: 20px;
    width: 100%;
    font-size: 15px;
    color: #555;
    line-height: 1.625;
    border-radius: 6px;
    background: #f7f7f7;
}
.tip_box .txt_box > b {
	font-weight: 500;
	color: #110253;
}
.tip_box .txt_box > span {
    font-weight: 500;
}
/* tab02 */
.lighting_tab_list02 > .service_visual {
    background: url(/design/wonderl/mo/img/vittz_lighting_vis02.png) no-repeat 18% center;
    background-size: cover;
}
.lighting_tab_list02 .guide_common_cont_box ul {
    grid-template-columns: repeat(1, 1fr);
}
.lgt_comm_sec01 > ul > li {
    padding: 20px 20px 30px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.lgt_comm_sec01 > ul > li > .img_box {
    margin-bottom: 30px;
}
.lgt_comm_sec01 > ul > li > h4 {
    color: #110252;
}
.lgt_comm_sec01 > ul > li > a {
    margin-top: 30px;
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    border-radius: 6px;
}
.lgt_comm_sec01 .cstomer_infor {
    margin-top: 30px;
    padding: 20px;
    width: 100%;
    border-radius: 6px;
    background: #f8f9fa;
}
.cstomer_infor > span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #110252;
}
.cstomer_infor > span > s {
    margin-right: 8px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/design/wonderl/mo/img/icon_caution.png) no-repeat center;
    background-size: contain;
}
.cstomer_infor > p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.625;
    color: #555;
}
/* tab03 */
.lighting_tab_list03 > .service_visual {
    background: url(/design/wonderl/mo/img/vittz_lighting_vis03.png) no-repeat 16% center;
    background-size: cover;
}
.lgt_comm_sec01 .list03_04 {
    grid-template-columns: repeat(1, 1fr);
}
.lgt_comm_sec01 .list03_04 > li {
    padding: 20px 20px 30px;
}
.lgt_comm_sec01 .list03_04 > li > h4 {
    margin-bottom: 25px;
    text-align: center;
}
.lgt_comm_sec01 > .list03_04 > li > span {
    display: block;
    text-align: center;
    font-size: 18px;
}
.lgt_comm_sec01 > .list03_04 > li > p {
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    position: relative;
    text-align: center;
	word-break:keep-all;
    /*height: 104px; */
}
.lgt_comm_sec01 > .list03_04 > li > p::after {
    /* position: absolute;
    top: 0;
    right: 0; */
    margin-bottom: 20px;
    display: inline-block;
    content: "";
    min-width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center;
}
.lighting_tab_list03 .lgt_comm_sec01 > ul > li:nth-child(1) > p::after {
    background-image: url(/design/wonderl/mo/img/lgt_svc_img01.png);
    background-size: 65px auto;
}
.lighting_tab_list03 .lgt_comm_sec01 > ul > li:nth-child(2) > p::after {
    background-image: url(/design/wonderl/mo/img/lgt_svc_img02.png);
    background-size: 64px auto;
}
.lighting_tab_list03 .lgt_comm_sec01 > ul > li:nth-child(3) > p::after {
    background-image: url(/design/wonderl/mo/img/lgt_svc_img03.png);
    background-size: 57px auto;
}
/* tab04 */
.lighting_tab_list04 .service_visual {
    background: url(/design/wonderl/mo/img/vittz_lighting_vis04.png) no-repeat -3% center;
    background-size: cover;
}
.lighting_tab_list04 .lgt_comm_sec01 > .list03_04 > li > p {
    display: flex;
    flex-direction: column-reverse;
    text-align: left;
}
.lgt_comm_sec01 > .list03_04 > li > p > i {
    position: relative;
    padding-left: 15px;
    display: block;
    line-height: 1.875;
    width: 100%;
}
.lgt_comm_sec01 .dott_none::before {
    content: none !important;
}
.lgt_comm_sec01 > .list03_04 > li > p > i::before {
    position: absolute;
    left: 0;
    top: 12px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbbbbb;
}
/* list 04 */
.lighting_tab_list04 .lgt_comm_sec01 > ul > li:nth-child(1) > p::after {
    background-image: url(/design/wonderl/mo/img/lgt_svc_img04.png);
    background-size: 64px auto;
}
.lighting_tab_list04 .lgt_comm_sec01 > ul > li:nth-child(2) > p::after {
    background-image: url(/design/wonderl/mo/img/lgt_svc_img05.png);
    background-size: 63px auto;
}



.blind_tab_list01 .service_visual {
    background: url(/design/wonderl/mo/img/vittz_blind_vis01.png) no-repeat 32% center;
    background-size: cover;
}
/* blind section 01 */
.blind_tab_list01 .guide_common_cont_box {
    margin-top: 0;
}
.blind_tab_list01 .guide_common_cont_box > h4 {
    margin: 73px 0 15px;
}
.blind_tab_list01 .lgt_comm_sec01 > ul {
    display: grid;
    row-gap: 30px;
    column-gap: 20px;
}
.blind_tab_list01 .lgt_comm_sec01 > .sec01_cont {
    grid-template-columns: repeat(1, 1fr);
}
.blind_tab_list01 .lgt_comm_sec01 > ul > li > .img_box {
    margin-bottom: 24px;
}
.blind_tab_list01 .lgt_comm_sec01 > ul > li > h4 {
    margin-bottom: 4px;
    font-size: 18px;
    color: #222;
}
.blind_tab_list01 .lgt_comm_sec01 > ul > li > span {
    font-size: 16px;
    color: #110252;
}
.blind_tab_list01 .guide_common_cont_box > ul > li > p {
    margin-top: 6px;
    color: #888;
    letter-spacing: -0.04em;
}
.blind_tab_list01 .lgt_comm_sec01 > ul > li > a {
    margin-top: 25px;
}
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor {
    height: auto;
    padding: 20px;
}
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor > p {
    margin-top: 0;
}
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor > p > i {
    position: relative;
    padding-left: 15px;
    display: block;
    line-height: 1.875;
}
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor > p > i::before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbbbbb;
}
/* blind section 02 */
.blind_tab_list01 .lgt_comm_sec01 > .cont_wr {
    grid-template-columns: repeat(1, 1fr);
}
.guide_common_cont_box > .sub_txt {
    margin-bottom: 15px;
    font-size: 16px;
    color: #555;
}
.blind_tab_list01 .guide_common_cont_box > .cont_wr > li > h4 {
    color: #110252;
}
.blind_tab_list01 .lgt_comm_sec01 > .cont_wr > li {
    padding: 20px 20px 30px;
}
.blind_tab_list01 .lgt_comm_sec01 > .cont_wr > li > p {
    color: #555;
}
.guide_common_cont_box > .cont_wr > li > p > i {
    position: relative;
    padding-left: 15px;
    display: block;
    line-height: 1.875;
}
.guide_common_cont_box > .cont_wr > li > p > i::before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbbbbb;
}
.guide_common_cont_box .line {
    margin: 25px 0;
    border: 0;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
}
/* blind section 04 */
.guide_common_cont_box > b {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 17px;
}
.blind_tab_list01 .lgt_comm_sec01 .caution_cont_wr > li {
    padding: 20px 20px 30px;
}
/* blind section 04 */
.install_video {
    position: relative;
    border-radius: 6px;
    /* height: 215px; */
    overflow: hidden;
    padding-bottom: 67.398%;
}
.install_video > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}


/* curtain section 01 */
.blind_tab_list02 .service_visual {
    background: url(/design/wonderl/mo/img/vittz_curtain_vis.png) no-repeat 44% center;
    background-size: cover;
}
.guide_common_cont_box > h3 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 500;
}
.guide_common_cont_box > .curtain_sub_txt {
    margin-bottom: 30px;
    font-size: 16px;
    color: #555;
}
.curtain_cont_wr {
    display: grid;
    row-gap: 30px;
    column-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}
.curtain_cont_wr > div > strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.curtain_cont_wr > div > .conts {
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.curtain_cont_wr > div > .conts > .img_box {
    margin-bottom: 24px;
}
.curtain_cont_wr > div > .conts > b {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #110252;
}
.curtain_cont_wr > div > .conts > p {
    font-size: 15px;
    line-height: 1.625;
    color: #555;
}
/* curtain section 02 */
.curtain_sec02 {
    margin-bottom: 50px;
}
.curtain_sec02 > li > span {
    display: block;
    margin: 8px 0 0;
    font-size: 14px;
    color: #555;
}

.tip_box .txt_box > .calculation {
    color: #110252;
}
.tip_box .txt_box > .hgt {
    color: #222;
}
.tip_box .txt_box > .txt {
    font-size: 16px;
}
.tip_box .txt_box .title_box {
    margin-bottom: 3px;
    margin-right: 12px;
    display: block;
    width: 77px;
    height: 28px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
    background: #110252;
}
.tip_box .txt_box > .calculation > b {
    font-weight: 500;
}
.tip_box .txt_box > div {
    margin: 10px 0 23px;
    display: flex;
    color: #888;
}
.tip_box .txt_box > div > s {
    margin-right: 10px;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    background: #cccccc;
    text-decoration: none;
}
.tip_box .txt_box > div > p > b {
    font-weight: 500;
}
/* curtain section 03 */
.curtain_sec03 {
    margin: 80px 0 20px;
}
/* curtain section 04 */
.curtain_sec04 {
    padding: 20px 20px 30px;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.curtain_sec04 > .item_box:not(:last-child) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 22px;
    margin-bottom: 22px;
}
.curtain_sec04 > .item_box > strong {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 500;
    color: #110252;
}
.curtain_sec04 > .item_box > strong > span {
    font-weight: 600;
}
.curtain_sec04 > .item_box > ul > li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    line-height: 1.875;
    color: #555;
}
.curtain_sec04 > .item_box > ul > li::before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbb;
}
.curtain_sec04 > .item_box > div {
    padding: 15px 0 0 15px;
}
.curtain_sec04 > .item_box > div > .exm {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
    color: #110252;
}
.curtain_sec04 > .item_box > div > p {
    font-size: 14px;
    line-height: 1.7142;
    color: #555;
}
.curtain_sec04 > .item_box > .hgt_size {
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: center; */
    font-size: 14px;
    line-height: 1.7142;
    color: #888;
}
.curtain_sec04 > .item_box > .hgt_size > s {
    margin-top: 2px;
    margin-right: 8px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    background: url(/design/wonderl/mo/img/icon_caution.png) no-repeat center;
    background-size: contain;
}
/* curtain section 05 */
.curtain_sec02.curtain_sec05 {
    display: grid;
    column-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}
.curtain_sec05 > li > span > i {
    color: #f07133;
}
/* curtain section 06 */
.guide_common_cont_box .curtain_sec06 {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}
.lgt_comm_sec01 .curtain_sec06 > li {
    position: relative;
    padding: 20px 20px 30px;
}
.lgt_comm_sec01 .curtain_sec06 > li > .img_box {
    margin-bottom: 0;
}
.guide_common_cont_box .curtain_sec06 > li > p {
    margin: 20px 0 3px;
    letter-spacing: -0.04em;
}
.curtain_sec06 > li > .txt_list {
    display: block;
}
.curtain_sec06 > li > .txt_list > li {
    position: relative;
    padding-left: 15px;
    color: #888888;
    font-size: 14px;
    line-height: 1.714;
}
.curtain_sec06 > li > .txt_list > li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbb;
}
.lgt_comm_sec01 .curtain_sec06 > li::after {
    z-index: 10;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #110252;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/design/wonderl/mo/img/curtain_down_arr.png);
    background-size: 22px auto;
}
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(6):after {
    content: none;
}


.clnSrvItrdcWr .service_visual {
    background: url(/design/wonderl/mo/img/vittz_blind_vis02.png) no-repeat 31% center;
    background-size: cover;
}
.clnSrvItrdcWr .img_box {
    width: calc(100% + 30px);
    margin-left: -15px;
}
/* section 01 */
.clean_sec01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.clean_sec01 > div {
    display: flex;
    margin-bottom: 25px;
}
.clean_sec01 > div:last-child {
    margin-bottom: 0;
}
.clean_sec01 > div > s {
    margin-right: 10px;
    display: block;
    min-width: 114px;
    height: 114px;
    border-radius: 50%;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center;
}
.clean_sec01 > div:nth-child(1) > s {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon01.png);
    background-size: 57px auto;
}
.clean_sec01 > div:nth-child(2) > s {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon02.png);
    background-size: 63px auto;
}
.clean_sec01 > div:nth-child(3) > s {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon03.png);
    background-size: 64px auto;
} 
.clean_sec01 > div > p {
    width: calc(100% - 114px - 10px);
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.625;

}
.clean_sec01 > div > p > span {
    display: block;
    color: #888888;
}

/*  section 02 */
.guide_common_cont_box > h4.qna_tit {
    font-weight: 700;
}
.clean_sec02 {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
}
.clean_sec02 > ul {
    display: block;
}
.clean_sec02 > ul > li {
    padding: 40px 15px;
}
.clean_sec02 > ul > li:nth-child(2),
.clean_sec02 > ul > li:nth-child(4) {
    background: #fbfbfb;
}
.clean_sec02 > ul > li > div {
    display: flex;
}
.clean_sec02 > ul > li > div > s {
    display: inline-block;
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.clean_sec02 > ul > li > div > p {
    position: relative;
    font-size: 16px;
    line-height: 1.4445;
}
.clean_sec02 > ul > li > div > p > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.clean_sec02 > ul > li > div > p > span {
    z-index: 1;
    position: relative;
}



.clean_sec02 > ul > li > div > .left_icon01 {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon04.png);
    background-size: 39px auto;
}
.clean_sec02 > ul > li > div > .left_icon02 {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon05.png);
    background-size: 39px auto;
}
.clean_sec02 > ul > li > div > .left_icon03 {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon06.png);
    background-size: 38px auto;
}
.clean_sec02 > ul > li > div > .left_icon04 {
    background-image: url(/design/wonderl/mo/img/vittz_clean_icon07.png);
    background-size: 37px auto;
}


.clean_sec02 > ul > li > .top_box > s {
    margin-right: 15px;
}
.clean_sec02 > ul > li > .top_box > p {
    position: relative;
    padding: 15px;
    max-width: 215px;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    background: #fff;
    /* background: url(/design/wonderl/mo/img/question_box.png) no-repeat;
    background-size: auto 124px; */
}
.clean_sec02 > ul > li > .top_box > p::after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 11px 9.5px;
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: -14px;
    width: 0;
    z-index: 1;
    transform: rotate(-90deg);
}
.clean_sec02 > ul > li > .top_box > p::before {
    border-color: #ddd transparent;
    border-style: solid;
    border-width: 0 9px 11px 9.5px;
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: -15px;
    width: 0;
    z-index: 0;
    transform: rotate(-90deg);
}

.clean_sec02 > ul > li > .bottom_box {
    margin-top: 20px;
    justify-content: flex-end;
}
.clean_sec02 > ul > li > .bottom_box > p {
    padding: 15px;
    max-width: 820px;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    background: #f1f3f8;
    /* background: url(/design/wonderl/mo/img/answer_box.png) no-repeat;
    background-size: auto 124px; */
}
.clean_sec02 > ul > li > .bottom_box > p::after {
    border-color: #f1f3f8 transparent;
    border-style: solid;
    border-width: 0 9px 11px 9.5px;
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: -14px;
    width: 0;
    z-index: 1;
    transform: rotate(90deg);
}
.clean_sec02 > ul > li > .bottom_box > p::before {
    border-color: #ddd transparent;
    border-style: solid;
    border-width: 0 9px 11px 9.5px;
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: -15px;
    width: 0;
    z-index: 0;
    transform: rotate(90deg);
}
.clean_sec02 > ul > li > .bottom_box > s {
    margin-left: 15px;
    background-image: url(/design/wonderl/mo/img/vittz_clean_txt.png);
    background-size: 49px auto;
}

.n_btn.clean_service_btn {
    display: block;
    margin: 30px auto 0;
    width: 260px;
    letter-spacing: -0.01em;
}
/* section03 */
.blind_step_sec {}
.blind_step_sec > h4 {
    font-size: 22px;
}
.blind_step_sec .stepSecBox:not(:last-child) {
    margin-bottom: 35px;
}
.blind_step_sec .stepSecBox > strong {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}
.stepSecBox > ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 10px;
    row-gap: 20px;
}
.stepSecBox > ul > li {
    position: relative;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    background: #f8f9fb;
}
.stepSecBox > ul > li:last-child {
    margin-right: 0;
}
.cirRgtArr {
    z-index: 2;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #110252 url(/design/wonderl/mo/img/curtain_right_arr.png) no-repeat center;
    background-size: 13px auto;
}
.stepSecBox > ul > li > s {
    display: inline-block;
    width: 55px;
    height: 55px;
    background-position: center;
    background-repeat: no-repeat;
}
.stepSecBox > ul > li > b {
    margin: 10px 0 0;
    display: block;
    font-size: 16px;
}
.stepSecBox > ul > li > p {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #555;
    text-align: center;
}
.stepSecBox > ul > li > .step01_01 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon01.png);
    background-size: 47px auto;
}
.stepSecBox > ul > li > .step01_02 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon02.png);
    background-size: 40px auto;
}
.stepSecBox > ul > li > .step01_03 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon03.png);
    background-size: 54px auto;
}
.stepSecBox > ul > li > .step01_04 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon04.png);
    background-size: 40px auto;
}
.stepSecBox > ul > li > .step01_05 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon05.png);
    background-size: 35px auto;
}
.stepSecBox > ul > li > .step01_06 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon06.png);
    background-size: 51px auto;
}
.stepSecBox > ul > li > .step02_01 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon01.png);
    background-size: 47px auto;
}
.stepSecBox > ul > li > .step02_02 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon02.png);
    background-size: 40px auto;
}
.stepSecBox > ul > li > .step02_03 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon03.png);
    background-size: 54px auto;
}
.stepSecBox > ul > li > .step02_04 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon07.png);
    background-size: 44px auto;
}
.stepSecBox > ul > li > .step02_05 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon05.png);
    background-size: 35px auto;
}
.stepSecBox > ul > li > .step02_06 {
    background-image: url(/design/wonderl/mo/img/clean_process_icon08.png);
    background-size: 52px auto;
}
/* section 04 */
.kylSrvPlace {
    padding: 80px 0 70px;
}
.kylSrvPlace > h4 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
}
.kylSrvPlace > div:last-child {
    margin-top: 30px;
}
.kylSrvPlace > div > strong {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}
.kylSrvPlace .ClnSrvTxtLst {
    margin: 0;
}
.ClnSrvTxtLst {
    padding: 25px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.ClnSrvTxtLst li {
    position: relative;
    font-size: 16px;
    line-height: 1.875;
    color: #555;
	padding-left: 15px;
}
.ClnSrvTxtLst li::before {
    content: "";
    position: absolute;
    /* left: -15px; */
	left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbb;
}
.ClnSrvTxtLst li b {
	color: #110252;
	font-weight: 500;
}
.ClnSrvTxtLst li .wran_btn {
	font-size: 13px;
	display: inline-block;
	padding: 2px 7px 2px;
	background-color: #110252;
	color: #fff;
	border-radius: 3px;
}
.kylSrvPrice {
    border-top: 1px solid #222;
    border-bottom: 1px solid #ddd;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.kylSrvPrice th {
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    color: #555;
    background: #e9ecf0;
}
.kylSrvPrice td {
    padding: 0 5px;
    word-break: keep-all;
    height: 60px;
    color: #555;
    font-size: 14px;
    border: 1px solid #eee;
}
.kylSrvPrice td.Large_categories {
    border-left: 0;
    background: #f8f9fa;
}
.kylSrvPrice td.install {
    border-right: 0;
}
.kylSrvPrice tr.blind_row td {
    border-bottom: 0;
}
/* ============================ */
.kyl_caution_txt {
    margin: 10px 0 30px;
    /* display: flex; */
    display: block;
    /* align-items: flex-start; */
    font-size: 14px;
    color: #777;
    position: relative;
    padding-left: 30px;
    min-height: 20px;
    line-height: 21px;
}
.kyl_caution_txt > s {
    margin-right: 10px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    background: url(/design/wonderl/mo/img/icon_caution.png) no-repeat center;
    background-size: 20px auto;
    position: absolute;
    top: 0;
    left: 0;
}
/* section 05 */
.ldryCltWay {}
.ldryCltWay > h4 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
}
.ldryCltWay > span {
    display: block;
    font-size: 16px;
    color: #555;
}
.ldryCltWay > div {
    margin: 15px 0 20px;
    font-size: 15px;
    padding: 24px 15px;
    border-radius: 6px;
    background: #f7f7f7;
}
.ldryCltWay .bdge {
    margin-right: 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 4px 13px;
    border-radius: 14px;
    background: #110252;
}
.ldryCltWay > div > div {
    margin-top: 8px;
}
.ldryCltWay > div > div > b {
    font-size: 17px;
}
.ldryCltWay > div > div > b > span {
    font-weight: 400;
}
.ldryCltWay .ldryCltWayList {
    display: flex;
    flex-direction: column;
}
.ldryCltWayList > li:last-child {
    margin-top: 20px;
} 
.ldryCltWay .ldryCltWayList > li > strong {
    display: block;
    margin-bottom: 20px;
    /* display: flex;
    align-items: center; */
    font-size: 16px;
    font-weight: 500;
    position: relative;
    min-height: 26px;
    padding-left: 36px;
}
.ldryCltWay .ldryCltWayList > li .exple {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2px 0 0;
    min-width: 26px;
    height: 26px;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    left: 0;
    top: -1px;
}
.ldryCltWay .ldryCltWayList > li > div {
    padding: 25px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.ldryCltWay .ldryCltWayList > li > div .ldry_list {
    padding: 20px;
    width: 100%;
    border-radius: 6px;
    background: #f7f7f7;
}
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl {
    margin-bottom: 10px;
}
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl:last-child {
    margin-bottom: 0;
}
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl > dt {
    margin-right: 3px;
    font-size: 16px;
    font-weight: 300;
    color: #555;
    line-height: 1.675;
}
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl > dd {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    line-height: 1.675;
}
.ldryCltWay .expect_price {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 700;
    color: #110252;
}
.ClnSrvTxtLst .wrng {
    margin-bottom: 10px;
   /*  margin-left: -15px; */
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #110252;
	padding-left: 0;
}
.ClnSrvTxtLst .wrng::before {
    content: none;
}

.tile_wr .common_tab > a {
    font-size: 13px;
}
/* .tileTab {
    display: none;
}
#srvTab01 {
    display: block;
} */
/*      Tab 01 */
.tileTab01 .service_visual {
    background: url(/design/wonderl/mo/img/vittz_tile_vis01.png) no-repeat center;
    background-size: cover;
}
/* content 01 */
.srvComSec:not(:last-child) {
    margin-bottom: 60px;
}
.srvSubCntTit {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    word-break: keep-all;
}
.srvSubCntTxt {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 1.875;
    color: #555;
}
/* section 01 */
.tile01_sec01 > div {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    padding: 15px 0;
}
.tile01_sec01 > div > img {
    width: 100%;
}
/* section 02 */
/* .tile01_sec02 > div {
    display: flex;
    align-items: center;
} */
.tile01_sec02 > div > div {
    position: relative;
    margin-bottom: 20px;
    /* width: calc(100% / 3);
    margin-right: 15px; */

}
.tile01_sec02 > div > div:last-child {
    margin-bottom: 0; 
}
.tile01_sec02 > div > img {
    width: 100%;
}
.tile01_sec02 > span {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    color: #555;
    text-align: center;
}
/* section 03 */
.tile01_sec03 > div {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
/* section 04 */
.pros_cons {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.pros_cons > div > strong {
    font-size: 20px;
    font-weight: 500;
    color: #110252;
}
.pros_cons dl {
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 6px;
}
.pros_cons dl:last-child {
    margin-bottom: 0;
}
.pros_cons dt {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.pros_cons dd {
    display: flex;
    font-size: 16px;
    line-height: 1.675;
    color: #555;
}
.pros_cons dd > s {
    margin-top: 4px;
    margin-right: 8px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px auto;
}
.pros_cons > hr {
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin: 40px 0;
}

.advtg_box {
    background: #f8f9fb;
}
.advtg_box > dt {
    color: #110252;
}

.wkns_box {
    background: #f7f7f7;
}
.wkns_box > dt {
    color: #222;
}

.advtg_box > dd > s {
    background-image: url(/design/wonderl/mo/img/icon_chk_list01.png);
}
.wkns_box > dd > s {
    background-image: url(/design/wonderl/mo/img/icon_chk_list02.png);
}

.tileTab02 .service_visual {
    background: url(/design/wonderl/mo/img/vittz_tile_vis02.png) no-repeat 30% center;
    background-size: cover;
}
.tile02_sec > p {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #f07133;
}
.tile02_sec > p > span {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1px;
    margin-right: 10px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 16px;
    background: #f07133;
}
.tile02_sec > p > em {
    font-style: normal;
    font-weight: 500;
}
.tile02_sec > div {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.tile02_sec > div > ul > li {
    padding-left: 15px;
    position: relative;
    font-size: 16px;
    color: #555;
    line-height: 1.875;
}
.tile02_sec > div > ul > li::before {
    position: absolute;
    left: 0;
    top: 12px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbbbbb;
}
.imgListBox {
    margin-top: 25px;
}
.imgListBox > div {
    position: relative;
}
.imgListBox > div > img {
    width: 100%;
}
.imgListBox > div > span {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-size: 16px;
    color: #fff;
}
.tileTab03 .service_visual {
    background: url(/design/wonderl/mo/img/vittz_tile_vis03.png) no-repeat 17% center;
    background-size: cover;
}
.tileTab03  .service_visual span {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
/* .tile03_sec > div {
    display: flex;
} */
.tile03_cont {
    margin-bottom: 15px;
    padding: 30px 20px;
    /* margin-right: 12px;
    width: calc(100% / 3); */
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.tile03_cont:last-child {
    margin-bottom: 0;
}
.tile03_cont > strong {
    padding-left: 15px;
    margin-bottom: 5px;
    display: flex;
    font-size: 18px;
    font-weight: 500;
}
.tile03_cont > strong > s {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    background: #110252;
    text-decoration: none;
}
.tile03_cont > strong > em {
    display: inline-block;
    font-style: normal;
}
.tile03_cont > ul {
    padding-left: 40px;
    margin-bottom: 20px;
}
.tile03_cont > ul > li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 1.875;
    color: #555;
    word-break: keep-all;
}
.tile03_cont > ul > li::before {
    position: absolute;
    left: 10px;
    top: 12px;
    /* transform: translateY(-50%); */
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbb;
}
/* .tile03_cont:nth-child(1) > ul > li:first-child::before {
    top: 17px;
}
.tile03_cont:nth-child(2) > ul > li:first-child::before {
    top: 17px;
} */


.tile04_wr .service_visual {
    background: url(/design/wonderl/mo/img/vittz_tile_vis04.png) no-repeat 7% center;
    background-size: cover;
}
.tile04_wr .kyl_caution_txt {
    margin: 20px 0 0;
}
/* section 01 */
/* .tile04_sec01 > ul {
    display: flex;
} */
.tile04_sec01 > ul > li {
    padding: 30px 0 25px;
    position: relative;
    /* width: calc(100% / 4); */
    margin-bottom: 20px;
    text-align: center;
    border-radius: 6px;
    background: #f8f9fb;
}
.tile04_sec01 > ul > li:last-child {
    margin-bottom: 0;
}
.tile04_sec01 > ul > li > s {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.tile04_sec01 .stp01 > s {
    background-image: url(/design/wonderl/mo/img/tile04_step01_icon.png);
    background-size: 48px auto;
}
.tile04_sec01 .stp02 > s {
    background-image: url(/design/wonderl/mo/img/clean_process_icon02.png);
    background-size: 40px auto;
}
.tile04_sec01 .stp03 > s {
    background-image: url(/design/wonderl/mo/img/tile04_step03_icon.png);
    background-size: 37px auto;
}
.tile04_sec01 .stp04 > s {
    background-image: url(/design/wonderl/mo/img/tile04_step04_icon.png);
    background-size: 47px auto;
}
.tile04_sec01 > ul > li > b {
    margin: 15px 0 10px;
    display: block;
    font-size: 16px;
}
.tile04_sec01 > ul > li > .srvSubCntTxt {
    margin-bottom: 0;
    line-height: 1.625;
}
.cirBtmArr {
    z-index: 2;
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #110252 url(/design/wonderl/mo/img/down_arr_white.png) no-repeat center 52%;
    background-size: 22px auto;
}
.tile_app_btn {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.tile_app_btn > a {
    width: 280px;
}
/* section 02 */
/* .tile04_sec02 > ul {
    display: flex;
} */
.tile04_sec02 > ul > li {
    padding: 30px 0 27px;
    text-align: center;
    /* width: calc(100% / 3); */
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.tile04_sec02 > ul > li:last-child {
    margin-bottom: 0;
}
.tile04_sec02 > ul > li > s {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}
.tile04_sec02 .sec02_item01 > s {
    background-image: url(/design/wonderl/mo/img/tl04_sec02_icon01.png);
    background-size: 55px auto;
}
.tile04_sec02 .sec02_item02 > s {
    background-image: url(/design/wonderl/mo/img/tl04_sec02_icon02.png);
    background-size: 60px auto;
}
.tile04_sec02 .sec02_item03 > s {
    background-image: url(/design/wonderl/mo/img/tl04_sec02_icon03.png);
    background-size: 44px auto;
}
.tile04_sec02 > ul > li > b {
    margin: 15px 0 10px;
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.tile04_sec02 > ul > li > p {
    margin-bottom: 0;
    color: #222;
}
/* section 03 */
/* .tile04_sec03 > ul {
    display: flex;
} */
.tile04_sec03 > ul > li {
    margin-right: 30px;
    width: 100%;
}
.tile04_sec03 > ul > li:last-child {
    margin-right: 0;
}

.srvTblWrp {
    width: 100%;
    overflow: auto;
}
.srvTblWrp > .srvTbl {
    min-width: 700px;
}
.srvTbl {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
.srvTbl > thead > tr {
    border-top: 1px solid #111;
}
.srvTbl > thead > tr > th {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    height: 50px;
    background: #e9ecf0;
}

.srvTbl > tbody > tr {
    border-bottom: 1px solid #ddd;
}
.srvTbl > tbody > tr > td {
    border-right: 1px solid #eeeeee;
    font-size: 14px;
    font-weight: 300;
    padding: 15px 20px;
}
.srvTbl > tbody > tr .subTtl {
    border-right: 0;
    border-left: 0;
    font-size: 15px;
    font-weight: 400;
    background: #f8f9fa;
}
.srvTbl > tbody > tr .lastTd {
    border-right: 0;
    text-align: left;
}

.tile04_sec03 .srvTbl > tbody > tr .lastTd {
    text-align: center;
}

.tile04_sec03 .rgtBox .kyl_caution_txt {
    margin: 15px 0 10px;
}
.tile04_sec03 .rgtBox .ClnSrvTxtLst {
    border: 0;
    padding: 0;
}
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li {
    padding-left: 15px;
    font-size: 14px;
    color: #777;
    line-height: 2.1428;
}
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li:last-child {
    line-height: 1.428;
}
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li::before {
    left: 0;
}
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li:last-child:before {
    top: 10px;
}
/* section 04 */
.tile04_sec04 > div {
    padding: 40px 69px 40px 68px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.tile04_sec04 > span {
    margin-top: 15px;
    padding-left: 15px;
    position: relative;
    display: block;
    font-size: 14px;
    color: #555;
}
.tile04_sec04 > span::before {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bbb;
}


.tile04_sec05 .srvTbl > tbody > tr > td {
    padding: 15px 20px;
}
/* section 06 */

/* section 11 */
.tile04_sec10 > ul > li > b {
    color: #222;
    font-weight: 500;
}

.ClnSrvTxtLst > .Sntncs {
    line-height: 1.25;
}
.ClnSrvTxtLst > .Sntncs::before {
    top: 10px;
}


.hrdWareCnt .service_visual {
    background: url(/design/wonderl/mo/img/vittz_hardware_vis.png) no-repeat 10% center;
    background-size: cover;
}

.btnCtrWr {
    display: flex;
    justify-content: center;
}
.btnCtrWr > a {
    width: calc(100% - 30px);
}


.prchsSrvcVsl {
    background: url(/design/wonderl/mo/img/purchase_visual.png) no-repeat 50% center;
    background-size: cover;
}
.prchsSrvcVsl > div > div {
    margin: 10px 0;
}
.prchsSrvcVsl dl {
    position: relative;
    padding-left: 10px;
    color: #888;
    display: flex;
    align-items: baseline;
}
.prchsSrvcVsl dl::before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ccc;
}
.prchsSrvcVsl dl dt {
    display: block;
    flex-shrink: 0;
    white-space: nowrap;
}

.prchsSrvcVsl dl:first-child dt {

}
.prchsSrvcVsl dl dd {
    margin-left: 3px;
}
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title {
    padding: 0;
}
.ntice_tit {
    display: flex;
    align-items: center;
}
.ntice_tit > .icon {
    margin-right: 5px;
}
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    width: calc(100% - 70px);
    /* line-height: 1rem; */
}
/* .list_default .boardlist .goods_area li .notice_bottom {
    margin-top: 2px;
} */
.list_default .boardlist .goods_area li .notice_bottom .notice_data {
    font-size: 14px;
    /* line-height: 1rem; */
    display: block;
}
.view_default .view_wrap .btn_wish_bx {
    padding: 15px 15px 0;
}
.view_default .view_wrap .btn_wish_bx .btn_bx {
    display: flex;
    justify-content: space-between;
}
.view_default .view_wrap .btn_wish_bx .btn_bx li {
    padding: 0 0 0 3px;
    width: 100%;
}
.view_default .view_wrap .btn_wish_bx .btn_bx li:first-child {
    padding: 0;
}
.view_default .view_wrap .btn_wish_bx .btn_bx li button {
    width: 100%;
}


.cont_tit {/*
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;*/
}


/* .write_default .write_wrap dl {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
    padding: 15px;
}
.write_default .write_wrap dl dt {
    margin-bottom: 10px;
    text-indent: 0;
}
.write_default .write_wrap dl dt label {
    font-weight: 500;
    white-space: nowrap;
}
.write_default .write_wrap dl.b_content dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.write_default .write_wrap dl.b_content dt .b_content_chk {
    position: static;
}
.write_default .write_wrap dl dd {
    padding: 0;
    height: auto;
}
.write_default .write_wrap dl dd input {
    padding: 0 6px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
.write_default .write_wrap dl.b_content dd .textarea_box {
    padding: 0;
}
.write_default .write_wrap dl.b_content dd .textarea_box textarea {
    padding: 6px;
    font-size: 13px;
    color: #555;
    outline: none;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.write_default .write_wrap .b_file {
    padding: 10px 0;
} */
#boardAttach li.item {
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    overflow: visible;
}
#boardAttach li.item input.file_hidden {
    display: none;
}
#boardAttach li.item button.file_face {
    position: absolute;
    right: 0;
    font-size: 14px;
    max-width: 90px;
    height: 40px;
}
/* .write_default .btn_box {
    display: flex;
    justify-content: space-between;
    padding: 40px 15px 0;
}
.write_default .btn_box li {
    width: 100%;
    padding: 0 0 0 3px !important;
}
.write_default .btn_box li:nth-child(1) {
    padding: 0 !important;
}
.write_default .btn_box li button {
    width: 100%;
}
.write_default .input_wrap {
    padding: 0 15px;
}
.write_default .input_wrap .capcha {
    padding: 0;
    min-width: auto;
    display: block;
}
.write_default .input_wrap .capcha .capcha_img {
    display: block;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.write_default .input_wrap .capcha .capcha_img span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 6px;
}
.write_default .input_wrap .capcha .capcha_body {
    display: block;
    padding: 0;
}
.write_default .input_wrap .capcha .capcha_body .capcha_text {
    padding: 5px 0 20px;
    color: #21117f;
    font-size: 14px;
}
.write_default .input_wrap .capcha .capcha_body .capcha_input {
    padding: 0;
    width: 100%;
}
.write_default .input_wrap .capcha .capcha_body .capcha_input input {
    padding: 0 6px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 6px;
} */
.capcha_inpt_box {
    display: flex;
}
.capcha_inpt_box button {
    width: 90px;
    margin-left: -10px;
}


.goods_pop_wr.layer_goods_select .ly_buy_info .search_box .search_text input {
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.goods_pop_wr .n_btn {
    width: 100%;
}

.layer_goods_select .ly_loop li .info {
    border-radius: 6px;
}
.layer_goods_select .ly_loop li .info .itembody p.name {
    font-size: 14px;
}
.layer_goods_select .ly_loop li .info .itembody .prc {
    font-size: 14px !important;
}
._header_search .layer_search_box {
    padding: 55px 0 0 0;
    background: #fff;
    border-bottom: 2px solid #222;
}
._header_search .layer_search_box dl {
    padding: 0;
    background: #fff;
}
._header_search .layer_search_box dl dd .keyword_box input {
    font-size: 16px;
    height: 50px;
    border: 0;
    text-indent: 20px;
    background: transparent;
}
._header_search .layer_search_box dl dd .keyword_box input::-webkit-input-placeholder {
    color: #999;
}
.h_search_btn {
    right: 13px;
    bottom: 13px;
    top: auto;
    width: auto;
    height: auto;
    padding: 15px;
    border: 0;
    background: url(/design/wonderl/mo/img/icon_header_search.png) no-repeat center;
    background-size: 23px auto;
}
.h_search_close_btn {
    top: 13px;
    right: 13px;
    width: 0;
    height: 0;
    border: 0;
    padding: 15px;
    background: url(/design/wonderl/mo/img/btn_layer_close.png) no-repeat center;
    background-size: 16px auto;
}


._header_search .layer_search_content .search_bx_area {
    background: #fff;
    border: 0;
    display: flex;
    flex-direction: column;
}
._header_search .layer_search_content .search_bx_area .latest_search_tab {
    padding: 0;
    margin-bottom: 5px;
}
._header_search .layer_search_content .search_bx_area .latest_search_tab:first-child {
    padding-left: 0;
}
._header_search .layer_search_content .search_bx_area .latest_search_tab.on {
    border-bottom: 0;
}
._header_search .layer_search_content .search_bx_area .latest_search_tab h3 {
    text-align: left;
    padding: 30px 0 0 0;
    text-indent: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}
._header_search .layer_search_content .search_bx_area .on h3 {
    color: #222;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box {
    position: static;
    padding: 0 0px 25px;
    width: calc(100% - 30px);
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box.hitKeywrd {
    border-bottom: 0;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list.recnt_list li {
    display: inline-block;
    width: auto;
    padding: 5px 5px 5px 0;
    margin-right: 15px;
    border-bottom: 0;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list.recnt_list li a {
    padding: 0 5px 0 0;
    text-indent: 0;
    line-height: normal;
    font-size: 14px;
    color: #777;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list.recnt_list li div.link {
    width: auto;
    vertical-align: middle;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list.recnt_list li div.keyword_delete {
    width: auto;
    padding: 0;
    vertical-align: middle;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list.recnt_list li div.keyword_delete button {
    background: #eeeeee url(/design/wonderl/mo/img/icon_recnt_srch_cls.png) no-repeat center;
    background-size: 6px auto;
    border-radius: 50%;
    vertical-align: middle;
    padding: 0;
}
._header_search .dn {
    display: block;
}


.recomend_keywrd > li {
    display: inline-block;
    padding: 10px 3px 0 0;
}
.recomend_keywrd > li > a {
    display: inline-block;
    padding: 7px 15px;
    font-size: 14px;
    color: #110252;
    background: #f5f4f9;
    border-radius: 17.5px;
}
.recomend_keywrd > li > a.on {
    color: #fff;
    background: #110252;
}


._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li {
    border-bottom: 0;
}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li a {
    color: #777;
    text-indent: 0;
}


.goods_search .tit {
    padding: 10px 15px;
    border: 0;
}
.goods_search .tit .keyword {
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    top: 53%;
    left: 23px;
    transform: translateY(-50%);
}
.srch_result {
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    width: 100%;
    height: 55px;
    border:0;
    border-bottom: 2px solid #222;
}
.srch_rslt_btn {
    position: absolute;
    right: 23px;
    bottom: 20px;
    width: 30px;
    height: 30px;
    border: 0;
    background: url(/design/wonderl/mo/img/icon_header_search.png) no-repeat center;
    background-size: 23px auto;
}
.goods_search .common_tab > a.on {
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.15);
}

.goods_search .goods_search_content .goods_top_box {
    background: transparent;
    padding: 20px 15px 10px;
}
.goods_search .goods_search_content .goods_top_box .goods_arr_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_sort{ 
    width: auto;
}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {
    width: 100px;
}
.goods_arr_box .total {
    padding: 0;
}


.goods_search .goods_product_list {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 35px;
    column-gap: 10px; */
}
.goods_prd_item {
    padding: 0;
    border-top: 0;
}
.goods_prd_item .goods_prd_img {
    display: block;
    width: auto;
    padding-bottom: 10px;
}
.goods_prd_item .goods_prd_img .img_box {
    border-radius: 6px;
    overflow: hidden;
}
.goods_prd_item .goods_prd_content {
    padding: 0;
    display: block;
}
.goods_prd_item .goods_prd_content .goods_info_list li {
    color: #333;
}
.goods_prd_item .goods_prd_content .goods_info_list li.prd_name {
    color: #555;
}
.goods_prd_item .goods_prd_content .goods_info_list li.fixed_price {
    font-size: 12px;
    color: #aaa;
    text-decoration-color: #aaa;
}
.goods_prd_item .goods_prd_content .goods_info_list li.price {
    font-weight: 400;
}
.goods_prd_item .goods_prd_content .goods_info_list li.price .c_price {
    color: inherit;
}
.goods_prd_item .goods_prd_content .goods_info_list li.price .prc_nmbr {
    font-size: 16px;
}
.goods_prd_item .goods_prd_content .goods_info_list li.price .sale_prcnt {
    color: #ef6313;
    margin-left: 5px;
}
.goods_search .btn_box {
    padding: 10px 15px;
}
.gds_more_btn {
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ccc;
}


.no_results {
    padding: 75px 0;
    text-align: center;
    font-size: 16px;
}
.gdsLst {
    padding: 15px;
    font-size: 18px;
}
.gdsLst .gdsLstTtl {
    display: block;
}
.goods_search .gdsLst .goods_product_list {
    padding: 0;
}


.goods_prd_item2 .goods_prd_content .goods_info_list li.price s.main_sale_price {
    /* display: block;
    width: 100%; */
    color: #aaa;
    text-decoration-color: #aaa;
    text-decoration: line-through;
    font-size: 12px;
}



.list_event .boardlist .goods_area .notice_list li:first-child {
    border-top: 1px solid #222;
}
.plan_total_wr {
    padding: 0 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plan_total_wr .total {
    padding: 0;
}
.plan_date .date {
    margin-right: 4px;
    font-size: 14px;
    color: #f07133;
}


.view_event .goods_area h3 {
    padding: 20px 15px 0;
    background: transparent;
    border-top: 1px solid #222;
    margin-top: 30px;
    font-weight: 500;
    /* line-height: normal; */
}
.view_event .view_wrap .view_box .view_info_box .view_info:nth-child(1) {
    padding: 0 15px 20px;
}
.view_event .view_wrap .view_box .view_info_box .view_info .writer {
    margin-right: 6px;
    padding-right: 10px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #999;
    font-style: normal;
}
.view_event .view_wrap .view_box .view_info_box .view_info .writer::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #e5e5e5;
}
.view_event .view_wrap .view_box .view_info_box .view_info {
    padding: 10px 15px;
}
.view_event .view_wrap .contents_holder {
    /* padding: 15px; */
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}
.plnng_btn_wrp {
    padding: 15px 15px 0;
    display: flex;
    justify-content: space-between;
}
.plnng_btn_wrp > button {
    margin-left: 3px;
    width: calc(100% / 3);
}
.plnng_btn_wrp > button:first-child {
    margin-left: 0;
}


.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .evntBrdTtl{display: flex; align-items: center; flex-wrap: wrap;}
.list_event .boardlist .goods_area .notice_list li .notice_box {
    display: flex;
}
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_img {
    position: relative;
    display: flex;
    min-width: 76px;
    width: 76px;
    height: 92px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px;
}
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_img > img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_title .text {
    width: 100%;
}
.event_ctgory {
    font-weight: 400;
    color: #110252;
}
.event_tit {
    font-weight: 500;
}


.view_event .view_wrap .btn_wish_bx {
    padding: 15px 15px 0;
}
.btn_wish_bx .n_btn {
    width: 100%;
}
.view_event .view_wrap .btn_wish_bx .btn_bx li {
    padding: 0 0 0 3px;
}
.view_event .view_wrap .btn_wish_bx .btn_bx li:first-child {
    padding: 0;
}


.js_list_password_layer {
    background: #fff;
}
.js_list_password_layer .btn_box > a {
    /* max-width: 85px; */
    width: 100%;
}


.js_password_layer {
    background: #fff;
}
.js_password_layer .btn_box > a {
    /* max-width: 85px; */
    width: 100%;
}


.write_default .write_wrap dl.b_guest dt {
    width: 100%;
}
.write_default .write_wrap dl.b_guest dt label strong {
    font-weight: 500;
}
.c_red, .c-red, .c_point {
    margin-left: 10px;
    color: #333;
    min-width: 51px;
}


.my_page_password.addPage {
    padding: 30px 15px 0;
}
.my_page_password.addPage .passwordWrap {
    padding: 28px 20px 30px;
    border-radius: 6px;
    background: #f4f5f9;
}
.my_page_password.addPage .text_tit {
    font-weight: 400;
}
.my_page_password.addPage .text {
    margin: 10px 0;
    font-weight: 400;
    color: #222;
}
.my_page_password.addPage .text_caution {
    margin: 0 0 20px;
    color: #110252;
    font-weight: 400;
}
.my_page_password.addPage fieldset dl dd input {
    height: 40px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
}
.my_page_password.addPage fieldset dl dd input::-webkit-input-placeholder {
    color: #999999;
}
.my_page_password.addPage fieldset dl.pw.line {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.my_page_password.addPage fieldset dl:nth-of-type(2) {
    margin-bottom: 10px;
}
.my_page_password.addPage fieldset dl.pw {
    padding: 0;
    background-color: transparent;
}
.my_page_password.addPage .btn_wrap {
    padding: 0;
}
.my_page_password.addPage .btn_wrap > ul {
    display: flex;
}
.my_page_password.addPage .btn_wrap > ul > li {
    display: block;
    padding: 0;
    margin-right: 3px;
}
.my_page_password.addPage .btn_wrap > ul > li:last-child {
    margin-right: 0;
}
.my_page_password.addPage .top_wrap {
    padding: 20px 0 0;
    margin: 20px 0 0;
    display: flex;
    border-top: 1px dashed #e5e5e5;
}
.my_page_password.addPage .top_wrap .tip_badge {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 30px;
    font-size: 13px;
    color: #fff;
    border-radius: 6px;
    background: #110252;
}
.my_page_password.addPage fieldset .top_wrap dl {
    margin-left: 10px;
    display: block;
}
.my_page_password.addPage fieldset .top_wrap dl dt {
    margin-bottom: 9px;
    display: block;
    font-weight: 400;
}
.my_page_password.addPage fieldset .top_wrap dl dd {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #999;
}
.my_page_password.addPage fieldset .top_wrap dl dd::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #110252;
}



.dormant_member_wr {
    padding: 30px 15px 0;
    text-align: center;
}
.wake .guide {
    font-size: 16px;
    margin-bottom: 25px;
}
.wake .wake_date {
    font-size: 14px;
    background: #f4f5f9;
    border-radius: 6px;
    padding: 15px;
}
.wake .wake_date > li {
    line-height: 28px;
    height: 28px;
    color: #999;
}
.wake .wake_date > li:last-child {
    color: #110252;
}
.wake .msg {
    margin: 20px 0;
    font-size: 14px;
    line-height: 28px;
}


.inpCrtfBx dd {
    margin: 10px 0 20px;
}
.inpCrtfBx dt label {
    font-size: 14px;
    color: #333;
}


.wake_complete > h3 {
    font-size: 16px;
    font-weight: 400;
}
.wake_complete > h3 > strong {
    font-weight: 500;
}
.wake_complete .btn_navy {
    margin-top: 20px;
}



.goods_view .detail_info .detail_sub_info {
    padding: 20px 15px;
    border-bottom: 5px solid #eee;
}
.layer_option .ly_buy_info .ly_opt li .option_input input {
    text-indent: 0;
    height: 40px;
}
.kdkGdsTyp {
    margin-bottom: 10px;
}
.detail_buy .option_scroll.hght {
    height: calc(var(--vh, 1vh) * 100 - 60px - 42px ) !important;
}
.benefits_dc_desc .benefit_price {font-size: 12px;}
.benefits_mileage_desc .benefit_mileage {font-size: 12px;}


.layer_option .ly_buy_info .ly_opt li.multi_option_on {
    position: static !important;
    padding: 0;
}
.scroll_vertical_fix {
    max-height: 235px !important;
    overflow: auto;
}
/* .layer_option .ly_buy_info {
    position: relative;
}
.layer_option .ly_buy_info .ly_opt li.multi_option_on {
    padding: 0;
}
.layer_option .ly_buy_info .ly_opt li.singel_option_on, .layer_option .ly_buy_info .ly_opt li.multi_option_on, .layer_option .ly_buy_info .ly_opt li.add_option_on {
    top: 24px !important;
} */
/* =================================== */

.kdkGdsVewOptWrp {
    margin-bottom: 10px;
}
.kdkOptTypBx {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
}
.kdkOptTypImg {
    display: flex;
    align-items: center;
}
.kdkOptTypImgWrp {
    min-width: 68px;
    margin-right: 10px;
    border-radius: 6px;
    overflow: hidden;
}
.kdkOptTypImgWrp > img {
    display: block;
    height: 100%;
}
.kdkOptTypImg .kdkPrdctNm {
    display: block;
    padding-right: 5px;
}
.kdkOptTypBx .n_btn {
    min-width: 68px;
}
.view_order_goods .final_amount dt {
    display: block;
}
.view_order_goods .final_amount dt > span {
    display: block;
}
.view_order_goods dl dd .price_info .count {
    position: relative;
    width: 91px !important;
}
.view_order_goods dl dd .price_info .count input[type=number] {
    width: 100% !important;
    padding: 0 29px !important;
}
.view_order_goods dl dd .price_info .count button {
    position: absolute;
}
.detail_down_btn {
    left: 0;
}
.detail_up_btn {
    right: 0;
}
.wrtOptBtn {
    margin: 20px 0;
}
.wrtOptBtn > a {
    display: block;
    width: 100%;
}


.kdkOptBx {
    display: none;
}
.jsGthr {
    display: block;
}
.optArrBtn {
    margin-right: 15px;
    width: 15px;
    height: 8px;
    background: url(/design/wonderl/mo/img/arr_opt_select.png) no-repeat center;
    background-size: 100% auto;
}


.add_cell_txt01 {
    font-size: 14px;
    word-break: keep-all;
}
.add_cell_txt02 {
    margin-bottom: 10px;
    font-size: 13px;
    word-break: keep-all;
    color: #aaa;
}
.add_choose_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.dlvrIcnWrp{display: flex;}
.shipping_icon_box{height: 24px; margin-right: 5px; margin-bottom: 5px;}
.shipping_icon_box > img{height: 24px;}


.trxGdsVewTtl .jet_icon_box {
    margin-top: 2px;
}
.jet_icon_box {
    position: relative;
    display: flex;
    align-items: center;
}
.jet_icon {
    display: inline-block;
    min-width: 90px;
    height: 24px;
    background-image: url(/design/wonderl/mo/img/jetDelivery_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.guide_icon {
    /* margin-top: 2px; */
    padding: 0;
    margin-left: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 20px;
    min-width: 20px;
    min-height: 20px;
    max-height: 20px;
    border-radius: 50%;
    font-size: 14px;
    border: 1px solid #110252;
    background: transparent;
    color: #110252;
    font-weight: 700;
}


/* .jet_product_tit {
    display: flex;
    justify-content: space-between;
} */
/* .jet_product_tit .jet_icon_box {
    padding-bottom: 5px;
} */
.gds_vw .layer_area_s .ly_wrap_s {
    min-width: 190px;
    max-width: 415px;
    width: calc(100vw - 150px);
    /* left: auto; */
    top: 140%;
    /* right: 0; */
}


.cart_content_box .my_goods .item_info_wrap.jet .item_info_box > .itembody{padding-top: 30px;}
.cart_content_box .my_goods .item_info_wrap.jet .dlvrIcnWrp{padding-left: 95px; margin-bottom: -30px;}
.item_info_wrap.jet {
    position: relative;
}
.item_info_wrap.jet .jet_cart {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    /* width: 100%; */
    /* position: absolute;
    left: 95px; */
}
.item_info_wrap.jet .jet_cart > a {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}
/* .cart_content_box .my_goods .mid_box > .right_box .item_info_wrap.jet .itembody {
    padding-top: 30px;
} */
.cart_content_box .jet_cart .layer_area_s .ly_wrap_s {
    min-width: 190px;
    max-width: 415px;
    width: calc(100vw - 120px);
    left: auto;
    top: 140%;
    right: 0;
}


.cart_possible {
    margin-bottom: 5px;
    position: relative;
    z-index: 5;
}
.cart_possible .pm_more_btn {
    margin-left: 5px;
    position: static;
    background-position: center 21%;
}
.cart_possible .pm_more_btn.active {
    background-position: center 21%;
}
.cart_content_box .my_goods .item_info_box > .itembody > .itembody_bottom .prc > .prdctPrc {
    display: block;
}
.cart .order_btn_wrap {
    flex-direction: column-reverse;
}
.cart .order_btn_wrap .n_btn {
    margin-bottom: 10px;
}


.total_price_box.popup_price{bottom: 0;}



/* .add_goods_box .add_title {
    font-size: 14px;
    font-weight: 500;
}
.add_goods_box .add_goods_list li .add_goods_content .title {
    font-size: 14px;
    color: #222;
}
.add_goods_box .add_goods_list li .add_goods_content .add_goods_option {
    font-size: 14px;
    color: #999;
}
.add_goods_box .add_goods_list li .add_goods_content .add_goods_text .goods_number {
    font-size: 14px;
    color: #999;
}
.add_goods_box .add_goods_list li .add_goods_content .add_goods_text .goods_price {
    color: #222;
}
.add_goods_box .add_goods_list li .add_goods_content .add_goods_text .goods_price em {
    font-size: 14px;
    font-weight: 400;
}

.add_goods_box .add_goods_list li .add_goods_img {
    width: 30px;
    background: url(../img/icon/icon_divide.png) no-repeat top center;
}
.add_goods_box .add_goods_list li .add_goods_img > img {
    display: none;
} */
.icon_pick_list{margin: 8px 0; display: flex; flex-wrap: wrap;}
.option_bage {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 25px;
    border-radius: 6px;
    background: #f5f4f9;
    font-size: 12px;
    font-weight: 500;
    color: #7b7887;
}
.option_bage:last-child{margin-right: 0; margin-bottom: 0;}



.inp_rdo label > s {
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: 1px;
}


.info.jet .shipping_icon_box{margin-bottom: -25px;}

.info.jet .jet_order {
    z-index: 5;
    position: absolute;
    width: 100%;
}
.info.jet .jet_icon_box {
    margin-bottom: -25px;
    /* z-index: 3;
    position: absolute; */
}
.info.jet .order_box .order_goods_item > .itembody {
    padding-top: 30px;
}
.order_dlvr_apply {
    display: flex;
}
.order_dlvr_apply .layer_area_s .ly_wrap_s {
    max-width: 624px;
    width: 100%;
    top: 92%;
}
.order_box_delivery .question_icon {
    margin-left: 5px;
    position: relative;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #110252;
    cursor: pointer;
    font-size: 14px;
    padding-right: 1px;
}
.jet_order_write .layer_area_s .ly_wrap_s {
    max-width: 415px;
    width: calc(100vw - 164px);
    left: 72px;
    top: 140%;
}
.dlvr_apply_check_wrap > ul {
    display: flex;
}
.dlvr_apply_check_wrap > ul > li {
    margin-left: 10px;
}
.dlvr_apply_check_wrap > ul > li:first-child {
    margin-left: 0;
}
.dlvr_apply_check_wrap > ul > li > div {
    width: 100%;
}


.info.jet {
    position: relative;
}
.info.jet .jet_order_list {
    z-index: 5;
    position: absolute;
    left: 95px;
}
.info.jet .itembody {
    padding-top: 30px;
}
.layer_cash_receipt_request td input[type=text]{height: 40px; border-color: #e2e2e2; border-radius: 6px; transition: border-color 0.3s, box-shadow 0.3s; padding: 0 10px; font-size: 14px;}
.layer_cash_receipt_request td input[type=text]:focus{border-color: #111; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);}


.layer_area_s .ly_wrap_s {
    width: 415px;
    height: auto;
    padding: 24px 20px 23px;
    border: 1px solid #222;
    border-radius: 6px;
    box-shadow: 0px 10px 14.25px 0.75px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
}
.layer_area_s .ly_tit{
    margin-bottom: 9px;
    font-size: 16px;
    color: #222222;
    line-height: 1.5625em;
    letter-spacing: -0.01em;
 }
 .layer_area_s .ly_tit strong {
     font-weight: 400;
 }
.layer_area_s .ly_cont_s {
    font-size: 14px;
    line-height: 1.714em;
    color: #555555;
}
.layer_area_s .ly_close {
    display: block;
    width: 50px;
    height: 50px;
    padding: 18px;
    position: absolute;
    right: 0;
    top: 0;
}
.layer_area_s .ly_close img {
    vertical-align: top;
    max-width: 100%;
}


.pm_more_btn {
    background: url(/design/wonderl/mo/img/arr_main_nav_open.png) no-repeat center;
    background-size: 13px auto;
}
.pm_more_btn.active {
    background: url(/design/wonderl/mo/img/arr_main_nav_fold.png) no-repeat center;
    background-size: 13px auto;
}


.kko_txt {
    color: #555;
    font-size: 13px;
}
.kakao_start_btn {
    padding: 10px 0 30px;
}
.keyboard_wr > p {
    margin-bottom: 10px;
    text-align: right;
}
.keyboard_wr > p > a {
    font-size: 13px;
}
.keyboard_wr > img {
    width: 100%;
}

.kdkJonSns {display: flex; align-items: center; flex-wrap: wrap;}
.kdkJonSns > a {width: calc(100% / 2 - 7.5px);}
.kdkJonSns > a:nth-child(odd){margin-right: 15px;}
.kdkJonSns > a + a {margin-right: 0;}
.trxJonSns.kdkJonSns {margin: 20px 0 15px;}
.trxJonSns.kdkJonSns > a > span {text-align: right;}



.join_method {
    padding: 0;
}
.trxJonTyp > a > span > span {
    word-break: keep-all;
}


.ordrCouponWrp .itembody p{font-size: 14px;}
.ordrCouponWrp .itembody .itmOpt{color: #999;}
.ordrCouponWrp .itembody .prc{font-size: 14px; font-weight: 400;}
.ordrCouponWrp .order_box{margin-top: 5px; margin-bottom: 20px;}
.ordrCouponWrp .order_box fieldset legend{display: block; font-size: 14px; margin-bottom: 5px;}
.ordrCouponWrp .table_style4 th{padding: 10px;}



.dlvrApp{
    text-align: center;
    padding: 5px 15px 15px;
    background-color: #f4f5f9;
    color: #222222;
    line-height: 20px;
}


.dlvrApp > strong {font-size: 14px; font-weight: 500;}
.dlvrApp > div > ul > li {font-size: 14px;}


.one_click_option_tit > dt {font-size: 14px; font-weight: 500;}
.one_click_option_tit > dd {margin: 10px 0; display: flex; align-items: center; justify-content: space-between;}
.one_click_option_tit > dd > div { font-size: 14px;display:flex;flex-wrap:wrap;}
.one_click_option_tit > dd > div > span:first-child {margin-right: 5px;}
.one_click_option_tit > dd > div > span {font-weight: 500; color: #999;display:inline-block;}
.one_click_option_tit > dd > div > span:nth-child(2):before{content:" : ";}
.one_click_option_tit > dd > .one_click_all {display: none; padding: 10px; background: url(/design/wonderl/mo/img/goods/one_click_all_btn.png) no-repeat center; background-size: 15px auto;}



.one_click_option {margin-top: 15px;}

.one_click_option_list {display: flex; overflow-x: auto;}
.one_click_option_list > li {margin-right: 8px; margin-bottom: 8px; max-width: 70px;}
.one_click_option_list > li > a {position: relative; display: block; width: 70px; height: 70px; border-radius: 6px; overflow: hidden;}
.one_click_option_list > li > a > img {position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;}
.one_click_option_list > li > a::after {opacity: 0; z-index: 2; position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; border: 2px solid #21117f; border-radius: 6px; box-sizing: border-box;}
.one_click_option_list > li > a:hover::after {opacity: 1;}
.one_click_option_list > li > a.on::after {opacity: 1;}

.oneClkOptNm {display: block; max-width: 70px; width: 100%; word-break: break-all;}

/* .one_click_option_list > li:nth-child(4) > a > span {z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff;} */
/* .one_click_option_list > li:nth-child(4) > a > span::after {z-index: -1; content: ""; opacity: 0.5; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #21117f;} */


.one_click_dimmed {position: fixed; z-index: 501; bottom: 0px; left: 0; width: 100%; height: calc(100vh - 60px); background: rgba(0,0,0,0.6);}
.one_click_pop { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff;}
.one_click_pop .pop_top {}
.one_click_pop .pop_top .pop_top_inn {position: relative; margin: 0 15px; padding: 20px 0px; display: flex; align-items: center; border-bottom: 1px solid #ccc;}
.one_click_pop .pop_top .img_box {margin-right: 20px; min-width: 85px; width: 85px; height: 85px; border-radius: 6px; overflow: hidden;}
.one_click_pop .pop_top .img_box > img {width: 100%;}

.one_click_pop .pop_top .one_click_option_tit {display:flex}
.one_click_pop .pop_top .one_click_option_tit > dt {font-size: 16px; font-weight: 400;}
.one_click_pop .pop_top .one_click_option_tit > dd {margin: 5px 0 0;}
.one_click_pop .pop_top .one_click_option_tit > dd > div {font-size: 16px;}

.one_click_pop .pop_top > button {position: absolute; top: 20px; right: 15px; padding: 10px; background: url(/design/wonderl/mo/img/goods/btn_opt_del.png) no-repeat center; background-size: 16px auto;}

.one_click_pop .pop_bottom {padding: 20px 15px 20px 15px; max-height: calc(100vh - 60px - 126px - 100px); overflow-y: auto;}
.one_click_pop .pop_bottom .one_click_option_list { overflow-x: visible; flex-wrap: wrap; }
.one_click_pop .pop_bottom .one_click_option_list > li { width: calc(20% - 8px / 5 * 4 ); }
.one_click_pop .pop_bottom .one_click_option_list > li:nth-child(5n) {margin-right: 0;}
/* .one_click_pop .pop_bottom .one_click_option_list > li > a {width: 60px; height: 60px;} */
.one_click_pop .pop_bottom .one_click_option_list > li > a { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; }
.one_click_pop .pop_bottom .one_click_option_list > li > a img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.one_click_pop .pop_bottom .one_click_option_list > li > a.on::after {opacity: 1;}



.btn_chat_dimmed.cls_btn_wrap_list .btn_close_chat_pop {
    bottom: 320px;
}

.review_btn_wrap {
    width: 100%;
    margin: 20px 0 25px;
    text-align: center;
}
.review_btn_wrap > a {
    font-size: 16px;
    /* font-weight: 500;
    margin-right: 10px; */
}
.review_btn_wrap > a:last-child {
    margin-right: 0;
}


.vttzMndTtl {width: 80%; margin: 40px auto 35px;}
.vttzMndTtl > img {width: 100%;}


.mindPgnWrp{margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.mindPgnWrp > button{min-width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-size: 32px auto; background-position: center center;}
.mindPgnWrp .prev_btn{background-image: url(/design/wonderl/mo/img/btn_pgnPrv.png);}
.mindPgnWrp .page_number{display: flex; align-items: center; justify-content: center; margin: 0 10px; letter-spacing: inherit; color: #999; font-size: 14px; padding: 0;}
.mindPgnWrp .page_number > strong{display: inline-block; margin-right: 3px; font-weight: 400; color: #999;}
.mindPgnWrp .next_btn{background-image: url(/design/wonderl/mo/img/btn_pgnNxt.png);}

.intro{padding: 30px 20px 50px; width: 100%; height: 100%; border: 0; background-color: #f8f9fb; background-image: none;}
.intro strong{font-size: 22px; color: #000; letter-spacing: -0.05em; background-image: none; padding: 0; margin-top: 20px;}
.intro p{font-size: 14px; color: #000; padding: 0; margin-top: 20px;}
.intro .site_ready_icon > s {background: url(/design/wonderl/mo/img/img_lgo.png) no-repeat;width: 200px;height: 71px;margin: 0 auto;display: block;background-size: 100% auto;background-position: center;}
.intro .tm{margin-top: 20px; font-size: 13px; color: #222;}


@media screen and (max-width: 390px) {
    .dlvr_apply_check_wrap > ul {
        display: block;
    }
    .dlvr_apply_check_wrap > ul > li {
        margin-left: 0;
    }
    .dlvr_apply_check_wrap > ul > li {
        margin-bottom: 5px;
    }
    .dlvr_apply_check_wrap > ul > li:last-child {
        margin-bottom: 0;
    }
}

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
/* 기본 상단 */
#header { width:100%; } 
#header .headerBottom { padding: 18px 15px 25px; display: flex; justify-content: space-between; align-items: center; } 
#header .headerBottom h1 { } 
#header .headerBottom h1 a { display:flex; } 
#header .headerBottom h1 a img { width:118px; height: auto; } 
#header .headerBottom .headerBottomLeft { } 
#header .headerBottom .headerBottomRight { display: flex; gap: 15px; align-items: center; } 
#header .headerBottom .headerBottomRight a { color:#7d7d7d; } 
#header .headerBottom .headerBottomRight .cart { position:relative; overflow: visible;} 
#header .headerBottom .headerBottomRight .cart sup {width: 16px;height: 16px;background-color: var(--point-color2);color:#fff;border-radius: 100%;position:absolute;top: -4px;right: -10px;text-align: center;line-height: 16px;} 

/* 분류, 상세 전용 상단 */
#header2 {display:none;width:100%;border-bottom: 1px solid #ddd;} 
#header2 .headerBottom {padding: 22px 15px;display: flex;justify-content: space-between;align-items: center;} 
#header2 .headerBottom h1 { } 
#header2 .headerBottom h1 a { display:inline-block; } 
#header2 .headerBottom h1 a img {width: 18px;height: auto;vertical-align: middle;} 
#header2 .headerBottom .headerBottomLeft { } 
#header2 .headerBottom .headerBottomCenter{font-size:18px;font-weight:700;line-height: 1;}
#header2 .headerBottom .headerBottomRight { display: flex; gap: 15px; align-items: center; } 
#header2 .headerBottom .headerBottomRight a { color:#7d7d7d; } 
#header2 .headerBottom .headerBottomRight .cart { position:relative; overflow: visible; } 
#header2 .headerBottom .headerBottomRight .cart img{
    vertical-align: middle;
}
#header2 .headerBottom .headerBottomRight .cart sup {width: 16px;height: 16px;background-color: var(--point-color2);color:#fff;border-radius: 100%;position:absolute;top: -4px;right: -10px;text-align: center;line-height: 16px;} 

/* 카테고리 */
#cate_swiper {position: relative;overflow: hidden;border-bottom: 1px solid #ddd;padding: 0 15px 20px;} 
#cate_swiper .swiper-slide { width:auto !important; } 
#cate_swiper .swiper-slide a {font-size: 15px;font-weight: 400;} 

/* 스크롤탑 */
#quick_button { display:none; position:fixed; bottom:20%; right:5%; z-index: 101; } 
#quick_button a { display:inline-block; } 
#quick_button a img { width:40px; } 

/* 햄버거 메뉴 */
aside { position:fixed; width: 100%; height:100%; top: 0; right:0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none; } 
aside .aside_tit { position:relative; font-size:13px; font-weight:700; padding: 20px 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; line-height: 1; } 
aside .aside_tit a { font-size:12px; font-weight:400; } 
aside .aside_tit a img { width:13px; margin-left:5px; vertical-align: baseline; } 
aside .asideTop { text-align: left; background: var(--point-color2); padding: 58px 15px 25px; } 
aside .asideTop .ham_close { position: absolute; top: 20px; right: 15px; } 
aside .asideTop .ham_close img { width:18px; } 
aside .asideTop h1 { color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 15px; } 
aside .asideTop h1 b { font-weight:800; } 
aside .asideTop h1 a { color: #fff; } 
aside .asideTop p { position: relative; font-size: 12px; font-weight: 400; color: #fff; } 
aside .asideTop p a { position: absolute; right: 0; font-size: 12px; font-weight: 400; color: #fff; } 
aside .asideTop p a img { vertical-align: baseline; margin-left: 5px; } 
aside .user_menu { position:relative; background:#fff; border-bottom:8px solid #eee; } 
aside .user_menu ul { display:flex; justify-content: space-around; } 
aside .user_menu ul li { position:relative; line-height:1; width: 25%; text-align: center; } 
aside .user_menu ul li:after { content:''; position:absolute; right: 0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#ddd; } 
aside .user_menu ul li:last-child:after { content:unset; } 
aside .user_menu ul li a { display:block; padding:21px 0; font-size:12px; font-weight: 400; } 
aside .search { position:relative; border-bottom:8px solid #eee; padding:20px 15px; } 
aside .search .sch_tit { position:relative; font-size:13px; font-weight:700; margin-bottom:15px; } 
aside .search .searchBox { position:relative; width:100%; height:38px; border:1px solid #ddd; border-radius:25px; padding-left:20px; box-sizing:border-box; } 
aside .search .searchBox input { width:85%; height:36px; border:0; padding: 0; } 
aside .search .searchBox a { position:absolute; right:15px; top:50%; transform:translateY(-50%); } 
aside .search .searchBox a img { width:14px; vertical-align: middle; } 
aside .navCategory { position: relative; border-bottom: 8px solid #eee; } 
aside .navCategory ul { position: relative; } 
aside .navCategory ul li { display: flex; } 
aside .navCategory ul li.act > a { color: #fff; background: var(--point-color1); } 
aside .navCategory ul > li > a { display: inline-block; width: 120px; font-size: 12px; font-weight: 400; background: #fafafa; padding: 20.5px 15px; box-sizing: border-box; } 
aside .navCategory ul > li > dl.cate2 { display: none; position: absolute; top: 0; left: 120px; width: calc(100% - 120px); } 
aside .navCategory ul > li > dl.cate2 > dd > a { position: relative; display: block; padding: 20.5px 15px; box-sizing: border-box; border-bottom: 1px solid #fafafa; font-size: 12px; font-weight: 400; } 
aside .navCategory ul > li > dl.cate2 > dd > a img {position: absolute;top: 10px;right: 0;display: inline-block;padding: 15px;} 
aside .navCategory ul li dl dd ol.cate3 { display: none; flex-wrap: wrap; border-bottom: 1px solid #fafafa; } 
aside .navCategory ul li dl dd ol.cate3 li { width: 50%; } 
aside .navCategory ul li dl dd ol.cate3 li a { display: block; padding: 20.5px 15px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #666; } 
.rotate { transform: rotate(180deg); transition: transform 0.3s ease; } 
aside .navCommunity { border-bottom: 8px solid #eee; } 
aside .navCommunity ul { display: flex; flex-wrap: wrap; } 
aside .navCommunity ul li { width: 33.3%; } 
aside .navCommunity ul li a { display: block; padding: 20px 0 20px 15px; line-height: 1; font-size: 12px; font-weight: 400; } 
aside .navRecent { } 
aside .navRecent ul { display: flex; gap: 9px; padding: 10px 15px; } 
aside .navRecent ul li {text-align: center;width: 33%;} 
aside .navRecent ul li a { display: block; line-height: 1; font-size: 12px; font-weight: 400; } 
aside .navRecent ul li a img { width:100%; border-radius: 10px; overflow: hidden; } 
aside .asideBottom { position: relative; } 
aside .asideBottom a { display: block; text-align: center; background: #eee; padding: 20.5px 0; line-height: 1; font-size: 12px; font-weight: 700; } 

/* 하단 고정 메뉴 */
.ft_fixed_wrap { position:fixed; left:0; right:0; bottom:0; z-index:101; background:#fff; padding:15px 0; box-shadow:0px 0px 6px #ddd; } 
.ft_fixed_wrap ul { display:flex; justify-content:space-around; align-items:center; } 
.ft_fixed_wrap ul li { text-align:center; width:20%; } 
.ft_fixed_wrap ul li a { display: inline-block; } 
.ft_fixed_wrap ul li a img { margin-bottom:10px; } 
.ft_fixed_wrap ul li a p { white-space:pre; font-size:10px; font-weight:400; line-height: 1; } 

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); } 
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap; } 
.search-auto-complete-list ul li { text-align:center; margin: 3px; } 
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; } 
.search-auto-complete-list ul li a:hover { background:#f2f2f2; } 
.search-auto-complete-list ul li a:hover span { } 
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; } 


/* 다찾다 검색 파인더 - 레이어 */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; } 
#allfinder-ctr a { display:block; width:77px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; } 

.all-finder-layer { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; } 
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; } 
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; } 
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; } 
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; } 
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; } 
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; } 
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; } 
.all-finder-layer .finder-search dd { background:#FFF; } 
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; } 
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; } 
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; } 
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; } 
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 } 
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; } 
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; } 
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; } 
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; } 
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px; } 
.all-finder-layer .finder-opt .finder-color label { width:12.5%; } 
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; } 
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; } 
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; } 
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; } 
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; } 
.all-finder-layer .finder-opt .finder-child-category { padding:0; } 
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; } 
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; } 
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; } 
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; } 
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; } 
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; } 
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; } 
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; } 
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; } 

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; } 
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; } 
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; } 

.finder-option-color.finder-option-color-black em { background-color: #000; } 
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; } 
.finder-option-color.finder-option-color-gray em { background-color: #808080; } 
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; } 
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; } 
.finder-option-color.finder-option-color-navy em { background-color: #425583; } 
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; } 
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; } 
.finder-option-color.finder-option-color-red em { background-color: #ff0000; } 
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; } 
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; } 
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; } 
.finder-option-color.finder-option-color-purple em { background-color: #800080; } 
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; } 
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; } 
.finder-option-color.finder-option-color-green em { background-color: #008000; } 
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; } 
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; } 
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; } 
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1; } 

.all-finder-layer .search-auto-complete-list {display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); } 
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap; } 
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; } 
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; } 
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; } 
.all-finder-layer .search-auto-complete-list ul li a:hover span { } 
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; } 
/* BASIC css end */