@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*
font-family: "Roboto", sans-serif;
font-style: normal;
*/

@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';
}



/* li_page_btns */
.wp_solution .li_page_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 0 0 0;
}
.wp_solution .li_page_btns .pager_inner {
    display: flex;
    align-items: center;
    gap: 5px;
}
.wp_solution .li_page_btns .pager_inner a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-pre400);
}
.wp_solution .li_page_btns .pager_inner a.wp_pg_arrow i{
    font-size: 15px;
    color: #ababab;
}
.wp_solution .li_page_btns .pager_inner a.wp_pg_arrow:hover i{
    color: #161414;
}
.wp_solution .li_page_btns .pager_inner a.wp_pg_num {
    border-radius: 50%;
    font-size: 16px;
    color: #393939;
}
.wp_solution .li_page_btns .pager_inner a.wp_pg_num.on {
    background: #161414;
    color: #fff;
}


/* vi_page_btns */
.wp_solution .vi_page_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 0 0 0;
}
.wp_solution .vi_page_btns .pager_inner {
    display: flex;
    align-items: center;
    gap: 25px;
}
.wp_solution .vi_page_btns .pager_inner a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.wp_solution .vi_page_btns .pager_inner a.wp_pg_num {
    color: #343434;
}

.wp_solution .vi_page_btns .pager_inner a.wp_pg_arrow{
    color: #747474;
}
.wp_solution .vi_page_btns .pager_inner a.wp_pg_arrow i{
    font-size: 20px;
    color: #747474;
}
.wp_solution .vi_page_btns .pager_inner a.wp_pg_arrow:hover,
.wp_solution .vi_page_btns .pager_inner a.wp_pg_arrow:hover i{
    color: #575D9E;
}










/* 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 {
    background: #393939;
    color: #fff;
}



/* sol_tit_box */
.wp_solution .sol_tit_box {
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
}
.wp_solution .sol_tit_box .tit{
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
}







