html.fix,
body.fix {
    height: 100%;
    overflow: hidden;
}

.sub {
    padding: 150px 0 60px;
}

.sub.login {
    padding: 150px 0 60px;
}

.sub.form.top {
    padding-top: 150px;
} 

select,
button {
    color: #252525;
}

.mbtn {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 999px;
    background: #116ad4;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    margin-top: 30px;
}

.btn {
    width: 103px;
    height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 40px;

}

.btn01 {
    color: #666;
    border: solid 1px #e0e0e0;
}

.btn02 {
    color: #3b71dd;
    border: solid 1px #3b71dd;
}

.btn03 {
    color: #fff;
    background: #3b71dd;
    border: none;
}

.btn_bk {
    border: none;
    background: #333;
    color: #fff;
}

.btn_line {
    color: #454545;
    border: solid 1px #b1b1b1;
}

#container .go_list {
    display: block;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    border: solid 1px #e0e0e0;
    margin: 24px auto 0;
}


/*뷰페이지*/

/* .sub.item_list,
.sub.item_view {
    padding: 0;
} */

.sub.item_view {
    padding-top: 125px;
}

.viewtem_infowrap {
    margin-top: 30px;
}

.itemview_sec {
    position: relative;
}

.itemview_sec .viewpage_num {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 11px;
    padding: 7px 9px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.itemview_sec .viewtem_wrap img {
    width: 100%;
}

.itemview_sec .viewtem_wrap .bx-controls {
    display: flex;
    justify-content: center;
    margin: 15px 0 30px;
}

.itemview_sec .viewtem_wrap .bx-pager {
    position: static;
    padding: 0;
}

.itemview_sec .viewtem_wrap .bx-pager>div:not(:last-of-type) {
    margin-right: 6px;
}

.itemview_sec .viewtem_wrap .bx-pager .bx-pager-item a {
    width: 5px;
    height: 5px;
    border: none;
    border-radius: 50%;
    background: #252525;
    opacity: 0.3;
    margin: 0;
}

.itemview_sec .viewtem_wrap .bx-pager .bx-pager-item a.active {
    background: #252525;
    opacity: 1;
}

.itemview_sec .viewtem_infowrap .viewtem_info {
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}
.itemview_sec .viewtem_infowrap .level_box {
    margin-bottom:12px ;
}
.itemview_sec .viewtem_infowrap .level_box strong {
    font-size: 12px;
    font-family: 'Gmarket Sans';    
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 0;
}
.itemview_sec .viewtem_infowrap .level i {
    width: 24px; height: 24px;
    background: no-repeat center / 24px auto;
    display: block;
    margin-top: -3px;
    margin-right: 4px;
}
.itemview_sec .viewtem_infowrap .level.iron {color: #767676;}
.itemview_sec .viewtem_infowrap .level.iron i {
    background-image: url(../img/ico/ico_Iron.png)
}
.itemview_sec .viewtem_infowrap .level.bronze {color: #906e48;}
.itemview_sec .viewtem_infowrap .level.bronze i {
    background-image: url(../img/ico/ico_bronze.png)
}
.itemview_sec .viewtem_infowrap .level.silver {color: #757575;}
.itemview_sec .viewtem_infowrap .level.silver i {
    background-image: url(../img/ico/ico_silver.png)
}
.itemview_sec .viewtem_infowrap .level.gold {color: #8c721e;}
.itemview_sec .viewtem_infowrap .level.gold i {
    background-image: url(../img/ico/ico_gold.png)
}
.itemview_sec .viewtem_infowrap .level.platinum {color: #5260e9;}
.itemview_sec .viewtem_infowrap .level.platinum i {
    background-image: url(../img/ico/ico_platinum copy.png)
}
.itemview_sec .viewtem_infowrap .level.diamond {color: #c126d9;}
.itemview_sec .viewtem_infowrap .level.diamond i {
    background-image: url(../img/ico/ico_diamond.png)
}
.itemview_sec .viewtem_infowrap .level.master {color: #ab6321;}
.itemview_sec .viewtem_infowrap .level.master i {
    background-image: url(../img/ico/ico_master.png)
}
.itemview_sec .viewtem_infowrap .level.grand_master {color: #7d3bf3;}
.itemview_sec .viewtem_infowrap .level.grand_master i {
    background-image: url(../img/ico/ico_grand_master.png)
}




.itemview_sec .viewtem_infowrap .viewtem_tit {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #252525;
    margin-bottom: 20px;
}

.itemview_sec .viewtem_infowrap .viewtem_txt {
    font-size: 13px;
    line-height: 1.5;
    color: #6b6b6b;
    margin-bottom: 30px;
}

.itemview_sec .viewtem_infowrap .viewtem_row {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

.itemview_sec .viewtem_infowrap .viewtem_row .viewtem_percent,
.itemview_sec .viewtem_infowrap .viewtem_row .viewtem_price {
    font-size: 20px;
    font-weight: 500;
    color: #252525;
    margin-right: 10px;
}

.itemview_sec .viewtem_infowrap .viewtem_row .viewtem_percent strong,
.itemview_sec .viewtem_infowrap .viewtem_row .viewtem_price strong {
    font-size: 24px;
    font-weight: 800;
    font-family: 'NanumSquare', san-serif;
}

.itemview_sec .viewtem_infowrap .viewtem_row .viewtem_cost {
    font-size: 13px;
    font-weight: 500;
    text-decoration: line-through;
    color: #6b6b6b;
    vertical-align: bottom;
}

.itemview_sec .viewtem_infowrap .review_row {
    display: flex;
}

.itemview_sec .viewtem_infowrap .review_row>span {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-right: 10px;
}

.review_starwrap {
    display: flex;
}

.review_starwrap i {
    width: 15px;
    height: 15px;
    background: url('../img/ico/review_staroff.png') no-repeat center center/cover;
}

.review_starwrap i.on {
    background-image: url('../img/ico/review_staron.png');
}

.review_starwrap i:not(:last-of-type) {
    margin-right: 2px;
}

.itemview_sec .viewtem_infowrap .review_row .review_num {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #252525;
}

.itemview_sec .viewtem_infowrap .review_row .review_length {
    font-size: 12px;
    color: #6b6b6b;
    margin-left: 2px;
}

.itemview_sec .item_info_wrap .item_list {
    padding: 25px 0;
}

.itemview_sec .item_info_wrap .item_list>div {
    width: 100%;
    display: flex;
    align-items: center;
}

.itemview_sec .item_info_wrap .item_list>div>div:first-of-type {
    width: 9%;
}

.itemview_sec .item_info_wrap .item_list>div:not(:last-of-type) {
    margin-bottom: 15px;
}

.itemview_sec .item_info_wrap .item_list .item_ico {
    display: inline-block;
}

.itemview_sec .item_info_wrap .item_list .item_infotxt {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}

.itemview_sec .item_info_wrap .item_list>div:first-of-type .item_ico {
    width: 21px;
    height: 21px;
}

.itemview_sec .item_info_wrap .item_list>div:nth-of-type(2) .item_ico {
    width: 22px;
    height: 16px;
}

.itemview_sec .item_info_wrap .item_list>div:last-of-type .item_ico {
    width: 22px;
    height: 14px;
}

.itemview_sec .item_info_wrap .point_infobox {
    border: solid 1px #2c63ae;
    padding: 20px 14px;
    margin-bottom: 30px;
}

.itemview_sec .item_info_wrap .point_infobox>div:first-of-type {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}

.itemview_sec .item_info_wrap .point_infobox>div:first-of-type>span {
    color: #2c63ae;
}

.itemview_sec .item_info_wrap .point_infobox .point_notice {
    font-size: 13px;
    color: #6b6b6b;
}

.itemview_sec .item_info_wrap .btn_list {
    display: flex;
    position: relative;
}

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

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

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

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

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

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

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

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

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

.itemview_sec .item_info_wrap .btn_list .share_btn,
.itemview_sec .item_info_wrap .btn_list .zzim_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #252525;
    padding: 14px 0;
    border: solid 1px #eeeeee;
    background: #fafafa ;
}
.itemview_sec .item_info_wrap .btn_list .share_btn{
    border-left: none;
}
.itemview_sec .item_info_wrap .btn_list .share_btn span[class*="ico_"],
.itemview_sec .item_info_wrap .btn_list .zzim_btn span[class*="ico_"]    
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.itemview_sec .item_info_wrap .btn_list .share_btn span+span,
.itemview_sec .item_info_wrap .btn_list .zzim_btn span+span
{
    margin-left:4px;
}
.itemview_sec .item_info_wrap .btn_list .ico_zzim{
width: 15px;
height: 12px;
background-image: url(../img/ico/ico_zzimbtn.png);
}
.itemview_sec .item_info_wrap .btn_list .zzim_btn.on .ico_zzim{
    background-image: url(../img/btn/my_listonbtn.png);
}


.itemview_sec .item_info_wrap .btn_list .share_btn .ico_share{
    width: 16px;
    height: 16px;
    background-image: url('../img/ico/ico_share.png');
}

.itemview_sec .seller_info_wrap {
    padding: 23px 0 30px;
    border-bottom: solid 7px #eee;
}

.itemview_sec .seller_info_wrap .seller_info_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
}

.itemview_sec .seller_info_wrap .seller_info_top .seller_name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.itemview_sec .seller_info_wrap .seller_info_top .sell_time {
    font-size: 12px;
    color: #555;
}

.itemview_sec .seller_info_wrap .seller_info_top .ques_linkbtn {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: url('../img/btn/btn_queslink.png') no-repeat center center/cover;
}

.itemview_sec .seller_info_wrap .seller_info {
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 10px;
}

.itemview_sec .seller_info_wrap .sell_more {
    display: block;
    font-size: 13px;
    border: solid 1px #eee;
    padding: 11px 0;
    text-align: center;
}

/*tab*/

.itemview_sec .viewtem_tab {
    border-bottom: solid 1px #dbdbdb;
}

.itemview_sec .viewtem_tab ul {
    display: flex;
}

.itemview_sec .viewtem_tab ul li {
    width: 33.333333%;
    font-size: 13px;
    font-weight: 500;
    color: #6b6b6b;
    padding: 19px 0;
    text-align: center;
}

.itemview_sec .viewtem_tab ul li button {
    display: block;
    width: 100%;
    text-align: center;
}

.itemview_sec .viewtem_tab ul li.on {
    color: #252525;
    border-bottom: solid 3px #252525;
}

.itemview_sec .viewtem_tab.fixed {
    position: fixed;
    width: 100%;
    max-width: 800px;
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #fff;
    z-index: 1;
}

.itemview_sec .vc_wrap>div {
    padding-top: 30px;
}

.itemview_sec .vc_wrap .vc_tit {
    margin-bottom: 20px;
}

.itemview_sec .vc_wrap .vc_box .vc_txtbox {
    width: 100%;
    font-size: 13px;
    /* background: #e7e7e7; */
    padding: 0 15px;
}

.itemview_sec .vc_wrap .vc_box .se_row {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: solid 1px #eee;
}

.itemview_sec .vc_wrap .vc_box .se_row .se_profile {
    width: 72px;
    height: 72px;
    margin-right: 18px;
    border-radius: 50%;
    overflow: hidden;
}

.itemview_sec .vc_wrap .vc_box .se_row .se_profile span {
    display: block;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.itemview_sec .vc_wrap .vc_box .se_row .se_ptit {
    font-size: 15px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 7px;
    padding-left: 9px;
}

.itemview_sec .vc_wrap .vc_box .se_row .se_time {
    font-size: 13px;
    color: #6b6b6b;
    margin-bottom: 15px;
}

.itemview_sec .vc_wrap .vc_box .se_row button {
    width: 160px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    font-weight: 500;
    color: #252525;
    border: solid 1px #dbdbdb;
}

.itemview_sec .vc_wrap .vc_box .vc_pr_tit {
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 20px;
}

/*구매평*/

.itemview_sec #vc_review .vc_tit {
    padding-bottom: 20px;
    border-bottom: solid 1px #252525;
}

.itemview_sec #vc_review .vc_revtop {
    padding: 25px 20px;
    text-align: center;
    background: #f8f9fb;
}

.itemview_sec #vc_review .vc_revtop .revnum {
    font-size: 26px;
    font-weight: 300;
    font-family: 'NanumSquare', san-serif;
    color: #ddd;
    margin-bottom: 20px;
}

.itemview_sec #vc_review .vc_revtop .revnum .revcount {
    font-weight: 800;
    color: #252525;
}

.itemview_sec #vc_review .vc_revtop .review_starwrap {
    justify-content: center;
    margin-bottom: 12px;
}

.itemview_sec #vc_review .vc_gauge .vc_gauge_tit {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 18px;
}

.itemview_sec #vc_review .vc_gauge .gauge_box {
    margin-bottom: 17px;
}

.itemview_sec #vc_review .vc_gauge .vc_gauge_per {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}

.itemview_sec #vc_review .vc_gauge .gauge {
    display: flex;
    align-items: center;
    justify-content: center;
}

.itemview_sec #vc_review .vc_gauge .gauge:not(:last-child) {
    margin-bottom: 10px;
}

