/* P6: slick.css is a <link> in the layout right before this file (same order); an @import here made the browser
   find it only after this file arrived, the last render-blocking request */

/* container */
#container.hs01 {
    margin-top: 107px;
}

#container.hs01.spe {
    padding-top: 107px;
    margin-top: 0;
}

#container.hs01.login {
    margin-top: 60px;
}

/* //container */

/* sub_layout */
.sub_layout {
    display: flex;
    align-items: flex-start;
    padding-bottom: 100px;
}

.sub_layout .snb_box {
    width: 188px;
    margin-right: 24px;
    flex: 0 0 auto;
}

/* snb_box */
.snb_box .snb_ttl {
    padding: 14px 0;
    margin-top: 12px;
}

.snb_box .snb_list01 {
    border-top: 2px solid #333333;
    padding-top: 10px;
}

.snb_box .snb_list01>li>a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    color: #5f5f5f; /* #777 was under 4.5:1 on the grey menu */
    background-position: right 0 center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/snb_nav_arrow.png);
}

.snb_box .snb_list01>li>a.on {
    font-weight: 700;
    color: #000;
    background-image: url(../img/ico/snb_nav_arrow_on.png);
}

.snb_box .snb_list01>li>a.arrow_none {
    background: none;
}

.snb_box .snb_list02 {
    display: none;
}

.snb_box .snb_list02.on {
    display: block;
}

.snb_box .snb_list02>ul {
    margin: 6px 0 12px;
    padding: 12px 16px;
    background: #f3f4f8;
    border-radius: 4px;
}

.snb_box .snb_list02>ul>li>a {
    display: block;
    padding: 5px 0;
}

.snb_box .snb_list02>ul>li>a>span {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    font-size: 13px;
    font-weight: 400;
    color: #666666; /* #919191 was 2.9:1 */
}

.snb_box .snb_list02>ul>li>a.on>span {
    color: #333333;
    border-color: #333333;
}

/* //snb_box */
.sub_layout .content_box {
    width: calc(100% - 212px);
    width: 100%;
}

/* //sub_layout */

/* mem_container common */
.mem_container {
    padding: 100px 0 120px;
}

.mem_container .mem_ttl {
    margin-bottom: 60px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.mem_container .mem_box {
    max-width: 460px;
    margin: 0 auto;
}

.mem_container .form_box .input_row .label {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.mem_container .form_box .input_row+.input_row {
    margin-top: 30px;
}

.mem_container .form_box .input_row .label {
    display: block;
}

.mem_container .form_box .input_box+.input_box {
    margin-top: 10px;
}

.mem_container .form_box .input_box input,
.mem_container .form_box .input_box select {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}

.mem_container .form_box .input_box input::placeholder {
    color: #999999;
}

.mem_container .form_box .input_box input:read-only {
    background: #fafafa;
}

.mem_container .form_box .input_box button {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #252525;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.mem_container .form_box .input_box.top_box {
    display: flex;
}

.mem_container .form_box .button_box {
    display: flex;
    align-items: center;
}

.mem_container .form_box .button_box button {
    width: 152px;
    margin-left: 10px;
    flex: 0 0 auto;
}

.mem_container .form_box .phone_box {
    display: flex;
    align-items: center;
}

.mem_container .form_box .phone_box input,
.mem_container .form_box .phone_box select {
    width: 33.333%;
    flex: 1;
}

.mem_container .form_box .phone_box span {
    display: block;
    width: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    flex: 0 0 auto;
}

.mem_container .form_box .email_box {
    display: flex;
    align-items: center;
    width: calc(100% - 162px);
}
.btn_input_wrap{
    width: 100% !important;
}
.mem_container .form_box .email_box span {
    display: block;
    width: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    flex: 0 0 auto;
}

.mem_container .form_box .email_box select {
    margin-right: 10px;
}

.mem_container .form_box .certi_time {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 400;
    color: #ee0505;
}

.mem_container .form_box .submit_btn {
    display: block;
    width: 420px;
    max-width: 100%;
    height: 56px;
    margin: 30px auto 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #116ad4;
    border-radius: 999px;
}

/* //mem_container common */

/* check_account */

.acc_chk{
    padding: 100px 0 253px;
    background: #fafafa;
}

.acc_chk .mem_ttl {
    margin-bottom: 20px;
}

.acc_chk .mem_stl{
    font-size: 16px;
    text-align: center;
    color: #454545;
}

.acc_chk .mem_stl + .form_box{
    margin-top: 60px;
}

.acc_chk .form_box .submit_btn {
    box-shadow: 0px 6px 15px rgb(0 138 255 / 63%);
}

/* login */
.login .save_id {
    margin-top: 20px;
}

.login .mem_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.login .mem_link li+li {
    position: relative;
}

.login .mem_link li+li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #dddddd;
    content: '';
}

.login .mem_link li a {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.login .mem_link li a span {}

.login .sns_login_box {
    width: 310px;
    margin: 60px auto 0;
}

.login .sns_login_ttl {
    position: relative;
}

.login .sns_login_ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    content: '';
}

.login .sns_login_ttl span {
    position: relative;
    display: block;
    width: 112px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #454545;
    background: #fff;
}

.login .sns_login_list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.login .sns_login_list li+li {
    margin-left: 30px;
}

.login .sns_login_list li button,
.login .sns_login_list li button img {
    display: block;
}

.login .form_box .submit_btn {
    box-shadow: 0px 8px 18.8px 1.2px rgba(0, 138, 255, 0.63);
}

/* //login */

/* join_type */
.join_type {
    background: #fafafa;
}

.join_type .mem_box {
    max-width: 480px;
}

.join_type .join_type_btn {
    display: block;
    width: 100%;
    height: 68px;
    line-height: 66px;
    text-align: center;
    background-position: 30px center;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-sizing: border-box;
}

.join_type .join_type_btn:not(:last-child) {
    margin-bottom: 20px;
}

.join_type .join_type_btn span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: inherit;
}

.join_type .join_type_btn.naver {
    color: #fff;
    background-image: url(../img/ico/ico_join_type_naver.png);
    background-color: #1ec800;
}

.join_type .join_type_btn.kakao {
    background-image: url(../img/ico/ico_join_type_kakao.png);
    background-color: #fee500;
}

.join_type .join_type_btn.google {
    border: 1px solid #aaaaaa;
    background-image: url(../img/ico/ico_join_type_google.png);
    background-color: #fff;
}

.join_type .join_type_btn.email {
    border: 1px solid #aaaaaa;
    background-image: url(../img/ico/ico_join_type_email.png);
    background-color: #fff;
}

.join_type .etc_link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.join_type .etc_link a {
    display: block;
    width: 100%;
    height: 68px;
    line-height: 66px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #116ad4;
    border-radius: 4px;
}

.join_type .etc_link a+a::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #dbdbdb;
    content: '';
}

.join_type .new_memnt {
    color: #252525;
    text-align: center;
    margin-top : 20px;
}

/* //join_type */

/* join */
.join .mem_box {
    max-width: 640px;
}

.join .join_ttl {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
}

.join .guide_txt {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #6b6b6b;
}

.join .guide_txt.red {
    color: #c81e1e;
}

.join .guide_txt.blue {
    color: #0a6ec2;
}

.join .agree_wrap {
    margin-top: 30px;
}

.join .agree_wrap .item_check input+label {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.join .agree_list {
    border: 1px solid #dbdbdb;
    margin-top: 20px;
}

.join .agree_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 20px 22px 16px;
}

.join .agree_list li:not(:last-of-type) {
    border-bottom: 1px solid #dbdbdb;
}