/**********************************************************************************************************************/
/* ex-li */
/**********************************************************************************************************************/
.wp_solution #ex_list .ex_itms .ex_itm{
    margin-bottom: 30px;
}
.wp_solution #ex_list .ex_itms .ex_itm:last-child{
    margin-bottom: 0;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner{
    padding: 30px;
    display: flex;
    align-items: stretch;
    gap: 50px;
    border: 1px solid #DCDCDC;
}
.wp_solution #ex_list .ex_itms .ex_itm.nowex .itm_inner{
    border: 1px solid #575D9E;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt{
    width: 55%;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box{
    width: 100%;
    height: 480px;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
}
.wp_solution #ex_list .ex_itms .ex_itm.nowex .itm_inner .lt .img_box img{
    filter: grayscale(0);
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt{
    position: relative;
    padding-top: 100px;
    width: 43%;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .period{
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #6D6D6D;
    margin-bottom: 5px;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .ex_name{
    font-size: 35px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #000;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state{
    position: absolute;
    bottom: 0;
    right: 0;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    border-radius: 50%;
    color: #fff;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div>p{
    text-align: center;
    font-size: 15px;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state .end>p{
    margin-top: 5px;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state .now{
    background: #5F659F;
    display: none;
}
.wp_solution #ex_list .ex_itms .ex_itm.nowex .itm_inner .rt .ex_state .now{
    display: flex;
}
.wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state .end{
    background: #BCBCBC;
}
.wp_solution #ex_list .ex_itms .ex_itm.nowex .itm_inner .rt .ex_state .end{
    display: none;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* ex-view */
/**********************************************************************************************************************/
.wp_solution #ex_view .ex_infotxt{
    margin-bottom: 100px;
}
.wp_solution #ex_view .ex_infotxt .ex_nm_pr{
    margin-bottom: 40px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #BBBBBB;
}
.wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_name{
    font-size: 30px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    margin-bottom: 10px;
    color: #000000;
}
.wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_period{
    font-size: 24px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    color: #6D6D6D;
}
.wp_solution #ex_view .ex_infotxt .editor_box pre{
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #000000;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-bottom: 80px;
}
.wp_solution #ex_view .ex_infotxt .editor_box .ex_poster .img_box {
    width: 100%;
    height: 680px;
}
.wp_solution #ex_view .ex_infotxt .editor_box .ex_poster .img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wp_solution #ex_view .ex_gallery .gallery_itms{
    padding: 65px 0 20px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm{
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(36, 42, 104, 0.84);
    opacity: 0;
    transition: 0.3s;
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm:hover .img_box .shadow{
    opacity: 1;
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow .icon_box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.77);
}
.wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow .icon_box i{
    color: rgba(255, 255, 255, 0.77);
    font-size: 27px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* ex-ip */
/**********************************************************************************************************************/
.wp_solution #gesipan_form .form_in{}
.wp_solution #gesipan_form .form_in .star{
    color: #D90B0B;
    font-size: 16px;
}
.wp_solution #gesipan_form .form_in .top_txt{
    font-size: 14px;
    color: #707070;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
}
.wp_solution #gesipan_form .form_in .line{
    border-bottom: 1px solid #C4C4C4;
    padding: 7px 40px;
    min-height: 55px;
    display: flex;
    align-items: center;
}
.wp_solution #gesipan_form .form_in .line.two_itm{
    display: flex;
    align-items: center;
    gap: 50px;
}
.wp_solution #gesipan_form .form_in .line.two_itm>.ip_box{
    width: 50%;
}
.wp_solution #gesipan_form .form_in .line .ip_box{
    display: flex;
    align-items: center;
    width: 100%;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ques{
    min-width: 100px;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ques p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #393939;
}
.wp_solution #gesipan_form .form_in .line .ip_box .answ{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
    width: 100%;
}
.wp_solution #gesipan_form .form_in .line .ip_box .answ input{
    width: 100%;
    border: 1px solid #C4C4C4;
    background: #fff;
    outline: none;
    padding: 7px 15px;
    font-size: 16px;
}
.wp_solution #gesipan_form .form_in .line .ip_box .answ input::placeholder{
    color: #BBBBBB;
    font-family: var(--font-pre300);
}
.wp_solution #gesipan_form .form_in .line .ip_box .ex_answ{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state {
    display: flex;
    gap: 185px;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state .state_itm input[type="radio"]{
    width: auto;
    display: none;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state .state_itm input[type="radio"] + label{
    font-size: 16px;
    color: #707070;
    display: flex;
    align-items: center;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state .state_itm input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    background: url(../img/icon/check_before.png) no-repeat center center / cover;
    cursor: pointer;
}
.wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state .state_itm input[type="radio"]:checked + label span{
    background: url(../img/icon/check_after.png) no-repeat center center / cover;
}
.wp_solution #gesipan_form .form_in .editor_box{
    padding: 30px 0;
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
}
.wp_solution #gesipan_form .form_in .editor_box pre{
    font-size: 16px;
    padding: 10px;
    font-family: var(--font-pre300);
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-height: 380px;
    border: 1px solid #ddd;
}
.wp_solution #gesipan_form .form_in .file_area{
    padding: 15px 20px 0 20px;
    margin-bottom: 40px;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .tit{
    font-size: 16px;
    font-family: var(--font-pre500);
    margin-bottom: 20px;
    color: #393939;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .stit{
    font-size: 15px;
    font-family: var(--font-pre300);
    margin-bottom: 5px;
    color: #707070;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .add_file_lb{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #393939;
    border: 1px solid #C4C4C4;
    margin-bottom: 5px;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .add_file_lb i{
    margin-left: 8px;
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .add_file_lb>input[type="file"]{
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    font-size: 13px;
    color: #707070;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb>input[type="file"]{
    font-size: 11px;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .add_file_lb>input[type=file]::file-selector-button{
    background: #393939;
    color: #fff;
    border: none;
    outline: none;
    padding: 6px 15px 6px 5px;
    font-size: 13px;
}

.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .file_check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .file_check>input[type="checkbox"] {
    margin-right: 5px;
}
.wp_solution #gesipan_form .form_in .file_area .add_file .file_itms .file_itm .file_check>label {
    width: 80%;
    font-size: 13px;
}





/* artist-interview - input �۰� ��Ʈ�� */
.wp_solution #gesipan_form .form_in .work_area .tit{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #393939;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_btn{
    margin-bottom: 20px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_btn button{
    padding: 10px 13px;
    border-radius: 5px;
    background: #E389A2;
    box-shadow: 4px 3px #464444;
    display: flex;
    align-items: center;
    gap: 50px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_btn button p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #fff;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_btn button .icon_box{
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_btn button .icon_box i{
    font-size: 14px;
    color: #fff;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm{
    border: 1px solid #7D7D7D;
    padding: 10px 20px;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .top input[type='checkbox']{
    width: 18px;
    height: 18px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .top button{
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .top button p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #343434;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot{
    display: flex;
    align-items: stretch;
    gap: 15px;
}

.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .img_zone{
    width: 33%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .img_zone .img_box{
    width: 100%;
    height: 105px;
    margin-bottom: 10px;
    background: #fff0f0;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .img_zone .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone{
    width: 66%;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02:last-child{
    margin-bottom: 0;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .ques{
    min-width: 45px;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .ques p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #393939;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .answ{
    width: 100%;
}
.wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .answ input{
    width: 100%;
    outline: none;
    border: 1px solid #C4C4C4;
    background: #fff;
    padding: 8px 10px;
    font-size: 15px;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #393939;
    border: 1px solid #C4C4C4;
    margin-bottom: 5px;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb i{
    margin-left: 8px;
    color: #fff;
    font-size: 12px;
    border: none;
    cursor: pointer;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb>input[type="file"] {
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    font-size: 12px;
    color: #707070;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb>input[type=file]::file-selector-button{
    background: #393939;
    color: #fff;
    border: none;
    outline: none;
    padding: 6px 10px 6px 3px;
    font-size: 12px;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .file_check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .file_check>input[type="checkbox"] {
    margin-right: 5px;
}
.wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .file_check>label {
    width: 80%;
    font-size: 10px;
}


/* news - input */
/* �ν�Ÿ�׷� ��ũ ���ڼ� �� ques min-height �ø� */
.wp_solution #news_input #gesipan_form .form_in .line .ip_box .ques{
    min-width: 120px;
}

/* artist_input */
.wp_solution #artist_input #gesipan_form .form_in .file_area .add_file .file_itms{
    grid-template-columns: repeat(1,1fr);
}
.wp_solution #artist_input #gesipan_form .form_in .file_area .add_file .file_itms{
    width: 250px;
}

/* ����� �κ�*/
.wp_solution #gesipan_form .form_in .arw_desc {
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 10px;
}
.wp_solution #gesipan_form .form_in .arw_desc .ques{
    min-height: 50px;
    padding-left: 40px;
    display: flex;
    align-items: center;
}
.wp_solution #gesipan_form .form_in .arw_desc .ques p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #393939;
}
.wp_solution #gesipan_form .form_in .arw_desc .answ textarea{
    height: 290px;
    border: 1px solid #D4D4D4;
    padding: 25px 40px;
    outline: none;
    width: 100%;
    font-size: 15px;
    resize: none;
}
.wp_solution #gesipan_form .form_in .arw_desc .answ textarea::placeholder{
    font-size: 16px;
    color: #7D7D7D;
}
/**********************************************************************************************************************/










/**********************************************************************************************************************/
/* artwork-li */
/**********************************************************************************************************************/
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* artwork-view */
/**********************************************************************************************************************/
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* artwork-ip */
/**********************************************************************************************************************/
/**********************************************************************************************************************/












/**********************************************************************************************************************/
/* artist_li */
/**********************************************************************************************************************/
.wp_solution #artist_list .arti_itms{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 45px;
}
.wp_solution #artist_list .arti_itms .arti_itm {
    width: 100%;
    overflow: hidden;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/0.6;
    margin-bottom: 10px;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(6, 13, 90, 0.39);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.wp_solution #artist_list .arti_itms .arti_itm:hover .itm_inner .img_box .shadow{
    opacity: 1;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info{
    text-align: center;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .name{
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .date{
    font-size: 16px;
    color: #fff;
}
.wp_solution #artist_list .arti_itms .arti_itm .itm_inner .arti_name{
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-style: normal;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* artist_vi */
/**********************************************************************************************************************/
.wp_solution #artist_view .itv_info{
    margin-bottom: 50px;
}
.wp_solution #artist_view .itv_info .itv_nm_dt{
    margin-bottom: 15px;
}
.wp_solution #artist_view .itv_info .itv_nm_dt .itv_name{
    font-size: 20px;
    font-family: var(--font-pre600);
    margin-bottom: 5px;
    color: #1A1A1A;
}
.wp_solution #artist_view .itv_info .itv_nm_dt .itv_date{
    font-size: 16px;
    color: #7D7D7D;
}