.itemview_sec #vc_review .vc_gauge .gauge .re_grade {
    font-size: 12px;
    color: #6b6b6b;
    margin-right: 6px;
}

.itemview_sec #vc_review .vc_gauge .gauge .gauge_bar {
    width: 100%;
    max-width: 227px;
    height: 9px;
    border-radius: 999px;
    background: #ddd;
    overflow: hidden;
}

.itemview_sec #vc_review .vc_gauge .gauge .gauge_bar>span {
    display: block;
    height: 100%;
    border-radius: 12px;
    background: #ffc809;
}


.itemview_sec #vc_review .vc_gauge .gauge .ga_num {
    width: 10%;
    max-width: 45px;
    font-size: 12px;
    text-align: left;
    color: #6b6b6b;
    margin-left: 6px;
}

.itemview_sec #vc_review .rev_list {
    margin-top: 45px;
}

.itemview_sec #vc_review .rev_list .rev_top {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.itemview_sec #vc_review .rev_list .rev_top span {
    font-weight: 400;
}

.itemview_sec #vc_review .rev_list .rev_item {
    padding: 20px 0;
    border-top: solid 1px #dbdbdb;
    text-align: left;
}

.itemview_sec #vc_review .rev_list .rev_item .review_starwrap {
    margin-bottom: 12px;
}

.itemview_sec #vc_review .rev_list .rev_item .rev_ustxt {
    font-size: 13px;
    line-height: 1.3;
    color: #454545;
    margin-bottom: 15px;
}

.itemview_sec #vc_review .rev_list .rev_item .rev_infotxt {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.itemview_sec #vc_review .rev_list .rev_item .rev_infotxt .rev_id {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-right: 8px;
}

.itemview_sec #vc_review .rev_list .rev_item .rev_infotxt .rev_date {
    font-size: 13px;
    color: #6b6b6b;
}

.itemview_sec #vc_review .rev_list .rev_item .reply_box {
    padding: 20px;
    background: #fafafc;
}

.itemview_sec #vc_review .rev_list .rev_item .reply_box .reply_id {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-right: 8px;
}

.itemview_sec #vc_review .rev_list .rev_item .reply_box .reply_date {
    font-size: 13px;
    color: #6b6b6b;
}

.itemview_sec #vc_review .rev_list .rev_item .reply_infobox {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.itemview_sec #vc_review .rev_list .rev_item .reply_txt {
    width: 95%;
    font-size: 13px;
    line-height: 1.3;
    color: #454545;
}

.pager {
    display: flex;
    justify-content: center;
}

.pager li {
    width: 31px;
    height: 31px;
    border: solid 1px #dbdbdb;
    text-align: center;

}

.pager li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 29px;
    color: #454545;
}

.itemview_sec #vc_review .pager {
    padding-top: 30px;
    border-top: solid 1px #dbdbdb;
}

/*pager*/

#container .pager li:not(:last-of-type) {
    margin-right: 7px;
}

#container .pager li a.on {
    color: #fff;
    background: #0068f0;
    border: solid 1px #0068f0;
}


#container .pager {
    margin-top: 30px;
}

#container .pager li.prev {
    margin-right: 15px;
}

#container .pager li.prev {
    margin-right: 15px;
}

#container .pager li.next {
    margin-left: 16px;
}

#container .pager li.prev a {
    background: url('../img/btn/pager_prevbtn.png') no-repeat center center/7px 8px;
}

#container .pager li.next a {
    background: url('../img/btn/pager_nextbtn.png') no-repeat center center/7px 8px;
}

.itemview_sec #vc_notice {
    padding-bottom: 64px;
}

.itemview_sec #vc_notice .vc_tit {
    padding-bottom: 18px;
    border-bottom: solid 1px #252525;
}

.itemview_sec #vc_notice .notice_txtbox {
    font-size: 13px;
    line-height: 1.5;
    color: #454545;
}

.itemview_sec #vc_notice .notice_txtbox::after{
    display: block;
    content: '';
    clear: both;
}

.itemview_sec #vc_notice .notice_txtbox > *{
    width: 100% !important;
}

.itemview_sec #vc_notice .notice_txtbox table{
    width: 100% !important;
}

.itemview_sec #vc_notice .notice_txtbox h3{
    margin : 0.5rem 0 1.3rem;
}

.itemview_sec #vc_notice .notice_txtbox .transversal_banner_title {
    font-size: 24px !important;
    padding-right: 0 !important;
    box-sizing: border-box !important; 
}

.itemview_sec #vc_notice .notice_txtbox table th{
    padding-top: 20px !important;
    vertical-align: top;
}

/*btnlist*/

.item_cartbtnlist {
    width: 100%;
    max-width: 800px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 0;
    z-index: 11;
}

.item_cartbtn {
    background: #fafafa;
    padding: 20px 15px;
    border-top: solid 1px #dbdbdb;
}

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

.item_cartbtn ul li {
    width: calc(50% - 5px);
    float: left;
}

.item_cartbtn ul li:first-of-type {
    margin-right: 10px;
}

.item_cartbtn ul li button {
    width: 100%;
    height: 44px;
    font-weight: 500;
    line-height: 42px;
    color: #252525;
    border: solid 1px #dbdbdb;
    background: #fff;
}

.item_cartbtn ul li button.sell_btn {
    background: #0068f0;
    color: #fff;
    border: none;
}

/*cart_box 팝업*/

.item_cartpopup {
    position: fixed;
    width: 100%;
    max-width: 850px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 12;
    border-top: solid 1px #dbdbdb;
    display: none;
}

.cart_popwrap {
    position: relative;
}

.cart_popwrap .cart_btnwrap {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.cart_popwrap .cart_btnwrap .cart_down {
    display: block;
    width: 57px;
    height: 22px;
    background: url('../img/btn/cart_downbtn.png') no-repeat center center/cover;
}

.cart_popwrap .cart_box {
    padding: 20px 15px;
    background: #fafafa;
    max-height: 50vh;
    overflow-y: auto;
}

.cart_popwrap .cart_box .select_list>div:first-of-type {
    margin-bottom: 10px;
}

.cart_popwrap .cart_box .select_item {
    width: 100%;
}

.cart_popwrap .cart_box .select_item select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    background: #fff url('../img/btn/select_arrowbtn.png') no-repeat 95% center/15px 9px;
}

.cart_popwrap .cart_box .select_time {
    margin: 10px 0;
}

.cart_popwrap .cart_box .select_time input[type=text] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
}

.cart_popwrap .cart_box .select_time .datepick {
    background: #fff url('../img/ico/ico_datepick.png') no-repeat 97% center/22.5px 21.5px;
    margin-bottom: 10px;
    /* color: #0068f0; */
}

.cart_popwrap .cart_box .select_time .timepick {
    background: #fff url('../img/ico/ico_timepick.png') no-repeat 97% center/22px 22px;
}


.item_infobox {
    margin: 15px 0;
    padding: 20px;
    border: solid 1px #dbdbdb;
    background: #fff;
}

.item_infobox .select_name {
    font-size: 13px;
    color: #252525;
    margin-bottom: 20px;
}

.item_infobox .result_box {
    display: flex;
    justify-content: space-between;
}


.item_infobox .result_box .ir_sel {
    border: solid 1px #dbdbdb;
    height: 30px;
    line-height: 28px;
    display: flex;
}

.item_infobox .result_box .ir_sel button {
    display: block;
}

.item_infobox .result_box .ir_sel .minus_btn {
    width: 30px;
    border-right: solid 1px #dbdbdb;
    background: url('../img/btn/result_minusbtn.png') no-repeat center center/12px 2px;
}

.item_infobox .result_box .ir_sel .plus_btn {
    width: 30px;
    border-left: solid 1px #dbdbdb;
    background: url('../img/btn/result_plusbtn.png') no-repeat center center/12px 12px;
}

.item_infobox .result_box .ir_sel .result_count {
    width: 41px;
    text-align: center;
    font-size: 13px;
    color: #252525;
}

.item_infobox .result_box .ir_infobox .ir_price {
    font-size: 13px;
    color: #252525;
}

.item_infobox .result_box .ir_sel{
    background: #fff;
}

.item_infobox .result_box .ir_infobox .ir_price strong {
    font-weight: 700;
}

.item_infobox .result_box .ir_infobox .del_item {
    width: 30px;
    height: 30px;
    background: url('../img/btn/result_delbtn.png') no-repeat center center/cover;
    margin-left: 16px;
}

.cart_popwrap .cart_totalinfo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px;
}

.cart_popwrap .cart_totalinfo span:first-of-type {
    font-size: 14px;
    color: #252525;
}

.cart_popwrap .cart_totalinfo .cart_price {
    font-size: 20px;
    color: #252525;
}

.cart_popwrap .cart_totalinfo .cart_price strong {
    font-weight: 500;
    font-size: 30px;
}

.item_cartpopup .item_cartbtn ul {
    display: flex;
}

.item_cartpopup .item_cartbtn ul li {
    width: calc(50% - 5px);
    float: none;
}

.item_cartpopup .item_cartbtn ul li:last-of-type {
    margin-left: 10px;
}

.item_cartpopup .item_cartbtn ul li .coupon_btn {
    background: #333;
    color: #fff;
    font-weight: 500;
    border: none;
}


.item_cartpopup .cash_list{
    border: solid 1px #dbdbdb;
    background: #fff;
}

.item_cartpopup .cash_list .ca_ttl{
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    border-bottom: solid 1px #eee;
}

.item_cartpopup .cash_list .list_box{
    padding: 16px 10px 20px;
}

.item_cartpopup .cash_list .my_cash span{
   display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../img/ico/mycash_ico.png') no-repeat center center/cover;
    margin-left: 5px;
}

.item_cartpopup .cas_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item_cartpopup .list_box > div + div{
    margin-top: 11px;
}

.item_cartpopup .cas_row .label{
    font-size: 14px;
    font-weight: 500;
    color: #454545;
    width: 25%;
}

.item_cartpopup .cas_row .my_cash{
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}

.item_cartpopup .cas_row .use_cash{
    position: relative;
}

.item_cartpopup .cas_row .use_cash input{
width: 100%;
height: 34px;
border: solid 1px #dbdbdb;
}

.item_cartpopup .cas_row .use_cash .use_btn{
width: 60px;
height: 34px;
background: #3f3f3f;
color: #fff;
line-height: 34px;
text-align: center;
font-size: 11px;
position: absolute;
right: 0;
top: 0;
}

