/* font */
@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

:root {
    --font-pre100: 'Pretendard-Thin';
    --font-pre200: 'Pretendard-ExtraLight';
    --font-pre300: 'Pretendard-Light';
    --font-pre400: 'Pretendard-Regular';
    --font-pre500: 'Pretendard-Medium';
    --font-pre600: 'Pretendard-SemiBold';
    --font-pre700: 'Pretendard-Bold';
    --font-pre800: 'Pretendard-ExtraBold';
    --font-pre900: 'Pretendard-Black';
}



.wp_solution{
    font-family: var(--font-prer);
    font-size: 16px;
}
/**********************************************************************************************************************/
/* 버튼공통 */
/**********************************************************************************************************************/
/* page_btns */
.wp_solution .page_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 0 0 0;
}
.wp_solution .page_btns .pager_inner {
    display: flex;
    align-items: center;
}
.wp_solution .page_btns .pager_inner a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    font-family: var(--font-pre400);
}
.wp_solution .page_btns .pager_inner a.wp_pg_arrow i{
    font-size: 15px;
    color: #ababab;
}
.wp_solution .page_btns .pager_inner a.wp_pg_arrow:hover i{
    color: #67A7DF;
}
.wp_solution .page_btns .pager_inner a.wp_pg_num {
    border-radius: 50%;
    font-size: 16px;
    color: #393939;
}
.wp_solution .page_btns .pager_inner a.wp_pg_num.on {
    background: #17519C;
    color: #fff;
}



/* option_btns */
.wp_solution .option_btns {
    padding: 60px 0 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}
.wp_solution .option_btns button,
.wp_solution .option_btns a {
    width: 90px;
    height: 40px;
    font-size: 15px;
    color: #393939;
    border: 1px solid #ababab;
    background: #fbfbfb;
    font-family: var(--font-pre400);
}
.wp_solution .option_btns button:hover,
.wp_solution .option_btns a:hover {
    border: 1px solid #17519C;
    background: #17519C;
    color: #fff;
}

.wp_solution #answ_state .option_btns,
.wp_solution #gallery_ip_md .page_btns{    
    padding: 20px 0 0 0;
}