.join .agree_list li .agree_more {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.join .form_box .submit_btn {
    width: 315px;
    margin-top: 60px;
}

/* //join */

/* find */
.find .find_tab {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.find .find_tab li {
    flex: 1;
}

.find .find_tab li+li {
    margin-left: -1px;
}

.find .find_tab li a {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    border-bottom: 1px solid #252525;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
}

.find .find_tab li a.on {
    border: 1px solid #252525;
    border-bottom: 0;
    z-index: 1;
}

.find .find_notice {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 1.6;
}

.find .find_pw_type {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.find .find_pw_type .item_radio:not(:last-of-type) {
    margin-right: 40px;
}

.find .result_id {
    margin-top: 40px;
}

.find .result_id .label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.find .find_form {
    display: none;
}

.find .find_form.on {
    display: block;
}

/* //find */


/* list_ttl_row */
.list_ttl_row {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.list_ttl_row .list_ttl {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 700;
    flex: 0 0 auto;
}

.list_ttl_row .item_detail_tab {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: 0 0 auto;
}

.list_ttl_row .item_detail_tab button {
    display: block;
    padding-left: 23px;
    font-size: 13px;
    font-weight: 400;
    color: #6b6b6b;
    line-height: 17px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_check_17x17.png);
}

.list_ttl_row .item_detail_tab button.active {
    background-image: url(../img/ico/ico_check_17x17_on.png);
}

.list_ttl_row .item_detail_tab button:not(:last-of-type) {
    margin-right: 20px;
}

/* list_ttl_row */

/* tab_category */

.tab_category .snb_list01 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.tab_category .snb_list01 li {
    padding: 10px 15px;
    border-radius: 20px;
    background-color: #1a7fa6;
}

.tab_category .snb_list01 li.on {
    background-color: #fff;
    border: 2px solid #1a7fa6;
}

.tab_category .snb_list01 li.on a {
    color: #1a7fa6;
    font-weight: 500;
}

.tab_category .snb_list01 li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
}

/* prd_list_wrap */
.prd_list_wrap .category_tab {
    padding: 12px 0 40px;
}

.prd_list_wrap .ad_box {
    margin-bottom: 44px;
}

.prd_list_wrap .ad_box .ad_ttl_row {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.prd_list_wrap .ad_box .ad_ttl {
    font-size: 28px;
    font-weight: 700;
}

.prd_list_wrap .ad_box .control_box {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.prd_list_wrap .ad_box .control_box button {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #dbdbdb;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 12px;
    box-sizing: border-box;
}

.prd_list_wrap .ad_box .control_box button.prev_btn {
    background-image: url(../img/btn/prd_prev.png);
}

.prd_list_wrap .ad_box .control_box button.next_btn {
    background-image: url(../img/btn/prd_next.png);
}

.prd_list_wrap .ad_box .control_box .pager {
    margin: 0 9px;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.prd_list_wrap .ad_box .control_box .pager strong {
    font-weight: 400;
}

.prd_list_wrap .ad_box .ad_link {
    display: block;
    width: 69px;
    height: 25px;
    margin-left: 14px;
    border: 1px solid #dbdbdb;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #6b6b6b;
    border-radius: 999px;
    flex: 0 0 auto;
}

.prd_list_wrap .ad_box .slider_item {
    margin: 0 10px;
}

.prd_list_wrap .ad_box .slick-list {
    margin: 0 -10px;
}

.prd_list_wrap .itme_type01 {
    display: flex;
    flex-wrap: wrap;
}

.prd_list_wrap .itme_type01 li {
    width: calc(25% - 18px);
    margin-right: 24px;
    margin-bottom: 24px;
}

.prd_list_wrap .itme_type01 li:nth-of-type(4n) {
    margin-right: 0;
}

/* //prd_list_wrap */

/* search_result_box */
.search_result_box {
    margin-top: 20px;
    padding-bottom: 100px;
}

.search_result_box .search_ttl {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}

.search_result_box .search_ttl strong {
    font-weight: 400;
    color: #000;
}

.search_result_list {
    display: flex;
    flex-wrap: wrap;
}

.search_result_list li {
    width: calc(20% - 11.2px);
    margin-right: 14px;
    margin-bottom: 28px;
}

.search_result_list li:nth-of-type(5n) {
    margin-right: 0;
}

.search_none {
    padding: 100px 0 50px;
    text-align: center;
}

.search_none_ttl {
    margin-bottom: 40px;
}

.search_none h3 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 400;
}

.search_none p {
    line-height: 1.5;
    font-size: 17px;
    color: #555;
    font-weight: 400;
}

.search_none .search_cation {
    font-size: 15px;
}

/* //search_result_box */

/* item_view */
.item_view {
    padding-top: 25px;
}

.item_view .view_top {
    padding-bottom: 15px;
}

.view_top_info {
    display: flex;
    align-items: flex-start;
}

.view_top_info .vti_left {
    width: 610px;
    margin-right: 70px;
    flex: 0 0 auto;
}

.vit_main_slider .vit_ms_img .img_in {
    display: block;
    width: 600px;
    height: 600px;
    /* padding-top: 65.574%; */
    background-size: 600px 600px;
    background-position: center center;
    background-repeat: no-repeat;
}

.vit_tab_slider {
    width: 100%;
    margin-top: 10px;
    padding: 0 160px;
    box-sizing: border-box;
}

.vit_tab_slider .slick-list {
    margin: 0 -5px;
}

.vit_tab_slider .vit_ts_img {
    margin: 0 5px;
}

/* R4-3: the legacy page ran slick here; without it the thumbnails stacked. Three in a row, like slick showed them */
.vit_tab_slider {
    display: flex;
    gap: 10px;
}

.vit_tab_slider .vit_ts_img {
    flex: 0 0 calc((100% - 20px) / 3);
    margin: 0;
}

.item_cartdim {
    display: none;
}

.vit_tab_slider .vit_ts_img .img_in {
    display: block;
    padding-top: 66.667%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.view_top_info .vti_right {
    width: calc(100% - 680px);
    margin-left: auto;
}
.view_top_info .vti_right .level_box {
    margin-bottom: 5px;
}
.view_top_info .vti_right .level_box strong.level {
    display: flex;
    font-size: 14px;
    font-family: 'Gmarket Sans';  
    font-weight:700;
    align-items: center;
    text-transform: uppercase;
    flex: 0 0 auto;
    
}
.view_top_info .vti_right .level_box strong.level i{
    display: block;
    width: 24px; height: 24px;
    background: no-repeat center / 24px auto;
    margin-right: 6px;
    margin-bottom: 2px;

}
.view_top_info .vti_right .level_box .level.iron {color: #767676;}
.view_top_info .vti_right .level_box .level.iron i {
    background-image: url(../img/sub/ico_Iron.png)
}
.view_top_info .vti_right .level_box .level.bronze {color: #906e48;}
.view_top_info .vti_right .level_box .level.bronze i {
    background-image: url(../img/sub/ico_bronze.png)
}
.view_top_info .vti_right .level_box .level.silver {color: #757575;}
.view_top_info .vti_right .level_box .level.silver i {
    background-image: url(../img/sub/ico_silver.png)
}
.view_top_info .vti_right .level_box .level.gold {color: #8c721e;}
.view_top_info .vti_right .level_box .level.gold i {
    background-image: url(../img/sub/ico_gold.png)
}
.view_top_info .vti_right .level_box .level.platinum {color: #8c721e;}
.view_top_info .vti_right .level_box .level.platinum i {
    background-image: url(../img/sub/ico_gold.png)
}
.view_top_info .vti_right .level_box .level.diamond {color: #c126d9;}
.view_top_info .vti_right .level_box .level.diamond i {
    background-image: url(../img/sub/ico_diamond.png)
}
.view_top_info .vti_right .level_box .level.master {color: #ab6321;}
.view_top_info .vti_right .level_box .level.master i {
    background-image: url(../img/sub/ico_master.png)
}
.view_top_info .vti_right .level_box .level.grand_master {color: #7d3bf3;}
.view_top_info .vti_right .level_box .level.grand_master i {
    background-image: url(../img/sub/ico_grand_master.png)
}


.view_top .summary_info {
    display: flex;
    margin-top: 30px;
    border: 1px solid #dbdbdb;
}

.view_top .summary_info .si_box {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 16px 10px;
    text-align: center;
    flex: 1;
}

.view_top .summary_info .si_box+.si_box {
    border-left: 1px solid #dbdbdb;
}

.view_top .summary_info .si_box .label {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.view_top .summary_info .si_box .star_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 10px;
}

.view_top .summary_info .star_box .star_ico {
    display: block;
    width: 21px;
    height: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_star_21x21.png);
}

.view_top .summary_info .star_box .star_ico.on {
    background-image: url(../img/ico/ico_star_21x21_on.png);
}

.view_top .summary_info .star_box .star_ico+.star_ico {
    margin-left: 2px;
}

.view_top .summary_info .star_grade {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.view_top .summary_info .count {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
}

.view_top .summary_info .si_box .data {
    display: block;
    /* margin-top: 20px; */
    font-size: 20px;
    font-weight: 700;
}

.view_top .summary_info .si_box .data strong {
    font-size: 30px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.view_top .seller_info {
    padding: 22px 15px;
}

.view_top .seller_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view_top .seller_top .profile {
    display: flex;
    align-items: center;
}

.view_top .seller_top .profile .thumb {
    display: block;
    width: 64px;
    height: 64px;
    margin-right: 20px;
    flex: 0 0 auto;
}

.view_top .seller_top .profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-sizing: border-box;
}

.view_top .seller_top .profile .seller_name {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
}

.view_top .seller_top .profile .time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}

.view_top .seller_top .seller_inquiry {
    display: block;
    padding-left: 46px;
    padding-right: 14px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    background: url(../img/ico/seller_inquiry.png) left center no-repeat;
}

.view_top .seller_bottom {
    margin-top: 32px;
}

.view_top .seller_bottom .desc {
    display: block;
    padding: 0 6px;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.view_top .seller_bottom .desc.add {
    display: block;
}

.view_top .seller_bottom .desc_more {
    display: block;
    width: 100%;
    margin-top: 42px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.view_top .vti_item_tit {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

.view_top .vti_item_desc {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    line-height: 1.5;
}

.view_top .vti_money {
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
}

.view_top .vti_money .m_dc {
    display: block;
    margin-right: 10px;
    font-size: 30px;
    font-weight: 500;
}

.view_top .vti_money .m_dc strong {
    font-size: 48px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.view_top .vti_money .m_before {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #6b6b6b;
    text-decoration: line-through;
}

.view_top .vti_money .m_after {
    font-size: 20px;
    font-weight: 700;
}

.view_top .vti_money .m_after strong {
    font-size: 30px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.view_top .vti_util {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.view_top .average_work {
    display: block;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: url(../img/ico/ico_time.png) left center no-repeat;
}

.vti_item_opt {
    position: relative;
    display: flex;
    align-items: center;
}

.vti_item_opt>button {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    background-color: #f8f8f8;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
}
.vti_item_opt>button.btn_zzim{
    width: auto;
    padding: 10px;
}
.vti_item_opt>button+button {
    margin-left: 6px;
}
.vti_item_opt .btn_zzim {
    text-indent: 0;
    display: flex;
align-items: center;
}
.vti_item_opt .btn_zzim span{
    text-indent: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    
}
.vti_item_opt .btn_zzim span+span{
    margin-left:3px;
}
.vti_item_opt .btn_zzim .ico_zzim{
width: 22px;
height: 18px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/btn/btn_zzim.png);

}
.vti_item_opt .btn_zzim.active .ico_zzim{
    background-image: url(../img/btn/btn_zzim_on.png);
}

.vti_item_opt .btn_share {
    background-image: url(../img/btn/btn_share.png);
}

.vti_item_opt .share_box {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 208px;
    padding: 24px 0 15px;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 4px;
    z-index: 11;
    box-sizing: border-box;
}

.vti_item_opt .share_box .share_list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.vti_item_opt .share_box .share_list li+li {
    margin-left: 20px;
}

.vti_item_opt .share_box .share_list li button {
    display: block;
}

.vti_item_opt .share_box .share_list .ico {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.vti_item_opt .share_box .kakao_copy .ico {
    background-image: url(../img/ico/kakao_copy.png);
}

.vti_item_opt .share_box .blog_copy .ico {
    background-image: url(../img/ico/blog_copy.png);
}

.vti_item_opt .share_box .link_copy .ico {
    background-image: url(../img/ico/link_copy.png);
}

.vti_item_opt .share_box .share_list .txt {
    display: block;
    margin-top: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #646464;
}

.vti_item_opt .share_box .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/btn/share_box_close_btn.png);
}

.view_top .info_list {
    margin-top: 24px;
}

.view_top .info_list li {
    border-bottom: 0px solid #dbdbdb;
    padding: 10px 0px 0px 0px;
}

.view_top .info_list li .label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.view_top .info_list li .il_option select {
    display: block;
    width: 100%;
    height: 42px;
    padding-left: 12px;
    border: 1px solid #aaaaaa;
    font-size: 16px;
}

.view_top .info_list li.point {
    border: 1px solid #2c63ae;
    padding: 10px 16px;
}

.view_top .info_list li.point .point_label {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}

.view_top .info_list li.point .point_num {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #2c63ae;
}

.view_top .info_list li.point .point_txt {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.view_top .info_list li.delivery {
    padding: 14px 16px;
}

.view_top .info_list li.delivery .delivery_label {
    margin-right: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.view_top .info_list li.delivery .delivery_data {
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.view_top .info_list li.delivery .delivery_data strong {
    font-size: 16px;
    font-weight: 700;
    color: #252525;
}

.view_top .info_list li .il_schedule {
    display: flex;
    align-items: center;
}

.view_top .info_list li .il_schedule>div {
    position: relative;
    flex: 1;
}

.view_top .info_list li .il_schedule>div+div {
    margin-left: 10px;
}

.view_top .info_list li .il_schedule input {
    display: block;
    width: 100%;
    height: 42px;
    padding-right: 38px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    box-sizing: border-box;
}

.view_top .info_list li .il_schedule input::placeholder {
    color: #999999;
}

.view_top .info_list li .il_schedule .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.view_top .info_list li .il_schedule .timepick {
    background: url(../img/ico/timepicker_ico.png) right 10px center no-repeat;
}

.view_top .info_result {
    padding: 20px 2px;
    border-bottom: 1px solid #eeeeee;
}

.info_result_box {
    padding: 10px 20px 14px;
    margin-bottom: 5px;
    background: #f5f5f5;
}

.info_result_box .ir_tit {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.info_result_box>div {
    display: flex;
    align-items: center;
}

.info_result_box .ir_num_sel {
    display: flex;
    align-items: center;
    border: 1px solid #dadada;
    background: #fff;
}

.info_result_box .ir_num_sel button {
    display: block;
    width: 23px;
    height: 23px;
    line-height: 21px;
    font-size: 20px;
}

.info_result_box .ir_num_sel .btn_minus {
    font-size: 30px;
    padding-bottom: 15px;
    line-height: 22px;
}

.info_result_box .ir_num_sel span {
    width: 38px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
}

.info_result_box .ir_num_money {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.info_result_box .ir_num_money .m_txt {
    margin-right: 10px;
    font-size: 14px;
    color: #000;
}

.info_result_box .ir_num_money .m_txt strong {
    font-size: 18px;
    font-weight: 900;
}

.info_result .coupon_btn {
    display: block;
    width: 78px;
    height: 28px;
    margin-left: auto;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #333333;
}

.view_top .money_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    border-bottom: 1px solid #eee;
}

.view_top .money_total .label {
    font-size: 16px;
    font-weight: 400;
}

.view_top .money_total .data {
    font-size: 20px;
}

.view_top .money_total .view_price {
    font-size: 24px;
}

.view_top .vit_btn_wrap {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.view_top .vit_btn_wrap button {
    display: block;
    width: 100%;
    height: 58px;
    border: 1px solid #dbdbdb;
    font-size: 20px;
    font-weight: 500;
    box-sizing: border-box;
}

.view_top .vit_btn_wrap button+button {
    margin-left: 10px;
}

.view_top .vit_btn_wrap .order_btn {
    border-color: #0068f0;
    color: #fff;
    background: #0068f0;
}

.view_tab_row {
    position: relative;
    height: 50px;
    background: #f5f5f5;
}

.view_tab_row .view_tab_in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #dbdbdb;
    background: #f5f5f5;
    z-index: 11;
}

.view_tab_row .view_tab_in.fix {
    position: fixed;
    top: 91px;
}

.view_tab_row .inner {
    /* padding-right: 282px; */
    box-sizing: border-box;
}

.view_tab_row .view_tab {
    display: flex;
    align-items: center;
}

.view_tab_row .view_tab li {
    position: relative;
    flex: 1;
}

.view_tab_row .view_tab li.on::after {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #252525;
    content: '';
}

.view_tab_row .view_tab li button {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #6b6b6b;
}

.view_tab_row .view_tab li.on button {
    color: #252525;
}

.view_content {
    padding-bottom: 100px;
}

.view_content .inner {
    display: flex;
}

.view_content .vc_wrap {
    width: 100%;
    padding-right: 28px;
    box-sizing: border-box;
}

.view_content .vc_box {
    padding-top: 10px;
}

.view_content .vc_box .vc_ttl {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
}

.view_content .vc_box .vc_ttl02 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.view_content .vc_box .vc_ttl02 span {
    font-weight: 400;
}

.vc_box .seller_info {
    margin-top: 20px;
}

.vc_box .seller_profile {
    display: flex;
    align-items: flex-start;
}

.vc_box .seller_profile .thumb {
    width: 120px;
    height: 120px;
    margin-right: 30px;
    flex: 0 0 auto;
}

.vc_box .seller_profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.vc_box .seller_profile .name {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
}

.vc_box .seller_profile .time {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.vc_box .seller_profile .inquiry_btn {
    display: block;
    width: 242px;
    height: 50px;
    margin-top: 20px;
    border: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.vc_box .seller_cont {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eeeeee;
}

.review_board_wrap {
    padding-top: 18px;
    border-top: 1px solid #252525;
    margin-bottom: 40px;
}

.review_board {
    display: flex;
    align-items: center;
    padding: 44px 0 38px;
    background: #f8f9fb;
}

.review_board .total_box {
    max-width: 292px;
    width: 34%;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}

.review_board .total_box .star_num {
    font-size: 42px;
    font-weight: 100;
    font-family: 'NanumSquare', sans-serif;
    color: #dddddd;
    line-height: 72px;
    letter-spacing: -0.04em;
}

.review_board .total_box .star_num strong {
    font-size: inherit;
    font-weight: 800;
    font-family: inherit;
    color: #252525;
}

.review_board .total_box .star_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.review_board .total_box .star_ico {
    display: block;
    width: 21px;
    height: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px;
    background-image: url(../img/ico/ico_star_21x21.png);
}

.review_board .total_box .star_ico.on {
    background-image: url(../img/ico/ico_star_21x21_on.png);
}

.review_board .total_box .star_ico+.star_ico {
    margin-left: 2px;
}

.review_board .total_box .label {
    display: block;
    margin-top: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
}

.review_board .ratio_box {
    position: relative;
    width: 100%;
    padding: 0 60px 0 46px;
    box-sizing: border-box;
}

.review_board .ratio_box::before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 100px;
    background: #eeeeee;
    content: '';
}

.review_board .ratio_row {
    display: flex;
    width: 100%;
    align-items: center;
}

.review_board .ratio_row+.ratio_row {
    margin-top: 10px;
}

.review_board .ratio_row .grade_label {
    display: block;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
    flex-shrink: 0;
    flex-grow: 0;
}

.review_board .ratio_row .grade_num {
    display: block;
    margin-left: 6px;
    width: 60px;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
    flex-shrink: 0;
    flex-grow: 0;
}

.review_board .ratio_row .radio_bar {
    display: block;
    width: 100%;
    height: 11px;
    background: #dddddd;
    border-radius: 4px;
}

.review_board .ratio_row .radio_bar span {
    display: block;
    height: 100%;
    background: #ffc809;
    border-radius: 4px;
}

.review_board .ratio_box .label {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
}

.vc_review .review_list {
    border-top: 1px solid #dbdbdb;
}

.vc_review li {
    padding: 20px 0 30px;
    border-bottom: 1px solid #dbdbdb;
}

.vc_review .rl_star {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.vc_review .rl_star img:not(:last-of-type) {
    margin-right: 2px;
}

.vc_review .rl_txt {
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
}

.vc_review .rl_info {
    display: flex;
    align-items: center;
}

.vc_review .rl_info .writer {
    display: block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
}

.vc_review .rl_info .date {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.vc_review .review_view_row .rl_info {
    margin-top: 20px;
}

.vc_review .review_answer_row {
    margin-top: 30px;
    padding: 30px 40px 40px 30px;
    background: #fafafc
}

.vc_review .review_answer_row .rl_info {
    margin-bottom: 20px;
}

.vc_box .cancel_notice {
    border-top: 1px solid #252525;
    padding: 30px 0 50px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
}

.vc_box .cancel_notice * {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.vc_nav {
    position: relative;
    width: 282px;
    flex: 0 0 auto;
}

.vc_nav_fix {
    width: 282px;
    border: 1px solid #dddddd;
    border-top: 0;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
}

.vc_nav_fix.fix {
    position: fixed;
    top: 142px;
    bottom: auto;
}

.vc_nav_fix.fix.absole {
    position: absolute;
    top: auto;
    bottom: 0;
}

.vc_nav_sel {
    padding: 29px 19px;
}

.vc_nav_sel .label {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

.vc_nav_sel .il_option {
    margin-bottom: 12px;
}

.vc_nav_sel .il_option select {
    display: block;
    width: 100%;
    height: 42px;
    border-color: #bbb;
}

.vc_nav_sel .il_schedule>div {
    position: relative;
}

.vc_nav_sel .il_schedule>div+div {
    margin-top: 10px;
}

.vc_nav_sel .il_schedule input {
    display: block;
    width: 100%;
    height: 42px;
    padding-right: 38px;
    border-color: #bbb;
}

.vc_nav_sel .il_schedule input::placeholder {
    color: #999999;
}

.vc_nav_sel .il_schedule .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.vc_nav_sel .il_schedule .timepick {
    background: url(../img/ico/timepicker_ico.png) right 10px center no-repeat;
}

.vc_nav_total {
    border-top: 1px solid #ddd;
    padding: 29px 19px;
}

.vc_nav_total .vcnt_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc_nav_total .vcnt_top .total_num {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.vc_nav_total .vcnt_top .m_txt {
    font-size: 20px;
}

.vc_nav_total .vcnt_top .m_txt strong {
    font-size: 24px;
    font-weight: 700;
}

.vc_nav_total .btn_wrap {
    margin-top: 22px;
}

.vc_nav_total .btn_wrap button {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.vc_nav_total .btn_wrap button+button {
    margin-top: 10px;
}

.vc_nav_total .btn_wrap .order_btn {
    border-color: #0068f0;
    color: #fff;
    background-color: #0068f0;
}

/* inquiry_pop */
.inquiry_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11111;
}

.inquiry_pop .pop_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 768px;
    max-height: 80vh;
    padding: 40px 40px 50px;
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
}

.inquiry_pop .pop_header {
    margin-bottom: 20px;
    flex: 0 0 auto;
}

.inquiry_pop .pop_ttl {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.inquiry_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 62px;
    background: url(../img/btn/pop_close_btn.png) center center no-repeat;
}

.inquiry_pop .pop_body {
    overflow-y: auto;
}

.inquiry_pop .seller_info {
    margin-bottom: 22px;
}

.inquiry_pop .profile {
    display: flex;
    align-items: center;
}

.inquiry_pop .profile .thumb {
    width: 64px;
    height: 64px;
    margin-right: 18px;
    flex: 0 0 auto;
}

.inquiry_pop .profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-sizing: border-box;
}

.inquiry_pop .profile .seller_name {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.inquiry_pop .profile .time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}

.inquiry_pop textarea {
    display: block;
    width: 100%;
    height: 200px;
    padding: 22px 20px;
    border: 1px solid #c8cad2;
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    box-sizing: border-box;
    resize: none;
}

.inquiry_pop textarea::placeholder {
    color: #777777;
}

.inquiry_pop .txt_count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.inquiry_pop .txt_count span {
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
}

.inquiry_pop .txt_count>span+span {
    position: relative;
    margin-left: 6px;
    padding-left: 6px;
}

.inquiry_pop .txt_count>span+span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: #777;
    content: '';
}

.inquiry_pop .file_row {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.inquiry_pop .file_row .label {
    display: block;
    margin-right: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    flex: 0 0 auto;
}

.inquiry_pop .file_row input {
    display: none;
}

.inquiry_pop .file_row input+label {
    display: block;
    width: 78px;
    height: 32px;
    margin-right: 16px;
    font-size: 13px;
    font-weight: 350;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #116ad4;
    flex: 0 0 auto;
}

.inquiry_pop .file_row .file_name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inquiry_pop .file_notice {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
}

.inquiry_pop .pop_notice {
    margin-top: 50px;
    border: 1px solid #e4e5ed;
    padding: 16px 13px;
}

.inquiry_pop .pop_notice p {
    padding-left: 38px;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 500;
    color: #6b6b6b;
    background: url(../img/ico/ico_pop_notice.png) left center no-repeat;
}

.inquiry_pop .pop_notice p a {
    display: inline-block;
    border-bottom: 1px solid #116ad4;
    font-size: 13px;
    font-weight: 500;
    color: #116ad4;
    line-height: 1.2;
}

.inquiry_pop .submit_btn {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #c8cad2;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    box-sizing: border-box;
}

.inquiry_pop .dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

/* //item_view */

/* custom_list_wrap */
.custom_top_banner {
    background: #26348a;
}

.custom_top_banner .inner {
    display: flex;
    align-items: center;
}

.custom_top_banner .subject {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 37px;
}

.custom_top_banner .add_box {
    display: flex;
    align-items: center;
    margin-left: auto;
    height: 57px;
    padding-left: 40px;
    /* background: url(../img/sub/custom_banner_ico01.png) left center no-repeat; */
}

.custom_top_banner .add_subject {
    display: block;
    line-height: 57px;
    padding-right: 115px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background: url(../img/sub/custom_banner_ico02.png) right 0 bottom no-repeat;
}

.custom_top_banner .add_link {
    display: block;
    width: 230px;
    height: 34px;
    margin-left: 24px;
	background:#1275a6;
    border: 0px solid #fff;
	
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    box-sizing: border-box;
}

.custom_list_wrap .category_tab {
    padding: 16px 0 6px;
}

.custom_list_wrap .snb_box .snb_ttl {
    margin-top: 6px;
}

.custom_list_wrap .list_ttl_row {
    margin-bottom: 12px;
}

.custom_list_wrap .list_ttl {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.custom_list_wrap .list_search_box {
    position: relative;
    max-width: 295px;
    margin-left: auto;
}

.custom_list_wrap .list_search_box input {
    display: block;
    width: 100%;
    height: 44px;
    border: 0;
    padding: 0 66px 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    background: #f7f7f7;
    border-radius: 8px;
    box-sizing: border-box;
}

.custom_list_wrap .list_search_box button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 44px;
    text-indent: -9999em;
    background: url(../img/btn/list_search_btn.png) center center no-repeat;
}

.custom_list_wrap .item_detail_tab {
    margin-left: 20px;
}

.custom_list_wrap .custom_list li:not(:last-of-type) {
    margin-bottom: 5px;
}

/* //custom_list_wrap */

/* custom_view_wrap */
.custom_view_wrap {
    padding: 70px 0 100px;
}

.custom_view_box {
    display: flex;
}

.custom_view_box .custom_view_cont {
    width: calc(100% - 280px);
}

.custom_view_cont .add_date {
    display: block;
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
}

.custom_view_cont .subject {
    margin-bottom: 42px;
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    line-height: 1.3;
}

.custom_view_cont .custom_view_board {
    padding: 40px 0 30px;
    border-top: 2px solid #1c418b;
    border-bottom: 1px solid #eeeeee;
}

.custom_view_cont .summary {
    display: flex;
    padding: 30px 0;
    background: #f8fafc;
}

.custom_view_cont .summary dl {
    position: relative;
    text-align: center;
    flex: 1;
}

.custom_view_cont .summary dl+dl::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #e7e9ec;
    content: '';
}

.custom_view_cont .summary dt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.custom_view_cont .summary dt .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.custom_view_cont .summary dd {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 400;
    color: #133986;
}

.custom_view_cont .summary dd strong {
    font-size: 18px;
    font-weight: 600;
    /* font-family: 'Gmarket Sans'; */
}

.custom_view_cont .keyword_row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.custom_view_cont .keyword_row .keyword {
    display: block;
    height: 34px;
    margin: 10px 0;
    padding: 0 10px;
    border: 1px solid #eeeeee;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 350;
    color: #000;
    background: #f9f9f9;
    border-radius: 4px;
}

.custom_view_cont .keyword_row .keyword:not(:last-of-type) {
    margin-right: 10px;
}

.custom_view_cont .basic_info {
    margin-top: 46px;
}

.custom_view_cont .basic_info .basic_ttl {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
}

.custom_view_cont .custom_table {
    border-top: 1px solid #666666;
    width: 100%;
    table-layout: fixed;
}

.custom_view_cont .custom_table tr {
    border-bottom: 1px solid #eeeeee;
}

.custom_view_cont .custom_table th {
    padding: 17px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    text-align: left;
    background: #fafafa;
    vertical-align: middle;
    box-sizing: border-box;
}

.custom_view_cont .custom_table td {
    padding: 17px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
}

.custom_view_cont .custom_table td .all_down_btn {
    display: block;
    width: 80px;
    height: 30px;
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #333333;
    flex: 0 0 auto;
}

.custom_view_cont .file_down_row {
    display: flex;
    align-items: center;
}

.custom_view_cont .file_down_box {
    width: calc(100% - 90px);
}

.custom_view_cont .file_down_box a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 1.6;
}

.custom_view_cont .file_down_box a .file_name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom_view_cont .file_down_box a .file_size {
    margin-left: 18px;
    flex: 0 0 auto;
}

.custom_view_cont .img_down_row {
    display: flex;
    align-items: center;
}

.custom_view_cont .img_down_box {
    display: flex;
    flex-wrap: wrap;
    max-width: 540px;
    width: calc(100% - 90px);
}

.custom_view_cont .img_down_box a {
    display: block;
    width: calc(20% - 12.8px);
    margin: 8px 0;
    margin-right: 16px;
}

.custom_view_cont .img_down_box a:nth-of-type(5n) {
    margin-right: 0;
}

.custom_view_cont .img_down_box a span {
    display: block;
    width: 100%;
    padding-top: 100%;
    border: 1px solid #ebebeb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.custom_view_cont .other_txt {
    min-height: 220px;
    padding: 50px 20px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
    box-sizing: border-box;
}

.custom_view_cont .btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.custom_view_cont .btn_row button {
    display: block;
    width: 120px;
    height: 52px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    box-sizing: border-box;
}

.custom_view_box .custom_view_fix_wrap {
    position: relative;
    width: 240px;
    margin-left: 40px;
    flex: 0 0 auto;
}

.custom_view_fix {
    width: 240px;
}

.custom_view_fix.fix {
    position: fixed;
    top: 91px;
    bottom: auto;
}

.custom_view_fix.fix.absole {
    position: absolute;
    top: auto;
    bottom: 0;
}

.custom_view_fix .profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 194px;
    border: 1px solid #eeeeee;
    padding: 20px;
    background: #fafafa;
    box-sizing: border-box;
}

.custom_view_fix .profile .thumb {
    width: 81px;
    height: 81px;
    flex: 0 0 auto;
}

.custom_view_fix .profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #eeeeee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.custom_view_fix .profile .name {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    line-height: 1.3;
    text-align: center;
}

.custom_view_fix .about {
    min-height: 154px;
    padding: 20px 30px;
    border: 1px solid #eeeeee;
    border-top: 0;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 400;
    color: #727272;
    box-sizing: border-box;
}

.custom_view_fix .btn_box {
    margin-top: 20px;
}

.custom_view_fix .btn_box .zzim_btn {
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
}

.custom_view_fix .btn_box .zzim_btn span {
    display: inline-block;
    padding-right: 24px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    background-position: right 0 center;
    background-repeat: no-repeat;
    background-image: url(../img/btn/project_zzim.png);
    vertical-align: top;
}

.custom_view_fix .btn_box .zzim_btn.on span {
    background-image: url(../img/btn/project_zzim_on.png);
}

.custom_view_fix .btn_box .proposal_btn {
    display: block;
    width: 100%;
    height: 42px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #3b71dd;
}

/* //custom_view_wrap */

/* custom_write_wrap */
.custom_write_wrap {
    padding: 70px 0 100px;
}

.custom_write_wrap .inner {
    max-width: 820px;
}

.custom_write_wrap .custom_write_ttl {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #133986;
    font-size: 26px;
    font-weight: 500;
    color: #252525;
}

.custom_write_box+.custom_write_box {
    margin-top: 50px;
}

.custom_write_box .subject {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #252525;
}

.custom_write_box .write_table table th {
    height: 58px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
}

.custom_write_box .write_table table th i {
    font-size: 14px;
    font-weight: 500;
    color: #3366d0;
}

.custom_write_box .write_table table td {
    padding: 12px 20px;
}

.custom_write_box .write_table table td input,
.custom_write_box .write_table table td select {
    max-width: 480px;
    height: 34px;
    border-color: #cccccc;
}

.custom_write_box .notice_txt {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
}

.custom_write_box .datepick_box {
    position: relative;
    width: 160px;
}

.custom_write_box .datepick_box img {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.custom_write_box .unit_box {
    display: flex;
    align-items: center;
}

.custom_write_box .unit_box input {
    width: 160px;
}

.custom_write_box .unit_box .unit {
    display: block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
}

.custom_write_box .category_select {
    display: flex;
    align-items: center;
}

.custom_write_box .category_select select {
    width: 100px;
    margin-right: 5px;
}

.custom_write_box .item_radio:not(:last-of-type) {
    margin-right: 40px;
}

.custom_write_box .img_add_row {
    max-width: 530px;
}

.custom_write_box .img_add_box input{
    display: none;
}

.custom_write_box .img_add_box:not(:last-of-type) {
    margin-right: 4px;
}

.custom_write_box .file_row {
    display: flex;
    align-items: center;
}

.custom_write_box .file_row+.file_row {
    margin-top: 6px;
}

.custom_write_box .file_row input {
    display: none;
}

.custom_write_box .file_row label {
    display: block;
    width: 80px;
    height: 34px;
    margin-right: 15px;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #333333;
    flex: 0 0 auto;
}

.custom_write_box .file_row .file_name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom_write_box .file_row .file_size {
    display: block;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    flex: 0 0 auto;
}

.custom_write_box .file_row .del_btn {
    display: block;
    margin-left: 20px;
    padding-left: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #454545;
    background: url(../img/btn/keyword_del.png) left center no-repeat;
    flex: 0 0 auto;
}

.custom_write_box textarea {
    display: block;
    width: 100%;
    height: 400px;
    border: 1px solid #cfcfcf;
    resize: none;
}

.custom_write_btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.custom_write_btn_row button {
    display: block;
    width: 100px;
    height: 42px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    box-sizing: border-box;
}

.custom_write_btn_row button+button {
    margin-left: 10px;
}

.custom_write_btn_row .point_line {
    border-color: #4a7ce0;
    color: #3b71dd;
}

.custom_write_btn_row .point_bg {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
}

/* //custom_write_wrap */

/* order_wrap 주문하기 / 주문완료 */
.order_wrap {
    padding-top: 25px;
    padding-bottom: 106px;
}

.order_top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 0px;
    padding-bottom: 22px;
    border-bottom: 2px solid #252525;
}

.order_top .order_ttl {
    font-size: 24px;
    font-weight: 700;
    color: #252525;
}

.order_top .order_step {
    display: flex;
    align-items: center;
}

.order_top .order_step li {
    font-size: 16px;
    font-weight: 700;
    color: #6b6b6b;
}

.order_top .order_step li.on {
    color: #3b71dd;
}

.order_top .order_step li+li {
    position: relative;
    margin-left: 14px;
    padding-left: 14px;
}

.order_top .order_step li+li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 14px;
    background: url(../img/ico/order_step_arrow.png) center center no-repeat;
    content: '';
}

.order_body .order_form {
    display: flex;
    align-items: flex-start;
}

.order_body .order_form .odn_box {
    width: 100%;
}

.order_body .order_box {
    width: 100%;
}

.order_body .order_box+.order_box {
    margin-left: 60px;
}

.order_body .order_row+.order_row {
    margin-top: 40px;
}

.order_body .order_row.tax_checkwrap {
    display: none;
}

.order_body .order_row.tax_checkwrap .order_cont {
    border-top: none;
}

.order_row .order_ttl02 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #252525;
}

.order_row .order_cont {
    border-top: 2px solid #aaaaaa;
    border-bottom: 1px solid #dbdbdb;
}

/* 주문하기 */
.order_row .sa_tab {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.order_row .sa_tab li {
    width: 200px;
}

.order_row .sa_tab li+li {
    margin-left: -1px;
}

.order_row .sa_tab li button {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    font-size: 15px;
    font-weight: 500;
    color: #6b6b6b;
    box-sizing: border-box;
}

.order_row .sa_tab li.active button {
    border-color: #3b71dd;
    color: #3b71dd;
    z-index: 1;
}

.order_row .sa_list {
    width: 100%;
    table-layout: fixed;
}

.order_row .sa_list tr:not(:last-of-type) {
    border-bottom: 1px solid #eeeeee;
}

.order_row .sa_list th {
    height: 60px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    vertical-align: middle;
}

.order_row .sa_list th.deliv_msg {
    vertical-align: top;
    padding-top: 20px;
    box-sizing: border-box;
}

.order_row .sa_list td {
    padding: 9px 20px;
    vertical-align: middle;
}

.order_row .sa_list td input {
    display: block;
    width: 60%;
    height: 52px;
    padding: 0 12px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .sa_list td input#zipcode {
    width: calc(44.7% - 162px);
    background: #fafafa;
}

.order_row .sa_list td select {
    display: block;
    width: 80%;
    height: 52px;
    padding-left: 12px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .sa_list td textarea {
    display: block;
    width: 60%;
    height: 160px;
    padding: 13px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 1.4;
    color: #252525;
    box-sizing: border-box;
    resize: none;
}

.order_row .sa_list td .add_box {
    width: 90%;
    display: flex;
}

.order_row .sa_list td .add_box input {
    width: 100%;
}

.order_row .sa_list td .add1 {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.order_row .sa_list td .add1 .btn_add {
    display: block;
    width: 152px;
    height: 52px;
    border: 1px solid #aaaaaa;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    box-sizing: border-box;
}


.order_row .sa_list td .add2 {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 10px;
}

.order_row .sa_list td .add3 {
    width: calc(50% - 5px);
}

.order_row .sa_list td .ph {
    width: 60%;
    display: flex;
    align-items: center;
}

.order_row .sa_list td .ph span {
    display: block;
    width: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    flex: 0 0 auto;
}

.order_row .point_use {
    padding: 10px 20px;
}

.order_row .point_use dl {
    display: flex;
    align-items: center;
}

.order_row .point_use dt {
    margin-right: 68px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.order_row .point_use .point_apply {
    display: flex;
    align-items: center;
}

.order_row .point_use .point_input {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}

.order_row .point_use .point_input input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
}

.order_row .point_use .point_input .unit {
    display: block;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    flex: 0 0 auto;
}

.order_row .point_use .point_apply button {
    display: block;
    width: 100px;
    height: 42px;
    border: 1px solid #aaaaaa;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.order_row .point_use .point_apply button.all_btn {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
}

.order_row .point_use .balance {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #6b6b6b;
}

.order_row .point_use .balance strong {
    font-weight: 400;
    color: #e51f25;
}

.order_row .payment_list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}

.order_row .payment_list li {
    width: 33.3333%;
}

.order_row .payment_list input {
    display: none;
}

.order_row .payment_list input+label {
    display: block;
    padding-top: 38px;
    font-size: 15px;
    font-weight: 400;
    color: #6b6b6b;
    line-height: 1.5;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_radio_26x26.png)
}

.order_row .payment_list input:checked+label {
    background-image: url(../img/ico/ico_radio_26x26_on.png)
}

.order_row .tax_tit01 {
    border-bottom: solid 2px #aaa;
    padding-bottom: 20px;
}

.order_row .tax_type {
    margin-bottom: 10px;
    padding: 0 20px;
}

.order_row .tax_type .tax_rbox {
    display: flex;
}

.order_row .tax_type .tax_rbox>div:first-child {
    margin-right: 40px;
}

.order_row .tax_type .tax_radio+.tax_radio {
    margin-left: -1px;
}

.order_row .tax_type .tax_radio input {
    display: none;
}

.order_row .tax_type .tax_check input {
    display: none;
}

.order_row .tax_type .tax_check {
    margin-bottom: 20px;
}

.order_row .tax_type .tax_check input[type="checkbox"]+label {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    line-height: 1.3;
    vertical-align: middle;

}

.order_row .tax_type .tax_check input[type="checkbox"]+label span {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url(../img/ico/ico_radio_26x26.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.order_row .tax_type .tax_check input:checked+label span {
    background-image: url(../img/ico/ico_radio_26x26_on.png)
}

.order_row .tax_type .tax_radio input+label {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    line-height: 1.3;
    vertical-align: middle;
}

.order_row .tax_type .tax_radio input+label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 10px;
    background: url('../img/ico/ico_radio_20x20.png)') no-repeat center center;
}

.order_row .tax_type .tax_radio input:checked+label span {
    background-image: url('../img/ico/ico_radio_20x20_on.png');
    border: none;
}

.order_row .tax_box {
    display: none;
    padding: 10px 0 20px;
}

.order_row .tax_box.on {
    display: flex;
    align-items: center;
}


.order_row .tax_box .tax_l {
    width: 200px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    margin-right: 10px;
}

.order_row .tax_box .tax_input {
    display: flex;
    align-items: center;
}

.order_row .tax_box .tax_input span {
    display: block;
    width: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    text-align: center;
    flex: 0 0 auto;
}

.order_row .tax_box .tax_r {
    width: calc(100% - 210px);
}

.order_row .tax_box .tax_input input {
    display: block;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    box-sizing: border-box;
}

.order_row .tax_box .tax_input input::placeholder {
    color: #999;
}

.order_row .tax_box select {
    display: block;
    width: 100%;
    height: 42px;
    padding-left: 10px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    box-sizing: border-box;
}

.order_row .order_info_box {
    min-height: 130px;
    max-height: 392px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.order_row .order_info_box .order_info_item {
    padding: 20px 12px;
}


.order_row .order_info_box .order_info_item+.order_info_item {
    border-top: 1px solid #eee;
}

.order_row .tax_agree {
    margin-bottom: 25px;
}

.order_row .tax_agree input {
    display: none;
}

.order_row .tax_agree input+label {
    display: flex;
    font-size: 15px;
    font-weight: 400;
    color: ##454545;
    line-height: 1.5;
    vertical-align: middle;
}

.order_row .tax_agree input+label span {
    display: block;
    min-width: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url(../img/ico/ico_radio_26x26.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.order_row .tax_agree input:checked+label span {
    background-image: url(../img/ico/ico_radio_26x26_on.png);
}

/* order_info_item 상품 정보 공통 */
.order_row .order_info_item {
    display: flex;
    align-items: center;
    text-align: left;
}

.order_row .order_info_item .img_box {
    width: 90px;
    border: 1px solid #eeeeee;
    margin-right: 20px;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.order_row .order_info_item .img_thumb {
    display: block;
}

.order_row .order_info_item .img_thumb span {
    display: block;
    padding-top: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.order_row .order_info_item .subject {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    line-height: 1.4;
}

.order_row .order_info_item .option {
    margin-top: 15px;
}

.order_row .order_info_item .option li {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.order_row .order_info_item .option .label {
    color: #6b6b6b;
}

.order_row .order_info_item .option .data {
    color: #454545;
}

.order_row .order_info_item .option .data strong {
    font-weight: 700;
    color: #252525;
}

.order_row .benefit_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.order_row .benefit_row dt {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .benefit_row dd {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .benefit_row dd strong {
    font-size: 18px;
    font-weight: 900;
}

.order_row .order_final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.order_row .order_final+.order_final {
    border-top: 1px solid #eee;
}

.order_row .order_final dt {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .order_final dd {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .order_final dd strong {
    font-size: 18px;
    font-weight: 900;
}

.order_row .order_final.total dd strong {
    font-size: 26px;
}

.order_box .order_btn_row {
    display: flex;
    margin-top: 20px;
}

.order_box .order_btn_row .btn_payment {
    display: block;
    width: 100%;
    max-width: 230px;
    height: 54px;
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #3b71dd;
}

/*주문하기 new*/

.odn_box .order_step {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    margin: 40px 0 30px;
}

.odn_box .order_step .step {
    display: block;
    width: 158px;
    height: 100%;
    line-height: 60px;
    padding-left: 18px;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-right: 20px;
    background: url('../img/sub/order_label.png') no-repeat center center;
}

.odn_box .order_step h3 {
    font-size: 24px;
    font-weight: 500;
    color: #252525;
}

.odn_box #od_tb { width: 100%; border-top: solid 0px #aaa; }

.odn_box #od_tb thead tr {
    border-bottom: solid 1px #dbdbdb;
}

.odn_box #od_tb th {
    font-size: 16px;
    color: #252525;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
}

.odn_box #od_tb td {
    padding: 30px 0;
    box-sizing: border-box;
    text-align: center;
}

.odn_box #od_tb td.item_info {
    text-align: left;
}

.odn_box #od_tb tbody td {
    border-bottom: solid 1px #dbdbdb;
}


.odn_box #od_tb tbody td.deliv p {
    line-height: 1.3;
    color: #454545;
    font-size: 15px;
}

.odn_box #od_tb tbody td.deliv p:first-of-type {
    font-weight: 700;
}

.odn_box #od_tb tbody td.free {
    border-bottom: none;
}

.odn_box #od_tb .order_info_item {
    display: flex;
    align-items: center;
}

.odn_box #od_tb .order_info_item .img_box {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.odn_box #od_tb .order_info_item .img_box span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.odn_box #od_tb .txt_box .subject {
    font-size: 17px;
    line-height: 1.3;
    color: #252525;
    margin-bottom: 10px;
}

.odn_box #od_tb .txt_box .option {
    font-size: 15px;
    color: #6b6b6b;
}

.odn_box .date_chk {
    font-size: 18px;
    color: #252525;
    padding: 26px 0 26px 18px;
    box-sizing: border-box;
    background: #fafafa;
}

.odn_box .date_chk strong {
    font-size: 20px;
    font-weight: 700;
}

.order_body .point_row {
    display: flex;
}

.order_body .pt_left {
    width: 53%;
}

.order_body .pt_left .pt_row {
    display: flex;
    padding: 10px 0;
    border-bottom: solid 1px #eee;
}

.order_body .pt_left .label {
    width: 25%;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    display: flex;
    align-items: center;
}

.order_body .pt_left .cont {
    width: 75%;
    display: flex;
    align-items: center;
}

.order_body .pt_left .cont.pt_use {
    flex-direction: column;
    align-items: flex-start;
}

.order_body .pt_left .cont button {
    height: 52px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    padding: 0 18px;
    border: solid 1px #252525;
    box-sizing: border-box;
}

.order_body .pt_left input[type="text"] {
    width: 198px;
    height: 52px;
    border: solid 1px #dbdbdb;
    margin-right: 10px;
}

.order_body .pt_left .pt_box {
    display: flex;
}

.order_body .pt_left .pt_box button {
    width: 122px;
}

.order_body .pt_left .pt_box .all_btn {
    margin-right: 10px;
}

.order_body .pt_left .balance {
    font-size: 18px;
    font-weight: 500;
    color: #d32f2f;
    margin-top: 10px;
}


.order_body .pt_right {
    width: calc(47% - 40px);
    margin-left: 40px;
    background: #f7f8fb;
    padding: 30px 20px 20px 20px;
    border-top: solid 2px #aaa;
    box-sizing: border-box;
}

.order_body .pt_right .pay_tit {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #252525;
    padding-left: 36px;
    background: url('../img/ico/check_pt_right.png') no-repeat left center;
    margin-bottom: 20px;
}

.order_body .pt_right .pay_box {
    background: #fff;
}

.order_body .pt_right .pay_box>div {
    padding: 26px 30px;
    box-sizing: border-box;
}

.order_body .pt_right .pay_info {
    padding-bottom: 0;
    border-bottom: solid 1px #eee;
}

.order_body .pt_right .pay_info .in_row:first-child {
    margin-bottom: 20px;
}

.order_body .pt_right .pay_info span {
    font-size: 16px;
    color: #252525;
}

.order_body .pt_right .pay_info .cont strong {
    font-size: 24px;
    font-weight: 700;
}

.order_body .pt_right .pay_box .in_row {
    display: flex;
    justify-content: space-between;
}

.order_body .pt_right .pay_done .label {
    font-size: 24px;
    font-weight: 500;
    color: #252525;
}

.order_body .pt_right .pay_done .cont {
    font-size: 24px;
    color: #116ad4;
}

.order_body .pt_right .pay_done .cont strong {
    font-size: 26px;
    font-weight: 700;
}

.order_body .order_btn_row {
    margin-top: 60px;
    text-align: center;
}

.order_body .order_btn_row button {
    width: 215px;
    height: 62px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.order_body .order_btn_row .btn_paynone {
    line-height: 60px;
    border: solid 1px #116ad4;
    box-sizing: border-box;
    color: #116ad4;
    margin-right: 10px;
}

.order_body .order_btn_row .btn_payment {
    line-height: 62px;
    background: #116ad4;
    color: #f3f4f8;
}

/*쿠폰할인적용*/

.coupon_popup {
    display: none;
    width: 520px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111111;
    background: #fff;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}

.coupon_popup .cu_head {
    position: relative;
    padding: 29px 0;
    border-bottom: solid 1px #eee;
    box-sizing: border-box;
    text-align: center;
}

.coupon_popup .cu_head h2 {
    font-size: 24px;
    font-weight: 500;
    color: #252525;
}

.coupon_popup .cu_head button {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
}

.coupon_popup .cu_body {
    max-height: 592px;
    overflow-y: auto;
    padding: 30px 20px 12px;
    box-sizing: border-box;
}

.coupon_popup .cal_box {
    padding: 28px 40px 36px 45px;
    box-sizing: border-box;
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
}

.coupon_popup .cal_box li {
    width: 33.333%;
    text-align: center;
    position: relative;
}

.coupon_popup .cal_box div {
    font-size: 16px;
    color: #252525;
}

.coupon_popup .cal_box .label {
    margin-bottom: 17px;
}

.coupon_popup .cal_box .price strong {
    font-size: 22px;
    font-weight: 400;
}

.coupon_popup .cal_box .price b {
    font-size: 22px;
    font-weight: 700;
}

.coupon_popup .cal_box li:first-of-type::after {
    content: '';
    width: 14px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -7px;
}

.coupon_popup .cal_box li:nth-of-type(2)::after {
    content: '';
    width: 14px;
    height: 8px;
    background: url('../img/ico/cu_done.png') no-repeat center center;
    position: absolute;
    top: calc(50% - 4px);
    transform: translateY(-50%);
    right: -7px;
}

.coupon_popup .cal_box li:nth-of-type(2) * {
    color: #d32f2f;
}

.coupon_popup .culi_tit {
    margin: 26px 0 20px;
    font-size: 20px;
    font-weight: 700;
    color: #252525;
}

.coupon_popup .culi_row {
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px #eee;
}

.coupon_popup .culi_row:not(:first-child) {
    margin-top: 10px;
}

.coupon_popup .culi_row input {
    display: none;
}

.coupon_popup .culi_row input+label {
    display: flex;
}

.coupon_popup .culi_row input+label>span {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 11px;
    border: solid 1px #eee;
    box-sizing: border-box;
}

.coupon_popup .culi_row input:checked+label>span {
    background: url('../img/ico/check_pt_right.png') no-repeat center center;
    border: none;
}

.coupon_popup .culi_row .cupon_info .top {
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    margin-top: 3px;
}

.coupon_popup .culi_row .cupon_info .top .dic {
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}

.coupon_popup .culi_row .cupon_info .top .dic::before {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.coupon_popup .culi_row .cupon_info .mid {
    margin-top: 12px;
}

.coupon_popup .culi_row .cupon_info .mid div {
    font-size: 16px;
    font-weight: 350;
    color: #454545;
    line-height: 1.5;
}

.coupon_popup .cu_btn {
    width: 100%;
    height: 68px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 68px;
    background: #116ad4;
    color: #f3f4f8;
}




/* 주문완료 */

.order_row .ok_txtopbox {
    text-align: center;
    padding: 80px 0 60px;
}

.order_row .ok_txt01 {
    font-size: 36px;
    font-weight: 700;
}

.order_row .ok_txt04{
    font-size: 20px;
    font-weight: 500;
    color: #252525;
    margin-top: 23px;
}

.order_row .ok_txt04 span{
    color: #116ad4;
}

.order_row .ok_txt04 span strong{
    font-size: 28px;
    font-weight: 700;
    vertical-align: text-top;
}

.order_row .comple_main_desc {
    padding: 40px 10px;
    background: #faf9f9;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    text-align: center;
    margin-bottom: 60px;
}

.order_row .comple_main_desc .ok_txt02 {
    color: #6b6b6b;
    line-height: 1.8;
}

.order_row .comple_main_desc .ok_txt03 {
    font-size: 24px;
    font-weight: 500;
    color: #454545;
}

.order_row .comple_main_desc .ok_txt03 span {
    font-weight: 700;
    color: #116ad4;
}

.order_row .comple_info_table {
    width: 100%;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
    table-layout: fixed;
}

.order_row .comple_info_table tbody tr {
    border-top: 1px solid #eee;
}

.order_row .comple_info_table th {
    height: 48px;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    vertical-align: middle;
}

.order_row .comple_info_table td {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
}

.order_row .comple_info_table td+td {
    border-left: 1px solid #eee;
}

.order_row .comple_info_table td .order_info_item {
    padding: 0 36px;
}

.order_row .comple_info_table td .price_num {
    font-size: 18px;
    font-weight: 900;
}
.order_row .comple_info_table tfoot td{
    border-top: 1px solid #dbdbdb;
    text-align: right;
    padding: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #454545;
    font-weight: 500;
}
.order_row .comple_info_table tfoot td span{
    color: #252525;
}
.order_row .comple_info_table tfoot td span:nth-child(1){
    font-size: 1.25em;
    margin-right: 20px;
}
.order_row .comple_info_table tfoot td span.total_price{
    font-size:1.375em;
    font-weight: 600;
}
.order_row .comple_info_table02 {
    width: 100%;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
    table-layout: fixed;
}

.order_row .comple_info_table02 tr:not(:last-of-type) {
    border-bottom: 1px solid #eee;
}

.order_row .comple_info_table02 th {
    height: 56px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: left;
    vertical-align: middle;
}

.order_row .comple_info_table02 td {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    vertical-align: middle;
}

.order_wrap.comple .btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

.order_wrap.comple .btn_row .btn {
    display: block;
    width: 100%;
    max-width: 230px;
    height: 54px;
    border: 1px solid transparent;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
}

.order_wrap.comple .btn_row .btn+.btn {
    margin-left: 10px;
}

.order_wrap.comple .btn_row .btn.btn01 {
    border-color: #999999;
    color: #454545;
}

.order_wrap.comple .btn_row .btn.btn02 {
    border-color: #747474;
    color: #fff;
    background: #747474;
}

.order_wrap.comple .btn_row .btn.btn03 {
    border-color: #535353;
    color: #fff;
    background: #535353;
}

.order_wrap.comple .btn_row .btn.btn04 {
    border-color: #3c3c3c;
    color: #fff;
    background: #3c3c3c;
}

/* //order_wrap */
/* R4-1 장바구니: the order page's frame (.order_wrap) + its own table, modelled on .odn_box #od_tb */
.cart_wrap .order_body { padding-top: 24px; }
.cart_wrap .cart_tools { display: flex; align-items: center; justify-content: space-between; padding: 0 0 16px; }
.cart_wrap .cart_check { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; font-size: 15px; color: #252525; cursor: pointer; }
/* R4-16: the row checkbox is tapped through a 32px label */
.cart_wrap .cart_tb td.chk .chk_hit { display: inline-flex; padding: 7px; cursor: pointer; }
.cart_wrap .cart_check input, .cart_wrap .cart_tb td.chk input { width: 18px; height: 18px; margin: 0; }
.cart_wrap .cart_btn { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 16px; font-size: 14px; font-weight: 500; color: #333; background: #fff; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; text-decoration: none; }
.cart_wrap .cart_btn:disabled { opacity: .5; cursor: default; }
.cart_wrap .cart_btn_primary { color: #fff; background: #116ad4; border-color: #116ad4; }
.cart_wrap .cart_btn_lg { min-width: 240px; min-height: 52px; font-size: 17px; }
.cart_wrap .cart_group { margin-bottom: 40px; }
.cart_wrap .cart_seller { padding: 14px 0; font-size: 18px; font-weight: 700; color: #252525; border-bottom: 2px solid #252525; }
.cart_wrap .cart_tb { width: 100%; table-layout: fixed; }
.cart_wrap .cart_tb thead tr { border-bottom: 1px solid #dbdbdb; }
.cart_wrap .cart_tb th { padding: 16px 0; font-size: 15px; font-weight: 500; color: #252525; text-align: center; }
.cart_wrap .cart_tb td { padding: 20px 0; font-size: 15px; color: #252525; text-align: center; border-bottom: 1px solid #dbdbdb; }
.cart_wrap .cart_tb td.item_info { text-align: left; padding-right: 20px; }
.cart_wrap .cart_tb .order_info_item { display: flex; align-items: center; }
.cart_wrap .cart_tb .order_info_item .img_box { flex: none; width: 100px; height: 100px; margin-right: 20px; overflow: hidden; border-radius: 4px; background: #f5f5f5; }
.cart_wrap .cart_tb .txt_box { min-width: 0; }
.cart_wrap .cart_tb .txt_box .subject { margin-bottom: 8px; font-size: 16px; line-height: 1.35; word-break: keep-all; }
.cart_wrap .cart_tb .txt_box .subject a { color: #252525; }
.cart_wrap .cart_tb .txt_box .option { font-size: 14px; color: #6b6b6b; }
.cart_wrap .cart_tb td.qty input { width: 64px; height: 36px; text-align: center; border: 1px solid #ccc; border-radius: 4px; }
.cart_wrap .cart_sum { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; background: #fafafa; }
.cart_wrap .cart_sum p { font-size: 16px; color: #454545; }
.cart_wrap .cart_sum strong { font-size: 18px; color: #d32f2f; }
.cart_wrap .cart_free { margin-left: 8px; font-size: 13px; color: #767676; }
.cart_wrap .cart_order { text-align: center; }
.cart_wrap .cart_warn { margin-bottom: 12px; color: #c81e1e; }
.cart_wrap .cart_empty { padding: 100px 0; text-align: center; }
.cart_wrap .cart_empty p { margin-bottom: 20px; font-size: 18px; color: #767676; }
/* //R4-1 */


/* shipping_popup */
.shipping_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1111;
}

.shipping_popup .pop_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 730px;
    padding: 30px 30px 40px;
    border: 1px solid #aaa;
    background: #fff;
    box-sizing: border-box;
}

.shipping_popup h2 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #252525;
    line-height: 1.1;
}

.shipping_popup table {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #888;
}

.shipping_popup table tr {
    border-bottom: 1px solid #dbdbdb;
}

.shipping_popup table th {
    height: 50px;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}

.shipping_popup table td {
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    line-height: 1.5;
    text-align: center;
}

.shipping_popup .shipping_normal {
    display: block;
    width: 120px;
    height: 26px;
    margin-top: 20px;
    color: #fff;
    line-height: 26px;
    background: #555;
    border-radius: 4px;
}

.shipping_popup .btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.shipping_popup .btn_row button {
    display: block;
    width: 100%;
    max-width: 160px;
    height: 42px;
    border: 1px solid #ccc;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}

.shipping_popup .btn_row button+button {
    margin-left: 10px;
}

.shipping_popup .btn_row .shipping_popup_sub {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
}

.shipping_popup a.shipping_popup_close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.shipping_popup a.shipping_popup_close img {
    display: block;
}

/* //shipping_popup */


/* contact 고객센터 */
.contact .sub_layout {
    padding-top: 36px;
}

.contact .contact_phone_number {
    padding: 18px 20px;
    margin-top: 30px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.contact .contact_phone_number img {
    margin-right: 5px;
}

.contact .contact_phone_number span {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
    color: #3b71dd;
}

.contact_tab_menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.contact_tab_menu li {
    width: 25%;
    margin-top: -1px;
}

.contact_tab_menu li:not(:nth-of-type(4n+1)) {
    width: calc(25% + 1px);
    margin-left: -1px;
}

.contact_tab_menu li a {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    border: 1px solid #dbdbdb;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}

.contact_tab_menu li a.active {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
    z-index: 1;
}

.contact_qna {
    border-top: 2px solid #252525;
}

.contact_qna li {
    border-bottom: 1px solid #dbdbdb;
}

.contact_qna .txt {
    font-size: 16px;
}

.contact_qna .q_box {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 20px 50px 20px 20px;
    text-align: left;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url('../img/btn/btn_down.png');
    box-sizing: border-box;
}

.contact_qna .q_box.active {
    background-image: url('../img/btn/btn_up.png');
}

.contact_qna .q_box .q_ico {
    display: block;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 800;
    font-family: 'NanumSquare';
    flex: 0 0 auto;
}

.contact_qna .q_box .category {
    font-weight: 500;
}

.contact_qna .a_box {
    display: none;
}

.contact_qna .a_box_in {
    display: flex;
    align-items: flex-start;
    padding: 20px 50px 20px 20px;
    background: #fafafa;
}

.contact_qna .a_box .a_ico {
    display: block;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 800;
    font-family: 'NanumSquare';
    color: #3b71dd;
    flex: 0 0 auto;
}

.event_tab {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.event_tab li {
    width: 100%;
}

.event_tab li+li {
    margin-left: -1px;
}

.event_tab li a {
    position: relative;
    display: block;
    height: 60px;
    border: 1px solid #dbdbdb;
    font-size: 20px;
    font-weight: 400;
    color: #6b6b6b;
    text-align: center;
    line-height: 58px;
    box-sizing: border-box;
}

.event_tab li a.active {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
    z-index: 1;
}

.event_list_wrap .evnt_list {
    overflow: hidden;
    width: 100%;
}

.event_list_wrap .evnt_list .evnt_item {
    position: relative;
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 60px;
}

.event_list_wrap .evnt_list .evnt_item:nth-child(3n) {
    margin-right: 0;
}

.event_list_wrap .evnt_list .evnt_item a {
    display: block;
}

.event_list_wrap .evnt_list .evnt_item a .evnt_img {
    position: relative;
    width: 100%;
    height: 230px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
}

.event_list_wrap .evnt_list .evnt_item.event_off a .evnt_img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.event_list_wrap .evnt_list .evnt_item a .evnt_img img {
    width: 100%;
    height: 100%;
}

.event_list_wrap .evnt_list .evnt_item a .evnt_tit {
    font-size: 16px;
    color: #252525;
    line-height: 1.5;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_list_wrap .evnt_list .evnt_item a .evnt_date {
    font-size: 14px;
    color: #6b6b6b;
}

/* //contact */


/* terms */
#container.terms {
    padding: 20px 0 100px;
}

.trems_tab_menu {
    box-sizing: border-box;
    width: 100%;
    margin: 15px 0;
}

.trems_tab_menu li {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 33.333333%;
    z-index: 1;
    border-bottom: 2px solid #3b71dd;
}

.trems_tab_menu li.selected {
    border-bottom: none;
    z-index: 2;
}

.trems_tab_menu li.selected a {
    height: 37px;
    border: 2px solid #3b71dd;
    border-bottom: none;
    background: #fff;
    color: #3b71dd;
}

.trems_tab_menu li a {
    display: block;
    height: 36px;
    margin-left: -1px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f8f8f8;
    color: #333;
    text-align: center;
    font-weight: 500;
    line-height: 36px;
}

.trems_con {
    padding: 20px;
    border: solid 1px #ddd;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

/* //terms */

/* 구매관리 팝업 */
.btn01 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #333;
    border: solid 1px #ccc;
}

.btn03 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background: #116ad4;
}

.re_pop {
    background: rgba(0, 0, 0, 0.3);
}

.re_pop .review {
    position: relative;
    width: 740px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.re_pop .review .top {
    background: #3a3a3c;
    position: relative;
}

.re_pop .review .top h3 {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.re_pop .review .top .close {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

.re_pop .review .pop_bot {
    padding: 30px 34px 48px 29px;
    box-sizing: border-box;
}

.pp_pop .pop_bot{
    font-size: 15px;
    line-height: 1.75;
    word-break: break-all;
    max-height: 680px;
    overflow-y: auto;
}

.re_pop .review .re_tb {
    border-top: solid 2px #888888;
}

.re_pop .review .re_tb .re_row {
    display: flex;
    border-bottom: solid 1px #dcdcdc;
}

.re_pop .review .re_tb .label {
    display: flex;
    align-items: center;
    width: 18%;
    padding-left: 20px;
    font-size: 14px;
    color: #333;
    background: #fafafa;
}

.re_pop .review .re_tb .data {
    width: 82%;
    padding: 20px;
    box-sizing: border-box;
}

.re_pop .review .e_data .label {
    width: 15%;
}

.re_pop .review .e_data .data {
    width: 85%;
    padding: 10px 20px;
    display: flex;
}

.re_pop .review .e_data .data input {
    width: calc(100% - 128px);
    height: 34px;
}

.re_pop .review .e_data .data button {
    width: 118px;
    line-height: 34px;
    border: solid 1px #116ad4;
    font-size: 14px;
    text-align: center;
    color: #116ad4;
    margin-left: 10px;
}

.re_pop .review .item_info {
    display: flex;
    align-items: center;
}

.re_pop .review .item_info .info {
    width: calc(100% - 114px);
}

.re_pop .review .data .img_box {
    width: 100px;
    padding-top: 13%;
    box-sizing: border-box;
    margin-right: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.re_pop .review .data .subject {
    font-size: 15px;
    line-height: 1.5;
    color: #252525;
}

.re_pop .review .data .opt {
    font-size: 14px;
    font-weight: 350;
    line-height: 1.5;
    color: #6b6b6b;
}

.re_pop .review .data .star_re {
    display: flex;
}

.re_pop .review .data .star_re input {
    display: none;
}

.re_pop .review .data .star_re input+label {
    width: 21px;
    height: 21px;
    margin: 0 1px;
    background: url('../img/ico/repop_star.png') no-repeat center center;
}

.re_pop .review .data .star_re input+label.on {
    background-image: url('../img/ico/repop_staron.png');
}

.re_pop .review .data textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: solid 1px #dddddd;
    box-sizing: border-box;
    font-size: 14px;
    color: #454545;
    resize: none;
}

.re_pop .review .pop_btn {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.re_pop .review .pop_btn button {
    width: 160px;
    line-height: 42px;
}

.re_pop .review .pop_btn button+button {
    margin-left: 10px;
    line-height: 40px;
}

/* 전표확인 */

.pp_pop {
    background: rgba(0, 0, 0, 0.3);
}

.pp_pop .pp_box {
    position: relative;
    width: 560px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.pp_pop .pp_box .top {
    background: #3a3a3c;
    position: relative;
}

.pp_pop .pp_box .top h3 {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.pp_pop .pp_box .top .close {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

.pp_pop .pp_box .pop_bot {
    padding: 30px;
    box-sizing: border-box;
}

.pp_pop .bill {
    border: solid 2px #444;
}

.pp_pop .bill .b_top {
    font-size: 18px;
    font-weight: 700;
    color: #252525;
    text-align: center;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: solid 1px #aaa;
}

.pp_pop .bill .b_tb {
    display: table;
    width: 100%;
}

.pp_pop .bill .b_row {
    display: table-row;
}

.pp_pop .bill .b_row * {
    font-size: 14px;
    line-height: 1.3;
    color: #252525;
}

.pp_pop .bill .b_row div+div {
    margin-top: 10px;
}

.pp_pop .bill .b_row .label {
    display: table-cell;
    width: 30%;
    padding: 15px 20px;
    background: #fafafa;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    vertical-align: middle;
}

.pp_pop .bill .b_row .conts {
    display: table-cell;
    width: 70%;
    line-height: 1.3;
    padding: 15px 20px;
    border-bottom: solid 1px #dbdbdb;
    vertical-align: middle;
}

.pp_pop .bill .b_row .conts.pay_conts {
    padding: 0;
}

.pp_pop .bill .b_row .conts .pay_box {
    display: flex;
    height: 47px;
}

.pp_pop .bill .b_row .conts .pay_box li {
    width: 10%;
    font-size: 16px;
    color: #252525;
    line-height: 47px;
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif;
}

.pp_pop .bill .b_row .conts .pay_box li+li {
    font-size: 18px;
    font-weight: 700;
    border-left: solid 1px #dbdbdb;
}

.pp_pop .bil_not {
    padding: 10px;
    box-sizing: border-box;
}

.pp_pop .bil_not .bill_txt {
    font-size: 14px;
    line-height: 1.3;
    color: #454545;
    padding: 20px 33px 20px 19px;
    background: #fff8f8;
    box-sizing: border-box;
}

.pp_pop .pp_box .pop_btn {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.pp_pop .pp_box .pop_btn button {
    width: 160px;
    line-height: 42px;
}


/* 정산관리 */

.mp_ttl_row .right button {
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 500;
}

.calc_mid .calcc_box {
    position: relative;
    border: solid 1px #dbdbdb;
    padding: 25px 0;
    margin-bottom: 20px;
    background-color: #fafafa;
}

.calcc_box>div {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sarh01 .contact_btn {
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    height: 30px;
    border: solid 1px #dbdbdb;
    background-color: #ffffff;
    outline: none;
    line-height: 30px;
    color: #555555;
    font-size: 13px;
}

.sarh01 .contact_btn.active {
    border: solid 1px #116ad4;
    color: #116ad4;
}

.sarh01 .date_box {
    display: flex;
    align-items: center;
}

.sarh01 .date_box span {
    margin: 0 5px;
}

.sarh01 .datepick_box {
    position: relative;
}

.sarh01 .datepick_box .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.calcc_box .sarh02 {
    display: flex;
    margin-top: 10px;
}

.calcc_box .sarh02 select {
    width: 100px;
    height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    color: #555;
    background-color: #fff;
    font-size: 15px;
    border-radius: 4px;
}

.calcc_box .sarh02 input {
    width: 447px;
    margin-left: 10px;
}

.calcc_box .sarh02 .search_btn {
    width: 60px;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    color: #fff;
    background: #116ad4;
    font-size: 13px;
}

.mypage_cash .cal_list {
    display: flex;
    margin: 30px 0 25px;
}

.mypage_cash .cal_list li {
    width: calc(25% - 8px);
    text-align: center;
    border-radius: 4px;
    padding: 15px 10px;
    box-sizing: border-box;
    background: #f0f7fe;
    display: flex;
    justify-content: space-between;
}

.mypage_cash .cal_list li+li {
    margin-left: 10px;
}

.mypage_cash .cal_list li span {
    font-size: 14px;
    color: #252525;
}

.mypage_cash .cal_list li span:last-of-type {
    font-weight: 500;
    color: #116ad4;
}

/* 정산신청팝업 */

.btn_2wrap button+button {
    margin-left: 20px;
}

.pp_pop .p_table {
    border-top: solid 2px #252525;
}

.pp_pop .p_table .p_row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}

.pp_pop .p_table .p_row>* {
    display: table-cell;
}

.pp_pop .p_table .p_row .label {
    width: 120px;
    font-size: 13px;
    font-weight: 500;
    background: #fafafa;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
}

.pp_pop .p_table .p_row .inpu_tb {
    width: calc(100% - 120px);
    padding: 10px 20px;
    text-align: left;
    border-left: 0 none;
}

.pp_pop .p_table .p_row .inpu_tb input {
    width: 100%;
    height: 34px;
    border: solid 1px #dbdbdb;
}

.pp_pop .p_table .p_row .inpu_tb .email_wrap,
.pp_pop .p_table .p_row .inpu_tb .phone_Wrap {
    display: flex;
    align-items: center;
}

.pp_pop .p_table .p_row .inpu_tb .email_wrap input {
    width: calc(50% - 8px);
}

.pp_pop .p_table .p_row .inpu_tb .email_wrap span {
    font-size: 13px;
    color: #666;
    margin: 0 5px;
}

.pp_pop .p_table .p_row .inpu_tb .phone_Wrap input {
    width: calc(100%/3 - 15px);
}

.pp_pop .p_table .p_row .inpu_tb .phone_Wrap span{
    font-size: 13px;
    color: #666;
    margin: 0 10px
}

/* 스페셜 셀러 */
.special_seller .tit {
    font-size: 28px;
    display: block;
    padding:20px 0 ;
}
.special_seller .sp_seller_list {
    display: flex;
    flex-wrap: wrap;

}
.special_seller .sp_seller_list li {
    width: calc(33.333% - 14px);
    margin-right: 21px;
}
.special_seller .sp_seller_list li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.special_seller .sp_seller_list li:nth-of-type(3n) {margin-right: 0;}
.special_seller .sp_seller_list li:nth-child(n+4){margin-top:20px ;}
.special_seller .sp_seller_list li .sp_img {
    width: 100%;
    padding-top: 60%;
    display: block;
    background: no-repeat center/ cover;
    border-radius:8px 8px 0 0  ;
}
.special_seller .sp_seller_list li .sp_txt {
    padding: 28px 22px 40px;
    border: 1px solid #dbdbdb ;
    border-top: none;
    border-radius: 0 0 8px 8px ;
    height: 100%;
    min-height: 276px;
    box-sizing: border-box;
}
.special_seller .sp_seller_list li .sp_ttl {
    font-size:18px ;
    font-weight: 500;
    line-height:1.33 ;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.special_seller .sp_seller_list li .sp_area {
    line-height:1.5 ;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #454545;

}
.special_seller .sp_seller_list li .sp_info{
    font-size: 14px;
    color:#6b6b6b ;
}
.special_seller .next_prev_box {
    margin: 50px auto 150px;
}

/*  special_seller_view  */
.special_seller_view  {
    padding-bottom: 150px;
}
.sp_board_view {
    border-top: 2px solid #252525;
}
.sp_board_view .view_top {
    padding: 34px 40px 40px ;
    border-bottom: 1px solid #dbdbdb ;
}
.sp_board_view .view_top .sp_id {
    font-size: 18px;
    font-weight: 500;
    color: #116ad4;
    display: block;
    margin-bottom:12px ;
}
.sp_board_view .view_top .view_tit {
    font-size:24px ;
    font-weight: 500;
    line-height:1.5 ;
    margin-bottom: 16px ;
}
.sp_board_view .view_top .date {
    color: #6b6b6b;
}
.sp_board_view .view_bot {
    padding:40px 40px 80px ;
    border-bottom: 1px solid #dbdbdb ;
} 
.sp_board_view .view_bot li + li {
    margin-top: 60px;
}
.sp_board_view .view_bot li i {
    display: block;
    width: 48px; height: 48px;
    background: no-repeat center;
    flex: 0 0 auto;
    margin-right:18px ;
}
.sp_board_view .view_bot li i.ico_q {background-image: url(../img/sub/ico_qna_q.png);}
.sp_board_view .view_bot li i.ico_an {background-image: url(../img/sub/ico_qna_a.png);}

.sp_board_view .view_bot li > div {
    display: flex;
}

.sp_board_view .view_bot li > div.question {
    align-items: center;
    margin-bottom: 16px;
}
.sp_board_view .view_bot li > div.question span {
    font-size:18px ;
    font-weight: 500;
}

.sp_board_view .view_bot li > div.answer span {
    color: #454545;
    line-height: 1.5;
}
.sp_seller_item {
    padding-top: 68px;
}
.sp_seller_item > strong {
    font-size: 20px;
    display: block;
    padding-bottom: 24px;
}
.sp_seller_item .se_item_list {
    display: flex;
    flex-wrap: wrap;
}
.sp_seller_item .se_item_list li {
    width: calc(20% - 16px);
    margin-right: 20px;
}
.sp_seller_item .se_item_list li:nth-of-type(5n) {margin-right: 0;}
.sp_seller_item .se_item_list li:nth-child(n+6) {margin-top: 20px;}
.sp_seller_item .se_item_list .seller_id {
    display: flex;
    margin-bottom: 12px;
}
.sp_seller_item .se_item_list .seller_id span {
    font-size: 14px;
    color: #6b6b6b;
    display: block;
    width:auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



.sp_seller_item .se_item_list .subject {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 46px;
}

.sp_seller_item .txt .review_row .star {
    display: block;
    margin-right: 6px;
    padding-left: 18px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #6b6b6b;
    background: url(../img/ico/prd_review_ico.png) left center no-repeat;
}
.sp_seller_item .txt .review_row .count {
    font-size: 14px;
    font-weight: 500;
}
.sp_seller_item .txt .price_row strong {
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 900;
}

.estimate_login .logo_box {
    width: 350px;
    height: 124px;
    margin: auto;
}

.estimate_login .logo_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.estimate_login .login_box {
    padding-bottom: 20px;
}

.estimate_login .login_box .input-row input {
    padding: 0 0.9375em;
    width: 100%;
    display: block;
    border: 1px solid #dbdbdb;
    height: 3.25rem;
    font-size: 1rem;
    border-radius: 4px;
    margin-top: 20px;
}

.estimate_login .btn_login {
    height: 60px;
    font-size: 18px;
    border-radius: 4px;
    padding: 0 0.9375rem;
    font-weight: 500;
    border: 1px solid #dbdbdb;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    background-color: #209e80;
    border-color: #209e80;
    color: #fff;
    width: 100%;
    margin-top: 20px;
}


@media screen and (max-width:1240px) {
    .order_body .pt_left .pt_box {
        flex-direction: column;
    }

    .order_body .pt_left .pt_box .pt_btn {
        margin-top: 10px;
    }
}
/* S3-B: 견적 제안 (custom_view) */
.proposal_wrap { margin-top: 40px; }
.proposal_wrap .proposal_none { padding: 24px 0; color: #767676; font-size: 14px; }
.proposal_list > li.proposal_card { padding: 18px 20px; border: 1px solid #e5e5e5; border-radius: 8px; }
.proposal_list > li.proposal_card + li { margin-top: 12px; }
.proposal_list > li.proposal_card.s_S { border-color: #116ad4; background: #f5f9ff; }
.proposal_list > li.proposal_card.s_R, .proposal_list > li.proposal_card.s_W { opacity: .7; }
.proposal_card .proposal_head { display: flex; align-items: center; gap: 10px; }
.proposal_card .proposal_head .thumb { flex: none; width: 36px; height: 36px; border-radius: 50%; background: #eee center/cover no-repeat; }
.proposal_card .proposal_head .seller { font-size: 15px; font-weight: 600; color: #252525; }
.proposal_card .proposal_head .state { margin-left: auto; padding: 3px 10px; border-radius: 12px; font-size: 12px; background: #f0f0f0; color: #454545; }
.proposal_card .proposal_head .state.s_S { background: #116ad4; color: #fff; }
.proposal_card .proposal_meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; font-size: 14px; color: #454545; }
.proposal_card .proposal_meta strong { font-size: 17px; color: #252525; }
.proposal_card .proposal_meta .date { color: #767676; }
.proposal_card .proposal_body { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #333; word-break: break-all; }
.proposal_card .proposal_file { display: inline-block; margin-top: 8px; padding: 6px 0; font-size: 13px; color: #116ad4; text-decoration: underline; }
.proposal_card .proposal_btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.proposal_wrap .proposal_btn { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 16px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; color: #333; background: #fff; cursor: pointer; }
.proposal_wrap .proposal_btn.pick, .proposal_wrap .proposal_btn.send, .proposal_wrap .proposal_btn.chat { border-color: #116ad4; background: #116ad4; color: #fff; }
.proposal_wrap .proposal_btn.send { min-width: 200px; min-height: 48px; font-size: 16px; }
.proposal_pop .pop_box { width: calc(100% - 30px); max-width: 560px; box-sizing: border-box; }
.proposal_pop .bottom label { display: block; margin-bottom: 12px; font-size: 13px; color: #454545; }
.proposal_pop .bottom input[type="text"], .proposal_pop .bottom textarea { display: block; width: 100%; margin-top: 4px; padding: 8px 10px; border: 1px solid #dbdbdb; box-sizing: border-box; font-size: 14px; }
.proposal_pop .bottom input[type="text"] { height: 40px; }
.proposal_pop .proposal_note { margin: 4px 0 14px; font-size: 12px; color: #767676; }
@media screen and (max-width: 768px) {
  .proposal_wrap { margin: 24px 0; }
  .proposal_list > li.proposal_card { padding: 14px; }
}
/* S3-A: 판매자별 주문 (pay page, multi-seller checkout) */
.pay_box .pay_groups { padding: 14px 20px; border-top: 1px solid #eee; font-size: 13px; color: #454545; }
.pay_box .pay_groups .pay_groups_ttl { margin-bottom: 8px; font-weight: 600; color: #252525; }
.pay_box .pay_groups .in_row { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; }