.item_cartbtn.ad_cartbtn button {
    width: 100%;
    height: 44px;
    font-weight: 500;
    line-height: 42px;
    color: #fff;
    background: #0068f0;
}

.item_infobox .result_box .re_wrapbox{
    display: flex;
    align-items: center;
   
}

.item_infobox .result_box .re_wrapbox > span{
    font-size: 13px;
    color: #252525;
    margin-left: 10px;
}

.item_cartpopup .pay_select{
    margin-top: 15px;
}

/* 공통 라디오 */
.radio_list input{
    display: none;
}

.radio_list input + label{
    display: block;
    padding-top: 35px;
    font-size: 13px;
    color: #6b6b6b;
    line-height: 1.5;
    text-align: center;
 background: url(../img/ico/ico_radio_50x50.png) no-repeat center top/25px 25px;
}

.radio_list input:checked + label{
    font-weight: 500;
    color: #116ad4;
    background-image: url(../img/ico/ico_radio_50x50_on.png);
}

.pay_select .radio_list li{
    width: 33.3%;
}

.pay_result_wrap {
    margin-top: 15px;
    padding: 20px 10px;
   background: #ffffff;
   border: solid 1px #dbdbdb;
}

.pay_result_wrap .pay_tt_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #252525;
    font-size: 14px;
}

.pay_result_wrap .pay_tt_row + .pay_tt_row:not(.pay_total){
    margin-top: 15px;
}

.pay_result_wrap .pay_tt_row .pay strong{
    color: #252525;
    font-size: 17px;
    font-weight: 700;
}

.pay_result_wrap .pay_total{
    font-size: 17px;
    margin-top: 24px;
}

.pay_result_wrap .pay_total .pay{
    font-size: 16px;
    color: #116ad4;
}

.pay_result_wrap .pay_total .pay strong{
    font-size: 18px;
    font-weight:700;
    color: #116ad4;
}






/*popup*/
.com_popup {
    display: none;
    width: 100%;
    max-width: 850px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    /* background:#fff; */
    z-index: 11111;
    height: 100vh;
}

.com_popup .bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.com_popup .popup_wrap {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 10;
    max-height: 360px;
}


.popup_wrap .popup_top {
    position: relative;
    padding: 19px 0;
    height: 57px;
    border-bottom: solid 1px #dbdbdb;
}

.popup_wrap .popup_top>div {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.popup_wrap .popup_top .popup_closebtn {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
}

.popup_wrap .popup_box {
    padding: 30px 0 40px;
    height: 100%;
    max-height: calc(100vh - 107px);
    overflow-y: auto;
}

.popup_wrap .inq_btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    background: #0068f0;
    color: #fff;
    position: absolute;
    left: 0;
    bottom:-50px;
}

/* .inquiry_pop .popup_wrap .popup_box {
    padding-bottom: 0;
} */

/* iOS only */
@supports (-webkit-touch-callout: none) { 

    .com_popup{
        height: 100% !important;
    }

    .com_popup .popup_wrap{
        height: 100% !important;
    }

    .popup_wrap .popup_box{
        max-height: calc(100% - 107px) !important;
    }

    .popup_wrap .inq_btn{
        position: fixed;
        bottom: 0;
    }

  }

.inquiry_pop .profile_box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.inquiry_pop .profile_box .profile {
    width: 71px;
    height: 71px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 18px;
}

.inquiry_pop .profile_box .profile span {
    display: block;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.inquiry_pop .profile_box .compony_tit {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.inquiry_pop .profile_box .compony_time {
    font-size: 12px;
    color: #555;
}

.inquiry_pop .in_txtbox textarea {
    width: 100%;
    height: 200px;
    resize: none;
border-radius: 0;
}

.inquiry_pop .in_txtbox .in_txtinfo {
    display: flex;
    margin-top: 10px;
}

.inquiry_pop .in_txtbox .in_txtinfo>* {
    font-size: 11px;
    color: #6b6b6b;
}

.inquiry_pop .in_txtbox .in_txtinfo .user_txtinfo {
    position: relative;
    padding-right: 6px;
    margin-right: 10px;
}

.inquiry_pop .in_txtbox .in_txtinfo .user_txtinfo::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #777;
    position: absolute;
    top: 0;
    right: 0;
}


.inquiry_pop .file_wrap {
    margin: 30px 0;
}

.inquiry_pop .file_wrap input[type="file"] {
    display: none;
}

.inquiry_pop .file_wrap .file_box {
    display: flex;
    margin-bottom: 10px;
}

.inquiry_pop .file_wrap input[type="file"]+label {
    display: inline-block;
    width: 70px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #3f3f3f;
}

.inquiry_pop .file_wrap input[type="text"] {
    width: calc(100% - 70px);
    height: 40px;
    color: #6b6b6b;
    font-size: 12px;
    border: solid 1px #dbdbdb;
    border-left: 0;
}

.inquiry_pop .file_wrap>div {
    font-size: 11px;
    color: #6b6b6b;
}

.inquiry_pop .noti_box {
    padding: 15px;
    border: solid 1px #eee;
    display: flex;
}

.inquiry_pop .noti_box .noti_ico {
    width: 17px;
    height: 23px;
    margin-right: 15px;
}

.inquiry_pop .noti_box .noti_txt {
    width: calc(100% - 32px);
    font-size: 13px;
    line-height: 1.3;
    color: #6b6b6b;
}

.inquiry_pop .noti_box .noti_txt a {
    display: inline-block;
    font-weight: 500;
    color: #116ad4;
    position: relative;
}

.inquiry_pop .noti_box .noti_txt a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #116ad4;
    position: absolute;
    bottom: -2px;
    left: 0;
}

/*로그인*/

.sub h2.me_tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #252525;
    margin-bottom: 40px;
}

.sub h3.me_stl {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #454545;
    margin-bottom: 35px;
}

.login .input_wrap {
    margin-bottom: 20px;
}

.login .input_wrap input{
    width: 100%;
    height: 40px;
    border: solid 1px #dbdbdb;
}

.login .input_wrap input + input{
    margin-top: 10px;
}

.login .input_wrap input::placeholder {
    font-size: 13px;
    color: #999;
}

.login .keep_check input[type="checkbox"] {
    display: none;
}

.login .keep_check input[type="checkbox"]+label {
    font-size: 13px;
    color: #252525;
    vertical-align: middle;
}

.login .keep_check input[type="checkbox"]+label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #dbdbdb;
    margin-right: 10px;
    vertical-align: middle;
}

.login .keep_check input[type="checkbox"]:checked+label span {
    background: url('../img/btn/login_keepcheck.png') no-repeat center center/cover;
    border: none;
}

.login #login_form .login_btn {
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    background: #116ad4;
    border-radius: 999px;
    margin: 30px 0;
    box-shadow: 0 5px 8px rgba(0, 138, 255, 0.6);
}

.login .mem_wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.login .mem_wrap ul li a {
    font-size: 13px;
    color: #6b6b6b;
}

.login .mem_wrap ul li:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

.login .mem_wrap ul li:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 1px;
    height: 11px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-top: 2px;
}

.login .sns_login_wrap .sns_tit {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #454545;
    position: relative;
    margin-bottom: 30px;
}

.login .sns_login_wrap .sns_tit::before,
.login .sns_login_wrap .sns_tit::after {
    content: "";
    display: block;
    width: 31.9%;
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.login .sns_login_wrap .sns_tit::before {
    left: 0;
}

.login .sns_login_wrap .sns_tit::after {
    right: 0;
}

.login .sns_login_wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login .sns_login_wrap ul li button {
    width: 48px;
    height: 48px;
}

.login .sns_login_wrap ul li:not(:last-of-type) {
    margin-right: 21px;
}

/* 중복회원 */

.sub.acc_chk h2.me_tit {
    margin-bottom: 15px;
}

.acc_chk{
background: #fafafa;
}

/* 회원가입 리스트 */

.input_wrap input:read-only {
    font-size: 13px;
    color: #252525;
    background: #fafafa;
}

.member.join_sns {
    background: #fafafa;
    padding-top: 150px;
}

.member .join_sns li:not(:last-of-type) {
    margin-bottom: 10px;
}

.member .join_sns li button {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}

.member .join_sns li button.join_n {
    background: #1ec800 url('../img/btn/join_naver.png') no-repeat left center/cover;
    color: #fff;
}

.member .join_sns li button.join_k {
    background: #fee500 url('../img/btn/join_kakao.png') no-repeat left center/cover;
}

.member .join_sns li button.join_g {
    background: #fff url('../img/btn/join_google.png') no-repeat left center/cover;
    border: solid 1px #aaa;
}

.member .join_sns li button.join_e {
    background: #fff url('../img/btn/join_email.png') no-repeat left center/cover;
    border: solid 1px #aaa;
}

.member .sen_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.member .sen_list a {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    background: #116ad4;
    font-size: 13px;
}

.member .new_memnt {
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    color: #252525;
    margin-top: 15px;
}

/* 
.member .sen_list a:last-of-type {
    margin-left: 14px;
    padding-left: 13px;
    position: relative;
}

.member .sen_list a:last-of-type::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #e4e4e4;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
} */

/*이메일회원가입*/

.form .jointit {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 25px;
}

.form.member .t_row {
    margin-bottom: 24px;
}

.form .t_row .label {
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}

.form .t_row .input_wrap {
    display: flex;
}

.form .t_row input {
    width: 100%;
    height: 40px;
    border: solid 1px #dbdbdb;
}

.form .t_row .input_wrap input[type="text"]::placeholder {
    font-size: 13px;
    color: #999;
}

.form .t_row .input_wrap select {
    height: 40px;
}

.form .t_row .input_wrap.email_wrap input[type="text"] {
    width: calc(100%/3 - 30px/3);
}

.form .t_row .input_wrap.email_wrap select {
    width: calc(100%/3 - 30px/3);
    margin-right: 10px;
}

.form .t_row .input_wrap.email_wrap span {
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    color: #252525;
    margin: 0 4px;
}

.form .t_row .input_wrap .num_wrap {
    margin-bottom: 10px;
    width: 100%;
}

.form .t_row .input_wrap .num_wrap input,
.form .t_row .input_wrap .num_wrap select {
    width: calc(100%/3 - 11px);
}

.form .t_row .input_wrap .num_wrap select {
    border: solid 1px #dbdbdb;
}

.form .t_row .input_wrap .num_wrap span {
    display: inline-block;
    margin: 0 6px;
    line-height: 40px;
}

.form .t_row .cer_wrap input[type="text"] {
    margin: 10px 0;
}

.form .t_row .button_box{
    margin-top: 10px;
}

.form .t_row button {
    display: block;
    width: 100%;
    height: 40px;
    border: solid 1px #252525;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    color: #252525;
}

.form .t_row .alert_txt {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.2;
}

.form .t_row .alert_txt.blue {
    color: #0a6ec2;
}

.form .t_row .alert_txt.red {
    color: #ee0505;
}

.form .t_row .guide_txt {
    font-size: 12px;
    color: #6b6b6b;
    margin-top: 10px;
}

.form .t_row .cer_time {
    font-size: 12px;
    color: #6b6b6b;
    margin-top: 10px;
    color: #ee0505;
}

.form .t_row .cer_time span {
    letter-spacing: 0.3px;
}

.form .agree_box input[type="checkbox"] {
    display: none;
}

.form .agree_box input[type="checkbox"]+label {
    font-size: 12px;
    font-weight: 500;
    color: #252525;
}

.form .agree_box input[type="checkbox"]+label span {
    font-size: 12px;
    font-weight: 500;
    color: #252525;
}

.form .agree_box .all_agree input[type="checkbox"]+label {
    font-size: 14px;
}

.form .agree_box input[type="checkbox"]+label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: solid 1px #dbdbdb;
    margin-right: 10px;
    vertical-align: middle;
}