.wp_solution #artist_view .itv_info .video_box{
    width: 100%;
    height: 600px;
    background: #ddd;
    margin-bottom: 35px;
}
.wp_solution #artist_view .itv_info .video_box iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_solution #artist_view .itv_info .editor_box{}
.wp_solution #artist_view .itv_info .editor_box pre{
    background: #ddd;
    padding: 10px;
    font-size: 16px;
}

.wp_solution #artist_view .itv_work{}
.wp_solution #artist_view .itv_work .itv_workitms{
    padding: 65px 0 0 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm{
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/0.9;

}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(26, 31, 83, 0.79);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm:hover .img_box .shadow{
    opacity: 1;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .icon_box {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.77);
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .icon_box i{
    color: rgba(255, 255, 255, 0.77);
    font-size: 16px;
    font-weight: 700;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box .en_workname{
    font-size: 22px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 8px;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box .ko_workname{
    font-size: 12px;
    color: #fff;
    font-family: var(--font-pre500);
    margin-bottom: 8px;
}
.wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box .worksize{
    font-size: 12px;
    color: #fff;
    font-family: var(--font-pre500);
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* new_li */
/**********************************************************************************************************************/
.wp_solution #news_list .news_itms{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.wp_solution #news_list .news_itms .news_itm{
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner{
    padding: 22px 20px;
    border: 1px solid #BBBBBB;
    height: 100%;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .img_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 104, 0.52);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}
.wp_solution #news_list .news_itms .news_itm:hover .itm_inner .img_box .shadow{
    opacity: 1;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .img_box .shadow .icon_box{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.77);
    display: flex;
    align-items: center;
    justify-content: center;

}
.wp_solution #news_list .news_itms .news_itm .itm_inner .img_box .shadow .icon_box i{
    color: rgba(255, 255, 255, 0.77);
    font-size: 25px;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box{
    display: flex;
    flex-direction: column;
    height: 205px;
    padding: 10px;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .tit{
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 15px;
    color: #7D7D7D;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .desc{
    font-size: 14px;
    color: #707070;
    margin-bottom: 15px;
    flex: 1;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .gotoinsta a{
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #575D9E;
    margin-bottom: 5px;
    display: inline-block;
}
.wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .date{
    font-size: 13px;
    color: #7D7D7D;
}
/**********************************************************************************************************************/


















/**********************************************************************************************************************/
/* ��� */
/**********************************************************************************************************************/
/* ��ް��� */
/* ex view ��� */
.wp_solution .view_md {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 22, 22, 0.86);
    z-index: 1005;
}
.wp_solution .view_md .md_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.wp_solution .view_md .md_inner .btn_md_cls {
    position: absolute;
    right: 30px;
    top: 30px;
    background: none;
}
.wp_solution .view_md .md_inner .btn_md_cls i {
    color: #AAAAAA;
    font-size: 35px;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow {
    background: none;
    width: 50px;
    min-width: 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow i {
    color: #BCBCBC;
    font-size: 35px;
    padding: 5px;
    border: 3px solid #BCBCBC;
    border-radius: 50%;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .img_view_box {
    width: 960px;
    height: 640px;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .img_view_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* artist interview view ��� */
.wp_solution .view_md .md_inner .workTit{
    text-align: center;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}
.wp_solution .view_md.artist_md .md_inner .md_frame .md_slide_box .img_view_box{
    margin-bottom: 20px;
}
.wp_solution .view_md .md_inner .workType,
.wp_solution .view_md .md_inner .workSize{
    text-align: center;
    font-size: 12px;
    font-family: var(--font-pre500);
    color: #fff;
}
.wp_solution .view_md .md_inner .workType{
    margin-bottom: 5px;
}



/* news_list view ��� */
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont {
    display: flex;
    align-items: stretch;
    padding: 50px 40px;
    background: #fff;
    gap: 60px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt,
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt{
    width: 50%;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt .imgView_box{
    width: 100%;
    aspect-ratio: auto 1/1;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt .imgView_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsTit{
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 15px;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsDesc{
    font-size: 16px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    min-height: 285px;
    max-height: 285px;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink {
    display: flex;
    background: #242A68;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    width: 180px;
    justify-content: flex-start;
    align-items: center;
}
.wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink i{
    font-size: 30px;
    margin-right: 15px;
}


/* artwork ��� */
.wp_solution .artwork_md .md_inner .md_frame .md_slide_box .img_view_box {
    width: 960px;
    height: 640px;
    margin: 0 auto;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* artwork - li */
/**********************************************************************************************************************/
.wp_solution #artwork_list .artwork_itms{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
	font-size: 18px;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm{
    width: 100%;
    overflow: hidden;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner{
    padding: 6px 6px 10px 6px;
    border: 1px solid #BBBBBB;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .img_box{
    aspect-ratio: auto 1/1;
    border: 1px solid #D9D9D9;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:10px;
    padding: 7px 5px 5px 5px;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_tit{
    width: 100%;
    min-height: 50px;
    font-size: 17px;
    /* font-family: "Roboto", sans-serif; */
    font-family: var(--font-pre500);
    /* font-style: normal; */
    /* font-weight: 700; */
    margin-bottom: 8px;
    color: #4B4B4B;
    line-height: 24px;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_author{
    font-size: 14px;
    font-family: var(--font-pre500);
    color: #4B4B4B;
    margin-bottom: 5px;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_size{
    font-size: 14px;
    color: #4B4B4B;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_price{
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-family: var(--font-pre600);
    color: #242A68;
}
.wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_price.sold_out {
    color: #fa3434;
}
/**********************************************************************************************************************/








/**********************************************************************************************************************/
/* artwork - vi */
/**********************************************************************************************************************/
.wp_solution #artwork_view .shop_itm_top{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 70px;
}
.wp_solution #artwork_view .shop_itm_top .lt,
.wp_solution #artwork_view .shop_itm_top .rt{
    width: 50%;
}
.wp_solution #artwork_view .shop_itm_top .lt .img_box{
    width: 100%;
    aspect-ratio: auto 1/1;
    cursor: zoom-in;
}
.wp_solution #artwork_view .shop_itm_top .lt .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .top_tit{
    font-size: 16px;
    margin-bottom: 15px;
    color: #8D8B8B;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .main_tit{
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #4B4B4B;
    margin-bottom: 15px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info{
    padding: 25px 0;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info .line{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info .line:last-child{
    margin-bottom: 0;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info .line .ques{
    font-size: 16px;
    color: #8D8B8B;
    min-width: 130px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info .line .answ{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #3A3A3A;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price{
    padding: 20px 5px;
    border-bottom: 1px solid #E8E8E8;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt01{
    font-size: 18px;
    font-family: var(--font-pre700);
    color: #4B4B4B;
    margin-left: 10px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02{
    font-size: 20px;
    color: #3A3A3A;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02 .real_price{
    font-size: 25px;
    font-family: var(--font-pre700);
    color: #3A3A3A;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02 .real_price.sold_out {
    text-decoration: line-through;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .abtns{
    display: flex;
    align-items: center;
    gap: 5px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box{
    width: 60px;
    height: 60px;
    border: 1px solid #7D7D7D;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .buy {
    flex: 1;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .buy p{
    height: 60px;
    background: #242A68;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    font-family: var(--font-pre700);

}
.wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .buy.sold_out p{
    background: #b0b1b1;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_caution {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 0 0 0;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_caution i{
    color: #7D7272;
    font-size: 20px;
}
.wp_solution #artwork_view .shop_itm_top .rt .shop_caution p{
    font-size: 13px;
    color: #1A1A1A;
}




.wp_solution #artwork_view .artwork_stit{
    font-size: 30px;
    font-family: var(--font-pre700);
    color: #000000;
    padding-bottom: 10px;
    border-bottom: 1px solid #BBBBBB;
    margin-bottom: 20px;
}


.wp_solution #artwork_view .detail_page{
    /*background: #F2F2F2;*/
    /*min-height: 300px;*/
    margin-bottom: 55px;
}



.wp_solution #artwork_view .detail_page p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #3A3A3A;
}


.wp_solution #artwork_view .relate_works{
    margin-bottom: 90px;
}

.wp_solution #artwork_view .relate_works .relate_itms{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm{
    width: 100%;
    overflow: hidden;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .img_box{
    aspect-ratio: auto 1/1;
    border-radius: 5px;
    overflow: hidden;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box{
    padding: 10px 5px 5px 5px;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .top .ritm_tit{
    font-size: 18px;
    margin-bottom: 5px;
    color: #292929;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot .sell_state{
    font-size: 14px;
    color: #BBBBBB;
    /* flex: 1; */
    display: none;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot .price{
    font-size: 22px;
    font-family: var(--font-pre700);
    color: #444444;
    text-align: right;
    width: 100%;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot .price span{
    font-size: 22px;
    font-family: var(--font-pre700);
    color: #444444;
}

/* �ǸſϷ� ������ */
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm.end_itm .itm_inner .txt_box .bot .sell_state{
    display: block;
}
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm.end_itm .itm_inner .txt_box .bot .price,
.wp_solution #artwork_view .relate_works .relate_itms .relate_itm.end_itm .itm_inner .txt_box .bot .price span{

    color: #7D7D7D;
}


.wp_solution #artwork_view .delivery_info .delivery_cont,
.wp_solution #artwork_view .exchange_info .exchange_cont{
    min-height: 260px;
    border: 1px solid #BBBBBB;
    padding: 0 10px;
}

.wp_solution #artwork_view .delivery_info .delivery_cont{
    margin-bottom: 40px;
}


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









@media (max-width: 1300px) {

}










@media (max-width: 1200px) {
    /* ex_list------------------------------------------------------------------------------------ */
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner {
        gap: 30px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box {
        height: 400px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt {
        padding-top: 50px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .ex_name {
        font-size: 33px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .period {
        font-size: 22px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div {
        width: 80px;
        height: 80px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div>p {
        text-align: center;
        font-size: 13px;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* ex_view------------------------------------------------------------------------------------ */
    .wp_solution #ex_view .ex_infotxt .editor_box pre {
        font-size: 17px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box .ex_poster .img_box {
        height: 650px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow i {
        font-size: 30px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* artist_list ------------------------------------------------------------------------------- */
    .wp_solution #artist_list .arti_itms {
        gap: 20px 25px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .name {
        font-size: 18px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .date {
        font-size: 15px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* artist_view ------------------------------------------------------------------------------- */
    .wp_solution #artist_view .itv_info .video_box {
        height: 500px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* news_list ------------------------------------------------------------------------------- */
    .wp_solution #news_list .news_itms .news_itm .itm_inner .img_box {
        aspect-ratio: auto 1/0.7;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box {
        height: 180px;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .desc{
        -webkit-line-clamp: 4;
        margin-bottom: 25px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont {
        gap: 40px;
        padding:30px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsDesc {
        font-size: 15px;
        -webkit-line-clamp: 8;
        min-height: 145px;
        max-height: 145px;
    }
    /* ------------------------------------------------------------------------------------------- */

    /* artwork_list ------------------------------------------------------------------------------ */
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_size {
        font-size: 12px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm {
        flex-direction: column;
    }

    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm>div{
        width: 100%;
    }

    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info {
        margin-bottom: 10px;
    }
    /* ------------------------------------------------------------------------------------------- */





    /* artwork_view ------------------------------------------------------------------------------ */
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .top_tit {
        margin-bottom: 10px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .main_tit {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info {
        padding: 20px 0;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price {
        padding: 15px 5px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box {
        width: 50px;
        height: 50px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .buy p {
        height: 50px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* gesipan_form -------------------------------------------------------------------------------- */
    .wp_solution #gesipan_form .form_in .file_area .add_file .file_itms {
        grid-template-columns: repeat(3,1fr);
    }
    /* ------------------------------------------------------------------------------------------- */



}










@media (max-width: 992px) {
    /* ex_list------------------------------------------------------------------------------------ */
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box {
        height: 300px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt {
        padding-top: 35px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .ex_name {
        font-size: 30px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* ex_view------------------------------------------------------------------------------------ */
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_name {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_period {
        font-size: 20px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr {
        margin-bottom: 30px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box pre {
        margin-bottom: 60px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box .ex_poster .img_box {
        height: 530px;
    }
    .wp_solution #ex_view .ex_infotxt {
        margin-bottom: 70px;
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms {
        padding: 35px 0 0 0;
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow .icon_box {
        width: 40px;
        height: 40px;
        border: 2px solid rgba(255, 255, 255, 0.77);
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow .icon_box i {
        font-size: 24px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow i {
        font-size: 28px;
    }
    .wp_solution .view_md .md_inner .btn_md_cls {
        right: 20px;
        top: 20px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* artist_view -------------------------------------------------------------------------------- */
    .wp_solution #artist_view .itv_work .itv_workitms {
        padding: 35px 0 0 0;
    }
    .wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box {
        bottom: 15px;
        left: 15px;
    }
    .wp_solution #artist_view .itv_info .video_box {
        height: 440px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* news_list --------------------------------------------------------------------------------- */
    .wp_solution #news_list .news_itms .news_itm .itm_inner {
        padding: 13px;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .img_box .shadow .icon_box {
        width: 35px;
        height: 35px;
        border: 2px solid rgba(255, 255, 255, 0.77);
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .img_box .shadow .icon_box i {
        font-size: 20px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont {
        padding: 25px;
        gap: 30px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsDesc {
        font-size: 15px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink {
        padding: 10px 15px;
        font-size: 15px;
        width: 160px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink i {
        font-size: 27px;
        margin-right: 11px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* artwork_list ------------------------------------------------------------------------------ */
    .wp_solution #artwork_list .artwork_itms {
        grid-template-columns: repeat(2,1fr);
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_price {
        font-size: 19px;
        text-align: right;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_tit {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_author {
        font-size: 16px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_size {
        font-size: 14px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info {
        margin-bottom: 15px;
    }
    /* ------------------------------------------------------------------------------------------- */






    /* artwork_view ------------------------------------------------------------------------------ */
    .wp_solution #artwork_view .shop_itm_top {
        gap: 30px;
        margin-bottom: 60px;
    }
    .wp_solution #artwork_view .artwork_stit {
        font-size: 27px;
    }
    .wp_solution #artwork_view .relate_works {
        margin-bottom: 70px;
    }
    .wp_solution #artwork_view .shop_itm_top .lt{
        width: 53%;
    }
    .wp_solution #artwork_view .shop_itm_top .rt {
        width: 47%;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02 .real_price {
        font-size: 23px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info {
        padding: 15px 0;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* gesipan_form ------------------------------------------------------------------------------- */
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms {
        grid-template-columns: repeat(1, 1fr);
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .img_zone .img_box {
        height: 150px;
    }
    /* ------------------------------------------------------------------------------------------- */


}










@media (max-width: 768px) {
    /* vi_page_btns ------------------------------------------------------------------------------ */
    .wp_solution .vi_page_btns,
    .wp_solution .li_page_btns {
        padding: 50px 0 0 0;
    }
    .wp_solution .vi_page_btns .pager_inner a {
        font-size: 17px;
    }
    .wp_solution .vi_page_btns .pager_inner a.wp_pg_arrow i {
        font-size: 18px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* ex_list------------------------------------------------------------------------------------ */
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner {
        padding: 20px 15px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box {
        height: 280px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .period {
        font-size: 20px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .ex_name {
        font-size: 26px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div {
        width: 70px;
        height: 70px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* ex_view------------------------------------------------------------------------------------ */
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_name {
        font-size: 26px;
        margin-bottom: 5px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box pre {
        font-size: 16px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr {
        margin-bottom: 25px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_period {
        font-size: 18px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr {
        padding-left: 0;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box .ex_poster .img_box {
        height: 480px;
    }
    .wp_solution .sol_tit_box .tit {
        font-size: 26px;
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms {
        padding: 25px 0 0 0;
    }
    .wp_solution .view_md .md_inner .btn_md_cls {
        right: 15px;
        top: 15px;
    }
    .wp_solution .view_md .md_inner .btn_md_cls i {
        font-size: 32px;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* artist_list ------------------------------------------------------------------------------- */
    .wp_solution #artist_list .arti_itms {
        gap: 15px 20px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .name {
        font-size: 15px;
        margin-bottom: 2px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .date {
        font-size: 14px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .arti_name {
        font-size: 15px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* artist_view ------------------------------------------------------------------------------- */
    .wp_solution #artist_view .itv_work .itv_workitms {
        padding: 25px 0 0 0;
    }
    .wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box .en_workname {
        font-size: 19px;
        margin-bottom: 5px;
    }
    .wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box .ko_workname {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .wp_solution #artist_view .itv_work .itv_workitms .itv_workitm .img_box .shadow .txt_box .worksize {
        font-size: 11px;
    }
    .wp_solution #artist_view .itv_info .itv_nm_dt .itv_name {
        font-size: 18px;
    }
    .wp_solution #artist_view .itv_info .itv_nm_dt .itv_date {
        font-size: 15px;
    }
    .wp_solution #artist_view .itv_info .video_box {
        height: 360px;
        margin-bottom: 25px;
    }
    .wp_solution .view_md.artist_md .md_inner .md_frame .md_slide_box .img_view_box {
        width: 500px;
        height: 330px;
    }
    /* ------------------------------------------------------------------------------------------- */





    /* news_list --------------------------------------------------------------------------------- */
    .wp_solution #news_list .news_itms {
        grid-template-columns: repeat(2, 1fr);
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont {
        padding: 20px 15px;
        gap: 20px;
        flex-direction: column;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt,
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt {
        width: 100%;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt .imgView_box {
        aspect-ratio: auto 1/0.7;
    }
    /* .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt .imgView_box img {
        object-fit: contain;
    } */
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsDesc {
        -webkit-line-clamp: 3;
        /* min-height: 55px; */
        /* max-height: 55px; */
        min-height: unset;
        max-height: unset;
        margin-bottom: 25px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsTit {
        margin-bottom: 10px;
        font-size: 17px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink {
        padding: 8px 10px;
        font-size: 14px;
        width: 145px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink i {
        font-size: 23px;
        margin-right: 8px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* artwork_view ------------------------------------------------------------------------------ */
    .wp_solution #artwork_view .shop_itm_top .lt,
    .wp_solution #artwork_view .shop_itm_top .rt {
        width: 100%;
    }
    .wp_solution #artwork_view .shop_itm_top {
        flex-direction: column;
    }
    .wp_solution #artwork_view .shop_itm_top .lt .img_box {
        width: 70%;
        margin: 0 auto;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .top_tit {
        margin-bottom: 3px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box img{
        width: 30px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box {
        width: 45px;
        height: 45px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box img {
        width: 27px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_caution {
        padding: 10px 0 0 0;
    }
    .wp_solution #artwork_view .shop_itm_top {
        gap: 30px;
    }
    .wp_solution #artwork_view .artwork_stit {
        font-size: 23px;
        color: #000000;
        margin-bottom: 15px;
    }
    .wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .top .ritm_tit {
        font-size: 15px;
        margin-bottom: 3px;
    }
    .wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot .price {
        font-size: 15px;
    }
    .wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot .price span {
        font-size: 18px;
    }
    .wp_solution #artwork_view .delivery_info .delivery_cont,
    .wp_solution #artwork_view .exchange_info .exchange_cont {
        min-height: 230px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* gesipan_form ------------------------------------------------------------------------------- */
    .wp_solution #gesipan_form .form_in .line.two_itm {
        align-items: center;
        gap: 0;
        flex-direction: column;
    }
    .wp_solution #gesipan_form .form_in .line {
        padding: 0;
        border-bottom: none;
    }
    .wp_solution #gesipan_form .form_in .line .ip_box {
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }
    .wp_solution #gesipan_form .form_in .line.two_itm>.ip_box {
        width: 100%;
        padding: 10px 0;
    }
    .wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb i {
        margin-left: 6px;
        color: #fff;
        font-size: 11px;
        border: none;
        cursor: pointer;
    }
    .wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb>input[type="file"] {
        font-size: 10px;
    }

    .wp_solution #gesipan_form .form_in .arw_desc .ques {
        padding-left: 0;
    }


    .wp_solution #gesipan_form .form_in .line.ex_line{
        min-height: unset;
    }

    .wp_solution #gesipan_form .form_in .line.ex_line .ip_box {
        padding: 17px 0;
    }
    /* ------------------------------------------------------------------------------------------- */
}










@media (max-width: 576px) {
    /* option_btns------------------------------------------------------------------------------------ */
    .wp_solution .option_btns button,
    .wp_solution .option_btns a {
        width: 80px;
    }


    /* ex_list------------------------------------------------------------------------------------ */
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box {
        height: 200px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .period {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .ex_name {
        font-size: 22px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div {
        width: 65px;
        height: 65px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div>p {
        font-size: 12px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner {
        gap: 15px;
        padding: 13px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt {
        padding-top: 20px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* ex_view------------------------------------------------------------------------------------ */
    .wp_solution .sol_tit_box .tit {
        font-size: 24px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow i {
        font-size: 26px;
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm:hover .img_box .shadow{
        opacity: 0;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* artist_list-------------------------------------------------------------------------------- */
    .wp_solution #artist_list .arti_itms {
        gap: 15px 10px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .name {
        font-size: 14px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .img_box .shadow .itv_info .date {
        font-size: 13px;
    }
    .wp_solution #artist_list .arti_itms .arti_itm .itm_inner .arti_name {
        margin-left: 0px;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* artist_view-------------------------------------------------------------------------------- */
    .wp_solution #artist_view .itv_work .itv_workitms .itv_workitm:hover .img_box .shadow {
        opacity: 0;
    }
    .wp_solution #artist_view .itv_info .video_box {
        height: 300px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* news_list --------------------------------------------------------------------------------- */
    .wp_solution #news_list .news_itms .news_itm .itm_inner .img_box {
        aspect-ratio: auto 1/1;
    }
    .wp_solution #news_list .news_itms .news_itm:hover .itm_inner .img_box .shadow {
        opacity: 0;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .tit {
        margin-bottom: 10px;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box {
        height: 170px;
        padding: 10px 0;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .gotoinsta a {
        font-size: 14px;
    }
    .wp_solution #news_list .news_itms .news_itm .itm_inner .txt_box .desc {
        margin-bottom: 20px;
    }

    /* ------------------------------------------------------------------------------------------- */





    /* artwork_list ------------------------------------------------------------------------------ */
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_tit {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_author {
        font-size: 14px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_size {
        font-size: 12px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info {
        margin-bottom: 10px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_price {
        font-size: 16px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* artwork_view ------------------------------------------------------------------------------ */
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .main_tit {
        font-size: 25px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt01 {
        margin-left: 0;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price {
        margin-bottom: 20px;
    }
    .wp_solution #artwork_view .artwork_stit {
        font-size: 21px;
    }
    .wp_solution #artwork_view .relate_works .relate_itms {
        grid-template-columns: repeat(2, 1fr);
    }
    /* ------------------------------------------------------------------------------------------- */


    /* gesipan_form------------------------------------------------------------------------------- */

    .wp_solution #gesipan_form .form_in .file_area .add_file .file_itms {
        grid-template-columns: repeat(1,1fr);
    }
    .wp_solution #gesipan_form .form_in .add_work_itms .add_work_itm .img_file .add_file_lb>input[type=file]::file-selector-button{
        font-size: 10px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .img_zone {
        width: 50%;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .answ input {
        padding: 7px 8px;
        font-size: 14px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_btn button {
        padding: 10px ;
        gap: 45px;
    }
    .wp_solution #gesipan_form .form_in .file_area {
        padding: 10px 10px 0 10px;
        margin-bottom: 40px;
    }
    .wp_solution #gesipan_form .form_in .arw_desc .answ textarea {
        height: 240px;
        padding: 25px 30px;
    }
    .wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state {
        gap: 35px;
    }

    /* ------------------------------------------------------------------------------------------- */

}










@media (max-width: 430px) {
    /* option_btns------------------------------------------------------------------------------------ */
    .wp_solution .option_btns {
        padding: 40px 0 0 0;
    }



    /* ex_list------------------------------------------------------------------------------------ */
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt,
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt {
        width: 100%;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state {
        position: relative;
        bottom: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt {
        padding-top: 0;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box {
        margin-bottom: 15px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .period {
        font-size: 15px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .info_box .ex_name {
        font-size: 20px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div {
        width: 60px;
        height: 60px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm {
        margin-bottom: 20px;
    }
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .rt .ex_state>div>p {
        font-size: 11px;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* ex_view ------------------------------------------------------------------------------------ */
    .wp_solution .view_md .md_inner .btn_md_cls {
        right: 10px;
        top: 15px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box pre {
        margin-bottom: 35px;
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms {
        grid-template-columns: repeat(2, 1fr);
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow .icon_box i {
        font-size: 21px;
    }
    .wp_solution #ex_view .ex_gallery .gallery_itms .gallery_itm .img_box .shadow .icon_box {
        width: 35px;
        height: 35px;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* artist_list ------------------------------------------------------------------------------- */
    .wp_solution #artist_list .arti_itms {
        grid-template-columns: repeat(1, 1fr);
    }
    /* ------------------------------------------------------------------------------------------- */



    /* artist_view ------------------------------------------------------------------------------- */
    .wp_solution #artist_view .itv_work .itv_workitms {
        grid-template-columns: repeat(2, 1fr);
    }
    .wp_solution #artist_view .itv_info .itv_nm_dt .itv_name {
        font-size: 16px;
    }
    .wp_solution #artist_view .itv_info .itv_nm_dt .itv_date {
        font-size: 14px;
    }
    .wp_solution #artist_view .itv_info .video_box {
        height: 230px;
        margin-bottom: 15px;
    }
    /* ------------------------------------------------------------------------------------------- */







    /* news_list --------------------------------------------------------------------------------- */
    .wp_solution #news_list .view_md .md_inner .md_frame .md_slide_box {
        gap: 10px;
    }
    .wp_solution #news_list .news_itms {
        grid-template-columns: repeat(1, 1fr);
    }

    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .lt .imgView_box {
        aspect-ratio: auto 1/1;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont {
        padding: 10px;
        gap: 20px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsTit {

        margin-bottom: 6px;
        font-size: 15px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .newsDesc {
        font-size: 14px;
        -webkit-line-clamp: 3;
        /* min-height: 46px; */
        /* max-height: 46px; */
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .news_cont .rt .link .newsLink {
        padding: 7px 5px;
        font-size: 13px;
        width: 140px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow i {
        padding: 3px;
    }
    /* ------------------------------------------------------------------------------------------- */




    /* artwork_view ------------------------------------------------------------------------------- */
    .wp_solution #artwork_view .shop_itm_top .lt .img_box {
        width: 100%;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_caution p {
        font-size: 12px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_caution {
        gap: 7px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_caution img{
        width: 13px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .buy p {
        font-size: 15px;
        height: 45px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02 .real_price {
        font-size: 22px;
    }
    .wp_solution #artwork_view .relate_works .relate_itms .relate_itm .itm_inner .txt_box .bot {
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: column;
        gap: 3px;
    }
    .wp_solution #artwork_view .relate_works .relate_itms {
        gap: 15px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* gesipan_form ------------------------------------------------------------------------------ */
    .wp_solution #gesipan_form .form_in .line .ip_box {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .img_zone,
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone  {
        width: 100%;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot {
        flex-direction: column;
    }
    .wp_solution #gesipan_form .form_in .arw_desc .answ textarea {
        height: 200px;
        padding: 15px 20px;
    }
    .wp_solution #gesipan_form .form_in .arw_desc .answ textarea::placeholder{
        font-size: 13px;
    }
    .wp_solution #gesipan_form .form_in .line.ex_line .ip_box {
        gap: 15px;
    }
    .wp_solution #gesipan_form .form_in .line .ip_box .ex_answ .ex_state .state_itm input[type="radio"] + label {
        font-size: 15px;
    }


    /* ------------------------------------------------------------------------------------------- */

}










@media (max-width: 375px) {
    /* option_btns------------------------------------------------------------------------------------ */
    .wp_solution .option_btns button,
    .wp_solution .option_btns a {
        width: 75px;
        height: 37px;
        font-size: 14px;
    }
    /* ------------------------------------------------------------------------------------------- */



    /* ex_list ------------------------------------------------------------------------------------ */
    .wp_solution #ex_list .ex_itms .ex_itm .itm_inner .lt .img_box {
        height: 180px;
    }
    /* ------------------------------------------------------------------------------------------- */

    /* ex_view ------------------------------------------------------------------------------------ */
    .wp_solution #ex_view .ex_infotxt {
        margin-bottom: 55px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box .ex_poster .img_box {
        height: 400px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_name {
        font-size: 24px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr .ex_period {
        font-size: 16px;
    }
    .wp_solution #ex_view .ex_infotxt .ex_nm_pr {
        margin-bottom: 15px;
    }
    .wp_solution #ex_view .ex_infotxt .editor_box pre {
        font-size: 15px;
    }
    .wp_solution .sol_tit_box .tit {
        font-size: 23px;
    }
    .wp_solution .view_md .md_inner .md_frame .md_slide_box .btn_md_arrow i {
        font-size: 25px;
        border: 2px solid #BCBCBC;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* artist_view ------------------------------------------------------------------------------- */
    .wp_solution #artist_view .itv_info .video_box {
        height: 180px;
    }
    .wp_solution .view_md.artist_md .md_inner .md_frame .md_slide_box .img_view_box {
        width: 380px;
        height: 250px;
    }
    /* ------------------------------------------------------------------------------------------- */


    /* artwork_list ------------------------------------------------------------------------------ */
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_tit {
        font-size: 15px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_info .prd_author {
        font-size: 13px;
        margin-bottom: 3px;
    }
    .wp_solution #artwork_list .artwork_itms .artwork_itm .itm_inner .prd_itm .prd_price {
        font-size: 15px;
    }
    /* ------------------------------------------------------------------------------------------- */





    /* artwork_view ------------------------------------------------------------------------------- */
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .top_tit {
        margin-bottom: 0px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_tit .main_tit {
        font-size: 24px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_info .line .ques {
        min-width: 100px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02 {
        font-size: 16px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .price .txt02 .real_price {
        font-size: 20px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box img {
        width: 23px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .icon_box {
        width: 42px;
        height: 42px;
    }
    .wp_solution #artwork_view .shop_itm_top .rt .shop_itm_price .etc_btns .buy p {
        font-size: 15px;
        height: 42px;
    }
    .wp_solution #artwork_view .artwork_stit {
        font-size: 20px;
    }
    /* -------------------------------------------------------------------------------------------- */





    /* gesipan_form ------------------------------------------------------------------------------ */
    .wp_solution #gesipan_form .form_in .line .ip_box .ques p {
        font-size: 15px;
    }
    .wp_solution #gesipan_form .form_in .file_area {
        padding: 10px 5px 0 5px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm {
        padding: 10px 15px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_btn button p {
        font-size: 15px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .ques p {
        font-size: 15px;
    }
    .wp_solution #gesipan_form .form_in .work_area .add_work_itms .add_work_itm .bot .info_zone .ip_box02 .ques {
        min-width: 40px;
    }
    /* -------------------------------------------------------------------------------------------- */

}