/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* prd_listId */
/**********************************************************************************************************************/
.wp_solution .prd_listId .pinner ul{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 10px;
}
.wp_solution .prd_listId .pinner ul .prd_item{
    width: 100%;
    overflow: hidden;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner{
    /* padding: 10px 8px; */
    /* border: 1px solid #E1E1E1; */
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .img_box{
    width: 100%;
    aspect-ratio: auto 1/0.76;
    aspect-ratio: auto 1/0.96;
    margin-bottom: 15px;
    border: 1px solid #E1E1E1;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    padding: 5px;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .txt_box{
    padding: 0 5px;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .txt_box .prd_cate{
    display: none;
    font-size: 14px;
    font-family: var(--font-pre300);
    margin-bottom: 3px;
    color: #8E8E8E;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .txt_box .prd_tit{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #282828;
    margin-bottom: 20px;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .item_icon{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    height: 20px;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .item_icon .icon{
    width: 55px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .item_icon .icon.icon1{
    background: #C90909;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .item_icon .icon.icon2{
    background: #23529A;
}
.wp_solution .prd_listId .pinner ul .prd_item .item_inner .item_icon .icon.icon3{
    background: #E59203;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* prd_viewId */
/**********************************************************************************************************************/
.wp_solution .prd_viewId .pinner .prd_hd{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 80px;
    margin-bottom: 40px;
}
.wp_solution .prd_viewId .pinner .prd_hd>div{
    width: 49%;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big{
    position: relative;
    margin-bottom: 10px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .swiper-pagination{
    position: absolute;
    bottom: 35px;
    font-size: 23px;
    color: #DCDCDC;
    padding-right: 30px;
    text-align: right;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .swiper-pagination .swiper-pagination-current{
    font-size: 40px;
    font-family: var(--font-pre600);
    margin-right: 5px;
    color: #7f7f7f;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .swiper-pagination .swiper-pagination-total{
    margin-left: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .big_slider,
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_slider {
    width: 100%;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .big_slider{
    border:1px solid #e7e7e7;
    border-radius: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .big_slider .swiper-slide{
    /* aspect-ratio: auto 1/0.85; */
    aspect-ratio: auto 1/0.75;
    width: 100%;
    overflow: hidden;
    /* height: 550px; */
    /* height: 350px; */
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_slider .swiper-slide{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.7;
    /* height: 130px; */
    /* aspect-ratio: auto 16/9; */
    aspect-ratio: auto 1/0.75;
    border:1px solid #e7e7e7;
    
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .big_slider .swiper-slide .img_box,
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_slider .swiper-slide .img_box{
    width: 100%;
    height: 100%;
    padding: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_slider .swiper-slide .img_box{
    /* border:1px solid #e7e7e7; */
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .big .big_slider .swiper-slide .img_box img,
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_slider .swiper-slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small{
    position: relative;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    z-index: 9;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_arr i{
    color: #E8E8E8;
    font-size: 20px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_arr.small_lt{
    left: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_arr.small_rt{
    right: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .lt .slide_area .small .small_slider .swiper-slide-thumb-active {
    opacity: 1;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top{
    border-bottom: 1px solid #B1B1B1;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .name{
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .name .prd_cate{
    font-size: 17px;
    font-family: var(--font-pre300);
    color: #B1B1B1;
    margin-bottom: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .name .prd_name{
    font-size: 25px;
    font-family: var(--font-pre200);
    color: #232323;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .specification{
    padding: 30px 10px;
    border-bottom: 1px solid #E8E8E8;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .specification>li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .specification>li:last-child{
    margin-bottom: 0;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .specification>li .ques{
    font-size: 15px;
    font-family: var(--font-pre500);
    color: #444444;
    min-width: 100px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .specification>li .answ{
    font-size: 15px;
    font-family: var(--font-pre300);
    color:#787878;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .optionbox{
    padding: 15px 0 25px 0;
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .optionbox>p{
    font-size: 15px;
    font-family: var(--font-pre500);
    color: #444444;
    margin-bottom: 10px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .optionbox select{
    width: 100%;
    border: 1px solid #E8E8E8;
    outline: none;
    padding: 15px 20px;
    font-size: 14px;
    font-family: var(--font-pre300);
    color: #7E7E7E;    
    background: #fff;
    background: url(/img/icon/select_arrow.png) no-repeat 96% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 10px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .optionbox select option {
	padding: 10px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .optionbox select:last-child{
    margin-bottom: 0px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final {
    padding: 15px 0;
    border-bottom: 1px solid #e7e7e7;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final:last-child {
    border-bottom:none;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .top_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .choice_prd{
    margin-bottom: 25px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .choice_prd .choice_name{
    font-size: 17px;
    font-family: var(--font-pre200);
    margin-bottom: 10px;
    color: #232323;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .choice_prd .choice_choose{
    font-size: 15px;
    font-family: var(--font-pre300);
    margin-bottom: 5px;
    color:#444444;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .choice_prd .choice_option{
    font-size: 15px;
    font-family: var(--font-pre300);
    margin-bottom: 10px;
    color:#444444;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .del_btn i{
    background: #a9a9a9;
    color: #fff;
    padding: 7px;
    font-size: 15px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .count{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .count .count_btn {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #D6D6D6;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .count .count_btn button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 35px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_top .final .count .count_btn input[type="text"]{
    width: 40px;
    height: 35px;
    border: none;
    outline: none;
    text-align: center;
    color: #232323;
    font-size: 17px;
    font-family: var(--font-pre500);
}

.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot{
    padding: 18px 0;
    border-bottom: 1px solid #E8E8E8;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot>p{
    font-size: 17px;
    font-family: var(--font-pre300);
    color: #2D2D2D;
    margin-bottom: 20px;
}

.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot .info_btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot .info_btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot .info_btns>button{
    border: 1px solid #174B9A;
    border-radius: 10px;
    overflow: hidden;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot .info_btns .add_basket_btn{
    width: 13%;
    background: #fff;
}
.wp_solution .prd_viewId .pinner .prd_hd .rt .info_area .info_bot .info_btns .estm_request_btn{
    width: 87%;
    font-size: 17px;
    font-family: var(--font-pre700);
    color: #fff;
    background: #174B9A;
}
.wp_solution .prd_viewId .pinner .related_prd{
    padding-bottom: 60px;
    margin-bottom: 100px;
    border-bottom: 1px dotted #C9C9C9;
}
.wp_solution .prd_viewId .pinner .related_prd>p{
    font-size: 20px;
    margin-bottom: 18px;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area{
    position: relative;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .rlprd_arr{
    position: absolute;
    top: 35%;
    background: transparent;
    z-index: 9;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .rlprd_arr i{
    font-size: 20px;
    padding: 4px;
    border-radius: 50%;
    color: #C9C9C9;
    border: 3px solid #C9C9C9;
    font-weight: 700;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .rlprd_arr.rlprd_lt{
    left: 5px;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .rlprd_arr.rlprd_rt{
    right: 5px;
}

.wp_solution .prd_viewId .pinner .related_prd .slide_area .relatePrd_slider .slick-list{
    margin: 0 -15px;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .relatePrd_slider .slick-slide{
    max-width: 170px;
    margin: 0 15px;
    height: auto !important;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .relatePrd_slider .relatePrd_slide .slide_in .img_box{
    border-radius: 5px;
    border: 1px solid #C9C9C9;
    overflow: hidden;
    /* max-width: 170px; */
    width: 100%;
    height: 90px;
    /* margin:0 auto 15px; */
    /* aspect-ratio: auto 16/9; */
    margin-bottom: 15px;
}
.wp_solution .prd_viewId .pinner .related_prd .slide_area .relatePrd_slider .relatePrd_slide .slide_in .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.wp_solution .prd_viewId .pinner .related_prd .slide_area .relatePrd_slider .relatePrd_slide .slide_in .txt_box{
    font-size: 14px;
    color: #707070;
}

.wp_solution .prd_viewId .pinner .prd_bd>div{
    margin-bottom: 30px;
}
.wp_solution .prd_viewId .pinner .prd_bd>div:last-child{
    margin-bottom: 0;
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_tab_mnu{
    display: flex;
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_tab_mnu>li{
    width: 33.33%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_tab_mnu>li:first-child{
    border-left: 1px solid #E1E1E1;
}

.wp_solution .prd_viewId .pinner .prd_bd .prd_tab_mnu>li>a{
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 17px;
    font-family: var(--font-pre300);
    color: #949494;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp_solution .prd_viewId .pinner .prd_bd .prd_tab_mnu>li.on>a{
    color: #2D2D2D;
    font-family: var(--font-pre600);
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_cont .cont_inner{
    padding: 30px 20px;
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_cont .cont_inner>p{
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #131313;
    margin-bottom: 15px;
	display: none;
}

.wp_solution .prd_viewId .pinner .prd_bd .prd_cont .cont_inner .img_box{
    width: 100%;
    margin-bottom: 30px;
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_cont .cont_inner  .img_box:last-child{
    margin-bottom: 0;
}
.wp_solution .prd_viewId .pinner .prd_bd .prd_cont .cont_inner .img_box img{
    width: 100%;
}

.wp_solution .prd_viewId .pinner .prd_bd .prd_cont .cont_inner .txt_box{
    /* min-height: 200px; */
    padding: 15px;
    /* background: #ddd; */
} 



















.wp_solution #add_cart_md,
.wp_solution #send_esimate_md{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 450px;
    height: 290px;
    border-radius: 13px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #C9C9C9;
    z-index: 999;
    display: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28);
}
.wp_solution #add_cart_md.on,
.wp_solution #send_esimate_md.on{
    display: block;
}
.wp_solution #add_cart_md .md_inner,
.wp_solution #send_esimate_md .md_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.wp_solution #add_cart_md .md_inner>p,
.wp_solution #send_esimate_md .md_inner>p{
    font-size: 17px;
    font-family: var(--font-pre700);
    color: #232323;
    margin-bottom: 60px;
}
.wp_solution #add_cart_md .md_inner .cls_btn,
.wp_solution #send_esimate_md .md_inner .cls_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 20px 50px; */
    width: 240px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    font-size: 17px;
    font-family: var(--font-pre700);
    border: 1px solid #9E9E9E;
    color: #232323;
}

/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* basket_listId */
/**********************************************************************************************************************/
/* 상품 없을 시 */
.wp_solution #bsk_wrap .item_empty{
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 40px;
}
.wp_solution #bsk_wrap .item_empty>p{
    font-size: 15px;
    color: #444444;
    text-align: center;
}

/* 상품 있을 시 */
.wp_solution #bsk_wrap .item_exist {
    margin-bottom: 40px;
}

.wp_solution #bsk_wrap .item_exist .top_btns{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.wp_solution #bsk_wrap .item_exist .top_btns button{   
    font-size: 15px;
    font-family: var(--font-pre300);
    color: #444444;
}
.wp_solution #bsk_wrap .item_exist .top_btns button:hover{
    color: #000;
}
.wp_solution #bsk_wrap .item_exist .top_btns .all_select_btn{
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.wp_solution #bsk_wrap .item_exist .top_btns .all_select_btn::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 14px;
    background: #B1B1B1;
}

.wp_solution #bsk_wrap .item_exist .top_btns .all_select_btn input[type="checkbox"]{
    display: none;
}
.wp_solution #bsk_wrap .item_exist .top_btns .all_select_btn input[type="checkbox"] + label{
    display: flex;
    align-items: center;
}
.wp_solution #bsk_wrap .item_exist .top_btns .all_select_btn input[type="checkbox"] + label .chk_icon{
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 3px;
    background: url(/img/icon/allcheck_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #bsk_wrap .item_exist .top_btns .all_select_btn input[type="checkbox"]:checked + label .chk_icon{
    background: url(/img/icon/allcheck_after.png) no-repeat center center / cover;
}

.wp_solution #bsk_wrap .item_exist .basket_lists {
    border-top: 1px solid #707070;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid #E8E8E8;
    gap: 5px;
}

.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt{
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt input[type="checkbox"]{
    display: none;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt input[type="checkbox"] + label{
    display: flex;
    align-items: center;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt input[type="checkbox"] + label .chk_icon{
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 3px;
    background: url(/img/icon/allcheck_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt input[type="checkbox"]:checked + label .chk_icon{
    background: url(/img/icon/allcheck_after.png) no-repeat center center / cover;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_img{
    min-width: 80px;
    width: 80px;
    aspect-ratio: auto 1/0.87;
    border-radius: 5px;
    overflow: hidden;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_info .name{
    font-size: 17px;
    margin-bottom: 3px;
    color: #444;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_info .basic_info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 5px 20px;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_info .basic_info>li{
    font-size: 15px;
    font-family: var(--font-pre500);
    color: #444;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_info .option_info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .lt .info_box .bsk_prd_info .option_info>li{
    font-size: 14px;
    font-family: var(--font-pre300);
    color: #7A7A7A;
}


.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .rt {
    display: flex;
    align-items: center;
    gap: 15px;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .rt .count_btn {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #D6D6D6;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .rt .count_btn button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 35px;
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .rt .count_btn input[type="text"]{
    width: 40px;
    height: 35px;
    border: none;
    outline: none;
    text-align: center;
    color: #232323;
    font-size: 17px;
    font-family: var(--font-pre500);
}
.wp_solution #bsk_wrap .item_exist .basket_lists .basket_list .rt .delete_btn>i{
    font-size: 20px;
    color: #B1B1B1;
}

.wp_solution .basket_listId .pinner .basket_btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.wp_solution .basket_listId .pinner .basket_btns>a{
    width: 250px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-family: var(--font-pre700);
    color: #fff;
    background: #17519C;
    border: 1px solid #17519C;
    border-radius: 10px;
    overflow: hidden;
}
.wp_solution .basket_listId .pinner .basket_btns>a:first-child{
    color: #17519C;
    background: #fff;
    
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* gallery_listId */
/**********************************************************************************************************************/
.wp_solution .gallery_listId .gallery_mnu{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 40px;
    /* display: none; */
}

.wp_solution .gallery_listId .gallery_mnu li{
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E1E1E1;
}
.wp_solution .gallery_listId .gallery_mnu li a{
    width: 100%;
    height: 100%;
    color: #5B5B5B;
    background: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_solution .gallery_listId .gallery_mnu li.on a{
    background: #17519C;
    color: #fff;
}


.wp_solution .gallery_listId .pinner .gallery_items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
}
.wp_solution .gallery_listId .pinner .gallery_items>li{
    width: 100%;
    overflow: hidden;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner{
    padding: 10px 8px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    overflow: hidden;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .img_box{
    width: 100%;
    /* aspect-ratio: auto 3/4; */
    margin-bottom: 15px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border: 1px solid #E1E1E1;
    height: 200px;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	/* object-position: top; */
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .txt_box{
    padding: 0 5px;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .txt_box .cate{
    font-size: 14px;
    font-family: var(--font-pre300);
    margin-bottom: 3px;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .txt_box .tit{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #282828;
    margin-bottom: 8px;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .txt_box .place{
    font-size: 14px;
    font-family: var(--font-pre300);
    margin-bottom: 5px;
}
.wp_solution .gallery_listId .pinner .gallery_items>li .item_inner .txt_box .date{
    font-size: 14px;
    font-family: var(--font-pre300);
    color: #2D2D2D;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* gallery_inputId */
/**********************************************************************************************************************/

.wp_solution #gallery_form .form_in .two_ip_box{    
    border-radius: 5px;
    border: 1px solid #CFCDCD;
    padding: 20px 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 5px;
}
.wp_solution #gallery_form .form_in .ip_box{
    border-radius: 5px;
    border: 1px solid #CFCDCD;
    padding: 20px 10px;
    background: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box{
    display: flex;
    align-items: center;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box.first{
    width: 30%;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box.second{
    width: 65%;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box .star,
.wp_solution #gallery_form .form_in .ip_box .star{
    color: #B71414;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box .ques,
.wp_solution #gallery_form .form_in .ip_box .ques{
    min-width: 80px;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box .ques p,
.wp_solution #gallery_form .form_in .ip_box .ques>p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #2D2D2D;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box .answ,
.wp_solution #gallery_form .form_in .ip_box .answ {
    width: 100%;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box .answ input,
.wp_solution #gallery_form .form_in .ip_box .answ input{
    width: 100%;
    border: none;
    outline: none;
}
.wp_solution #gallery_form .form_in .two_ip_box .in_ip_box .answ select{
    width: 100%;
    border: none;
    outline: none;
    background: url(/img/icon/select_angle.png) no-repeat 92% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px;
    color: #696969;
    min-width: 250px;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .top{
    display: flex;
    align-items: center;
    gap: 45px;
}

.wp_solution #gallery_form .form_in .rlt_prd_add_box {
    background: #fff;
    border: 1px solid #CFCDCD;
    padding: 20px 25px;
    margin-bottom: 30px;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .top{
    margin-bottom: 25px;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .top>p{
    font-size: 20px;
    font-family: var(--font-pre600);
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .top .glr_itm_add_btn{
    background: #464444;
    color: #fff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding:7px 15px;
}

.wp_solution #gallery_form .form_in .rlt_prd_add_box .top .glr_itm_add_btn i{
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

.wp_solution #gallery_form .form_in .rlt_prd_add_box .bot .rlt_items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .bot .rlt_items .rlt_item{
    padding: 10px 10px 20px 10px;
    background: #fff;
    border: 1px solid #CFCDCD;
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .bot .rlt_items .rlt_item .tit_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    gap: 5px;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .bot .rlt_items .rlt_item .tit_area .glr_itm_delete_btn {
    min-width: 20px;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .bot .rlt_items .rlt_item .img_box{
    width: 100%;
    height: 140px;
    border: 1px solid #CFCDCD;
}
.wp_solution #gallery_form .form_in .rlt_prd_add_box .bot .rlt_items .rlt_item .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: fill;
}

.wp_solution #gallery_form .form_in .editor_box{
    border: 1px solid #ddd;
    
}
.wp_solution #gallery_form .form_in .editor_box .tit_area{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-family: var(--font-pre300);
    background: #E1E1E1;
    height: 130px;
}
.wp_solution #gallery_form .form_in .editor_box .editor_area{
    padding: 15px 10px;
    background: #fff;
    min-height: 580px;
}

.wp_solution #gallery_form .add_file_area{
    padding: 20px 0;
}
.wp_solution #gallery_form .add_file_area .tit{
    font-size: 15px;
    font-family: var(--font-prel);
    margin-bottom: 5px;
}
.wp_solution #gallery_form .add_file_area .add_file {
    max-width: 270px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #101010;
    border: 1px solid #C4C4C4;
}
.wp_solution #gallery_form .add_file_area .add_file > i {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.wp_solution #gallery_form .add_file_area .add_file > input[type="file"] {
    width: 100%;
    background-color: #fff;
    cursor: pointer;
}
.wp_solution #gallery_form .add_file_area .add_file > input[type="file"]::file-selector-button {
    width: 90px;
    height: 35px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prel);
    background-color: #101010;
    border: none;
    text-align: left;
    cursor: pointer;
}
















.wp_solution #gallery_ip_md{    
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1050;
}
.wp_solution #gallery_ip_md.on{
    display: block;    
}
.wp_solution #gallery_ip_md .md_inner{
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.wp_solution #gallery_ip_md .md_inner .md_content {
    /* height: calc(100% - 60px); */
    max-height: calc(100% - 100px);
    width: 100%;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}



/* gallery_md_hd */
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_hd{
    padding: 35px 25px 15px 25px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_hd p{
    font-size: 20px;
    font-family: var(--font-pre600);
    color: #464444;
}




/* gallery_md_bd */
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd{
    flex: 1;
    overflow-y: auto;
    padding: 0 25px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists{
    margin-bottom: 25px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .choice_list{
    border: 1px solid #CFCDCD;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .choice_list:last-child{
    margin-bottom: 0;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .choice_list .ques{
    font-size: 16px;
    font-family: var(--font-pre500);
    min-width: 100px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .choice_list .ques .star{
    color: #B71414;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .choice_list .answ{
    width: 100%;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_cate .answ>ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .choice_list select{
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #CFCDCD;
    outline: none;
    background: #FFFFFF;    
    background: url(/img/icon/select_angle.png) no-repeat 92% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #8B8B8B;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_detail input[type='text']{
    border: 1px solid #CFCDCD;
    outline: none;
    width: 100%;
    padding: 10px; 
    flex:1   
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_detail .answ>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_detail select{
    max-width: 180px;
}
/* .wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_state ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_state ul li{
    display: flex;
    align-items: center;
    gap: 8px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_state ul li input[type="radio"]{
    display: none;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_state ul li input[type="radio"] + label{
    display: flex;
    align-items: center;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_state ul li input[type="radio"] + label span{
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 3px;
    background: url(/img/icon/input_chk_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .choice_lists .list_state ul li input[type="radio"]:checked + label span{
    background: url(/img/icon/input_chk_after.png) no-repeat center center / cover;
}*/
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
} 
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .btns button{
    width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    overflow: hidden;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .btns button:nth-child(1){
    background: #8B8B8B;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_search .btns button:nth-child(2){
    background: #464444;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list{
    width: 100%;
    padding-top: 25px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list{
    background: #F8F8F8;
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 25px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 7px 15px 30px;
    border-bottom: 1px solid #232323;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_top p{
    font-size: 16px;
    font-family: var(--font-pre600);
    color: #464444;
    text-align: center;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_top .tit_img{
    min-width: 110px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_top .tit_price{
    min-width: 80px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot{    
    max-height: 26vh;
    overflow-y: auto;
    margin-bottom: 25px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px;
    border-bottom: 1px solid #CFCDCD;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: calc(100% - 30px);
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info .prd_img{
    width: 110px;
    min-width: 110px;
    height: 85px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info .prd_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info .prd_name{
    width: 50%;
    flex: 1;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info .prd_name p{
    font-size: 16px;
    color: #464444;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info .prd_price{
    min-width: 80px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .bot_list .list_bot .list .list_info .prd_price>p{
    font-size: 14px;
    color: #464444;
    text-align: center;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .gallery_md_btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .gallery_md_btns button{
    width: 100px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .gallery_md_btns .glrmd_add_btn{
    background: #E389A2;
    color: #fff;
}
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_bd .md_list .gallery_md_btns .glrmd_close_btn{
    background: #CFCDCD;
    color: #464444;
}



/* gallery_md_ft */
.wp_solution #gallery_ip_md .md_inner .md_content  .gallery_md_ft{
    padding: 20px 25px;
}

/**********************************************************************************************************************/












/**********************************************************************************************************************/
/* historyId */
/**********************************************************************************************************************/
.wp_solution .historyId .pinner .history_wrap .startnow{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_solution .historyId .pinner .history_wrap .startnow .in{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.wp_solution .historyId .pinner .history_wrap .startnow .in span.txt{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #464444;
}
.wp_solution .historyId .pinner .history_wrap .startnow .in span.cic{
    width: 20px;
    height: 20px;
    background: #E389A2;
    border-radius: 50%;
}
.wp_solution .historyId .pinner .history_wrap .year_list{
    position: relative;
    padding: 60px 0 200px 0;
}
.wp_solution .historyId .pinner .history_wrap .year_list::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    border-right: 1px dotted #ddd;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm{
    margin-bottom: 50px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:last-child{
    margin-bottom: 0;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(odd){
    margin-left: 50%;
    padding-left: 60px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even){
    margin-right: 50%;
    padding-right: 60px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm>p{
    position: relative;
    font-size: 25px;
    font-family: var(--font-pre800);
    color: #545454;
    margin-bottom: 10px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even)>p{
    text-align: right;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm>p::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #E389A2;
    z-index: 9;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(odd)>p::before{
    left: -67px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even)>p::before{
    right: -67px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(odd)>p::after{
    text-align: right;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm>p::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    background: #E6E6E6;
    z-index: 8;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(odd)>p::after{
    left: -55px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even)>p::after{
    right: -55px;
}

.wp_solution .historyId .pinner .history_wrap .year_list .year_itm>ul>li{
    position: relative;
    font-size: 15px;
    color: #545454;
    margin-bottom: 5px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm>ul>li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #CFCDCD;

}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(odd)>ul{
    padding-left: 15px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even)>ul{
    padding-right: 15px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even)>ul>li{
    text-align: right;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(odd)>ul>li::after{
    left: -15px;
}
.wp_solution .historyId .pinner .history_wrap .year_list .year_itm:nth-child(even)>ul>li::after{
    right: -15px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* esimate */
/**********************************************************************************************************************/
.wp_solution #esimate .esimate_in{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.wp_solution #esimate .esimate_in .esimate_cart {
    width: 68%;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns>button{
    font-size: 15px;
    font-family: var(--font-pre300);
    color: #444444;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns>button:hover{
    color: #000;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns .all_select_btn{
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns .all_select_btn::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 14px;
    background: #B1B1B1;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns .all_select_btn input[type="checkbox"]{
    display: none;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns .all_select_btn input[type="checkbox"] + label{
    display: flex;
    align-items: center;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns .all_select_btn input[type="checkbox"] + label .chk_icon{
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 3px;
    background: url(/img/icon/allcheck_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_hd .top_btns .all_select_btn input[type="checkbox"]:checked + label .chk_icon{
    background: url(/img/icon/allcheck_after.png) no-repeat center center / cover;
}

.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd{
    /* min-height: 250px; */
    /* height: 250px; */
    border-top: 1px solid #707070;
    border-bottom: 1px solid #E8E8E8;
}

/* 상품 없을 시 */
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_empty{
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_empty>p{
    font-size: 15px;
    color: #444444;
    text-align: center;
}


/* 상품 있을 시 */
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist{
    max-height: 350px;
    overflow-y: auto;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid #E8E8E8;
    gap: 5px;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm:last-child{
    border-bottom: none;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt{
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt input[type="checkbox"]{
    display: none;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt input[type="checkbox"] + label{
    display: flex;
    align-items: center;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt input[type="checkbox"] + label .chk_icon{
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 3px;
    background: url(/img/icon/allcheck_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt input[type="checkbox"]:checked + label .chk_icon{
    background: url(/img/icon/allcheck_after.png) no-repeat center center / cover;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_img{
    min-width: 80px;
    width: 80px;
    aspect-ratio: auto 1/0.87;
    border-radius: 5px;
    overflow: hidden;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_info .name{
    font-size: 17px;
    margin-bottom: 3px;
    color: #444;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_info .basic_info{
    display: flex;
    align-items: center;
    gap: 5px 20px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_info .basic_info>li{
    font-size: 15px;
    font-family: var(--font-pre500);
    color: #444;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_info .option_info{
    display: flex;
    align-items: center;
    gap: 3px 10px;
    flex-wrap: wrap;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .lt .info_box .etm_prd_info .option_info>li{
    font-size: 14px;
    font-family: var(--font-pre300);
    color: #7A7A7A;
}


.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .rt {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* input */
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .rt .count_btn {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #D6D6D6;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .rt .count_btn button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 35px;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .rt .count_btn input[type="text"]{
    width: 40px;
    height: 35px;
    border: none;
    outline: none;
    text-align: center;
    color: #232323;
    font-size: 17px;
    font-family: var(--font-pre500);
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .rt .delete_btn>i{
    font-size: 20px;
    color: #B1B1B1;
}
/* view */
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_bd .item_exist .item_list .item_itm .rt .view_count p{
    font-size: 14px;
    font-family: var(--font-pre400);
}


.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top {
    padding: 20px;
    border-bottom: 1px solid #E8E8E8;

}

.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top .totla_est_prd{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top .totla_est_prd .txt{
    font-size: 15px;
    font-family: var(--font-pre300);
    
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top .totla_est_prd .num{
    font-size: 15px;
    font-family: var(--font-pre300);
    color: #444;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top .totla_est_prd .num span{
    font-size: 20px;
    font-family: var(--font-pre800);
    color: #444444;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top .add_est_prd{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .top .add_est_prd a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    color: #fff;
    height: 45px; 
    padding: 0 10px;
    background: #17519C;
    border-radius: 5px;
    overflow: hidden;
}

.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .bot{
    padding: 20px;
}

.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .bot .ntc_tit{
    font-size: 14px;
    font-family: var(--font-pre600);
    color: #2D2D2D;
    margin-bottom: 25px;
}

.wp_solution #esimate .esimate_in .esimate_cart .esimate_cart_ft .bot .ntc_desc{
    font-size: 14px;
    font-family: var(--font-pre300);
    color: #2D2D2D;
    line-height: 24px;
}
.wp_solution #esimate .esimate_in .esimate_info{
    width: 30%
}
.wp_solution #esimate .esimate_in .esimate_info .ip_box {
    background: #fff;
    border: 1px solid #E8E8E8;
    padding: 1px 15px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-bottom: 5px;
    height: 50px;
    justify-content: center;
}
.wp_solution #esimate .esimate_in .esimate_info .ip_box.txar{
    height: auto;

}
.wp_solution #esimate .esimate_in .esimate_info .ip_box .ques{
    font-size: 15px;
    font-family: var(--font-pre500);
    color: #232323;
}
.wp_solution #esimate .esimate_in .esimate_info .ip_box .ques .star{
    color: #C90909;
    font-size: 16px;
    font-family: var(--font-pre400);
}
.wp_solution #esimate .esimate_in .esimate_info .ip_box textarea,
.wp_solution #esimate .esimate_in .esimate_info .ip_box input[type="text"],
.wp_solution #esimate .esimate_in .esimate_info .ip_box input[type="password"]{
    font-size: 14px;
    font-family: var(--font-pre400);
    border: none;
    outline: none;
    color: #7f7f7f;
    width: 100%;
}
.wp_solution #esimate .esimate_in .esimate_info .ip_box textarea{
    min-height: 125px;
    height: 125px;
    overflow-y: auto;
    padding: 10px 0;
    resize: none;
}
.wp_solution #esimate .esimate_in .esimate_info .ip_box input[type="text"]::placeholder,
.wp_solution #esimate .esimate_in .esimate_info .ip_box textarea::placeholder{
    font-size: 14px;
    font-family: var(--font-pre500);
    color: #B1B1B1;
}

.wp_solution #esimate .esimate_in .esimate_info .address .top{
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.wp_solution #esimate .esimate_in .esimate_info .address .top .ip_box{
    flex: 1;
}
.wp_solution #esimate .esimate_in .esimate_info .address .top button{
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #444444;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-pre500);
    height: 50px;
}
.wp_solution #esimate .esimate_in .esimate_info .esimate_sbm_btn{
    height: 60px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-family: var(--font-pre700);
    color: #fff;
    border-radius: 10px;
    background: #174B9A;
    width: 100%;
}




.wp_solution #esimate .esimate_in .esm_view_info .ip_box .ques{
    font-size: 14px;
    font-family: var(--font-pre500);
    color: #949494;
}

.wp_solution #esimate .esimate_in .esm_view_info .ip_box .answ>p{
    font-size: 14px;
    font-family: var(--font-pre500);
    color: #232323;
    padding-top: 5px;
}
.wp_solution #esimate .esimate_in .esm_view_info .ip_box.txar{
    padding: 15px 20px;
}
.wp_solution #esimate .esimate_in .esm_view_info .ip_box.txar>p{
    min-height: 100px;
    font-size: 14px;
    color: #232323;
}







.wp_solution #answ_state{
    padding-top: 80px;
}
.wp_solution #answ_state .top_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #707070;
    margin-bottom: 15px;
}
.wp_solution #answ_state .top_area .txt{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-family: var(--font-pre500);
    color: #707070;
}
.wp_solution #answ_state .top_area .state{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    font-size: 14px;
    color: #707070;
}
.wp_solution #answ_state textarea{
    width: 100%;
    min-height: 120px;
    height: 120px;
    overflow-y: auto;
    padding: 15px 10px;
    border: 1px solid #D4D4D4;
    font-size: 16px;
    color: #707070;
}
.wp_solution #answ_state .cont_area>p{
    font-size: 16px;
    color: #707070;
    white-space: pre-wrap;
}
.wp_solution #answ_state .cont_area{
    width: 100%;
    min-height: 120px;
    padding: 15px 10px;
    border: 1px solid #D4D4D4;
    font-size: 16px;
    color: #707070;
}

.wp_solution #answ_state .mid_area {
    display: flex;
    align-items: center;
    padding-bottom:15px;
    flex-wrap: wrap;
    gap: 10px 0;
}
.wp_solution #answ_state .mid_area .txt{
    font-size: 14px;
    color: #393939;
    margin-right: 30px;
}
.wp_solution #answ_state .mid_area>ul{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-right: 20px;
}
.wp_solution #answ_state .mid_area>ul>li{
    display: block;
    align-items: center;
    gap: 5px;
}
.wp_solution #answ_state .mid_area>ul>li input[type="radio"]{
    display: none;
}
.wp_solution #answ_state .mid_area>ul>li input[type="radio"] + label{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #707070;
}
.wp_solution #answ_state .mid_area>ul>li input[type="radio"] + label span{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/img/icon/radio_check_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #answ_state .mid_area>ul>li input[type="radio"]:checked + label span{
    background: url(/img/icon/radio_check_after.png) no-repeat center center / cover;
}
.wp_solution #answ_state .mid_area .cause{
    font-size: 14px;
    color: #ABABAB;
}

.wp_solution #answ_state textarea{
    resize: none;
    outline: none;
    width: 100%;
}
/**********************************************************************************************************************/