.form .agree_box input[type="checkbox"]:checked+label span {
    background: url('../img/sub/agree_check.png') no-repeat center center/cover;
    border: none;
}

.form .all_agree {
    margin-bottom: 20px;
}

.form .agree_box .agree_wrap {
    border: solid 1px #dbdbdb;
}

.form .agree_box .agree_wrap .agree_row:not(:last-child) {
    border-bottom: solid 1px #dbdbdb;
}

.form .agree_box .agree_wrap .agree_row {
    padding: 13px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form .agree_box .agree_wrap .agree_row .ag_more {
    font-size: 10px;
    color: #6b6b6b;
}

/*아이디찾기*/

.find .find_tab {
    display: flex;
    margin-bottom: 30px;
}

.find .find_tab li {
    width: calc(50% - 1px/2);
    height: 40px;
    border: solid 1px #dbdbdb;
    border-bottom-color: #252525;
    position: relative;
}

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

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

.find .find_tab li a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    color: #252525;
}

.find .t_row .input_wrap:first-child {
    margin-bottom: 10px;
}

.find .t_row.cerfi_row {
    margin-bottom: 0;
    margin-top: 30px;
}

.find .cerfi_row p {
    font-size: 13px;
    color: #252525;
    margin-bottom: 10px;
}

.find .find_notice {
    font-size: 13px;
    color: #454545;
    line-height: 1.4;
    margin-bottom: 20px;
}

.find .type_box {
    margin-bottom: 30px;
}


.find .type_box .radio_wrap input[type="radio"]:first-of-type+label {
    margin-right: 39px;
}

.find .t_row .input_wrap .num_wrap {
    margin: 0;
    display: flex;
    width: 100%;
}

.form .radio_wrap input[type="radio"] {
    display: none;
}

.form .radio_wrap input[type="radio"]+label {
    font-size: 13px;
    color: #252525;
    vertical-align: middle;
}

.form .radio_wrap input[type="radio"]+label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: solid 1px #ccc;
    margin-right: 10px;
    vertical-align: middle;
}

.form .radio_wrap input[type="radio"]:checked+label span {
    background: url(../img/btn/radio_checked.png) no-repeat center center/12px 12px;
    border: solid 1px #ccc;
}

.form .form_wrap {
    display: none;
}


















/* 달력 */
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    display: none;
    position: relative;
    margin-top: 10px;
    background: #fff;
    border: solid 1px #dddddd;
    border-radius: 4px;
    padding: 0 0 3px 0;
    z-index: 99999 !important;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all:before {
    position: absolute;
    top: -1px;
    left: 20px;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #ddd;
    border-radius: 0px;
    border-left: solid 1px #ddd;
    background-color: #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table {
    background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th {
    width: 32px;
    line-height: 24px;
    height: 24px;
    text-align: center;
    padding-right: 5px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th span {
    font-size: 10.1px;
    font-weight: 700;
    color: #6b6b6b;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td {
    text-align: center;
    color: #666666;
    font-size: 12px;
    padding-right: 0px;
    background: #ffffff;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a {
    display: block;
    margin: 1px;
    border-radius: 50%;
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a:hover {
    background-color: #6a8192;
    color: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a.ui-state-default.ui-state-active {
    border: solid 1px #faa8a8;
    line-height: 33px;
}

.ui-datepicker-title {
    display: table;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 5px;
}

.ui-datepicker-title span {
    text-align: center;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    margin-right: 5px;
}

.ui-datepicker-title span.ui-datepicker-year {
    font-weight: 300;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    position: relative;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev {
    text-indent: -9999px;
    position: absolute;
    background: url("../img/btn/calandar_left.png")no-repeat center;
    width: 6px;
    height: 10px;
    left: 10px;
    top: 6px;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next {
    text-indent: -9999px;
    position: absolute;
    background: url("../img/btn/calandar_right.png")no-repeat center;
    width: 6px;
    height: 10px;
    right: 10px;
    top: 6px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td.ui-datepicker-unselectable.ui-state-disabled {
    background: #fff;
    color: #cecece;
}

input.date_form :-ms-input-placeholder {
    color: #333333;
}

input.date_form::-webkit-input-placeholder {
    color: #333333;
}

input.date_form::-moz-placeholder {
    color: #333333;
}

button.ui-datepicker-trigger {
    display: none;
}

img.ui-datepicker-taigger {
    margin-left: 10px;
    margin-top: 1px;
}

.date_form {
    background: url("../img/ico/ico_calander.png") no-repeat;
    background-position: 90px center;
}

.date_form.date_form3 {
    background: none;
}

.ui-datepicker-trigger {
    margin-left: 10px;
}

.ui-timepicker-container {
    z-index: 13 !important;
}

/*통합검색*/

.search {
    border-top: solid 7px #eee;
    /* padding: 0 0 63px 0; */
}

.search .sear_topsec {
    padding: 30px 0 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.search .sear_topsec h3 {
    font-size: 17px;
    font-weight: 700;
    color: #252525;
}

.search .sear_topsec .sort_btn {
    display: inline-block;
    font-size: 13px;
    color: #454545;
    padding-left: 16px;
    background: url('../img/ico/sort_arrowico.png') no-repeat left center/13px 10px;
}

.search .sear_info {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.search .sear_info strong {
    font-weight: 700;
}

.sear_box ul li:not(:last-child) {
    margin-bottom: 18px;
}

.sear_box ul li a {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.sear_box ul li .item_imgbox {
    width: calc(43% - 11px);
    margin-right: 11px;
}

.sear_box ul li .item_imgbox span {
    display: block;
    /* padding-top: 70%; */
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: solid 1px #dbdbdb;
    border-radius: 8px;
    overflow: hidden;
}

.sear_box ul li .item_txtbox {
    width: 57%;
}

.sear_box ul li .item_txtbox .item_tit {
    margin-top: 8px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    line-height: 1.4em;
    max-height: 2.8em;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.sear_box ul li .item_txtbox .item_review {
    margin-bottom: 10px;
}

.sear_box ul li .item_txtbox .item_review .star_num {
    padding-left: 15px;
    font-size: 11px;
    font-weight: 500;
    color: #6b6b6b;
    background: url('../img/ico/ico_star.png') no-repeat left center/11px 10px;
    margin-right: 5px;
}

.sear_box ul li .item_txtbox .item_review .review_num {
    font-size: 11px;
    font-weight: 500;
    color: #252525;
}

.sear_box ul li .item_txtbox .item_price {
    font-size: 12px;
    color: #252525;
}

.sear_box ul li .item_txtbox .item_price strong {
    font-size: 16px;
    font-weight: 800;
    font-family: 'NanumSquare', san-serif;
}

.sear_box .adver_btnbox {
    position: absolute;
    right: 0;
    top: -61px;
}

.sear_box .adver_btnbox button {
    width: 30px;
    height: 30px;
    background: url('../img/btn/main_slideprev.png') no-repeat center center/cover;
}

.sear_box .adver_btnbox button.ad_next {
    background-image: url('../img/btn/main_slidenext.png');
    margin-left: 10px;
}

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

.pager_bk li:not(:last-of-type) {
    margin-right: 7px;
}

.pager_bk li.prev {
    margin-right: 23px;
}

.pager_bk li.next {
    margin-left: 16px;
}

.pager_bk li a {
    display: block;
    width: 31px;
    height: 31px;
    line-height: 29px;
    background: #fafafa;
    border: solid 1px #ddd;
    font-size: 13px;
    text-align: center;
    color: #6b6b6b;
}

.pager_bk li a.on {
    border: solid 2px #333;
    font-weight: 700;
    line-height: 27px;
    color: #333;
}

.pager_bk li.first a {
    background: #fafafa url('../img/btn/pagefirstbtn.png') no-repeat center center/12px 9.5px;
}

.pager_bk li.prev a {
    background: #fafafa url('../img/btn/pageprevbtn.png') no-repeat center center/7px 9.5px;
}

.pager_bk li.next a {
    background: #fafafa url('../img/btn/pagenextbtn.png') no-repeat center center/6px 9.5px;
}

.pager_bk li.last a {
    background: #fafafa url('../img/btn/pagelastbtn.png') no-repeat center center/12px 9.5px;
}

/* 검색결과 */

.not_result {
    padding-top: 50px;
    text-align: center;
}

.not_result .ico_s{
    display: inline-block;
    width: 106px;
    text-align: center;
    margin-bottom: 20px;
}

.not_result .re_try{
    font-size: 15px;
    margin-bottom: 20px;
}

.not_result h3{
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}

.not_result p{
    font-size: 12px;
    line-height: 1.5;
    color: #454545;
    word-break: keep-all;
}


/*정렬 팝업*/

.sort_popup .popup_wrap {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    padding: 30px;
    border-radius: 20px;
}

.sort_popup .popup_wrap .sort_row {
    padding: 21px 0;
}

.sort_popup .popup_wrap .sort_row:not(:last-child) {
    border-bottom: solid 1px #eee;
}

.sort_popup .popup_wrap .sort_row input[type="checkbox"] {
    display: none;
}

.sort_popup .popup_wrap .sort_row input[type="checkbox"]+label {
    font-size: 13px;
    color: #252525;
    vertical-align: middle;
}

.sort_popup .popup_wrap .sort_row input[type="checkbox"]+label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: solid 1px #dbdbdb;
    margin-right: 9px;
    vertical-align: middle;
}

.sort_popup .popup_wrap .sort_row input[type="checkbox"]:checked+label span {
    border: none;
    background: url('../img/ico/checkedico_sor.png') no-repeat center center/cover;
}

.com_popup .pop_haeder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.com_popup .pop_haeder>div {
    font-size: 15px;
    font-weight: 700;
    color: #252525;
}

.com_popup .pop_haeder .popup_closebtn {
    display: block;
    width: 13px;
}

/*item_list nav*/

#itemNav #prdnav .depthbtn {
    width: 100%;
    height: 45px;
    text-align: center;
}

#itemNav #prdnav .depthbtn span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    padding-right: 16px;
    background: url('../img/btn/navbtn_arrow.png') no-repeat right center/6px 4px;
}

#itemNav #prdnav .prd_list {
    display: none;
    padding: 21px 15px;
    background: #f3f4f8;
}

#itemNav #prdnav .prd_list ul {
    display: flex;
}

#itemNav #prdnav .prd_list ul li {
    width: calc(50% - 5px);
    border: solid 1px #dbdbdb;
    border-radius: 4px;
    background: #fff;
}

#itemNav #prdnav .prd_list ul li a {
    display: block;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    text-align: center;
    color: #6b6b6b;
}

#itemNav #prdnav .prd_list ul li.on {
    color: #0068f0;
    border: solid 1px #0068f0;
}

#itemNav #prdnav .prd_list ul li:first-of-type {
    margin-right: 10px;
}

#itemNav .prd1depth {
    width: 100%;

}

#itemNav .prd1depth ul {
    display: flex;
    padding-bottom: 1px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: visible;

}

#itemNav .prd1depth ul li a.menu01 {
    display: inline-block;
    margin: 0px 11px;
    font-size: 14px;
    line-height: 41px;
    color: #6b6b6b;
    position: relative;

}
#itemNav .prd1depth ul li a.on span{
    text-decoration: none !important;
}

/* #itemNav .prd1depth ul li a.on {
    color: #1c77ca;
} */

/* #itemNav .prd1depth ul li a.on::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #167edd;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
} */

#itemNav .prd2depth {
    width: 100%;
}

#itemNav .prd2depth ul {
    display: flex;
    padding: 0 0 1px 15px;
    white-space: nowrap;
    overflow-x: auto;
}

#itemNav .prd2depth ul li {
    border-bottom: solid 1px #eee;
}

#itemNav .prd2depth ul li:first-child a {
    margin-left: 0;
}

#itemNav .prd2depth ul li a {
    display: block;
    margin: 0px 11px;
    font-size: 14px;
    line-height: 46px;
    color: #6b6b6b;
    position: relative;
}

#itemNav .prd2depth ul li a.on {
    color: #1c77ca;
}

#itemNav .prd2depth ul li a.on::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #167edd;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
}

#itemNav .prd1depth ul::-webkit-scrollbar,
#itemNav .prd2depth ul::-webkit-scrollbar {
    display: none;
}

#itemNav .pre3depth {
    width: 100%;
    height: 50px;
    padding: 8px 15px;
    margin-top: -1px;
    background: #f3f4f8;
}

#itemNav .pre3depth ul {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
}

#itemNav .pre3depth ul::-webkit-scrollbar {
    display: none;
}

#itemNav .pre3depth ul li:not(:last-of-type) {
    margin-right: 10px;
}

#itemNav .pre3depth ul li button {
    display: inline-block;
    height: 34px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    padding: 0 15px;
    border-radius: 999px;
    border: solid 1px #e9ecef;
    color: #454545;
    background: #fff;
}

#itemNav .pre3depth ul li button.on {
    background: #0068f0;
    color: #fff;
}

/*카테고리 검색*/

.cate_list .sear_box {
    border-top: solid 7px #eee;
    padding: 30px 0 40px;
}

.cate_list .sear_box.talent_box {
    padding-bottom: 0;
}

.cate_list .sear_box.advert_box {
    position: relative;
}

.cate_list .advert_box .sear_btnbox {
    position: absolute;
    right: 0;
    top: 0;
}

.cate_list .advert_box .sear_btnbox button {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../img/btn/main_slideprev.png') no-repeat center center/cover;
    font-size: 0;
    outline: none;
}

.cate_list .advert_box .sear_btnbox button.se_next {
    background-image: url('../img/btn/main_slidenext.png');
    margin-left: 10px;
}

.cate_list .sear_box .sear_top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 18px;
    padding: 0;
}

.cate_list .sear_box .sear_top .main_tit {
    font-size: 21px;
    font-weight: 700;
    color: #252525;
    margin-right: 9px;
}

.cate_list .sear_box .sear_top .more_btn {
    font-size: 12px;
    font-weight: 500;
    color: #6b6b6b;
    padding: 7px 10px 6px;
    border: solid 1px #dbdbdb;
    border-radius: 12px;
}

/*내게맞춤견적리스트*/

.custom_wrap {
    border-top: solid 7px #eee;
    padding: 30px 0 65px;
}

.custom_wrap .go_custom {
    display: block;
    height: 44px;
    text-align: center;
    background: #26348a;
    margin-bottom: 28px;
}

.custom_wrap .go_custom span {
    display: inline-block;
    font-size: 16px;
    line-height: 44px;
    font-weight: 500;
    color: #fff;
    padding-left: 31px;
    background: url('../img/ico/ico_gocustom.png') no-repeat left center/24px 24px;
}

.custom_wrap .cuslist_top {
    position: relative;
    margin-bottom: 20px;
}

.custom_wrap .cuslist_top .se_box {
    width: calc(100% - 65px);
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.custom_wrap .cuslist_top h2 {
    font-size: 17px;
    font-weight: 700;
    color: #252525;
}

.custom_wrap .cuslist_top .sort_btn {
    display: inline-block;
    font-size: 13px;
    color: #454545;
    padding-left: 16px;
    background: url('../img/ico/sort_arrowico.png') no-repeat left center/13px 10px;
}

.custom_wrap .cuslist_top .cus_searchbox {
    width: 50px;
    height: 30px;
    padding: 0 7px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border: solid 1px #0068f0;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    transition: all 0.5s;
}

.custom_wrap .cuslist_top .cus_searchbox input[type="text"] {
    border: none;
    width: 0%;
    height: 30px;
}

.custom_wrap .cuslist_top .cus_searchbox input[type="text"]:focus {
    outline: none;
}

.custom_wrap .cuslist_top .cus_searchbox button {
    display: block;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 7px;
}

.custom_wrap .cuslist_top .cus_searchbox button span {
    color: #0068f0;
    font-size: 13px;
    padding-left: 13px;
    background: url('../img/ico/cusearch_ico.png') no-repeat left center/10px 11px;
}

.custom_wrap .cuslist_top .cus_searchbox.open {
    width: 100%;
    z-index: 2;
}

.custom_wrap .cuslist_top .cus_searchbox.open input[type="text"] {
    display: inline-block;
    width: calc(100% - 50px);
}

.custom_wrap .cuslist_wrap ul li {
    border: solid 1px #dbdbdb;
    border-radius: 4px;
    padding: 20px;
}

.custom_wrap .cuslist_wrap ul li:not(:last-of-type) {
    margin-bottom: 20px;
}

.custom_wrap .cuslist_wrap ul li .cus_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}

.custom_wrap .cuslist_wrap ul li .cus_info .cus_state>div {
    display: inline-block;
    width: 35px;
    padding: 4px 0;
    border-radius: 4px;
    border: solid 1px #bbb;
    font-size: 10px;
    font-weight: 500;
    color: #6b6b6b;
    text-align: center;
    vertical-align: middle;

}

.custom_wrap .cuslist_wrap ul li .cus_info .cus_state .d-date {
    background: #4a74ca;
    color: #fff;
    border: none;
    padding: 5px 0;
}

.custom_wrap .cuslist_wrap ul li .cus_info .cus_state .d-date.date-red {
    background: #ef4242;
}

.custom_wrap .cuslist_wrap ul li .cus_info .cus_state span:not(:last-of-type) {
    margin-right: 5px;
}

.custom_wrap .cuslist_wrap ul li .cus_info .date {
    font-size: 10px;
    letter-spacing: 0.1px;
    color: #6b6b6b;
}

.custom_wrap .cuslist_wrap ul li .cus_tit {
    width: 100%;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 700;
    color: #252525;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom_wrap .cuslist_wrap ul li .cus_infotxt {
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    margin-bottom: 20px;
}

.custom_wrap .cuslist_wrap ul li .cus_proinfo {
    width: 100%;
    padding: 20px 14px;
    background: #f8fafc;
    margin-bottom: 15px;
}

.custom_wrap .cuslist_wrap ul li .cus_proinfo>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom_wrap .cuslist_wrap ul li .cus_proinfo>div:not(:last-of-type) {
    margin-bottom: 17px;
}

.custom_wrap .cuslist_wrap ul li .cus_proinfo>div span:first-of-type {
    font-size: 11px;
    color: #454545;
}

.custom_wrap .cuslist_wrap ul li .cus_proinfo>div span:last-of-type {
    font-size: 12px;
    color: #133986;
}


.custom_wrap .cuslist_wrap ul li .cus_proinfo>div span:last-of-type strong {
    font-size: 15px;
    font-family: 'Gmarket Sans';
    font-weight: 700;
    color: #133986;
}

.custom_wrap .cuslist_wrap ul li .cus_btnwrap {
    display: flex;
    justify-content: center;
}

.custom_wrap .cuslist_wrap ul li .cus_btnwrap>* {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 999px;
}

.custom_wrap .cuslist_wrap ul li .cus_btnwrap .good_btn {
    width: 89px;
    line-height: 38px;
    background: #fff;
    border: solid 1px #ddd;
    margin-right: 8px;
}

.custom_wrap .cuslist_wrap ul li .cus_btnwrap .good_btn span {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    padding-left: 30px;
    background: url('../img/btn/custom_zzimbtn.png') no-repeat left center/15px 14px;
}

.custom_wrap .cuslist_wrap ul li .cus_btnwrap .good_btn.on span {
    background-image: url('../img/btn/custom_zzimbtnon.png');
}

.custom_wrap .cuslist_wrap ul li .cus_btnwrap .detail_btn {
    display: block;
    width: 140px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(to right, #3b71dd, #5f52f7);
}

/*맞춤견적 뷰페이지*/
.custom_view {
    padding: 30px 0 64px;
}

.custom_view .ct_infotop .ondate {
    font-size: 12px;
    color: #6b6b6b;
    margin-bottom: 15px;
}

.custom_view .ct_infotop .ct_tit {
    font-size: 21px;
    font-weight: 700;
    color: #252525;
    width: 100%;
    line-height: 2.1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 24px;
    border-bottom: solid 2px #1c418b;
}

.custom_view .ct_infotop .ct_info {
    margin: 24px 0 15px;
    padding: 22px 14px;
    background: #f8fafc;
}

.custom_view .ct_infotop .ct_info>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom_view .ct_infotop .ct_info>div:not(:last-of-type) {
    margin-bottom: 20px;
}

.custom_view .ct_infotop .ct_info>div span:first-of-type {
    font-size: 13px;
    line-height: 1.5;
    color: #454545;
    padding-left: 21px;
    background: url('../img/ico/ico_ctcost.png') no-repeat left center/15px 15px;
}

.custom_view .ct_infotop .ct_info .applinum span:first-of-type {
    background: url('../img/ico/ico_ctapplinum.png') no-repeat left center/15px 12px;
}

.custom_view .ct_infotop .ct_info .time span:first-of-type {
    background-image: url('../img/ico/ico_ctitme.png');
}

.custom_view .ct_infotop .ct_info .end_date span:first-of-type {
    padding-left: 21px;
    background: url('../img/ico/ico_ctdeadline.png') no-repeat 5% center/9px 15px;
}

.custom_view .ct_infotop .ct_info>div span:last-of-type {
    font-size: 14px;
    color: #133986;
}

.custom_view .ct_infotop .ct_info>div span:last-of-type strong {
    font-size: 15px;
    font-family: 'Gmarket Sans';
    font-weight: 700;
    color: #133986;
}

.custom_view .ct_infotop .keword_box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 14px;
    border-bottom: solid 1px #eee;
}

.custom_view .ct_infotop .keword_box span {
    padding: 8px 10px;
    background: #f9f9f9;
    border-radius: 4px;
    border: solid 1px #eee;
    font-weight: 300;
    font-size: 11px;
    margin-bottom: 10px;
}

.custom_view .ct_infotop .keword_box span:not(:last-of-type) {
    margin-right: 10px;
}

.custom_view .ct_infobox {
    margin-top: 30px;
}

.custom_view .ct_infobox h3 {
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 17px;
}

.custom_view .ct_infobox .ct_infotb {
    border-top: solid 1px #666;
}

.custom_view .ct_infobox .ct_infrow {
    display: flex;
    border-bottom: solid 1px #eee;
}

.custom_view .ct_infobox .ct_infrow .ct_infotit {
    width: 25%;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #252525;
    padding-left: 15px;
    background: #fafafa;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt {
    width: 75%;
    font-size: 12px;
    color: #454545;
    padding: 17px 0 17px 25px;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .ct_imgwrap {
    display: flex;
    flex-wrap: wrap;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .ct_imgwrap .ct_img {
    width: calc(50% - 5px);
    max-height: 97px;
    margin-bottom: 10px;
    border: solid 1px #dbdbdb;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .ct_imgwrap .ct_img:nth-child(2n-1) {
    margin-right: 10px;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .down_btn {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #333;
    margin-top: 20px;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .file_txt span {
    font-size: 12px;
    line-height: 1.5;
    color: #454545;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .file_txt span.file_t {
    margin-left: 17px;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt>div:not(:last-of-type) {
    margin-bottom: 17px;
}

.custom_view .ct_infobox .ct_infrow .ct_infotxt .img_down {
    margin-top: 5px;
}

.custom_view .ct_infobox .ct_infrow .ct_etctxt {
    padding: 21px 40px 40px 16px;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-all;
    color: #454545;
}

/*맞춤견적등록*/

.enrollment {
    padding: 30px 0 65px;
}

.enrollment .en_tit {
    font-size: 17px;
    font-weight: 700;
    color: #252525;
    padding-bottom: 24px;
    border-bottom: solid 2px #1c418b;
}

.en_wrap {
    padding: 24px 0 10px;
}

.enrollment .en_wrap:not(.txtwrap) {
    margin-bottom: 16px;
}

.enrollment .en_wrap .en_subtit {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: solid 1px #666;
}

.enrollment .en_row {
    padding: 20px 10px;
    border-bottom: solid 1px #eee;
}

.enrollment .en_label {
    font-size: 12px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}

.enrollment .en_label .req_ico {
    color: #3b71dd;
}

.enrollment .input_wrap .endpick {
    color: #6b6b6b;
    background: url('../img/ico/en_dateico.png') no-repeat 98% center/16px 17px;
}

.enrollment .input_wrap.budget {
    display: flex;
    align-items: center;
}

.enrollment .input_wrap.budget input[type="text"] {
    width: 90.32%;
}

.enrollment .input_wrap.budget span {
    font-size: 12px;
    color: #454545;
    margin-left: 9px;
}

.enrollment .input_wrap input[type="text"] {
    width: 100%;
    height: 34px;
    border: solid 1px #ccc;
}

.enrollment .input_wrap input[type="text"]::placeholder {
    font-size: 12px;
    font-weight: 300;
    color: #999;
}

.enrollment .en_row .key_wrap {
    position: relative;
}

.enrollment .key_wrap input {
    width: calc(100% - 80px);
}

.enrollment .key_wrap button {
    width: 80px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
}

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

.en_keybox .keyword {
    display: inline-block;
    padding: 0 8px;
    height: 26px;
    background: #eff0f2;
    border-radius: 4px;
    margin-top: 10px;
}

.en_keybox .keyword span {
    font-size: 11px;
    font-weight: 300;
    margin-right: 10px;
}

.en_keybox .keyword .keyword_del {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url('../img/btn/keyword_closebtnm.png') no-repeat center center/cover;
}

.en_keybox .keyword:not(:last-child) {
    margin-right: 10px;
}

.enrollment .cate_sel {
    display: flex;
}

.enrollment .cate_sel select {
    width: calc(100%/3 - 20px/3);
    height: 34px;
    padding: 0 10px;
    border: solid 1px #ccc;
    font-size: 12px;
    font-weight: 300;
    color: #6b6b6b;
}

.enrollment .cate_sel select:not(:last-of-type) {
    margin-right: 10px;
}

.enrollment .radio_wrap input[type="radio"]:first-of-type+label {
    margin-right: 20px;
}

.enrollment .addim_notice {
    font-size: 12px;
    color: #454545;
}

.enrollment .img_addwrap {
    display: flex;
    flex-wrap: wrap;
}

.enrollment .img_addbox {
    width: calc(50% - 5px);
    margin-top: 10px;
    border: solid 2px #dbdbdb;
    position: relative;
}

.enrollment .img_addbox:nth-child(2n - 1) {
    margin-right: 10px;
}

.enrollment .img_addbox input[type="file"] {
    display: none;
}

.enrollment .img_addbox input[type="file"]+label {
    display: block;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* .enrollment .img_addbox .btn_list li .rev_btn {
    background: rgba(0, 111, 255, 0.8) url('../img/btn/addimg_revisebtn.png') no-repeat center center/14px 16px;
} */

.enrollment .img_addbox .del_btn {
    display: block;
    width: 100%;
    height: 37px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(37, 37, 37, 0.8) url('../img/btn/addimg_delbtn.png') no-repeat center center/13.5px 13.5px;
}

.enrollment .img_addbox .btn_list li .rev_btn img {
    width: 14px;
}

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

.enrollment .add_filebox:not(:last-child) {
    margin-bottom: 10px;
}

.enrollment .add_filebox>* {
    float: left;
    vertical-align: middle;
}

.enrollment .add_filebox input[type="file"] {
    display: none;
}

.enrollment .add_filebox input[type="file"]+label {
    width: 70px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    background: #3f3f3f;
    color: #fff;
}

.enrollment .add_filebox .file_name {
    display: inline-block;
    line-height: 30px;
    max-width: 40%;
    font-size: 12px;
    padding-right: 3px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enrollment .add_filebox .file_size {
    font-size: 12px;
    line-height: 30px;
    color: #333;
    margin-left: 10px;
}

.enrollment .add_filebox .file_delbtn {
    float: right;
    margin-top: 3.5px;
    width: 23px;
    height: 23px;
}

.enrollment .addf_noti {
    font-size: 12px;
    color: #454545;
    margin-top: 14px;
}

.enrollment .txtwrap {
    padding-bottom: 24px;
}

.enrollment .txtwrap .en_subtit {
    border-bottom: none;
}

.enrollment .txtwrap .en_row {
    padding: 0;
    border-bottom: none;
}

.enrollment .txtwrap textarea {
    width: 100%;
    height: 200px;
}

.enrollment .tbtn_wrap {
    display: flex;
    justify-content: center;
}

.enrollment .tbtn_wrap .btn {
    width: calc(100%/3 - 22px/3);
}

.enrollment .tbtn_wrap .btn:not(:last-child) {
    margin-right: 11px;
}

/*메세지*/

#sub .msg_popup {
    display: none;
    width: 100%;
    height: calc(100vh - 48px);
    max-width: 800px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
}

#sub .msg_popup.open {
    display: block;
}

#sub .msg_popup .msg_tab {
    display: flex;
}

#sub .msg_popup .msg_tab button {
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f0f0f0;
    border-bottom: solid 1px #e4e5ed;
}

#sub .msg_popup .msg_tab button:first-of-type {
    border-right: solid #e4e5ed 1px;
}

#sub .msg_popup .msg_tab button.on {
    background: #fff;
    border-bottom: none;
}

#sub .msg_popup .msg_tab button .btit {
    font-size: 13px;
    font-weight: 700;
    margin-right: 4px;
}

#sub .msg_popup .msg_tab button .state {
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.3px;
}

#sub .msg_popup .msg_tab button.msg01 .state {
    background: #43a2b0;
}

#sub .msg_popup .msg_tab button.msg02 .state {
    background: #ef4242;
}

#sub .msg_popup .msg_wrap {
    display: none;
    height: calc(100% - 50px);
    padding-top: 20px;
    overflow-y: auto;
}

#sub .msg_popup .msg_wrap#contact {
    display: block;
}

#sub .msg_popup .msg_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 15px;
}

#sub .msg_popup .msg_top>div {
    font-size: 11px;
    color: #6b6b6b;
}

#sub .msg_popup .msg_top .more_btn {
    display: block;
    width: 60px;
    height: 24px;
    line-height: 22px;
    border: solid 1px #afafaf;
    text-align: center;
    font-size: 12px;
    color: #252525;
}
/*
#sub .msg_popup .msg_box ul li:nth-child(2n) {
    background: #edf3f4;
}
*/
#sub .msg_popup .msg_box ul .nochk {
    background: #edf3f4;
}
#sub .msg_popup .msg_box .msg_row {
    display: flex;
    align-items: center;
    padding: 20px 15px;
}

#sub .msg_popup .msg_box .msg_prof {
    width: 96px;
    height: 96px;
    margin-right: 15px;
}

#sub .msg_popup .msg_box .msg_prof span {
    display: block;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#sub .msg_popup .msg_box .msg_info .subject {
    font-size: 12px;
    line-height: 1.4;
    color: #252525;
}

#sub .msg_popup .msg_box .msg_info .price {
    font-size: 12px;
    line-height: 1.4;
    color: #252525;
    margin-bottom: 10px;
}

#sub .msg_popup .msg_box .msg_info .now_time {
    font-size: 10px;
    color: #6b6b6b;
}

#sub .msg_popup .msg_box .msg_info .now_time .date {
    margin-right: 4px;
}

#sub .search_pop {
    display: none;
    width: 98%;
    max-width: 800px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 13;
}

#sub .search_pop.on {
    display: block;
}

#sub .search_pop input {
    border: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

#sub .search_pop input::placeholder {
    font-size: 13px;

    color: #999;
}

/*주문완료*/

.order {
    padding-top: 0;
}

.order .od_tit {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.order .od_top {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: solid 2px #252525;
}

.order .od_top ul {
    padding: 15px 0 15px;
    display: flex;
    justify-content: center;
    background: #fafafa;
}

.order .od_top ul li {
    font-size: 14px;
    font-weight: 500;
    color: #6b6b6b;
    position: relative;
}

.order .od_top ul li:not(:last-child) {
    margin-right: 8px;
    padding-right: 20px;
}

.order .od_top ul li:not(:last-child)::after {
    content: "";
    display: block;
    width: 8px;
    height: 13px;
    background: url('../img/ico/od_toparrow.png') no-repeat center center/cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.order .od_top ul li.on {
    color: #252525;
}

.order .od_bod>div {
    border-bottom: solid 7px #eee;
}

.order .od_bod .od_ok .inner{
    padding: 30px 0;
    margin-bottom: 50px;
    text-align: center;
    background: #faf9f9;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.order .od_bod .ok_txtopbox {
    padding: 60px 0 25px;
    text-align: center;
    border: none;
}

.order .od_bod .ok_txt {
    color: #252525;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
margin-bottom: 12px;
}

.order .od_bod .ok_txt02{
    font-size: 14px;
    font-weight: 500;
    color: #252525;
}

.order .od_bod .ok_txt02 span{
    color: #116ad4;
}


.order .od_bod .ok_txt02 span strong{
    font-size: 19px;
    font-weight: 700;
    vertical-align: text-top;
}


.order .od_bod .od_ok .od_info{
    font-size: 13px;
    line-height: 1.4;
    color: #6b6b6b;
}

.order .od_bod .od_ok .od_nti {
    font-size: 13px;
    line-height: 1.4;
    color: #6b6b6b;
}

.order .od_bod .od_ok .acc_info{
    font-size: 17px;
    margin: 8px 0;
    font-weight: 500;
    color: #454545;
}

.order .od_bod .od_ok .acc_info span{
    font-weight: 700;
    color: #116ad4;
}

.order .od_ibox .od_box {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.order .od_ibox .od_box .od_img {
    width: 120px;
    margin-right: 12px;
    
    padding-bottom: 20px;
}

.order .od_ibox .od_box .od_img span {
    display: block;
    padding-top: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.order .od_ibox .od_box .od_info {
    width: calc(100% - 132px);
    padding-bottom: 20px;
}

.order .od_ibox .od_box .subject {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 3px;
}

.order .od_ibox .od_box .type {
    font-size: 12px;
    font-weight: 300;
    color: #6b6b6b;
}

.order .od_ibox .od_box .od_price {
    font-size: 12px;
    font-weight: 500;
    color: #252525;
    margin-top: 10px;
}

.order .od_ibox .od_box .od_price strong {
    font-size: 16px;
}

.order .od_ibox {
    padding: 30px 0 5px;
}

.order .od_ibox h3 {
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px 17px;
    border-bottom: solid 2px #aaa;
    color: #252525;
}

.order .od_ibox .r_wrap {
    padding: 0 15px;
}

.order .od_ibox .od_row {
    display: flex;
    padding: 20px 10px;
}

.order .od_ibox .od_row:not(:last-child) {
    border-bottom: solid 1px #dcdcdc;
}

.order .od_ibox .od_row .label {
    display: flex;
    align-items: center;
    width: 30%;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}

.order .od_ibox .od_row .data {
    display: flex;
    align-items: center;
    width: 70%;
    font-size: 13px;
    line-height: 1.5;
    color: #252525;
}

.order .od_ibox .od_row .data strong {
    font-weight: 700;
}

.order .btn_box {
    width: calc(100% - 30px);
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
}

.order .btn_box .obtn {
    width: calc(100%/3 - 20px/3);
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.order .btn_box .obtn:not(:last-child) {
    margin-right: 10px;
}

.order .od_ibox .total_wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
    font-weight: 600;
    font-size: 13px;
    color: #454545;
    font-weight: 500;
}
.order .od_ibox .total_wrap strong{
    color: #252525;
}
.order .od_ibox .total_wrap span:nth-child(1){
    font-size: 1.23em;
    margin-right: 15px;
}
.order .od_ibox .total_wrap strong.total_price{
    font-size:1.3em;
}


/*주문하기*/

.order.form {
    padding-bottom: 0;
}

.oding .od_top {
    border: none;
    padding-bottom: 0;
}

.oding .od_bod>div {
    padding: 30px 0;
}

.order .order_step {
    width: calc(100% - 30px);
    height: 43px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    border: solid 1px #dbdbdb;
}

.order .order_step .step {
    width: 101px;
    height: 100%;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding-right: 10px;
    background: url('../img/sub/od_arrowbg.png') no-repeat center center/cover;
    margin-right: 21px;
}

.order .order_step h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 43px;
    color: #252525;
}

.order .order_chk .order_step {
    margin-bottom: 20px;
}

.oding .order_chk ul {
    border-top: solid 2px #aaa;
}

.oding .od_ibox {
    padding: 20px 20px 0 20px;
}

.oding .od_ibox .od_box {
    padding: 0 0 20px 0;
}

.oding .od_ibox:not(:last-child) .od_box {
    border-bottom: solid 1px #dbdbdb;
}

.oding .od_ibox .od_box .od_img {
    width: 75px;
}

.oding .od_ibox .od_box .subject {
    font-weight: 500;
}

.oding .od_ibox .od_box .od_info {
    width: calc(100% - 87px);
}

.order .od_ibox .od_box .option {
    font-size: 11px;
    font-weight: 350;
    line-height: 1.3;
    color: #454545;
}

.order .od_ibox .od_box .option:not(:last-child) {
    margin-bottom: 3px;
}

.order .od_ibox .od_box .price_box {
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
}

.order .od_ibox .od_box .price_box .od_price {
    margin-top: 0;
}

.order .od_ibox .od_box .ad_point {
    font-size: 12px;
    font-weight: 350;
    color: #666;
    margin-left: 7px;
}

.order .od_bod .date_chk {
    display: flex;
    justify-content: space-between;
    padding: 21px 15px;
    background: #fafafa;
    border-top: solid 1px #eee;
    color: #252525;
}

.order .od_bod .date_chk span {
    font-size: 13px;
}

.order .od_bod .date_chk strong {
    font-size: 16px;
    font-weight: 700;
}

.oding .sa_tab {
    display: flex;
    margin-bottom: 30px;
}

.oding .sa_tab li {
    width: calc(100%/3 + 1px);
    margin-left: -1px;
    border: solid 1px #aaa;
    position: relative;
}

.oding .sa_tab li button {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 39px;
    color: #252525;
}

.oding .sa_tab li.active {
    border: solid 1px #116ad4;
    z-index: 1;
}

.oding .sa_tab li.active button {
    color: #116ad4;
}

/* 탭메뉴 */

.oding .od_dv {
    border-top: solid 2px #aaa;
    padding: 0 15px;
}

.oding .od_dv .od_row {
    display: flex;
    padding: 10px 0;
    border-bottom: solid 1px #eee;
}

.oding .od_dv .od_row:last-child {
    border-bottom: none;
}

.oding .od_dv .label {
    width: 28%;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}

.oding .od_dv .cont {
    width: 72%;
}

.oding .od_dv .cont input {
    width: 100%;
    height: 34px;
    border: solid 1px #dbdbdb;
}

.oding .od_dv .cont .ph {
    display: flex;
    align-items: center;
}

.oding .od_dv .cont .ph select {
    width: calc(100%/3 - 20px/3);
    height: 34px;
    color: #454545;
    font-size: 13px;
}

.oding .od_dv .cont .ph input {
    width: calc(100%/3 - 20px/3);
}

.oding .od_dv .cont .ph span {
    margin: 0 5px;
}

.oding .od_dv .text .cont {
    width: 100%;
}

.oding .od_dv .cont textarea {
    width: 100%;
    height: 100px;
    resize: none;
    padding: 10px;
    border: solid 1px #dbdbdb;
    font-size: 13px;
}

.oding .od_dv .add1 {
    display: flex;
    margin-bottom: 10px;
}


.oding .od_dv .add2 {
    margin-bottom: 10px;
}

.oding .od_dv .btn_add {
    width: 70px;
    line-height: 32px;
    text-align: center;
    border: solid 1px #666;
    color: #252525;
    margin-right: 10px;
}

.oding .od_dv .add1 input {
    width: calc(100% - 80px);
}

.oding .cu_box {
    border-top: solid 2px #aaa;
}

.oding .cu_box .pt_row {
    padding: 20px 15px;
}

.oding .cu_box .pt_row:not(:last-child) {
    border-bottom: solid 1px #eee;
}

.oding .cu_box .label {
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}

.oding .cu_box .pt_box {
    display: flex;
    align-items: center;
}

.oding .cu_box .pt_box .point_input {
    width: 55%;
    display: flex;
    align-items: center;
}

.oding .cu_box .pt_box input {
    width: 100%;
    height: 34px;
    display: inline-block;
}

.oding .cu_box .pt_box .unit {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin: 0 9px 0 5px;
}

.oding .cu_box .pt_box button {
    width: 40%;
    height: 34px;
    border: solid 1px #252525;
    color: #252525;
    font-size: 13px;
    font-weight: 500;
}

.oding .cu_box .pt_box .pt_btn {
    width: 40%;
}

.oding .cu_box .pt_box .pt_btn button {
    width: calc(50% - 7px);
}

.oding .cu_box .pt_box .pt_btn .all_btn {
    margin-right: 10px;
}

.oding .cu_box .balance {
    color: #d32f2f;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.oding .payment_list {
    display: flex;
}

.oding .payment_list li {
    width: calc(100%/3);
}

.oding .payment_list input {
    display: none;
}

.oding .payment_list input+label {
    display: block;
    font-size: 13px;
    color: #6b6b6b;
    text-align: center;
    line-height: 1.3;
    padding-top: 35px;
    background: url('../img/btn/od_radionone.png') no-repeat center top/25px 25px;
}

.oding .payment_list input:checked+label {
    background-image: url('../img/btn/od_radiobtn.png');
    color: #116ad4;
}

.oding .pay_wrap {
    padding: 20px 18px 20px 12px;
    background: #f7f8fb;
    border-top: solid 2px #aaa;
}

.oding .od_bod>div.payment {
    border: none;
    padding: 30px 15px;
}

.oding .payment .pay_tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #252525;
    margin-bottom: 20px;
    padding-left: 30px;
    background: url('../img/ico/payment_ico.png') no-repeat left center/25px 25px;
}

.oding .payment .pay_box {
    background: #fff;
}

.oding .payment .in_row {
    display: flex;
    justify-content: space-between;
}

.oding .payment .pay_info {
    padding: 21px 15px;
}

.oding .payment .pay_info span {
    font-size: 15px;
    line-height: 1.7;
    color: #252525;
}

.oding .payment .pay_info span strong {
    font-size: 17px;
    font-weight: 700;
}

.oding .payment .pay_done {
    padding: 21px 15px;
    border-top: solid 1px #dbdbdb;
}

.oding .payment .pay_done .label {
    font-size: 17px;
    font-weight: 500;
    color: #252525;
}

.oding .payment .pay_done .cont {
    font-size: 17px;
    color: #116ad4;
}

.oding .payment .pay_done .cont strong {
    font-weight: 700;
}

.flot_btn {
    width: 100%;
    max-width: 800px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 11;
    background: #fff;
    border-top: solid 1px #dbdbdb;
    display: flex;
    padding: 20px 15px;
}

.flot_btn button {
    width: calc(50% - 5px);
    height: 41px;
    line-height: 41px;
}

.flot_btn button:first-child {
    margin-right: 10px;
}

/*쿠폰팝업*/

.coupon_popup .cu_body {
    padding: 0 20px;
    box-sizing: border-box;
}

.coupon_popup .cal_box {
    padding: 14px 20px 18px 25px;
    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: 13px;
    color: #252525;
}

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

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

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

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

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

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

.coupon_popup .culi_tit {
    margin: 13px 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #252525;
}

.popup_wrap .pop_row {
    padding: 15px;
    box-sizing: border-box;
    border: solid 1px #eee;
}

.popup_wrap .pop_row:not(:first-child) {
    margin-top: 10px;
}

.popup_wrap .pop_row input {
    display: none;
}

.popup_wrap .pop_row input+label {
    display: flex;
}

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

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

.popup_wrap .pop_row .list_info {
    width: calc(100% - 36px);
}

.popup_wrap .pop_row .list_info .top {
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    margin-top: 3px;
}

.popup_wrap .pop_row .list_info .top .dic {
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}

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

.popup_wrap .pop_row .list_info .mid {
    margin-top: 12px;
}

.popup_wrap .pop_row .list_info .mid div {
    font-size: 13px;
    font-weight: 350;
    color: #454545;
    line-height: 1.5;
}

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

/*배송지팝업*/

.shipping_popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999999;
}

.shipping_popup .popup_box {
    width: calc(100% - 30px);
    max-width: 800px;
    padding: 20px;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.shipping_popup .full_pop {
    width: calc(100% - 20px);
    max-width: 800px;
    padding: 20px;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.shipping_popup .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.shipping_popup .popup_closebtn {
    display: block;
    width: 13px;
    height: 13px;
}

.shipping_popup .btn_box button:first-child {
    margin-right: 10px;
}

.shipping_popup .btn_box button {
    width: calc(50% - 5px);
    height: 34px;
    text-align: center;
}

.shipping_popup .popup_box .pop_bot .padding{
    font-size: 13px;
    word-break: break-all;
    line-height: 1.75;
    max-height: 80vh;
    overflow-y: auto;
}


/* 약관및정책 */

.contact {
    /* padding-top: 0; */
}

.contact .contmenu_tab {
    display: flex;
}

.contact .contmenu_tab li {
    width: 33.3333%;
}

.contact .contmenu_tab li a {
    display: block;
    height: 38px;
    margin-left: -1px;
    margin-right: -1px;
    border: 2px solid #dbdbdb;
    border-bottom: none;
    color: #252525;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 36px;
    position: relative;
    border-bottom: 2px solid #3b71dd;
}

.contact .contmenu_tab li.on a {
    border: 2px solid #0068f0;
    border-bottom: none;
    background: #fff;
    color: #0068f0;
    z-index: 1;
}

.contact .trems_con {
    margin-top: 15px;
    padding: 10px 15px;
    border: solid 1px #dbdbdb;
    color: #252525;
    font-size: 12px;
    line-height: 1.5;
}

/*contact 공통*/

#ct_wrap {
    border-top: solid 7px #eee;
}

#ct_wrap h2.cttit {
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0 20px 15px;
    border-bottom: solid 1px #eee;
}

#ct_wrap.view h2.cttit{
    border-bottom: none;
}

#ct_wrap .ct_search_box {
    padding: 20px 0;
    display: flex;
}

#ct_wrap .ct_search_box select {
    width: 100px;
    height: 40px;
    border: solid 1px #dbdbdb;
    margin-right: 10px;
}


#ct_wrap .ct_search_box input[type="text"] {
    width: calc(100% - 200px);
    height: 40px;
    border: solid 1px #dbdbdb;
}

#ct_wrap .ct_search_box .search_btn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    background: #333;
    color: #fff;
    margin-left: 10px;
}

#ct_wrap .guide_menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border: solid 1px #eee;
}

#ct_wrap .guide_menu li {
    width: 25%;
    border-right: solid 1px #eee;
}

#ct_wrap .guide_menu li:first-of-type,
#ct_wrap .guide_menu li:nth-of-type(2),
#ct_wrap .guide_menu li:nth-of-type(3),
#ct_wrap .guide_menu li:nth-of-type(4) {
    border-bottom: solid 1px #eee;
}

#ct_wrap .guide_menu li:nth-of-type(4n) {
    border-right: none;
}

#ct_wrap .guide_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    line-height: 1.2;
    word-break: keep-all;
    text-align: center;
    color: #454545;
    font-size: 12px;
}

#ct_wrap .guide_menu li.active a {
    background: #0068f0;
    color: #fff;
}

#ct_nav .ctmenu_list {
    display: flex;
}

#ct_nav .ctmenu_list li {
    width: 25%;
}


#ct_nav .ctmenu_list li a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #454545;
    text-align: center;
}

#ct_nav .ctmenu_list li a.on {
    color: #0068f0;
    font-weight: 700;
}

#ct_wrap .fnq_list {
    border-top: solid 2px #aaa;
}

#ct_wrap .fnq_list .fnq_item {
    border-bottom: solid 1px #dbdbdb;
}

#ct_wrap .fnq_list .fnq_item>a {
    display: block;
    position: relative;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1.4;
}

#ct_wrap .fnq_list .fnq_item>a .c_qtem {
    position: relative;
    font-weight: 700;
    color: #252525;
}


#ct_wrap .fnq_list .fnq_item>a .c_qtem::before{
    content: "Q";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    font-family: "Nanum SquareEB";
    font-size: 21px;
    font-weight: 600;
}

#ct_wrap .fnq_list .fnq_disc {
    display: none;
    background: #fafafa;
    padding: 30px 15px 30px 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}

#ct_wrap .fnq_list .fnq_disc .a_ico{
    position: relative;
}

#ct_wrap .fnq_list .fnq_disc .a_ico::before {
    content: "A";
    position: absolute;
    top: -3px;
    left: -25px;
    color: #0068f0;
    font-family: "Nanum SquareEB";
    font-size: 21px;
    font-weight: 600;
}

#ct_wrap .fnq_item>a .slide_btn {
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url('../img/btn/btn_down.png') no-repeat center center;
    position: absolute;
    right: 10px;
    top: 25px;
}

#ct_wrap .fnq_item>a.active .slide_btn {
    background-image: url('../img/btn/btn_up.png');
}

/*상품문의/공지사항 리스트*/

#ct_wrap .ct_list ul {
    border-top: solid 2px #252525;
}

#ct_wrap .ct_list ul li {
    padding: 20px 10px;
    border-bottom: solid 1px #dbdbdb;
}

#ct_wrap .ct_list ul li .subject {
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ct_wrap .ct_list ul li .subject a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
    margin-bottom: 15px;
}

#ct_wrap .ct_list ul li .date {
    font-size: 12px;
    color: #6b6b6b;
    margin-top: 10px;
}

.contact .pager {
    margin-top: 30px;
}

#ct_wrap .ct_write {
    display: block;
    margin-top: 30px;
    width: calc(100% -30px);
    margin: 30px auto 0;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    background: #0068f0;
    color: #fff;
}

/* 상품문의/공지사항 뷰 */

#ct_wrap .ct_view {
    border-top: solid 2px #333;
}

#ct_wrap .ct_view>div {
    border-bottom: solid 1px #dbdbdb;
    padding: 15px;
}

#ct_wrap .ct_view .tit {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #252525;
    text-align: center;
}

#ct_wrap .ct_view .ct_info {
    font-size: 13px;
    color: #454545;
    display: flex;
    justify-content: space-between;
}

#ct_wrap .ct_view .ct_content{
  width: 100%;
}

#ct_wrap .ct_view .ct_content *{
    max-width: 100%;
    font-size: 14px;
    line-height: 1.3;
    color: #252525;
    word-break: break-all;
}

#ct_wrap .ct_view .view_list>a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ct_wrap .ct_view .view_list span {
    font-size: 14px;
    color: #454545;
}

#ct_wrap .ct_view .view_list .state {
    position: relative;
    padding-left: 24px;
    margin-right: 10px;
}

#ct_wrap .ct_view .view_list .state::before {
    content: '▲';
    display: block;
    font-size: 14px;
    color: #454545;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#ct_wrap .ct_view .ct_next .state::before {
    content: '▼';
}

/* 상품문의 글쓰기 */

#ct_wrap .my_tb .my_row .label {
    width: 25%;
}

#ct_wrap .my_tb .my_row .info {
    width: 75%;
    padding: 15px 10px;
}

/* 이벤트 */

#ct_wrap .event_tab {
    display: flex;
    border: solid 1px #dbdbdb;
    margin-top: 15px;
}

#ct_wrap .event_tab li{
    width: 50%;
 
}

#ct_wrap .event_tab li:first-of-type{
    border-right: solid 1px #dbdbdb;
}

#ct_wrap .event_tab li a{
    display: block;
    font-size: 14px;
    color: #454545;
    line-height: 40px;
    text-align: center;
}

#ct_wrap .event_tab li.on a{
    background: #0068f0;
    color: #fff;
}

.ev_list .ev_img{
    border: solid 1px #dbdbdb;
    padding: 10px;
    text-align: center;
}

.ev_list .ev_info{
    margin-top: 20px;
}

.ev_list li:not(:last-child){
    margin-bottom: 30px;
}

.ev_list .ev_info .subject{
    font-size: 14px;
    color: #454545;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ev_list .ev_info .date{
    font-size: 12px;
    color: #6b6b6b;
    margin-top: 10px;
}

/* 취소사유입력팝업 */

.sapop .p_wrap{
    border-top: solid 1px #666;
}

.sapop .p_row {
    padding: 16px 10px;
}

.sapop .p_row + .p_row{
    border-top: solid 1px #dbdbdb;
}

.sapop .p_row .label{
    font-size: 12px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}

.sapop .popup_wrap .inq_btn {
    position: static;
    margin-top: 20px;
}

.sapop .p_row .item_radio + .item_radio{
    margin-left: 30px;
}

.sapop .p_row textarea{
    width: 100%;
    height: 181px;
    padding: 15px;
    resize: none;
    border-radius: 0;
}

.sapop .p_row input[type="text"]{
width: 90%;
height: 40px;
}

.sapop .p_row.piece_wrap {
    display: none;
}

.sapop .p_row.piece_wrap span{
    font-size: 14px;
    color: #252525;
}

/* 스페셜 셀러 */
.special_list {
    padding:15px 0 60px ;
}
.special_list .tit {
    font-size:17px ;
    display: block;
    padding-bottom: 20px;
}
.special_list .sp_seller_list li + li {
    margin-top: 30px ;
}
.special_list li .sp_img {
    width: 100%;
    padding-top: 62.4%;
    display: block;
    background: no-repeat center/ cover;
    border-radius: 4px 4px 0 0 ;
}
.special_list li .sp_txt {
    border: 1px solid #dbdbdb;
    border-top: none;
    border-radius: 0 0 4px 4px ;
    padding: 25px 20px 30px;
}
.special_list li .sp_ttl {
    font-size:14px ;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom:12px ;
}
.special_list li .sp_area {
    font-size: 13px;
    color: #454545;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.3;
} 
.special_list li .sp_info {
    font-size: 12px;
    color:#6b6b6b ;
    display: block;
    margin-top:20px ;
}
.special_list .pager {
    margin-top: 35px;
}

/* 스페셜셀러 뷰 */
.special_list.sp_view  {
    padding-bottom: 9px;
}
.sp_board_view {
    border-top: 2px solid #252525;
}
.sp_board_view .view_top {
    padding: 20px 20px ;
    border-bottom: 1px solid #dbdbdb ;
}
.sp_board_view .view_top .sp_id {
    font-size: 13px;
    font-weight: 500;
    color: #116ad4;
    display: block;
    margin-bottom:12px ;
}
.sp_board_view .view_top .view_tit {
    font-size:16px ;
    font-weight: 500;
    line-height:1.12 ;
    margin-bottom: 15px ;
}
.sp_board_view .view_top .date {
    color: #6b6b6b;
}
.sp_board_view .view_bot {
    padding:25px 20px 35px ;
} 
.sp_board_view .view_bot li + li {
    margin-top:30px;
}
.sp_board_view .view_bot li i {
    display: block;
    width: 30px; height: 30px;
    background: no-repeat center / 30px auto;
    flex: 0 0 auto;
    margin-bottom:10px ;
}
.sp_board_view .view_bot li i.ico_q {background-image: url(../img/ico/ico_qna_q_m.png);}
.sp_board_view .view_bot li i.ico_an {background-image: url(../img/ico/ico_qna_a_m.png);}

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

.sp_board_view .view_bot li > div.question {
    margin-bottom: 16px;
}
.sp_board_view .view_bot li > div.question span {
    font-size:14px ;
    font-weight: 500;
    line-height: 1.5;
}

.sp_board_view .view_bot li > div.answer span {
    color: #454545;
    line-height: 1.5;
    font-size: 13px;
}
.sp_view  .advert_wrap {
    border-top: 7px solid #eeeeee;
    padding-top:30px ;
}

/* sub_list */
.sub_list  {
    padding-bottom:63px ;
    padding-top: 150px;
}
.sub_list_top  {
    padding: 20px 0;
    display: flex;
}
.sub_list_top .main_tit {
    font-size: 17px;
}
.sub_list_top .sort_btn {
    display: inline-block;
    font-size: 13px;
    color: #454545;
    padding-left: 16px;
    background: url(../img/ico/sort_arrowico.png) no-repeat left center/13px 10px;
    margin-left: auto;
}
.sub_list .advert_wrap {
    margin-bottom: 20px;
}


.cate_list #itemNav .prd1depth ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 30px 20px;
}

.cate_list .prd1depth .cat_btn {
    gap: 10px;
}

.cate_list .prd1depth .cat_btn.on .cate_icon {
    position: relative;
}

.item_list .prd1depth .cat_btn.on .ico.cate_icon {
    position: relative;
}

.cate_list .prd1depth .cat_btn.on .cate_icon::before,
.item_list .prd1depth .cat_btn.on .ico.cate_icon::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: solid 2px #1a7fa6;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

.cate_list .prd1depth #itemNav .prd1depth ul li img {
    height: 50px;
    width: 28px;
}

@media screen and (max-width: 480px) {
    .pager li {
        width: 25px;
        height: 25px;
        border: solid 1px #dbdbdb;
        text-align: center;
    }

    #container .pager li.prev {
        margin-right: 10px;
    }

    #container .pager li.next {
        margin-left: 10px;
    }

    .pager li a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 10px;
        line-height: 21px;
        color: #454545;
    }
}



@media screen and (max-width:430px) {
    .sear_box ul li .item_txtbox .item_tit {
        display: block;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: inherit;
        text-overflow: ellipsis;
        word-break: break-all;
        overflow: hidden;
        white-space: nowrap;
    }

}





@media screen and (max-width:370px) {
    .form .agree_box .agree_wrap .agree_row {
        flex-direction: column;
        align-items: flex-start;
    }

    .form .agree_box .agree_wrap .agree_row .ag_more {
        margin: 10px 0 0 auto;
    }

    .pager_bk li a {
        width: 24px;
        height: 24px;
        line-height: 22px;
    }

    .pager_bk li a.on {
        line-height: 20px;
    }

    .enrollment .input_wrap.budget span {
        margin-left: 4px;
    }

}

@media screen and (max-width:340px) {
    .order .btn_box .obtn {
        font-size: 12px;
    }
}