/*//////////////////////////////////////////////////////////////////
[ 공통]*/

.subHeader .layout_sub_header:after{display:none}
.layout_footer{margin-top:0}
.gnb_wrap .gnb>li .hover{ 	top:84px;}
.inqten_mainstyle .gnb_wrap .gnb>li .hover{ 	top:169px;}
.inqten_mainstyle .layout_header{border-bottom:1px #ddd solid;}
.gnb_wrap .gnb>li>a:before, .gnb_wrap .gnb>li>a:before {bottom:0px}

.sub_content_wrap{padding-top:85px; width:100%}

.sub_inqten_wrap{padding: 0px 0 0 0;  min-height:550px;  margin:0 80px; position:relative; /*z-index:10*/}
.sub_content_container{margin:0 auto; max-width:1280px; }
.sub_inqten_bm{padding-bottom:8.57142rem}

.pageTopM{margin-top:2.85714rem}
.pageTopM2{margin-top:5rem}
.popupTopM{margin-top:1.42857rem}

.Bulk_List_Msg,.Autoship_PDT_List_Msg { color: #666;   font-size:1rem;  text-align: center;}


@media screen and (max-width: 1440px) {
    .sub_content_container {padding-left:30px; padding-right:30px}

}

@media screen and (max-width: 1200px) {
 	.sub_content_wrap{padding-top:0px}

}

@media screen and (max-width: 768.98px) {
    .sub_content_container {padding-left:15px; padding-right:15px}
	.sub_content_wrap{padding-top:82px}
	.inqten_mainstyle .layout_header{border-bottom:none}
}




/* ====================  페이징 ==================== */
.pagination_wrap{padding:60px 0  0 0}
.pagination .page-prev{padding:0  18px 0 10px}
.pagination .page-next{padding:0 10px 0  18px }
.pagination .page-item{padding:0 3px}
.pagination .page-item a{ font-family: 'DM Sans', sans-serif; font-size:17px; width:28px; text-align:center; display:block; color:#aaa}
.pagination .page-item.active a{color:#333}
.pagination .page-prev-last a,
.pagination .page-prev a,
.pagination .page-next a,
.pagination .page-next-last a{  display:block; width:28px; height:28px; position:relative; border-radius:50%; background:#ddd; color:#fff;}
.pagination .page-prev a:after{ content: '\e82a';  font-family: unicons; font-size:2rem; font-weight:300;
    position:absolute; top:50%; left:50%; margin-left:-1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pagination .page-next a:after{ content: '\e82c';  font-family: unicons; font-size:2rem; font-weight:300;
    position:absolute; top:50%; left:50%; margin-left:-1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pagination .page-next-last a:after{ content: '\e82c';  font-family: unicons; font-size:2rem; font-weight:300;
    position:absolute; top:50%; left:-0.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pagination .page-next-last a:before{ content: '\e82c';  font-family: unicons; font-size:2rem; font-weight:300;
    position:absolute; top:50%; left: 0.3rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



.pagination .page-prev-last a:after{ content: '\e82a';  font-family: unicons; font-size:2rem; font-weight:300;
    position:absolute; top:50%; left:0.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pagination .page-prev-last a:before{ content: '\e82a';  font-family: unicons; font-size:2rem; font-weight:300;
    position:absolute; top:50%; left: -0.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



@media only screen and (max-width:1200px) {
    .sub_inqten_wrap{  margin:0; min-height:auto }
    .pagination_wrap{padding:40px 0 0 0}

}



.basicTable{border-bottom:1px #ddd solid;margin-bottom:0}
.basicTable th, .basicTable td{ vertical-align:middle; white-space: nowrap; font-family:'DM Sans',"Noto Sans KR", sans-serif; color:#333!important; font-weight:normal; padding:20px 20px!important; border-right:1px #ddd solid;  border-top: 1px solid #ddd!important;text-align:center; }
.basicTable th:last-child, .basicTable td:last-child{border-right:none;}

.basicTable thead th { vertical-align: middle;  border-bottom: 1px solid #ddd;}
.basicTable tfoot td{background:#efefef}
.basicTable td.page{padding:20px 10px!important}
.basicTable td.page .btn-basic-small{font-size:12px; border-radius:15px 0 ; padding:8px 10px 7px 10px}

.dataTable tbody tr:hover{cursor:pointer; }
.dataTable tbody tr:nth-of-type(even) { background-color: #f5f5f5;}

.chartTable tbody tr:nth-of-type(odd) { background-color: #f5f5f5;}
.chartTable tbody tr th{text-align:left;}

.topRanktable thead th{background:#666; color:#fff!important}
.topRanktable tbody tr th {  background:#4FB748!important; color:#fff!important  }

.toptable thead th{background:#4FB748; color:#fff!important}

.table-responsive::-webkit-scrollbar { width: 4px;  position:absolute; top:0; 	right:0; height:9px;}
.table-responsive::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar-thumb {  overflow:visible;  border-radius: 4px;}
.table-responsive::-webkit-scrollbar-thumb {  background: #979797; }

.cursorDefault {   cursor: default !important;}


.borderTb {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.borderTb thead th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 10px
}

.borderTb tbody tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}


.basicTable .consumerTr .wordBreak {
    white-space: break-spaces;
    line-height: 160%;
    text-align: left;
    padding: 0 0 0 20px !important
}

.basicTable .consumerBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .625rem 0;
    white-space: normal
}

.basicTable .consumerBox .consumerInfoImg {
    border: 1px solid #ededed;
    width: 90px;
    height: 90px;
    border-radius:  0px;
    overflow: hidden
}

.basicTable .consumerBox .consumerInfoImg img {
    object-fit: cover;
    width: 90px;
    height: 90px;
    transition: transform .35s
}

.basicTable .consumerBox .consumerInfoImg:hover::after {
    transform: scaleX(1)
}

.basicTable .consumerBox .consumerInfoImg:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .35s;
    -o-transition: transform .35s;
    -moz-transition: transform .35s;
    -webkit-transition: transform .35s
}

.basicTable .consumerBox .consumerInfoTxt {
    padding-left: 1.875rem;
    box-sizing: border-box;
    width: calc(100% - 90px)
}

.basicTable .consumerBox .consumerInfoTxt .consumerTit {
    color: #555;
    font-size: .875rem;
    margin: 0 0 5px;
    line-height: 22px;
    text-align: left;
    font-weight: bold
}

.basicTable .consumerBox .consumerInfoTxt .consumerPriceWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5px
}

.basicTable .consumerBox .consumerInfoTxt .consumerPriceWrap p {
    color: #fff;
    font-size: .8125rem;
    width: 100%;
    box-sizing: border-box;
    margin-right: 10px;
    text-align: left
}

.basicTable .consumerBox .consumerInfoTxt .prodPriceWrap .prodPriceRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0
}

.basicTable .consumerBox .consumerInfoTxt .prodPriceWrap .prodPriceRow .prodPriceTit {
    padding: 0 10px;
    width: 60px;
    height: 25px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .8125rem
}

.basicTable .consumerBox .consumerInfoTxt .prodPriceWrap .prodPriceRow .prodPrice {
    color: #898989;
    font-size: .8125rem
}

.basicTable .consumerBox .consumerInfoTxt .prodPriceWrap .prodPriceRow:nth-child(1) .prodPriceTit {
    background-color: #a8d1a2
}

.basicTable .consumerBox .consumerInfoTxt .prodPriceWrap .prodPriceRow:nth-child(2) .prodPriceTit {
    background-color: #74c968
}

.basicTable .consumerBox .consumerInfoTxt .prodPriceWrap .prodPriceRow:nth-child(3) .prodPriceTit {
    background-color: #4FB748
}

.basicTable .consumerBox.soldOut .consumerInfoImg {
    position: relative
}

.basicTable .consumerBox.soldOut .consumerInfoImg:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
    z-index: 9
}

.basicTable .consumerBox.soldOut .consumerInfoImg:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-size: 16px;
    content: attr(data-after);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: -30px
}

.basicTable .consumerBox.soldOut:hover .consumerInfoImg img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.basicTable .consumerOptionAmountWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.basicTable .consumerOptionAmountWrap .consumerOptionAmountTxt {
    border: 1px solid #ededed;
    box-sizing: border-box;
    margin: 0 5px;
    width: 40px;
    text-align: center
}

.basicTable .consumerOptionAmountWrap a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ccc
}

.basicTable .consumerOptionAmountWrap a:last-child {
    margin-left: auto
}

.basicTable .consumerOptionAmountWrap a i {
    color: #fff;
    font-size: 1.125rem
}

.basicTable .consumerOptionAmountWrap a:hover {
    background-color: #bcbcbc;
    transition: .5s
}

.basicTable .consumerOptionAmountWrap .prodAddBtn {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px
}

.borderR{border-right:1px #ddd solid!important;;}


@media screen and (max-width: 768.98px) {

    .basicTable th, .basicTable td{   padding:10px 10px!important; font-size:13px;   }


}


.modal-content .popCont .infoTb {
    border: 1px solid #ddd;
    font-size: 13px;
    box-sizing: border-box; width:100%;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.modal-content .popCont .infoTb th {
    background-color: #f5f5f5;
    height: 50px;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-weight:normal;
}

.modal-content .popCont .infoTb tr:last-child th {
    border-bottom: 1px solid #ddd
}

.modal-content .popCont .infoTb td {
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 8px 20px;
    line-height: 20px
}

.modal-content .popCont .infoTb.benefitPop {
    border: 1px solid #ddd
}

.modal-content .popCont .infoTb.benefitPop td {
    background: #f5f5f5;
    text-align: center;
    padding: 15px 20px;
    border-right: 1px solid #ddd
}

.modal-content .popCont .infoTb.benefitPop td:last-child {
    text-align: right;
    background: #fff;
    border-right: 0
}

.modal-content .popCont .infoTb.benefitPop td i {
    cursor: pointer;
    color: #4FB748;
    font-size: 1rem;
    margin-left: 4px;
    vertical-align: text-top
}

.modal-content .popCont .basicTb {
    border: 1px solid #ddd;
    font-size: 13px;
    box-sizing: border-box
}

.modal-content .popCont .basicTb thead th {
    background-color: #f5f5f5;
    height: 50px;
    color: #555;
    text-align: center
}

.modal-content .popCont .basicTb tbody tr:nth-child(odd) {
    background-color: #fff
}

.modal-content .popCont .basicTb tbody tr:nth-child(even) {
    background-color: #f6f6f6
}

.modal-content .popCont .basicTb tbody tr td {
    height: 50px;
    color: #555;
    text-align: center
}

.modal-content .popCont .basicTb tfoot td {
    height: 50px;
    color: #999;
    box-sizing: border-box;
    background-color: #e5e5e5;
    text-align: center
}

.modal-content .popCont .basicTb .invoiceNum {
    border: 1px solid #4FB748;
    padding: 3px;
    color: #4FB748;
    font-size: .75rem
}

.modal-content .popCont .basicTb .invoiceNum:hover {
    background-color: #4FB748;
    color: #fff;
    transition: .5s
}

.modal-content .popCont .inputTb {
    border: 1px solid #ddd;
    font-size: 13px;
    box-sizing: border-box
}

.modal-content .popCont .inputTb input {
    border: 1px solid #ddd;
    height: 2.25rem;
    color: #999;
    padding: 0 .625rem;
    box-sizing: border-box
}

.modal-content .popCont .inputTb th,.modal-content .popCont .inputTb td {
    border: 1px solid #ddd
}

.modal-content .popCont .inputTb th {
    width: 40%;
    padding-left: 20px
}

.modal-content .popCont .inputTb td {
    color: #999;
    padding: 8px 20px;
    line-height: 20px
}

.modal-content .popCont .showCateTopNotice {
    color: #555;
    font-size: .9375rem;
    line-height: 24px
}

.modal-content .popCont .showCateTopNotice .xi-plus-circle {
    color: #74c968
}

.modal-content .popCont .showCateTopNotice .xi-minus-circle {
    color: #4FB748
}

.modal-content .popCont .showCateCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.modal-content .popCont .showCateCont .showCateTb {
    font-size: 13px; width:100%;
    border: 1px solid #ddd
}

.modal-content .popCont .showCateCont .showCateTb thead tr th {
    height: 50px;
    color: #fff;
    text-align: center
}

.modal-content .popCont .showCateCont .showCateTb thead tr.thTit th {
    background-color: #f5f5f5;

    border-bottom: 1px solid #ddd;
    height: 50px;
    text-align: center;
    box-sizing: border-box
}

.modal-content .popCont .showCateCont .showCateTb tbody tr {
    border-bottom: 1px solid #ddd
}

.modal-content .popCont .showCateCont .showCateTb tbody tr td {
    height: 50px;
    color: #999;
    padding: 0 1.25rem;
    box-sizing: border-box
}

.modal-content .popCont .showCateCont .showCateTb tbody tr td.textC {
    padding: 0
}

.modal-content .popCont .showCateCont .showCateTb tbody tr td a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0)
}

.modal-content .popCont .showCateCont .showCateTb tbody tr td a:hover {
    -webkit-animation-name: pop-on-hover;
    animation-name: pop-on-hover;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.modal-content .popCont .showCateCont .showCateTb tbody tr:last-child {
    border-bottom: 0
}

.modal-content .popCont .showCateCont .showCateTb tbody tr.sortable-chosen {
    background-color: #f1f5f0
}

.modal-content .popCont .showCateCont .showCateTb tbody tr.sortable-chosen .textC {
    text-indent: -9999px
}

.modal-content .popCont .showCateCont .showCateList {
    flex-basis: 25%
}

.modal-content .popCont .showCateCont .showCateList .showCateTb thead th {
    background-color: #74c968
}

.modal-content .popCont .showCateCont .showCateList i {
    color: #74c968;
    font-size: 1rem
}

.modal-content .popCont .showCateCont .showCateCenter {
    flex-basis: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-content .popCont .showCateCont .showCateCenter p {
    width: 80%;
    height: 35px;
    border-radius: 17.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 20px 0
}

.modal-content .popCont .showCateCont .showCateCenter p:first-child {
    background-color: #74c968
}

.modal-content .popCont .showCateCont .showCateCenter p:last-child {
    background-color: #4FB748
}

.modal-content .popCont .showCateCont .showCateCenter p i {
    font-size: 1rem
}

.modal-content .popCont .showCateCont .myShowCate {
    flex-basis: 60%
}

.modal-content .popCont .showCateCont .myShowCate thead th {
    background-color: #4FB748
}

.modal-content .popCont .showCateCont .myShowCate i {
    color: #4FB748;
    font-size: 1rem
}

.modal-content .popCont .showCateCont .myShowCate i.xi-bars {
    color: #999
}

.modal-content .popCont .showCateCont .myShowCate .showCateNotice {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    padding: 1.875rem;
    margin-top: 1.25rem
}

.modal-content .popCont .showCateCont .myShowCate .showCateNotice p {
    color: #999;
    margin-bottom: 5px;
    line-height: 1.8;
    text-indent: -17px;
    margin-left: 17px
}

.modal-content .popCont .showCateCont .myShowCate .showCateNotice p:last-child {
    margin-bottom: 0
}

.modal-content .popCont .showCateCont .showCateBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-content .popCont .showCateCont .showCateBtn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    border-radius: 4px;
    color: #fff;
    margin: 0 10px
}

.modal-content .popCont .showCateCont .showCateBtn a:first-child {
    background-color: #333
}

.modal-content .popCont .showCateCont .showCateBtn a:last-child {
    background-color: #4FB748
}

.modal-content .popCont .showCateCont .mShowCateBtn {
    display: none
}

.modal-content .popCont .showCateCont.move_list {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal-content .popCont .showCateCont.move_list .showCateList,.modal-content .popCont .showCateCont.move_list .myShowCate {
    width: 42.5%;
    flex-basis: auto
}

.modal-content .popCont .ordPopCont {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:  0px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont.borderless {
    width: 100%;
    border: 0
}

.modal-content .popCont .ordPopCont.borderless .ordPopTit {
    padding: 0
}

.modal-content .popCont .ordPopCont.borderless .contBox {
    border: 0
}

.modal-content .popCont .ordPopCont.borderless .AtsContBox {
    border: 0
}

.modal-content .popCont .ordPopCont .ordPopTit {
    padding: .9375rem 1.25rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

.modal-content .popCont .ordPopCont .ordPopTit.btn-open i {
    font-size: 1.125rem
}

.modal-content .popCont .ordPopCont .ordPopTit.btn-open .xi-angle-down-min {
    display: block
}

.modal-content .popCont .ordPopCont .ordPopTit.btn-open .xi-angle-up-min {
    display: none
}

.modal-content .popCont .ordPopCont .ordPopTit.btn-close i {
    font-size: 1.125rem
}

.modal-content .popCont .ordPopCont .ordPopTit.btn-close .xi-angle-up-min {
    display: block
}

.modal-content .popCont .ordPopCont .ordPopTit.btn-close .xi-angle-down-min {
    display: none
}

.modal-content .popCont .ordPopCont .ordPopTit h3 {
    font-size: .9375rem
}

.modal-content .popCont .ordPopCont .ordPopTit .ordTitBtn {
    color: #fff;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 3px
}

.modal-content .popCont .ordPopCont .ordPopTit .ordTitBtn+p {
    margin-left: 10px
}

.modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap .ordInfoImg {
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
    border-radius:  0px;
    overflow: hidden
}

.modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap .ordInfoImg img {
    object-fit: cover;
    width: 100px;
    height: 100px
}

.modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap .ordInfoTxt {
    padding-left: 1.875rem;
    box-sizing: border-box;
    width: calc(100% - 100px)
}

.modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap .ordInfoTxt .ordTit {
    color: #666;
    font-size: 1rem;
    margin-bottom: .9375rem;
    line-height: 24px
}

.modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap .ordInfoTxt .ordDetail {
    color: #999;
    font-size: 12px
}

.modal-content .popCont .ordPopCont .shipTit {
    background-color: #f5f5f5
}

.modal-content .popCont .ordPopCont .contBox {
    border-top: 1px solid #ddd;
    padding: 1.25rem
}

.modal-content .popCont .ordPopCont .contBox .ordPopTb {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.modal-content .popCont .ordPopCont .contBox .ordPopTb tr th {
    background-color: #f5f5f5;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #555;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    padding: 5px
}

.modal-content .popCont .ordPopCont .contBox .ordPopTb tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 1rem;
    padding: 1rem 1rem;
    line-height: 20px
}

.modal-content .popCont .ordPopCont .contBox .ordPopTb .tripBtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .ordBasicInfoP {
    display: table
}

.modal-content .popCont .ordPopCont .contBox .ordBasicInfoM {
    display: none
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont {
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipTop h3 {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipTop h3 span {
    color: #999;
    font-size: 12px;
    margin-left: 10px
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipTop .ordShipTopBtn {
    background-color: #74c968;
    color: #fff;
    font-size: 13px;
    width: 85px;
    height: 25px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem;
    padding-left: 20px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    content: "\F0374"; 
    font-family: "Material Design Icons";
    color: #ccc;
    font-size: 1.25rem
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl:last-child {
    position: inherit
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl dt {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl dt i {
    color: #bbb;
    font-size: 1.25rem
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl dd {
    color: #aaa;
    font-size: 12px;
    margin-top: 20px
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl.active:after {
    color: #4FB748
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl.active dt {
    background-color: #4FB748
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl.active dt i {
    color: #fff
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl.active dd {
    color: #4FB748
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipPrice {
    width: 45%;
    background-color: #f5f5f5;
    padding: 10px 30px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipPrice p {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipPrice p .priceTit {
    color: #333;
    font-size: 13px
}

.modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipPrice p .priceNum {
    color: #999;
    font-family: inherit
}

.modal-content .popCont .ordPopCont .contBox .ordShipNum {
    margin-top: 1.25rem;
    padding-left: .625rem;
    border-top: 1px solid #ddd;
    padding-top: 1.25rem
}

.modal-content .popCont .ordPopCont .contBox .ordShipNum h3 {
    font-size: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .9375rem
}

.modal-content .popCont .ordPopCont .contBox .ordShipNum .shipNumBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.modal-content .popCont .ordPopCont .contBox .ordShipNum .shipNumBox .numCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0
}

.modal-content .popCont .ordPopCont .contBox .ordShipNum .shipNumBox .numCont span {
    color: #999;
    font-size: .75rem;
    margin-left: 10px;
    margin-right: 30px
}

.modal-content .popCont .ordPopCont .contBox .ordShipNum .shipNumBox .numCont .ordShipTopBtn {
    background-color: #74c968;
    color: #fff;
    font-size: 13px;
    width: 85px;
    height: 25px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap+.payCaseWrap {
    border-top: 1px solid #ddd;
    margin-top: 1.25rem;
    padding-top: 10px
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payContTit {
    font-size: .9375rem;
    margin: .625rem 0
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payInfoWrap .payInfo p {
    color: #999;
    font-size: .875rem;
    margin: 15px 0
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payInfoWrap .payPrice {
    color: #fff;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    width: 32%;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #4FB748
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payApproWrap {
    width: 45%;
    background-color: #f5f5f5;
    padding: 10px 30px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payApproWrap p {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payApproWrap p .approTit {
    color: #333;
    font-size: 1rem
}

.modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payApproWrap p .approResult {
    color: #999;
    font-size: 1rem
}

.modal-content .popCont .ordPopCont .contBox .shipWrap .shipTxt {
    font-size: 1rem;
    line-height: 24px
}

.modal-content .popCont .ordPopCont .contBox .shipWrap .shipTxt .shipRequest {
    color: #999;
    display: block;
    margin-bottom: 10px
}

.modal-content .popCont .ordPopCont .AtsContBox {
    padding: 1.25rem
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipPrice {
    width: 100%;
    background-color: #f5f5f5;
    padding: 10px 30px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipPrice p {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipPrice p .priceTit {
    color: #333;
    font-size: 1rem
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipPrice p .priceNum {
    color: #999;
    font-family: inherit
}

.modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxPc {
    display: block;
    width: 30%
}

.modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM {
    display: none
}

.modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM .AtsShipPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: unset;
    padding: 0
}

.modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM .AtsShipPrice p {
    width: 49%;
    background-color: #f5f5f5;
    padding: 15px 30px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipNum {
    margin-top: 1.25rem;
    padding-left: .625rem;
    border-top: 1px solid #ddd;
    padding-top: 1.25rem
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipNum h3 {
    font-size: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .9375rem
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipNum .shipNumBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipNum .shipNumBox .numCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipNum .shipNumBox .numCont span {
    color: #999;
    font-size: .75rem;
    margin-left: 10px;
    margin-right: 30px
}

.modal-content .popCont .ordPopCont .AtsContBox .AtsShipNum .shipNumBox .numCont .ordShipTopBtn {
    background-color: #74c968;
    color: #fff;
    font-size: 13px;
    width: 85px;
    height: 25px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap+.payCaseWrap {
    border-top: 1px solid #ddd;
    margin-top: 1.25rem;
    padding-top: 10px
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payContTit {
    font-size: .9375rem;
    margin: .625rem 0
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payInfoWrap .payInfo p {
    color: #999;
    font-size: .875rem;
    margin: 15px 0
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payInfoWrap .payPrice {
    color: #fff;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    width: 32%;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #4FB748
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payApproWrap {
    width: 45%;
    background-color: #f5f5f5;
    padding: 10px 30px;
    box-sizing: border-box
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payApproWrap p {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payApproWrap p .approTit {
    color: #333;
    font-size: .875rem
}

.modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payApproWrap p .approResult {
    color: #999;
    font-size: .8125rem
}

.modal-content .popCont .ordPopCont .AtsContBox .shipWrap .shipTxt {
    font-size: .875rem;
    line-height: 24px
}

.modal-content .popCont .ordPopCont .AtsContBox .shipWrap .shipTxt .shipRequest {
    color: #999;
    display: block;
    margin-bottom: 10px
}

.modal-content .popCont .prodInfoTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:15px
}

.modal-content .popCont .prodInfoTop .prodInfoTit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .prodInfoTop .prodInfoTit h3 {
    font-size: .9375rem
}

.modal-content .popCont .prodInfoTop .prodInfoTit span {
    color: #999;
    font-size: 12px;
    margin-left: .9375rem
}

.modal-content .popCont .prodInfoTop .prodInfoPrice {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-content .popCont .prodInfoTop .prodInfoPrice p {
    color: #fff;
    font-size: 1.1rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px
}

.modal-content .popCont .prodInfoTop .prodInfoPrice p+p {
    margin-left: 10px
}

.modal-content .popCont .addWrap {
    line-height: 2
}

.modal-content .popCont .addWrap .addressSearch {
    border-bottom: 2px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .addWrap .addressSearch input {
    background-color: transparent !important;
    width: calc(100% - 40px);
    font-size: 1.1rem;;
    line-height: 40px;
    border: 0
}

.modal-content .popCont .addWrap .addressSearch input::placeholder {
    color: #ccc;
    font-size: 1.1rem;
}

.modal-content .popCont .addWrap .addressSearch input:-webkit-autofill,.modal-content .popCont .addWrap .addressSearch input:-webkit-autofill:hover,.modal-content .popCont .addWrap .addressSearch input:-webkit-autofill:focus,.modal-content .popCont .addWrap .addressSearch input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #333 !important
}

.modal-content .popCont .addWrap .addressSearch button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: 50px
}

.modal-content .popCont .addWrap .addressSearch button i {
    color: #4FB748;
    font-size: 1.25rem
}

.modal-content .popCont .addWrap .addressSearch button:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.modal-content .popCont .addWrap .addTip {
    color: #333;
    font-size: .875rem;
    line-height: 20px;
    margin: .9375rem 0 1.875rem
}

.modal-content .popCont .addWrap .addTb {
    width: 100% !important;
    background-color: #fff
}

.modal-content .popCont .addWrap .addTb thead {
    display: none
}

.modal-content .popCont .addWrap .addTb tbody tr {
    border-bottom: 1px solid #ddd;
    padding: .625rem 1.25rem;
    box-sizing: border-box;
    display: block
}

.modal-content .popCont .addWrap .addTb tbody tr:first-child {
    border-top: 1px solid #ddd
}

.modal-content .popCont .addWrap .addTb tbody tr td {
    display: table;
    line-height: 25px
}

.modal-content .popCont .addWrap .addTb tbody tr td.sorting_1 {
    color: #ea6c6f;
    font-size: .9375rem
}

.modal-content .popCont .addWrap .addTb tbody tr td:nth-child(n+2) {
    position: relative;
    padding-left: 60px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    color: #000
}

.modal-content .popCont .addWrap .addTb tbody tr td:nth-child(n+2):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    height: 25px;
    background-color: #4FB748;
    line-height: 25px;
    border-radius: 5px;
    content: "도로명";
    color: #fff;
    font-size: 12px;
    text-align: center
}

.modal-content .popCont .addWrap .addTb tbody tr td:nth-child(3) {
    color: #797979
}

.modal-content .popCont .addWrap .addTb tbody tr td:nth-child(3):before {
    content: "지번";
    background-color: #74c968
}

.modal-content .popCont .addWrap .addTb.Consumer_Table {
    margin-top: 1.875rem
}

.modal-content .popCont .addWrap .addTb.Consumer_Table tbody tr td {
    padding-left: 0 !important
}

.modal-content .popCont .addWrap .addTb.Consumer_Table tbody tr td:not(.dataTables_empty):first-child {
    display: none
}

.modal-content .popCont .addWrap .addTb.Consumer_Table tbody tr td:nth-child(2):before {
    display: none
}

.modal-content .popCont .addWrap .addTb.Consumer_Table tbody tr td:nth-child(n+3) {
    color: #797979;
    padding-left: 60px !important
}

.modal-content .popCont .addWrap .addTb.Consumer_Table tbody tr td:nth-child(n+3):before {
    content: "연락처";
    background-color: #4FB748
}

.modal-content .popCont .addWrap .addTb.Consumer_Table tbody tr td:nth-child(4):before {
    content: "주소";
    background-color: #74c968
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table,.modal-content .popCont .addWrap .addTb.Down_P_Table {
    margin-top: 1.875rem
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td,.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td {
    padding-left: 0 !important
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:not(.dataTables_empty):first-child,.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:not(.dataTables_empty):first-child {
    display: none
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:nth-child(2):before,.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:nth-child(2):before {
    display: none
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:nth-child(3),.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:nth-child(3) {
    padding-left: 60px !important
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:nth-child(3):before,.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:nth-child(3):before {
    content: attr(data-userword);
    background-color: #333
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:nth-child(n+4),.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:nth-child(n+4) {
    color: #797979;
    padding-left: 60px !important
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:nth-child(n+4):before,.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:nth-child(n+4):before {
    content: "연락처";
    background-color: #4FB748
}

.modal-content .popCont .addWrap .addTb.Order_Down_R_Table tbody tr td:nth-child(5):before,.modal-content .popCont .addWrap .addTb.Down_P_Table tbody tr td:nth-child(5):before {
    content: "주소";
    background-color: #74c968
}

.modal-content .popCont .addWrap .addTb.Deli_Table {
    margin-top: 1.875rem
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td {
    padding-left: 0 !important;
    margin: 5px 0
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(2) {
    padding-left: 60px !important
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(2):before {
    content: "연락처";
    background-color: #4FB748
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(3) {
    display: none;
    color: #ea6c6f;
    font-size: .9375rem
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(3):before {
    display: none
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(4) {
    padding-left: 60px !important;
    display: inline-flex
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(4):before {
    content: "주소";
    background-color: #74c968
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(5) {
    padding-left: 5px !important;
    display: inline-flex
}

.modal-content .popCont .addWrap .addTb.Deli_Table tbody tr td:nth-child(5):before {
    display: none
}

.modal-content .popCont .addWrap .addTb.allMemberTable tbody tr td:nth-child(n+2):before,.modal-content .popCont .addWrap .addTb.adminAllMemberTable tbody tr td:nth-child(n+2):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    height: 25px;
    background-color: #4FB748;
    line-height: 25px;
    border-radius: 5px;
    content: "이름";
    color: #fff;
    font-size: .625rem;
    text-align: center
}

.modal-content .popCont .addWrap .addTb.myAgencyMemberTable tbody tr td:not(.dataTables_empty):first-child {
    display: none
}

.modal-content .popCont .addWrap .addTb.myAgencyMemberTable tbody tr td:nth-child(n+2) {
    position: relative;
    padding-left: 60px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    color: #000
}

.modal-content .popCont .addWrap .addTb.myAgencyMemberTable tbody tr td:nth-child(n+2):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    height: 25px;
    background-color: #4FB748;
    line-height: 25px;
    border-radius: 5px;
    content: "번호/이름";
    color: #fff;
    font-size: .625rem;
    text-align: center
}

.modal-content .popCont .addWrap .addTb.myAgencyMemberTable tbody tr td:nth-child(n+3) {
    display: none
}

.modal-content .popCont .addWrap .addTb.myAgencyMemberTable tbody tr td:nth-child(n+3):before {
    display: none
}

.modal-content .popCont .addWrap img {
    max-width: 100% !important;
    height: auto !important
}

.modal-content .popCont .termWrap {
    line-height: 26px;
    padding:1rem;
}

.modal-content .popCont .termWrap table tr td {
    padding: 5px
}

.modal-content .popCont .termWrap table tr td span {
    font-size: 14px !important
}

.modal-content .popCont .termWrap table[summary=기본] th,.modal-content .popCont .termWrap table[summary=기본] td,.modal-content .popCont .termWrap table[summary=PC] th,.modal-content .popCont .termWrap table[summary=PC] td,.modal-content .popCont .termWrap table[summary=MOBILE] th,.modal-content .popCont .termWrap table[summary=MOBILE] td {
    border: 1px solid #333
}

.modal-content .popCont .termWrap table[summary=PC] {
    max-width: 100%
}

.modal-content .popCont .termWrap table[summary=MOBILE] {
    width: 100% !important
}

.modal-content .popCont .termWrap strong {
    font-size: 18px;
    color: #4FB748
}

.modal-content .popCont .Address_Footer {
    margin-top: 30px;
    text-align: center
}

.modal-content .popCont .Address_Footer .txt_by {
    color: #888
}

.modal-content .popCont .bottomBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top:2rem;
    margin-bottom:2rem;
}

.modal-content .popCont .bottomBtn a {
    padding: .4125rem 1.25rem;
    margin: 0 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 1rem;
    transition: .5s
}

.modal-content .popCont .bottomBtn a:hover {

}

.modal-content .popCont .bottomBtn .authBtn {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-content .popCont .bottomBtn .authBtn:hover {
    border-radius: 15px;
    transition: .5s
}

.modal-content .popCont .roundBg {
    background-color: #f5f5f5;
    margin-top: 0;
    padding: 0 1.25rem 1.875rem
}

.modal-content .popCont .roundBg:first-child {
    border-radius: 0px 0px 0 0;
    padding-top: 1.875rem
}

.modal-content .popContRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-content .popContRow section {
    width: 49%;
    margin-top: 0 !important
}

.modal-content.juminPop {
    width: 30%;
    position: relative;
    border: 2px solid #4FB748;
    padding-top: 120px;
    height: auto !important;
    box-sizing: border-box;
    margin: 125px 0 50px;
    overflow-y: initial;
    max-height: none !important;
    word-break: keep-all
}

.modal-content.juminPop:before {
    display: block;
    content: "";
    position: absolute;
    top: -75px;
    left: 50%;
    width: 150px;
    height: 150px;
    background-color: #4FB748;
    margin-left: -75px;
    border-radius: 50%;
    background-image: url("/images/Common/juminPop.svg");
    background-size: auto 68px;
    background-repeat: no-repeat;
    background-position: center
}

.modal-content.juminPop .closeBtn {
    color: #fff;
    font-size: 2rem;
    position: absolute;
    top: -55px;
    right: 0;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0)
}

.modal-content.juminPop .closeBtn:hover i {
    -webkit-animation-name: wobble-vertical-on-hover;
    animation-name: wobble-vertical-on-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.modal-content.juminPop h1 {
    color: #4FB748;
    font-size: 2rem;
    text-align: center;
    font-family: "SCDreamMedium"
}

.modal-content.juminPop h2 {
    color: #333;
    font-size: 1.25rem;
    line-height: 36px;
    text-align: center;
    margin: 2.5rem 0 1.25rem
}

.modal-content.juminPop h2 span {
    color: #333;
    font-size: 1.375rem;
    text-decoration: underline
}

.modal-content.juminPop p {
    color: #999;
    font-size: .875rem;
    line-height: 26px;
    text-align: center;
    margin-bottom: 60px
}

.modal-content.juminPop .goBtn {
    background-color: #4FB748;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .9375rem;
    width: 100%;
    height: 60px;
    position: sticky;
    bottom: 0;
    left: 0
}


.modal-content .pagination_wrap{
    padding:30px 0
}


.modal-content .popCont section+section{
    margin-top:30px
}
.modal-content .popCont .prodInfoTop .prodInfoTit h3{
    font-size: 1.1rem;
}

.popCont .moaddWrap .joinInfoCont .infoTable tr td input[type=text],
.popCont .moaddWrap .joinInfoCont .infoTable tr td input[type=password]{
    width:100px
}



.modal-content .joinInfoCont .infoTable tr th ,
.modal-content .joinInfoCont .infoTable tr td,
.modal-content  .joinInfoCont .infoTable tr td .joinInfoSel select,
.modal-content .joinInfoCont .infoTable tr td input[type=text],
.modal-content .joinInfoCont .infoTable tr td input[type=password] {   font-size: 14px;}

.modal-content .modal-header .printBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #fff;
    font-size: 12px;
    line-height: 36px;
    padding: 0 20px;
    box-sizing: border-box;
    width: 180px;
    height: 36px;
    border-radius: 3px;
    margin-left: 20px;
    position: relative;
    z-index: 1
}

.modal-content .modal-header .printBtn:before {
    width: 142px;
    height: 36px;
    border-radius: 3px 0 0 3px;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(300deg, transparent 1.2rem, #4FB748 1.3rem, #4FB748);
    z-index: -1
}

.modal-content .modal-header .printBtn i {
    color: #4FB748;
    font-size: .9375rem
}


@media screen and (max-width: 1420px)and (min-width: 1081px) {
    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont {
        width:53%;
        padding-left: 0
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom {
        padding-left: 10px
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl {
        padding-right: 10px
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl:after {
        top: 20px;
        font-size: 12px
    }

    .modal-content.juminPop {
        width: 40%
    }
}

@media screen and (max-width: 1300px)and (min-width: 992px) {

    .modal-content .popCont .showCateCont .showCateTb tbody tr td {
        padding: 0 .625rem
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxPc {
        width: 40%
    }
}

@media screen and (max-width: 991.98px) {

    .modal-content .popCont {
        padding: .9375rem
    }

    .modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap {
        width: 92%
    }

    .modal-content .popCont .ordPopCont .ordPopTit .ordInfoWrap .ordInfoTxt {
        padding-left: .9375rem
    }

    .modal-content .popCont .ordPopCont .contBox .ordBasicInfoP {
        display: none
    }

    .modal-content .popCont .ordPopCont .contBox .ordBasicInfoM {
        display: table
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont {
        width: 100%;
        padding-left: 0
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipPrice {
        width: 100%;
        margin-top: 1.875rem;
        padding: 10px 20px
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipPrice p {
        margin: 15px 0
    }

    .modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payInfoWrap {
        width: 100%
    }

    .modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payApproWrap {
        width: 100%;
        margin-top: .625rem;
        padding: 10px 20px
    }

    .modal-content .popCont .ordPopCont .contBox .payCaseWrap .payWrap .payApproWrap p {
        margin: 15px 0
    }

    .modal-content .popCont .ordPopCont .AtsContBox .AtsShipWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-content .popCont .ordPopCont .AtsContBox .AtsShipWrap .AtsShipPrice {
        margin-top: 1.875rem;
        padding: 10px 20px
    }

    .modal-content .popCont .ordPopCont .AtsContBox .AtsShipWrap .AtsShipPrice p {
        margin: 15px 0
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxPc {
        display: none
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM {
        display: block
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM .AtsShipWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM .AtsShipWrap .AtsShipPrice {
        margin-top: 0;
        padding: 0
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxM .AtsShipWrap .AtsShipPrice p {
        margin: 15px 0
    }

    .modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payInfoWrap {
        width: 100%
    }

    .modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payApproWrap {
        width: 100%;
        margin-top: .625rem;
        padding: 10px 20px
    }

    .modal-content .popCont .ordPopCont .AtsContBox .payCaseWrap .payWrap .payApproWrap p {
        margin: 15px 0
    }

    .modal-content .popCont .prodInfoTop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .modal-content .popCont .prodInfoTop .prodInfoTit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .modal-content .popCont .prodInfoTop .prodInfoPrice {
        width: 100%;
        margin-top: 20px
    }

    .modal-content .popCont .prodInfoTop .prodInfoPrice p+p {
        margin-left: 5px
    }

    .modal-content .popCont .showCateCont {
        margin-top: .625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .modal-content .popCont .showCateCont .showCateCenter {
        display: none
    }

    .modal-content .popCont .showCateCont .showCateTb tbody tr td {
        padding: 0 .625rem
    }

    .modal-content .popCont .showCateCont .myShowCate .showCateNotice {
        padding: .625rem;
        margin-top: .625rem;
        margin-bottom: 1.25rem
    }

    .modal-content .popCont .showCateCont .showCateBtn {
        display: none
    }

    .modal-content .popCont .showCateCont .showCateBtn a {
        margin: 0 5px
    }

    .modal-content .popCont .showCateCont .mShowCateBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .modal-content .popCont .showCateCont.move_list .myShowCate {
        width: 100%;
        flex-basis: auto;
        margin-bottom: 1.25rem
    }

    .modal-content .popCont .showCateCont.move_list .showCateList {
        width: 100%;
        flex-basis: auto
    }

    .modal-content .popCont .addWrap .addTip {
        margin: .9375rem 0 1.25rem
    }

    .modal-content .popCont .addWrap .addTb tbody tr td {
        line-height: 20px
    }

    .modal-content .popCont .addWrap .addTb tbody tr td:nth-child(n+2):before {
        height: 20px;
        line-height: 20px
    }

    .modal-content .popCont .infoTb.benefitPop td {
        padding: 7px 5px
    }

    .modal-content .popContRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-content .popContRow section {
        width: 100%
    }

    .modal-content .popContRow section+section {
        margin-top: 1.875rem !important
    }

    .modal-content.juminPop {
        width: 70%
    }

    .modal-header{display:block; position:relative;}
    .modal-header .close{position:absolute; top:10px; right:10px}
    .modal-content .modal-header .printBtn{margin-left:0; margin-top:5px}


}

@media screen and (max-width: 520px) {
    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom {
        padding-left:10px
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl {
        padding-right: 10px
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl:after {
        top: 20px;
        font-size: 12px
    }
}

@media screen and (max-width: 390px) {
    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl {
        padding-right:0
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl:after {
        content: ""
    }

    .modal-content .popCont .ordPopCont .contBox .ordShipWrap .ordShipCont .ordShipBottom dl dd {
        font-size: 10px
    }
}





/*약관동의**************/

.sub_content_container .agreeCont .agreeTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .9375rem
}

.sub_content_container .agreeCont .agreeTop h2 {
    font-size:1.1rem;
    padding-left:1.07142rem;

}

.sub_content_container .agreeCont .agreeTop span {
    color: #4FB748;
    font-size: 1rem
}

.sub_content_container .agreeCont .agreeBox {
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    position: relative
}

.sub_content_container .agreeCont .agreeBox.ordCancel dt {
    height: auto;
    padding: 1.25rem 1.875rem
}

.sub_content_container .agreeCont .agreeBox.ordCancel dt .ordCancelTxt p {
    line-height: 1.5;
    margin: 5px 0
}

.sub_content_container .agreeCont .agreeBox.ordCancel dt .ordCancelTxt span {
    color: #777
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox] {
    display: none
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]+label {
    cursor: pointer;
    padding-left: 35px;
    min-height: 20px
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]+label:before {
    display: block;
    content: "";
    position: absolute;
    left: 30px;
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border-radius: 50%;
    content: "\F012C";
    font-family: "Material Design Icons";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    transition: .5s
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]+label span {
    line-height: 20px;
    font-size: 1.1rem;;
    color: #ccc
}

.sub_content_container .agreeContBottom .agreeBox {padding:1rem 0}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]+label span .em {
    font-size: 1.1rem;
    color: #ccc
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]+label span .em.required{
    color:#FF5151;
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]:checked+label:before {
    background: #333
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]:checked+label>span {
    line-height: 20px;
    color: #333;
    font-size: 1.1rem;
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]:checked+label>span>span{
    color: #333;
}

.sub_content_container .agreeCont .agreeBox input[type=checkbox]:checked+label>span .em{
    color:#FF5151;
}

.sub_content_container .agreeCont .agreeBox dt {
    height: 65px;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2.07142rem;
    box-sizing: border-box
}

.sub_content_container .agreeCont .agreeBox dt input[type=checkbox]+label span {
    line-height: 20px;
    color: #333;
    font-weight:normal;
    font-size: 1.1rem
}

.sub_content_container .agreeCont .agreeBox dt input[type=checkbox]:checked+label>span {
    line-height: 20px;
    color: #333;
    font-size: 1.1rem
}

.sub_content_container .agreeCont .agreeBox dd {
    padding: .9375rem 2.07142rem;
    box-sizing: border-box; margin-bottom:0
}

.sub_content_container .agreeCont .agreeBox dd .agreeCheck {
    min-height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .agreeCont .agreeBox dd .agreeCheck .agreeBtn {
    color: #999;
    font-size: 1.1rem;
    text-decoration: underline
}

.sub_content_container .agreeCont .agreeBox .memOutCont {
    padding: 1.875rem 1.875rem 0
}

.sub_content_container .agreeCont .agreeBoxPc {
    display: block
}

.sub_content_container .agreeCont .agreeBoxM {
    display: none
}


















/* ====================  //서브공통 ==================== */





/*상단이미지 */

@keyframes zoomIn {
    0% {
        transform:scale(1)
    }
    100% {
        transform:scale(1.2)
    }
}
@keyframes zoomOut {
    0% {
        transform:scale(1.2)
    }
    100% {
        transform:scale(1)
    }
}




#subVisual  { position:relative; height:429px; 	width:100%; color:#fff;}
#subVisual .sub_t_title_wrap{height:100%; position:relative; margin:0 auto; max-width:1280px}
#subVisual .sub_t_title_wrap .tit_box{ 	position:absolute; 	bottom:50px; left:0;}
#subVisual .sub_t_title_wrap .tit_box h2,
#subVisual .sub_t_title_wrap .tit_box h3{color:#fff;  }
#subVisual .sub_t_title_wrap .tit_box h2 {font-size:40px;}
#subVisual .sub_t_title_wrap .tit_box h3 {font-size:15px; margin-left:54px; position:relative;  }
#subVisual .sub_t_title_wrap .tit_box h3:before{content:''; display:block; width:2px; height:15px; background:#fff; position:absolute; bottom:5px; left:-25px}

.subtop_wrap{ padding:175px 0 10px 0; text-align:center;}
.subtop_nomenu_wrap{padding:90px 0 10px 0!important;}
.subtop_wrap .tit_box {}


.subtop_wrap .tit_box h2{font-size:3.57142rem; font-weight:normal;line-height:2.1;letter-spacing: -1px; }
.subtop_wrap .tit_box h3 span{color:#fff; font-size:18px; background:#4FB748; padding:7px 17px 7px 17px; border-radius: 20px 0px; display:inline-block; font-weight:normal; }

.subtop_member_wrap{ padding:7.14285rem 0 0px 0; text-align:center;}
.subtop_member_wrap .tit_box {}
.subtop_member_wrap.subtop_nomenu_wrap{margin-top:82px}

.subtop_member_wrap .tit_box h2{font-size:1.71428rem; line-height:1.45833;letter-spacing: -0.48px; color:#4FB748; font-weight:500;margin-bottom:2.85714rem }
.subtop_member_wrap .tit_box p{color:#999; font-size: 1.1rem;; line-height:1.85714;  }


.bg-cos{background:#F878BC!important}
.bg-living{background:#F878BC!important}

.animation-wrap {
    position:relative;
    overflow:hidden;
    height:530px;
}

#subVisual.zoom-in::after {
    animation:zoomIn 5s linear;
    animation-fill-mode:forwards
}
#subVisual.zoom-out::after {
    animation:zoomOut 5s linear;
    animation-fill-mode:forwards
}


[data-aos=zoom-in] {
    transform:scale(0.6)
}

.cscenter #subVisual.media::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:-1;
    background:url("/img/sub/subbg_media.jpg") no-repeat center;
    background-size:cover
}

.company #subVisual.introduce::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:-1;
    background:url("/img/sub/subbg_company.jpg") no-repeat center;
    background-size:cover
}

#subVisual.brand::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:-1;
    background:url("/img/sub/subbg.jpg") no-repeat center;
    background-size:cover
}

.product #subVisual.product::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:-1;
    background:url("/img/sub/subbg_product.jpg") no-repeat center;
    background-size:cover
}

.brand #subVisual.brand::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:-1;
    background:url("/img/sub/subbg_rd.jpg") no-repeat center;
    background-size:cover
}

@media screen and (max-width: 1440px) {
    #subVisual  { padding:0 110px}

}
@media screen and (max-width: 1200px) {
    #subVisual  { padding:0 30px}

}

@media screen and (max-width: 991.98px) {

    #subVisual {height:230px; }
    #subVisual .sub_t_title_wrap{  }
    #subVisual .sub_t_title_wrap .tit_box{ bottom:30px;}
    #subVisual .sub_t_title_wrap .tit_box h2 {font-size:25px;}
    #subVisual .sub_t_title_wrap .tit_box h3 {font-size:13px; margin-left:40px; position:relative; margin-bottom: 0px}
    #subVisual .sub_t_title_wrap .tit_box h3:before{content:''; display:block; width:2px; height:12px; background:#fff; position:absolute; bottom:5px; left:-18px}


    .subtop_wrap{ padding:140px 0 10px 0; text-align:center;}
    .subtop_wrap .tit_box {padding:0 15px}

    .subtop_wrap .tit_box h2{  font-size:30px; line-height:1;margin:10px 0 20px;  }
    .subtop_wrap .tit_box h3 span{    font-size:14px;  }

    .subtop_member_wrap{ padding:20px 0 0px 0; }


}


@media only screen and (max-width:768.98px) {
    #subVisual  { padding:0 15px}
    .subtop_wrap{ padding:50px 0 10px 0;  }

    .subtop_wrap.subtop_nomenu_wrap{margin-top:82px}

	.subtop_nomenu_wrap{padding:0 0 10px 0!important}


    .product_view_title{margin-top:52px}
    .product_view_title .sub_t_title_wrap .tit_box h3{display: none;}
}


/*//////////////////////////////////////////////////////////////////
[ 브랜드]*/


.brand_content_container{ padding:60px 0px 8.57142rem 0}

.brand_top{text-align:center;     margin: 4.28571rem 0 5.71428rem 0;}
.brand_top h4{font-size:2.1rem; line-height:1.5; position:relative; padding-bottom:7.14285rem; font-weight:400}
.brand_top h4:after{content:''; display:block; height:1px; width:70px; background:#333; position:absolute; left:50%; margin-left:-35px; bottom: 50px }
.brand_top h4.noline{padding-bottom:5.71428rem; }
.brand_top h4.noline:after{display:none;}

.brand_top div p{font-size:1.28571em;}
.brand_top .brand_logo{padding-top:4.28571rem}


.brand_sub_wrap .brand_sub_list .brand_sub_box:after{content:'';display:block; clear:both;}
.brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_banner{float:left; width:50%; display: flex; justify-content: center; 	-ms-align-items: center; align-items: center;}
.brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_banner img{width:100%;   border-radius: 0px 50px; }
.brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_txt{float:right; width:50%; display: flex; align-items: center; 	padding-left:50px;  }
.brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_txt div{ width:100%; font-size:1.28571em; line-height:1.65217}

.brand_sub_wrap .brand_sub_list .brand_sub_box:last-child .brand_sub_banner{ float:right;  }
.brand_sub_wrap .brand_sub_list .brand_sub_box:last-child .brand_sub_txt{ float:left; text-align:right; padding-left:0; padding-right:50px;  }


/*philosophy*/


.rd_top{text-align:center; margin :4.28571rem 0 5.71428rem 0}
.rd_top h4{font-size:2.1rem;  line-height: 1.5;  position:relative; padding-bottom:7.14285rem; font-weight:400}
.rd_top h4:after{content:''; display:block; height:1px; width:70px; background:#333; position:absolute; left:50%; margin-left:-35px; bottom: 50px }

.rd_top div p{font-size:1.28571em;}

.rd_top_banner {margin-bottom:5.71428rem;}
.rd_top_banner img{width:100%; box-shadow: 5px 10px 30px #0000001A; border-radius: 0px 7.14285rem; }

.cv_standard_wrap{background:#FFF6EB; padding:5.71428rem 0   }

.cv_standard_box{
    background:#fff;
    border-radius:5.71428rem 0 5.71428rem 5.71428rem;
    padding:0 8.21428rem;
    margin-bottom:5.71428rem;
    position:relative;
}

.cv_standard_wrap .cv_standard_box:last-child{margin-bottom:0}

.cv_standard_box h5{position:absolute; top:0; right:0; font-size:1.5rem; background: #4FB748; color:#fff;
    padding:14px 2.14285rem 1rem 2.14285rem; border-radius: 2.14285rem 0; box-shadow: 5px 10px 30px #00000033;
}
.cv_standard_box li{
    border-bottom:1px #ddd solid;
    padding:3.57142rem 0 4.64285rem;

}
.cv_standard_box li:first-child{padding-top:5.85714rem}

.cv_standard_box li:last-child{border-bottom:none;}
.cv_standard_box li i{width:140px; text-align:center;}
.cv_standard_box li i img{}
.cv_standard_box li .txt{
    width:calc(100% - 140px);
    padding-left:4.28571rem;
}
.cv_standard_box li .txt h6{
    color:#4FB748;
    font-size:1.85714rem;
    letter-spacing: -0.6px;
    margin-bottom:1.07142rem;
}
.cv_standard_box li .txt p{
    font-size:1.1rem;
}



.brand_ai_wrap{background:#FFF6EB; padding:5.71428rem 0; margin: 5.71428rem 0}

.brand_ai_img ul {margin: 0 -1.21428rem;}
.brand_ai_img ul:after, .brand_ai_info:after{content:''; display:block; clear:both;}
.brand_ai_img li{ float:left; width:50%; padding: 0  1.21428rem; text-align:center;  font-size:1.1rem; margin-bottom:2.5rem}

.brand_ai_img .brand_ai {background:#fff; border-radius:3.57142rem; width:100%; padding:2.28571rem 0; text-align:center; margin-bottom:1.21428rem}
.brand_ai_img .brand_ai img{max-width:100%}

.brand_ai_info{padding-top:4.28571rem}
.brand_ai_info > div{float:left; width:50%;}

.brand_ai_info .brand_ai_color{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;

}
.brand_ai_info .brand_ai_color {}
.brand_ai_info .brand_ai_color .color_code{ width:95px; height:95px; border-radius:50%; box-shadow: 5px 10px 30px #00000033; margin-right:1.85714rem;}

.brand_ai_info .brand_ai_color .color_info{width:180px}
.brand_ai_info .brand_ai_color .color_info dt{font-weight:normal; font-size:1.1rem;}
.brand_ai_info .brand_ai_color .color_info dd{margin-bottom:0 ;  color:#777; font-size:14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
}
.brand_ai_info .brand_ai_color .color_info dd span:first-child{width:60%}

.brand_ai_info .brand_ai_color li{margin-bottom:2rem;}
.brand_ai_info .brand_ai_color li:last-child{margin-bottom:0;}

.brand_ai_info .brand_ai_txt{ }
.brand_ai_info .brand_ai_txt strong{display:block; font-size:1.85714rem; margin-bottom:1.85714rem; font-weight:normal;}
.brand_ai_info .brand_ai_txt span{ font-size:1.1rem;  }

.brand_bottom .brand_b_box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size:2.1rem;
}
.brand_bottom .brand_b_box p{
    display:inline;
}
.brand_bottom .brand_b_box br{
    display:none
}
.brand_bottom .brand_b_box .point{
    margin:2px 20px 2px 15px;
}

.brand_bottom ul{
    display:inline-block;
    margin-top:5.71428rem;
}

.brand_bottom li{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    text-align:left;
    margin-bottom:1.85714rem;
}
.brand_bottom li:last-child{margin-bottom:0}
.brand_bottom li .mean_txt{
    width:800px;
    padding-left:5.71428rem;

}
.brand_bottom li .mean_txt{
    font-size:1.1rem;
}
.brand_bottom li .mean_txt p{
    margin-top:2.71428rem
}
.brand_bottom li .mean_thum img{
    border-radius:1.21428rem;

}


/*qmin */
.brand_ai_info .brand_ai_color .qmin_color01{background:#F1BD26}
.brand_ai_info .brand_ai_color .qmin_color02{background:#000}

/*loasen */
.brand_ai_info .brand_ai_color .loasen_color01{background:#7B3500}

/*eclairer */
.brand_ai_info .brand_ai_color .eclairer_color01{background:#000}
.eclairer_ai_info{text-align:left; padding-top:7.85714rem;}

.brand_story_wrap{
    padding:5.71428rem 0;
    background:#1b1311 url(/img/sub/brand/eclairer_story_bg.jpg) no-repeat bottom center;
    text-align:center;
    color:#fff;
}
.brand_story_wrap h5{font-size:1.85714rem; letter-spacing: -0.6px; margin-bottom:1.85714rem;}
.brand_story_wrap .story_txt_box{font-size:1.1rem;   }

.eclairer_bottom{
    margin-top:5.71428rem;
}

.eclairer_bottom ul{margin-top:0}
.eclairer_desc_wrap{
    margin-left:170px;
    margin-top:5rem;
}
.eclairer_desc_wrap li{
    margin-bottom:1.85714rem;
}
.eclairer_desc_wrap li:last-child{
    margin-bottom:0rem;
}

.eclairer_desc_wrap li .banner{
    width:307px;
}
.eclairer_desc_wrap li .banner img{width:100%}

.eclairer_desc_wrap li .txt{
    width:calc(100% - 307px);
    padding-left:5.71428rem;
}
.eclairer_desc_wrap li .txt h6{
    color:#4FB748;
    font-size:1.85714rem;
    letter-spacing: -0.6px;
    margin-bottom:1.14285rem;
}

.eclairer_desc_wrap li .txt p{
    font-size:1.1rem;
}

.eclairer_logo_desc_wrap{
    margin-top:5.71428rem;
    margin-left:20px;
}

.eclairer_logo_desc_box {
    padding-bottom:1.85714rem;
}
.eclairer_logo_desc_box .banner{
    width:509px
}
.eclairer_logo_desc_box .banner img{
    width:100%
}

.eclairer_logo_desc_box .txt{
    width:calc(100% - 509px);
    padding-left:5.71428rem;
}

.eclairer_logo_desc_box .eclaire_ai{
    margin-bottom:2.64285rem;
}
.eclairer_logo_desc_box .eclaire_ai span{
    margin-left:1.85714rem;
    color:#4FB748;
    font-size:1.1rem;

}

.eclairer_logo_desc_box .txt p{
    font-size:1.1rem;
}


/*Achievement*/
.achievement_wrap .inner{ border-top:1px #333 solid;}
.achievement_wrap h4{ padding:1.64285rem 0 1rem 0; text-align:center; font-size:2.1rem; }
.achievement_wrap h4 span{font-size:1.5rem;}
.achievement_wrap .achievement_box{ }
.achievement_wrap .achievement_box ul{margin:0 -1.42857rem;}
.achievement_wrap .achievement_box ul:after{content:''; display:block; clear:both;}
.achievement_wrap .achievement_box li{padding:0 1.42857rem; float:left; width:calc(100% / 5); text-align:center; margin-top:2.07142rem;}
.achievement_wrap .achievement_box li p {letter-spacing: -1px; font-size:1.07142rem; margin-top:1.07142rem; line-height: 1.4;}
.achievement_wrap .achievement_box li .report_thum{position:relative; border-radius: 1.42857rem; border:1px #ddd solid; padding:14px 9px 8px 13px}

.achievement_wrap .achievement_box .loasen li .report_thum:after{ content:''; display:block; position:absolute; top:0; right:0; z-index:10;
    width: 88px; height: 30px; background:#7B3500; border-radius: 50px 50px 0px 50px; background-image:url(/img/sub/brand/loasen_ach_logo.png); background-repeat:no-repeat;
    background-position:14px 7px
}
.achievement_wrap .achievement_box li .report_thum img{width:100%;  }
.achievement_wrap .achievement_box .eclairer li .report_thum:after{ content:''; display:block; position:absolute; top:0; right:0; z-index:10;
    width: 88px; height: 30px; background:#333; border-radius: 50px 50px 0px 50px; background-image:url(/img/sub/brand/eclairer_ach_logo.png); background-repeat:no-repeat;
    background-position:18px 6px
}



@media screen and (max-width: 1440px) {
    .brand_content_container{  padding:40px 30px 8.57142rem 30px}
    .brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_txt div br{display:none}

    .cv_standard_box li .txt p br{  display:none }
    .rd_sub_wrap .rd_sub_list .rd_sub_box .rd_sub_txt div br{display:none}

    .brand_bottom .brand_b_box{
        display: block;
        text-align:center;
    }
    .brand_bottom .brand_b_box p{
        display: block;
        margin-bottom:3rem
    }
    .brand_bottom .brand_b_box p:last-child{margin-bottom:0}

    .eclairer_logo_desc_wrap{
        margin-left: 0px;
    }
    .eclairer_desc_wrap{
        margin-left: 90px;
    }


    .eclairer_logo_desc_box .banner{
        width:409px
    }
    .eclairer_logo_desc_box .txt{
        width:calc(100% - 409px);
    }

    .eclairer_desc_wrap li .banner{
        width:207px;
    }

    .eclairer_desc_wrap li .txt{
        width:calc(100% - 207px);
    }



    .achievement_wrap .achievement_box ul{margin:0 -0.71428rem;}
    .achievement_wrap .achievement_box li{padding:0 0.71428rem; float:left; width:calc(100% / 5); }
    .achievement_wrap .achievement_box li p { font-size:14px;  }
}

@media screen and (max-width: 1200px) {

    .brand_top h4 br{display:none}

    .cv_standard_box li .txt{padding-left:0}

    .brand_bottom li .mean_txt{ width:calc(100% - 260px); }
    .brand_bottom li .mean_thum{width:260px; }

    .eclairer_desc_wrap li .txt p br,
    .eclairer_logo_desc_box .txt p br{ display:none}
    .brand_story_wrap{ background:#1b1311 url(/img/sub/brand/eclairer_story_bg_m.jpg) no-repeat bottom right;  }



}

@media (max-width: 991.98px) {

    .brand_top,
    .rd_top{ margin :20px 0 5.71428rem 0}
    .rd_top div  p br {display:none}
    .rd_sub_wrap .rd_sub_list .rd_sub_box .rd_sub_banner, .rd_sub_wrap .rd_sub_list .rd_sub_box .rd_sub_txt{  width:100%; padding-left:0}
    .rd_sub_wrap .rd_sub_list .rd_sub_box:last-child .rd_sub_banner{  float:left; margin-top:2rem; }
    .rd_sub_wrap .rd_sub_list .rd_sub_box:last-child .rd_sub_txt{float:right; text-align:left;padding-right:0  }
    .rd_sub_wrap .rd_sub_list .rd_sub_box{ display:block }
    .rd_sub_wrap .rd_sub_list .rd_sub_box .rd_sub_txt{height: auto; padding:2rem  0}
    .cv_standard_box { padding: 0 3.57142rem; }
    .cv_standard_box li i{width:120px; }
    .cv_standard_box li .txt{ width:calc(100% - 120px); }


    .brand_ai_info > div{  width:100%;}
    .brand_ai_info .brand_ai_txt{ margin-top:3.57142rem; }
    .brand_bottom li .mean_thum img{ width:100%  }
    .brand_ai_info .brand_ai_txt strong{letter-spacing: -1px; }

    .eclairer_ai_info { padding-top:  4.5rem; }
    .eclairer_logo_desc_box{display:block;}
    .eclairer_logo_desc_box .banner,
    .eclairer_logo_desc_box .txt {width:100%}

    .eclairer_logo_desc_box .txt {padding-left:0; padding-top:2.14285rem}
    .eclairer_desc_wrap{ margin-left:  0px; }
    .eclairer_desc_wrap li .txt { padding-left:2.14285rem}

    .achievement_wrap .achievement_box li{ width:calc(100% / 3);  }

}

@media screen and (max-width: 768.98px) {
    .brand_content_container{  padding:40px 15px 8.57142rem 15px}
    .brand_top .container > div > p br , .brand_top .inner > div > p br{display:none}
    .brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_banner, .brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_txt{  width:100%; padding-left:0}
    .brand_sub_wrap .brand_sub_list .brand_sub_box:last-child .brand_sub_banner{  float:left; margin-top:2rem; }
    .brand_sub_wrap .brand_sub_list .brand_sub_box:last-child .brand_sub_txt{float:right; text-align:left;padding-right:0  }
    .brand_sub_wrap .brand_sub_list .brand_sub_box{ display:block }
    .brand_sub_wrap .brand_sub_list .brand_sub_box .brand_sub_txt{height: auto!important; padding:2rem  0}

    .brand_bottom ul{width:100%}
    .brand_bottom li .mean_txt{ width:calc(100% -  150px); }
    .brand_bottom li .mean_thum{width:150px; }
    .brand_bottom li .mean_txt img{ height:30px }
    .brand_ai_info .brand_ai_txt strong br{display:none}
    .brand_ai_info .brand_ai_txt strong{letter-spacing:0px; }
    .product_list_box{margin: 0 -10px; overflow:hidden;}
    .brand_ai_img ul { margin: 0 0rem; }
    .brand_ai_img li {  padding: 0 0.71428rem; }

    .brand_story_wrap .story_txt_box {padding:0 15px}
    .brand_story_wrap .story_txt_box p br{display:none}

    .eclairer_ai_info .brand_ai_color .color_code { width: 40px; height: 40px; margin-right:10px;   }

    .achievement_wrap .achievement_box li{ width:calc(100% / 2);  }
}


@media screen and (max-width: 576.98px) {

    .cv_standard_box { padding: 0 30px; }
    .cv_standard_box li .flex-l-m{display:block}
    .cv_standard_box li i , .cv_standard_box li .txt{width:100%; }
    .cv_standard_box li i{text-align:center; margin-bottom:2.14285rem; display:block }

    .brand_top .brand_logo img{height:40px}
    .brand_ai_info .brand_ai_txt span br{display:none}

    .brand_bottom li{ display: block; }
    .brand_bottom li .mean_txt{padding-left:0; margin-top:3rem  }

    .brand_bottom li .mean_txt{ width:calc(100% -  0px); }
    .brand_bottom li .mean_thum{width:100%; }

    .brand_top .eclairer_logo img { height: 100px; }

    .eclairer_bottom .brand_b_box p span:first-child{display:block; margin-bottom:3rem}

    .eclairer_desc_wrap li .banner,
    .eclairer_desc_wrap li .txt{ width:100%; padding-left:0; padding-top:2.14285rem}
    .eclairer_desc_wrap li .flex-l-m{display:block}

    .eclairer_ai_info .brand_ai_color .color_code { width: 25px; height: 25px; margin-bottom:10px; margin-right:0; position:absolute; top:0px; left:0  }
    .eclairer_ai_info .brand_ai_color .flex-l-m{display:block; position:relative;}
    .eclairer_ai_info .brand_ai_color .color_info dt{padding-left:30px;  margin-bottom:10px}
    .eclairer_ai_info .brand_ai_color .color_info {     width: 120px; }
    .eclairer_ai_info .brand_ai_color .color_info dd span:first-child {  width: 40%;}

    .achievement_wrap .achievement_box {margin:0 -0.71428rem; overflow:hidden;}
    .achievement_wrap .achievement_box ul {margin:0 0rem;}
    .achievement_wrap h4 span{display:block;}
}

@media screen and (max-width: 375.98px) {
    .brand_bottom .brand_b_box span { letter-spacing: -1px;   }
    .brand_bottom li .mean_txt p br{display:none}
}











/*//////////////////////////////////////////////////////////////////
[ 쇼핑 ]*/

/* ==================== 목록==================== */
.shop_content_container{  padding: 40px 0px 120px 0}
.shop_content_container2{padding: 40px 0px 120px 0}

.filtered_item_sorting{border-bottom:1px #333 solid;  font-family:'DM Sans',"AppleSDGothicNeoM", sans-serif;}

.filtered_item_sorting .mo_serach_change_box{display:none; position:absolute; top:15px; right:15px}
.filtered_item_sorting .mo_serach_change_box .btn_group a{border-right:1px rgba(255,255,255,0.5) solid;}
.filtered_item_sorting .mo_serach_change_box .btn_group a:last-child{border-right:none;}

.filtered_item_sorting .mo_serach_change_box .btn-period{background:#4FB748; border:1px #4FB748 solid; color:#fff;   }
.filtered_item_sorting .mo_serach_change_box .btn-period-search{background:#333; border:1px #333 solid; color:#fff; }

.goods_list_wrap .filtered_item_sorting{ 	-ms-align-items: flex-start; align-items: flex-start;}


.filtered_item_sorting .item_total {font-family:"AppleSDGothicNeoM"; font-size:17px; padding-left:20px}
.filtered_item_sorting .item_total strong{font-family: 'DM Sans', sans-serif; font-weight:500; color:#FF5151; font-size:19px }
.filtered_item_sorting .goods_list_menu a{padding:5px 25px 5px 25px; display:block; height:29px; font-size:14px}
.filtered_item_sorting .goods_list_menu a.active{background:#333; color:#fff; border-radius: 0px 15px;}

.pl_info .pl_price_box{position:relative; border-top:1px #ddd solid; padding:12px 0 0 0; margin-top:12px}
.pl_info .pl_price_box:after{content:'';display:block; clear:both;}
.pl_info .pl_price_box .pl_consumer, .pl_info .pl_price_box .pl_member {float:left; width:50%}
.pl_info .pl_price_box .pl_consumer span, .pl_info .pl_price_box .pl_consumer p{ 	display:block; color:#999; font-size:12px}
.pl_info .pl_price_box .pl_member span, .pl_info .pl_price_box .pl_member p{ 	display:block; color:#333; font-size:12px}
.pl_info .pl_price_box .pl_consumer p , .pl_info .pl_price_box .pl_member p { font-weight:700;   font-size:17px;letter-spacing: -0.51px;}
.pl_info .pl_price_box .pl_consumer p em, .pl_info .pl_price_box .pl_member p em{font-family: 'DM Sans', sans-serif;  font-size:20px;letter-spacing: -0.6px;}
.pl_info .pl_price_box .pl_discount{position:absolute; top:7px; right:0;font-family: 'DM Sans', sans-serif;  color:#FF5151; font-size:18px; letter-spacing: -0.72px;}
.pl_info .pl_price_box .pl_discount strong{font-weight:700;  }


.quick_product_list_wrap{}
.quick_product_list > li{ padding:20px 0; border-bottom:1px #ddd solid;  }
.quick_product_list > li:last-child{  border-bottom:1px #333 solid;  }
.quick_product_list .quick_product_box{}
.quick_product_list .quick_product_box .pl_img{width:65px; margin-right:40px; position:relative; height:65px}
.quick_product_list .quick_product_box .pl_img img{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.quick_product_list .quick_product_box .pl_info{width:calc(100% - 178px - 105px)}

.quick_product_box .pl_info .pl_info_inner {width:45%}
.quick_product_box .pl_info .pl_price{margin-left:0px; text-align:right; width:240px;    font-weight:700; font-size:17px}
.quick_product_box .pl_info .pl_price em{ font-family: 'DM Sans', sans-serif; font-size:20px}

.quick_product_box .pl_info .pl_info_inner .pl_name{width:calc(100% - 80px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quick_product_box .pl_info .pl_info_inner .pl_name a{color:#333; font-size:17px; letter-spacing: -0.34px; font-weight:500}
.quick_product_list .quick_product_box .pl_cart_box{width:178px}
.quick_product_list .quick_product_box .pl_cart_box .pl_cart_input_inner input { width: 63px;  text-align: center;  border: none;  height: 27px;  font-family: 'DM Sans', sans-serif;  font-weight: 500;    font-size: 15px;}

.quick_product_list .putin_cart .quick_product_box .pl_img a{display:block; position:relative; width:100%; height:100%}
.quick_product_list .putin_cart .quick_product_box .pl_img a:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0}



@media screen and (max-width: 1440px) {
    .shop_content_container, .shop_content_container2{  padding: 40px 30px 120px 30px}

}

@media screen and (max-width: 1200px) {

}


@media only screen and (max-width:991.98px) {
    .shop_content_container{  padding: 15px 11px 50px 11px}
    .shop_content_container2{  padding: 15px 15px 50px 15px}
    .goods_list_wrap .filtered_item_sorting{margin:0 4px; -ms-align-items: center; align-items: center;}
    .goods_list_wrap .pl_inner_item_box .pl_info{position:relative}
    .goods_list_wrap .pl_inner_item_box .pl_cart_box .pl_pv{margin-top:0; position:absolute; top:10px; left:0}
    .goods_list_wrap .pl_inner_item_box .pl_info .pl_name{ margin:20px 0 0 0}


    .quick_product_box .pl_info .pl_info_inner{width:calc(100% - 200px)}
    .quick_product_box .pl_info .pl_price{  width:170px; margin-right:30px }

	.filtered_item_sorting .mo_serach_change_box{display:block}
}



@media screen and (max-width: 768.98px) {
    .goods_list_wrap .pl_inner_item_box .pl_info .pl_desc{display:none}
    .filtered_item_sorting .item_total {padding-left:0; /*font-size:24px*/ font-size:16px;  }
    .filtered_item_sorting .item_total strong{ /*font-size:24px*/ font-size:16px;  }

    .pl_info .pl_price_box .pl_consumer span, .pl_info .pl_price_box .pl_consumer p{  font-size:11px}
    .pl_info .pl_price_box .pl_member span, .pl_info .pl_price_box .pl_member p{   font-size:11px}
    .pl_info .pl_price_box .pl_consumer p , .pl_info .pl_price_box .pl_member p {  font-size:13px; }
    .pl_info .pl_price_box .pl_consumer p em, .pl_info .pl_price_box .pl_member p em{  font-size:15px; }
    .pl_info .pl_price_box .pl_discount{  font-size:14px; top:10px }

    .quick_product_list_wrap {padding:0 4px}
    .quick_product_list > li{ padding:10px 0;  }

    .quick_product_list .quick_product_box{ }
    .quick_product_list .quick_product_box .pl_img{width:58px; margin-right:7px; position:relative;}
    .quick_product_list .quick_product_box .pl_img img{width:100%;}
    .quick_product_list .quick_product_box .pl_info{width:calc(100% - 130px - 65px); display:block;}

    .quick_product_box .pl_info .pl_info_inner {width:100%; display:block; position:relative;}
    .quick_product_box .pl_info .pl_info_inner .pl_pv{position:absolute; top:0; left:0}

    .quick_product_box .pl_info .pl_price{  text-align:left; width:100%;  font-size:14px}
    .quick_product_box .pl_info .pl_price em{ font-size:16px}

    .quick_product_box .pl_info .pl_info_inner .pl_name{width:calc(100% - 7px); padding:18px 0 0 0 }
    .quick_product_box .pl_info .pl_info_inner .pl_name a{ font-size:13px; }

    .quick_product_list .quick_product_box .pl_cart_box{width:auto}
    .quick_product_list .quick_product_box .pl_cart_box .pl_cart_input_inner input { width: 40px;   height: 27px;   font-size: 11px;}

    .quick_product_list .quick_product_box .pl_cart_box .pl_cart_input_inner{justify-content: space-between!important;}
    .quick_product_list .quick_product_box .pl_cart_input_inner .btn_pl_cart{font-size:11px; max-width:29px }
    .quick_product_list .quick_product_box .pl_cart_input_inner .pl_cart_input{  width: calc(100% - 35px );}

}


@media (max-width: 575.98px) {

    .goods_list_wrap .pl_inner_item_box .pl_cart_box .pl_cart_input_inner{justify-content: space-between!important}
    .goods_list_wrap .pl_cart_input_inner .pl_cart_input{width:calc(100% - 38px ); margin-right:0}
    .goods_list_wrap .pl_inner_item_box .pl_cart_box .pl_cart_input_inner input{width:calc(100% - 58px )!important;}




}


@media (max-width: 375.98px) {
    .pl_info .pl_price_box .pl_consumer p em, .pl_info .pl_price_box .pl_member p em{  font-size:14px; }
}

/* 갤럭시폴드4 외부 디스플레이 대응 */
@media (max-width: 346px) {
    .pl_info .pl_price_box .pl_consumer p em, .pl_info .pl_price_box .pl_member p em{  font-size:13px; }
    .pl_inner_item_box .pl_info .pl_price strong em{font-size: 14px;}
    .pl_inner_item_box .pl_info .pl_price span em {font-size: 13px;}
}



/* ==================== 상세==================== */


/* 스펙*/
.goods_thumbs_spec{  display: table;  width: 100%;   table-layout: fixed;  padding-bottom: 60px;  padding-top: 25px; }
.goods_thumbs_spec .goods_thumbs{width:600px;     display: table-cell;  vertical-align: top;}
.goods_thumbs_spec .goods_thumbs img{width:100%; max-width:100%}
.goods_thumbs_spec .goods_spec{  display: table-cell;    vertical-align: top;   padding: 0 0 30px 40px; width:calc(100% - 600px)}

.goods_spec_sections{width:100%}
.goods_spec_sections .goods_sns_share{margin-bottom:22px; text-align:right;}
.goods_spec_sections .goods_sns_share a{font-size:13px; color:#999; letter-spacing: -0.52px; padding-left:41px; position:relative;}
.goods_spec_sections .goods_sns_share a:before{content:''; display:block; width:30px; height:30px; background-image:url(/images/Inqten/Common/icon_sns_share.png); position:absolute; top:50%; left:0; margin-top:-15px}
.goods_spec_pv{padding-bottom:12px}
.goods_spec_pv span{display:inline-block!important; font-size:14px; padding: 4px 11px 4px 11px;}

.detail_spec_table { color:#666; font-size:13px }
.detail_spec_table li:first-child{width:200px;}

.goods_spec_sections .goods_spec_basic{padding:8px 0}
.goods_spec_sections .goods_spec_price{margin:0 0 25px 0; padding:0 0 10px 0; border-bottom:1px #ddd solid; position:relative;}
.gsp_consumer, .gsp_member{margin:12px 0}

.gsp_consumer  li:first-child, .gsp_consumer .gsp_price{color:#999}
.gsp_member  li:first-child, .gsp_member .gsp_price{color:#4FB748}
.gsp_consumer .gsp_price{font-size:22px; font-weight:700; letter-spacing: -0.78px;}
.gsp_consumer .gsp_price em{font-size:26px; ;font-family: 'DM Sans', sans-serif; padding-right:2px}
.gsp_member .gsp_price{font-size:25px; font-weight:700; letter-spacing: -0.96px;}
.gsp_member .gsp_price em{font-size:32px; ;font-family: 'DM Sans', sans-serif; padding-right:2px}

.goods_spec_discount{position:absolute; bottom:20px; right:0; width: fit-content !important; min-width: 60px; padding: 5px; height:60px; background:#FF5151; color:#fff;  font-size:24px;font-family: 'DM Sans', sans-serif; display: flex; 	justify-content: center; -ms-align-items: center; 	align-items: center; }
.goods_spec_discount em{font-weight:700}

.goods_spec .goods_price_box{border-top:1px #ddd solid; margin-top:22px; padding:20px 0}
.goods_spec .goods_price_box .pl_cart_input_inner input{width:63px; text-align:center; border:none; height:27px; font-family: 'DM Sans', sans-serif; font-weight:500;  font-size:15px; }
.goods_spec .goods_price_box .pl_cart_input_inner{margin-left:20px}
.goods_spec .goods_price_box .total_goods_price span{font-size:17px; color:#666; letter-spacing: -0.68px; margin-right:18px}
.goods_spec .goods_price_box .total_goods_price div{font-size:25px; color:#4FB748; letter-spacing: -0.75px; font-weight:700}
.goods_spec .goods_price_box .total_goods_price div em{ font-family: 'DM Sans', sans-serif; font-size:32px; letter-spacing: -0.96px; padding-right:2px}

.goods_spec .goods_buttons_box{padding:60px 0 0 0}

.goods_buttons_section>li { padding-bottom:10px; }
.goods_buttons_section>li:last-child { padding-bottom:0; }
.basic_btn_area {  display: flex;  display: -webkit-flex; width: 100%;  }
.basic_btn_area>li {     -webkit-flex: 1;  flex: 1;   display: inline; padding:0 5px  }
.basic_btn_area>li:first-child {  }
.basic_btn_area>li > a{width:100%}
.basic_btn_area .btn-view{font-size:19px; letter-spacing: -0.76px; padding:16px 0 17px; text-align:center; display:block; border-radius: 3px;  }


.goods_buttons_section .basic_btn_area>li:last-child {  }

.goods_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#333; opacity:0.5; filter:alpha(opacity=50); z-index:1500;}

/*옵션*/
.select_list_wrap{width:100%; border-top:1px #eee solid; margin-top:20px; padding-top:20px}
.select_list_wrap .select_box{position:relative; width:100%; margin-bottom:8px; height:40px; }
/*20240416추가*/

.select_list_wrap .select_box .select_style,
.m_option_list .select_style{ display: block;  width: 100%;   height: 38px;   font-size: 14px;   font-weight: 400; color: #000;  background-color: #fff;  background-clip: padding-box;   border: 1px solid #ddd;   padding:0 20px;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; -webkit-border-radius: 0; }
.select_list_wrap .select_box:after,
.m_option_list > ul > li:after{ content: "\F0140";   font-family: "Material Design Icons"; 	display:block;     font-size: 27px;  color: #ddd;   position: absolute;   top: 0px;  right: 20px;}
.select_list_wrap .select_box select::-ms-expand,
.m_option_list .select_style::-ms-expand{   display:none;}
.select_list_wrap .select_box .select_style:hover{ border: 1px solid #000; }

.m_option_list{padding-top:15px}
.m_option_list li{margin:10px 0 0 0; position:relative;}

/*20240416 END추가*/
#select_box1{ z-index:3;}
#select_box2{ z-index:2; }
#select_box3{ z-index:1;}


.select_list_wrap .select_list{ position:absolute; left:0; top:0; width:calc(100% - 2px); line-height:38px;
    cursor:pointer; border:solid 1px #ddd; font-weight:400; color:#000; font-size:14px; background-color:#fff; overflow:hidden; z-index:1; }

.select_list_wrap .select_box_close{ height:40px; }

.select_list_wrap .select_list .selected{   position:relative; width:calc(100% -  0px); padding:0 20px; text-align:left; }
.select_list_wrap .select_list:hover {border-color:#000}

.select_list_wrap .select_list.select_box_open{ height:auto; overflow:auto; border-color:#000}

.select_list_wrap .select_list .selected .select_box_arrow{ position:absolute; top: 0px; right:20px  }
.select_list_wrap .select_list .selected .select_box_arrow:after{content: "\F0140";   font-family: "Material Design Icons"; font-size:27px; color:#ddd }

.select_list_wrap .select_list.select_box_open .select_box_arrow:after{content: "\F0143"; font-family: "Material Design Icons"; font-size:27px; color:#000 }

.arrow_rotate{ transform:rotate(180deg); }

.select_list_wrap .option_box{   width:100%; text-align:left; cursor:pointer; }
.select_list_wrap .option{   width:calc(100% -  0px); padding:0 20px; display:block; border-top:1px #eee solid; }
.select_list_wrap .option_box div:first-child .option{border-color:#000}
.select_list_wrap .option:hover{background:#f5f5f5}


.goods_option_box{display:none}

.selected_option_values{ border-top:1px #eee solid; margin-top:20px; padding-top: 0px}
.selected_option_values > ul > li{border-bottom: 1px #eee solid; padding :20px 0}
.selected_option_values > ul > li:last-child{border-bottom:none; padding:20px 0 0 0}
.goods_spec .goods_price_box.option_price_box{border-top:none; padding:0; margin-top:10px; position:relative;}

.goods_spec .goods_price_box.option_price_box .pl_cart_input_inner{margin-left:0}
.goods_spec .goods_price_box.option_price_box .option_goods_price{padding-right:30px}
.goods_spec .goods_price_box.option_price_box .option_goods_price em{ font-size:15px;  font-weight:600;  font-family: 'DM Sans', sans-serif;  letter-spacing: -0.96px;  padding-right: 2px;}

.option_price_box  .option_del_btn{ position:absolute; top:3px; right:0; font-size:16px}


/* 옵션, 구매하기 열기 섹션( 모바일에서만 노출 ) */
.goods_buy_open_sections { position:fixed; left:0; bottom:0; right:0; z-index:1602; padding:15px 15px 15px 15px; border-top:1px #ddd solid; background:#f5f5f5; display:none; }
.goods_buy_open_sections .btn_section_open,
.goods_buy_sections .btn_section_close { position:absolute; left:calc( 50% - 30px ); top:-20px; display:block; width:59px; height:20px;
    background-color:#f5f5f5; border-radius:30px 30px 0 0; border:1px #ddd solid; border-bottom:none;   }
.goods_buy_open_sections .btn_section_open:after {    content: "\F0140"; display:block;   font: normal normal normal 18px / 1 "Material Design Icons"; position:absolute; 	top: 50%;
    left: 50%;  transform: translate(-50%, -50%); font-size:20px}
.goods_buy_sections .btn_section_close {  display:none; }
.goods_buy_sections .btn_section_close:after{ content: "\F0143"; display:block;   font: normal normal normal 18px / 1 "Material Design Icons"; position:absolute; 	top: 50%;
    left: 50%;  transform: translate(-50%, -50%); font-size:20px; }



/* 탭( 상세설명 ) */
.goods_information_tabs { display:table; width:100%; table-layout:fixed; position:relative;  background:#fff }
.goods_information_tabs>a { width:220px; display:inline-block;  vertical-align:middle; position:relative; height:50px;
    text-align:center; line-height:50px; font-size:16px; border:1px #ddd solid; border-bottom-color:#333;; border-right:none; background:#fff; color:#bbb; }
.goods_information_tabs>a:first-child { margin-left:0;  }
.goods_information_tabs>a:last-child { border-right:1px #ddd solid;  }
.goods_information_tabs>a.current {   border-color:#333; border-right:1px #333 solid; background:#fff; border-bottom-color:#fff; z-index:900; color:#333; }
.goods_information_tabs>a.current+a { border-left:none; }
.goods_information_tabs:after{content:''; display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#333}

.layout_sub_header.flyingMode {background:#fff!important}
.goods_tabs.flyingMode {position:fixed; top:83px; left:0; width:100%; z-index:1011; }
.goods_information_contents { min-height:250px; padding-top:20px;}
.goods_information_contents img{max-width:100%}

.layout_sub_header.flyingMode .top_menu_box .categoryList>li.active:after{display:none}


.goods_information_contents{}
.goods_information_contents .gic_wrap{}


.goods_information_contents .gic_wrap dl{ margin-bottom:2.14285rem}
.goods_information_contents .gic_wrap dl dt{ margin-bottom:10px; margin-top:2.14285rem;   font-size: 1.4rem;   color: #4FB748;   font-weight: 500;}
.goods_information_contents .gic_wrap dl dd{ font-size:1.2rem}
.goods_information_contents .gic_wrap .gic_table_box .gic_t_tit{font-size:1.1rem; font-weight:700; margin-bottom:10px}
.goods_information_contents .gic_wrap .gic_table_box table{margin-bottom:2.14285rem; border-top:1px #333 solid;}
.goods_information_contents .gic_wrap .gic_table_box table th{padding:15px 15px; width:20%;    background: #f5f5f5; color:#333;border-bottom:1px #ddd solid; }
.goods_information_contents .gic_wrap .gic_table_box table tr{ }
.goods_information_contents .gic_wrap .gic_table_box table td{padding:15px 15px; border-bottom:1px #ddd solid;}
.goods_information_contents .gic_wrap .gic_table_box table td ul{margin-bottom:15px}
.goods_information_contents .gic_wrap .gic_table_box table td ul:last-child{margin-bottom:0}
.goods_information_contents .gic_wrap .gic_table_box table td ul > li{position:relative; margin-bottom:2px; padding-left:15px}
.goods_information_contents .gic_wrap .gic_table_box table td ul > li:before{content:''; position:absolute; top:9px; left:0; width:7px; height:1px; background:#333;}
.goods_information_contents .gic_wrap .gic_table_box table td ul > li > ul {margin-top:7px}
.goods_information_contents .gic_wrap .gic_table_box table td ul > li > ul > li:before{width:3px; height:3px}
.goods_information_contents .gic_wrap .gic_table_box table td ul > li span{ color: #4FB748;}
.goods_information_contents .gic_wrap .gic_table_box table td ul > li strong{ color: #FF5151;}





/* 추천하기*/
.sns_share{}
.sns_share .modal-body{padding-top:30px; padding-bottom:30px}
.sns_share .modal-header  {background:#4FB748}
.sns_share .modal-content{border:1px #4FB748 solid;}

.sns_share .sns_btn_list{  display: flex; 	justify-content: center; -ms-align-items: center; 	align-items: center; text-align:center;}
.sns_share .sns_btn_list a{ display:inline-block; width:45px; height:45px; line-height:45px; background:#000; color:#fff; border-radius:50%; margin:0 5px}
.sns_share .sns_btn_list a i{font-size:25px; line-height:45px}
.sns_share .url_box{margin-top:30px}
.sns_share .sns_btn_list a.icon-kakaotalk{background:#f9e81e; color:#4a353b;  }
.sns_share .sns_btn_list a.icon-kakaotalk i{font-size:30px}
.sns_share .sns_btn_list a.icon-facebook{background:#3c5a9a}
.sns_share .sns_btn_list a.icon-twitter{background:#00abef}
.sns_share .sns_btn_list a.icon-mail{background:#aaa}
.sns_share .sns_btn_list a.icon-naver{background:#03c75a}









@media only screen and (max-width:1280px) {

    .goods_thumbs_spec{   padding-bottom: 60px;  padding-top: 25px; padding-left:15px; padding-right:15px}

}

@media only screen and (max-width:1200px) {
    .goods_thumbs_spec .goods_thumbs{width:50%;     }
    .goods_thumbs_spec .goods_spec{ padding: 0 0 30px 20px; width:calc(100% - 50%)}
    .goods_spec .goods_price_box .pl_cart_input_inner{margin-left: 0px}

}



@media only screen and (max-width:1080px) {
    .goods_tabs .inqten_wrap{padding-left:0; padding-right:0}

    .gsp_consumer .gsp_price{font-size:12px; }
    .gsp_consumer .gsp_price em{font-size:16px;  }
    .gsp_member .gsp_price{font-size:15px; }
    .gsp_member .gsp_price em{font-size:22px; }


}


@media screen and (max-width: 768.98px) {

    .goods_thumbs_spec{  display: block;   padding-bottom: 25px;  padding-top: 15px; }
    .goods_thumbs_spec .goods_thumbs{width:100%; display: block; }
    .goods_thumbs_spec .goods_spec{  display: block;  padding: 0 0 30px 0px; width:100%}

    .goods_spec_sections .goods_sns_share{margin-top:22px;  }
    .basic_btn_area .btn-view{font-size:16px;  padding:10px 0 11px;  }

    .goods_buy_open_sections { display:block; }
    .goods_buy_sections { position:fixed; left:0; bottom:0; right:0; z-index:1602; padding:0 10px 25px 10px; background:#f5f5f5; display:none; }

    .goods_buy_sections::-webkit-scrollbar {display:none}
    .goods_buy_sections::-webkit-scrollbar-thunmb {display:none}
    .goods_buy_sections::-webkit-scrollbar {display:none}
    .goods_buy_sections::-webkit-scrollbar-thunmb { display:none}

	
	.detail_spec_table li:first-child{width:170px;}
	
    .goods_buy_sections .btn_section_close { display:block;   }

    .goods_spec .goods_price_box{border-top:none;     margin-top: 20px;  padding:  0px 5px;}
    .goods_spec .goods_buttons_box {  padding: 15px 0 0 0;}

    .goods_spec .goods_price_box .total_goods_price span{font-size:12px;   margin-right:9px}
    .goods_spec .goods_price_box .total_goods_price div{font-size:15px;  }
    .goods_spec .goods_price_box .total_goods_price div em{ font-size:22px; }
    .goods_spec_discount{  bottom:20px; width:40px; height:40px; min-width:40px;  font-size:16px;  }

	.goods_spec .goods_price_box .pl_cart_input_inner .pl_cart_input{
		width:auto!important;
	}

    .goods_information_tabs>a { width:50%;  font-size:12px; line-height:40px;  height:40px; display: table-cell;}
    .goods_information_tabs:after{  display:none; }

    .goods_tabs.flyingMode { top:82px;  }

    .goods_information_contents img{width: auto !important; height: auto !important;}


    /*상세설명-반품교환*/

    .goods_information_contents .gic_wrap .gic_table_box table th,
    .goods_information_contents .gic_wrap .gic_table_box table td{
        width: 100% !important;
        display: block;
        border: none !important;
    }





    /*옵션*/
    .select_list_wrap {display:none;}

    .goods_option_wrap{overflow-y: auto; max-height:50vh}
    .goods_option_box {display:block;  }
    .goods_option_wrap::-webkit-scrollbar {display:none}
    .goods_option_wrap::-webkit-scrollbar-thunmb {display:none}
    .goods_option_wrap::-webkit-scrollbar {display:none}
    .goods_option_wrap::-webkit-scrollbar-thunmb { display:none}

    .goods_option_box .option_tit{display:block; padding:15px 0 10px; font-size:14px}

    .goods_option_box .m_option_wrap{border:1px #ddd solid; border-bottom:none; background:#fff}
    .goods_option_box .m_option_wrap > li > a {height:40px; padding:0 15px; line-height:40px; border-bottom:1px #ddd solid; display:block; font-size:14px; position:relative;}
    .goods_option_box .m_option_wrap > li > a:after{content:'V'; position:absolute; top:0; right:0}

    .m_option_list {padding-bottom:15px; width:100%; }


    .selected_option_values{ padding-bottom:15px}




    /* 아코디언 메뉴 */
    .m-optionlist {  background:#fff;}
    .m-optionlist .m-optionitem {border:1px #eee solid;  }
    .m-optionlist .m-optionitem .m-optionlink {display: block; position: relative; padding: 15px 15px; transition: all 0.3s; border-top:1px #ddd solid; }
    .m-optionlist .m-optionitem.active{border-color:#000}
    .m-optionlist .m-optionitem.active .m-optionlink {background-color: #fff;}
    .m-optionlist .m-optionitem .m-optionlink::before {content: "\F0140";   font-family: "Material Design Icons"; font-size:27px; color:#ddd; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);

    }
    .m-optionlist .m-optionitem.active .m-optionlink::before { content: "\F0143" ; color:#000}
    .m-optionlist .m-optionname {position: relative; width: calc(100% -  0px); padding-left: 0px; font-size: 14px; }
    .m-optionlist .m-optionitem .m-optiondesc {display: none; padding: 0px  0px; background-color: #fafafa; color: #777; border-top:1px #ddd solid;}

    .m-optionlist .m-optionitem:first-child .m-optionlink {border-top:none }

    .m_option_rdolst {  overflow: hidden; padding:0;  margin: 0; }
    .m_option_rdolst > li {  display: block;  padding: 0px 15px;   box-sizing: border-box;  font-size:14px;
        position: relative; margin:0px; text-align:left; border-bottom:1px #ddd solid;}
    .m_option_rdobtn { overflow: hidden;   display: block;   position: relative;   height: 40px; line-height:40px;	 font-size: 14px;     }
    .m_option_rdobtn input[type="radio"] + label { cursor: pointer;    display:block;  padding-left:30px }

    .m_option_rdobtn input[type="radio"] + label:before {
        display: block;
        content: "";
        position: absolute;
        top:10px;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: #ddd;
        border-radius: 50%;
		content: "\F012C";
		font-family: "Material Design Icons";
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
    }
    .m_option_rdobtn input[type="radio"]:checked + label:before {  background-color: #4FB748;    }
    .m_option_rdobtn input[type="radio"]:checked + label{color:#4FB748}

    .m_option_rdobtn .gc_rdo_tx {  font-size: 14px;   line-height: 40px;   word-break: keep-all;}



}

@media only screen and (max-width:479px) {

}


/*//////////////////////////////////////////////////////////////////
[ 고객서비스 ]*/

.community_content_container{padding:30px 0 120px}
.communityMain_content_container{padding:60px 0 0 0}

.commu_top .commu_tit {text-align:center;}
.commu_top .commu_tit p br{display:none}
.commu_top .commu_tit p{color:#333; font-size:2.1rem; line-height:1.5}
.commu_top .commu_tit  span{display:block; color:#4FB748; font-size:1.64285rem; margin-top:2px; }
.boardList_wrap{padding:5.35714rem 0 0 0 }
.boardList_wrap .boardList_box{width:47%}
.boardList_box dt {font-weight:normal; border-bottom:1px #333 solid; padding-bottom:1.42857rem; }
.boardList_box dt p{font-size:1.42857rem;}
.boardList_box dt a.btn_more{color:#888; font-size: 1.1rem;; position:relative; padding-right:20px;}
.boardList_box dt a.btn_more:after{content:'';display:block; width:8px; height:16px; background:url(/img/sub/community/icon_more.svg); position:absolute; top:3.5px; right:0}
.boardList_box dd{ font-size: 1.1rem;; padding:1.71428rem 0; border-bottom:1px #ddd solid;}
.boardList_box dd p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boardList_box dd .faqList{display:block; 	display: -webkit-box; display: -webkit-flex; 	display: -moz-box; display: -ms-flexbox; 	display: flex; justify-content: flex-start; 	-ms-align-items: center; align-items: center;}
.boardList_box dd .faqList strong{width:150px;}
.boardList_box dd .faqList p{width:calc(100% - 150px)}

.board_list_wrap .filtered_item_sorting{ margin-bottom: 0px;	-ms-align-items: flex-end; align-items: flex-end; padding-bottom:5px; /*margin-bottom:1.875rem;*/}
.board_list_wrap  .filtered_item_sorting .item_total {font-family:"AppleSDGothicNeoM"; font-size:17px; padding-left:20px}
.board_list_wrap  .filtered_item_sorting .item_total strong{font-family: 'DM Sans', sans-serif; font-weight:500; color:#FF5151; font-size:19px }
.board_list_wrap  .filtered_item_sorting .goods_list_menu a{padding:6px 25px 8px 25px; display:block}
.board_list_wrap  .filtered_item_sorting .goods_list_menu a.active{background:#333; color:#fff; border-radius: 0px 25px;}

.commu_middle{background:url(/img/sub/community/main_bg.png); background-size:cover; min-height:154px; padding:3.35714rem 0; margin:4.28571rem 0 0 0}
.commu_middle li {margin:0 8px 0 9px; }
.commu_middle li a{display:block; background:#4FB748; color:#fff; font-size: 1.1rem;; min-width:315px; text-align:center; height:4.28571rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; 	-ms-align-items: center; align-items: center;}
.commu_middle li a i{display:inline-block; margin-right:13px}
.commu_middle li a i.iEvent{background:url(/img/sub/community/icon_event.svg); width:31px; height:32px;}
.commu_middle li a i.iNews{background:url(/img/sub/community/icon_news.svg); width:31px; height:31px;}
.commu_middle li a i.iData{background:url(/img/sub/community/icon_data.svg); width:30px; height:25px;}

.commu_bottom{padding-bottom:120px}
.commu_bottom .commu_cs_box{width:49.2%; min-height:188px; background:#f5f5f5; padding:3rem 5.71428rem;}
.commu_cs_box .cs_txt .tit{font-size:1.42857rem; margin-bottom:5px}
.commu_cs_box .cs_txt p{color:#888; font-size: 1.1rem;; }
.commu_cs_box .cs_txt p span{font-size:0.92857rem;}
.commu_cs_box .callnum{font-family:'DM Sans',sans-serif; font-weight:500; font-size:2.85714rem; color:#4FB748; }
.commu_cs_box .callnum a{color:#4FB748;}
.commu_cs_box .cs_txt i{display:inline-block; margin-right:10px}
.commu_cs_box .callcenter i {background:url(/img/sub/community/icon_cscenter.svg); width:19px; height:22px;}
.commu_cs_box .kakao i {background:url(/img/sub/community/icon_kakao.svg); width:22px; height:19px;}

.filtered_item_sorting .board_util_box > div{margin:0 25px; position:relative;}
.filtered_item_sorting .board_util_box > div:after{content:''; display:block; position:absolute; top:50%; margin-top:-6px; right:-25px; width:1px; height:12px;}
.filtered_item_sorting .board_util_box > div:first-child{margin:0 25px 0 0}
.filtered_item_sorting .board_util_box > div:last-child:after{display:none}

.filtered_item_sorting .boardSel {position:relative;}
.filtered_item_sorting .boardSel select{
    border: none; padding: 0 0.625rem;   box-sizing: border-box; font-family:'DM Sans',"AppleSDGothicNeoM", sans-serif;  width: 100%;   height: 29px;
    appearance: none;   -webkit-appearance: none;  -moz-appearance: none; background:#fff;     font-size:1.1rem;
}
.filtered_item_sorting .boardSel:before {
    display: block;   content: "\F0140";   font-family: "Material Design Icons";  position: absolute;   top:  5px;  width: 0;  height: 0;     right:  -10px;
     
}
.filtered_item_sorting .boardSel select:focus {outline:none;}

.filtered_item_sorting .board_total{font-family:"AppleSDGothicNeoM";  }
.filtered_item_sorting .board_total strong{font-family: 'DM Sans', sans-serif; font-weight:700; color:#FF5151;  }

.filtered_item_sorting .boardSearch input{border:none; font-family:'DM Sans',"AppleSDGothicNeoM", sans-serif; height:29px;  font-size:1.1rem; }
.filtered_item_sorting .boardSearch input:-moz-placeholder { color:#bbb;  font-size:1.1rem;}
.filtered_item_sorting .boardSearch input::-moz-placeholder {color:#bbb;font-size:1.1rem;}
.filtered_item_sorting .boardSearch input::-webkit-input-placeholder {color:#bbb; font-size:1.1rem;}
.filtered_item_sorting .boardSearch .boardSearchBtn{width:21px; height:16px; margin:0 5px ; display:block;
    background-image:url(/images/Inqten/Common/icon_board_search.svg); background-size:21px 16px}



.filtered_item_sorting .board_util_box{margin-right:40px}


.sub_content_container .boardWrap {
    padding: 0 0 0 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;

}

.sub_content_container .boardWrap.faqWrap{
    margin-top: 1.875rem;
}
.sub_content_container .boardWrap .noticeCont {
    background-color: #fff;
    padding: 0rem;
    box-sizing: border-box;
    width: calc((100% - 80px)/3);
    margin-right: 40px;
    position: relative;
    transition: .5s;
    margin-top:2.85714rem;
}

.sub_content_container .boardWrap .noticeCont.fixNotice {
    border: 1px solid #4FB748
}

.sub_content_container .boardWrap .noticeCont:nth-child(3n) {
    margin-right: 0
}

.sub_content_container .boardWrap .noticeCont:nth-child(n+4) {
    margin-top: 5rem
}

.sub_content_container .boardWrap .noticeBottom span  {
    color: #aaa;
    font-size: 1.1rem;
    margin-right:20px;
    font-family: 'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .boardWrap .noticeCont .noticeDate.noFont {
    font-family: unset
}

.sub_content_container .boardWrap .noticeCont .noticeTit {
    color: #333;
    font-size: 1.4rem;
    margin: 0 0 10px 0;
    line-height: 32px;

}

.sub_content_container .boardWrap .noticeCont .noticeTit.noFont {
    font-family: unset
}

.sub_content_container .boardWrap .noticeCont .linkTit {
    color: #555;
    font-size: 15px;
    white-space: normal;
    line-height: 26px;
    height: auto;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sub_content_container .boardWrap .noticeCont .linkTit.noFont {
    font-family: unset
}

.sub_content_container .boardWrap .noticeCont .noticeTxt {
    color: #999;
    font-size: 13px;
    white-space: normal;
    line-height: 26px;
    height: 78px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sub_content_container .boardWrap .noticeCont .noticeTxt * {
    all: unset !important
}

.sub_content_container .boardWrap .noticeCont .noticeBottom {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
}

.sub_content_container .boardWrap .noticeCont .noticeBottom p {
    color: #aaa;
    font-size: 13px;
    margin-right: 20px;

}

.sub_content_container .boardWrap .noticeCont .noticeBottom p.hits {

}


.sub_content_container .boardWrap .noticeCont .noticeBottom p i {
    margin-right: 10px
}

.sub_content_container .boardWrap .noticeCont .hoverBtn {
    width: 50px;
    height: 50px;
    background-color: #4FB748;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s
}

.sub_content_container .boardWrap .noticeCont .hoverBtn i {
    color: #fff;
    font-size: 1.25rem
}

.sub_content_container .boardWrap .noticeCont:hover .hoverBtn {
    opacity: 1
}

.sub_content_container .boardWrap .noticeCont.galleryCont {
    padding: 0
}
.sub_content_container .boardWrap .noticeCont.galleryCont .thumbImg{
    position: relative;
    width: 100%;
    height: 300px;
}

.sub_content_container .boardWrap .noticeCont.galleryCont .thumbImg img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    border-radius: 1.42857rem;
}



.sub_content_container .boardWrap .noticeCont.galleryCont p.empty {
    background-color: #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 200px;
    overflow: hidden
}

.sub_content_container .boardWrap .noticeCont.galleryCont p.empty img {
    width: 160px;
    height: auto
}

.sub_content_container .boardWrap .noticeCont.galleryCont .galleryBox {
    padding: 2.07142rem 1.42857rem 0 ;
}

.sub_content_container .boardWrap .noticeCont.galleryCont .galleryBox .remarkSize {
    font-size: .8125rem
}

.sub_content_container .boardWrap .noticeCont.galleryCont .noticeBottom {

}

.sub_content_container .boardWrap .noticeDetail {
    border-top: 1px solid #333;

    width: 100%
}

.sub_content_container .boardWrap .noticeDetail dt {
    padding: 2.5rem 0;
    border-bottom: 1px solid #ddd;
}
.sub_content_container .boardWrap .noticeDetail dt p{
    margin-bottom:6px
}
.sub_content_container .boardWrap .noticeDetail dt p span {
    color:#aaa;
    font-weight:400;
    margin-right:20px;
    font-size:1.1rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .boardWrap .noticeDetail dt .noticeDeDate.noFont {
    font-family: unset
}

.sub_content_container .boardWrap .noticeDetail dt .noticeDeTit {
    color:#333; font-size:2.1rem; font-weight:400
}

.sub_content_container .boardWrap .noticeDetail dt .noticeDeTit.noFont {
    font-family: unset
}

.sub_content_container .boardWrap .noticeDetail dt .noticeDeBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.sub_content_container .boardWrap .noticeDetail dt .noticeDeBottom p {
    color: #fff;
    font-size: 13px;
    margin-right: 20px
}

.sub_content_container .boardWrap .noticeDetail dt .noticeDeBottom p i {
    margin-right: 10px
}

.sub_content_container .boardWrap .noticeDetail dd {

    padding: 7.14285rem 4.57142rem;
    box-sizing: border-box;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt {
    word-break: break-all;
    color: #333;
    font-size: 1.1rem;
    letter-spacing: -0.36px;
    line-height:1.78;
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt img {
    max-width: 100% !important;
    height: auto !important;
    display:block;
    margin:0 auto 35px auto;
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt .noticeDeTxtImg img {
    width: 100%
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table tr td {
    padding: 5px
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table tr td span {
    font-size: 14px !important
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=기본] th,.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=기본] td,.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=PC] th,.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=PC] td,.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=MOBILE] th,.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=MOBILE] td {
    border: 1px solid #333
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=PC] {
    max-width: 100%
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeTxt table[summary=MOBILE] {
    width: 100% !important
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeFile {
    margin-top: 6.25rem;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    padding: .9375rem 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeFile h3 {
    width: 120px;
    color: #999;
    font-size: 13px;
    border-right: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 0;
    box-sizing: border-box
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeFile h3 i {
    font-size: 1rem;
    margin-right: 10px
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeFile .fileList {
    padding-left: 1.25rem;
    box-sizing: border-box;
    width: calc(100% - 120px)
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeFile .fileList a {
    color: #999;
    font-size: 13px;
    margin-left: 10px
}

.sub_content_container .boardWrap .noticeDetail dd .noticeDeFile .fileList a:first-child {
    margin-left: 0
}

.sub_content_container .boardDeWrap{border-bottom:1px #777 solid;}
.sub_content_container .boardDeWrap .noticeDeFile{background:#F5F5F5; padding:2.5rem 4.64285rem; width:100%}
.sub_content_container .boardDeWrap .noticeDeFile h3{color:#333; font-size:1.1rem; margin-bottom:1.35714rem; font-weight:normal;}
.sub_content_container .boardDeWrap .noticeDeFile .fileList{display:block; font-size:0.94117rem; color:#777;}
.sub_content_container .boardDeWrap .noticeDeFile a{padding-left:32px; position:relative; font-size: 1.1rem;;color:#777; display:block;}
.sub_content_container .boardDeWrap .noticeDeFile a:before{content: "\3a"; font-family: dripicons-v2!important; position:absolute; bottom:-1px; left:0rem; color:#000}





.sub_content_container .boardWrap .faqCont {
    border: 1px solid #ddd;
    background-color: #fff;
    width: 100%
}

.sub_content_container .boardWrap .faqCont+.faqCont {
    margin-top: 1.875rem
}

.sub_content_container .boardWrap .faqCont .faqQ {
    box-sizing: border-box;
    padding: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .boardWrap .faqCont .faqQ .faqCate {
    color: #4FB748;
    font-size: 1.2rem;
    flex: 2;

}

.sub_content_container .boardWrap .faqCont .faqQ .faqTit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 10
}

.sub_content_container .boardWrap .faqCont .faqQ .faqTit h3 {
    color: #555;
    font-size: 1.2rem;
    line-height: 26px;
    width: 95%;
    word-break: keep-all
}

.sub_content_container .boardWrap .faqCont .faqABox {
    border-top: 1px solid #ddd;
    display: none;
    margin: 0 2.5rem 2.5rem
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA {
    box-sizing: border-box;
    padding-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqATit {
    color: #4FB748;
    font-size: 1.2rem;
    padding-top: 8px
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt {
    color: #555;
    font-size: 1.1rem;
    line-height: 30px;
    padding-left: 1.25rem;
    box-sizing: border-box
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt img {
    max-width: 100% !important;
    height: auto !important
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt .attachFile {
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    padding: .9375rem 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt .attachFile h3 {
    width: 120px;
    color: #999;
    font-size: 13px;
    border-right: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 0;
    box-sizing: border-box
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt .attachFile h3 i {
    font-size: 1rem;
    margin-right: 10px
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt .attachFile .fileList {
    padding-left: 1.25rem;
    box-sizing: border-box;
    width: calc(100% - 120px)
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt .attachFile .fileList a {
    color: #999;
    font-size: 13px;
    margin-left: 10px
}

.sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt .attachFile .fileList a:first-child {
    margin-left: 0
}

.sub_content_container .boardWrap.Homepage_BoardWrap {
    gap: 30px
}

.sub_content_container .boardWrap.Homepage_BoardWrap .noticeCont {
    margin-right: 0
}

.sub_content_container .boardWrap.Homepage_BoardWrap .noticeCont:nth-child(n+4) {
    margin-top: 0
}

.boardWrap .BasicBox{width:100%}
.boardWrap .BasicBox li{border-bottom:1px #ddd solid; padding:1.71428rem 0}
.boardWrap .BasicBox li:last-child{border-bottom:1px #777 solid;}
.boardWrap .BasicBox li a{
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;

}
.boardWrap .BasicBox li .listInfo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
}
.boardWrap .BasicBox li .listInfo span{font-size:1.1rem; color:#aaa; margin-right:2.85714rem; text-align:center; font-family:'DM Sans',"Noto Sans KR", sans-serif; }
.boardWrap .BasicBox li .listInfo span:last-child{margin-right:0}
.boardWrap .BasicBox li .listInfo span.hit{min-width:70px }

.boardWrap .BasicBox li .listTit { font-size:1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:calc(100% - 250px); color:#000; line-height:1.5}


.sub_content_container .noticeBtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3.75rem
}

.sub_content_container .noticeBtnWrap a {
    width: 110px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;


}

.sub_content_container .noticeBtnWrap a i {
    font-size: 1rem;
    margin: 0 3px
}

.sub_content_container .noticeBtnWrap .moveBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub_content_container .noticeBtnWrap .moveBtn a {
    width: 100px;
    height: 45px
}
.sub_content_container .noticeBtnWrap .moveBtn a:first-child{border-radius:3px 0 0 3px}
.sub_content_container .noticeBtnWrap .moveBtn a:last-child{border-radius:0 3px 3px 0px}

.sub_content_container .typeSel {

    background-color: #333;
    width: 100px;
    height: 29px;
    border-radius: 15px 0 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sub_content_container .typeSel.typeBoard {

}

.sub_content_container .typeSel a {
    border-right: 1px solid rgba(255,255,255,.2);
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub_content_container .typeSel a i {
    color: #fff;
    font-size: 1.125rem
}

.sub_content_container .mTypeSel {
    display: none
}

.sub_content_container .boardSelBox {
    display: none
}

.pagination{ margin-top:3.64285rem; }

.board_view_pagination{position:relative; margin-top:3.64285rem; }
.board_view_pagination .board_np_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}
.board_view_pagination .board_np_list div { width:33%; position:relative;  }
.board_view_pagination .board_np_list div:hover{cursor: pointer;}
.board_view_pagination .board_np_list a {  letter-spacing: -0.4px; font-size:1.3rem; width:100%;
    width:100%;  display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.board_view_pagination .board_np_list .bv_prev a{
    padding-left:4.28571rem;
}
.board_view_pagination .board_np_list .bv_prev i:after{
    content: '\e82a';  font-family: unicons; font-size:2.2rem;
    display:block;
    width:2.85714rem;
    height:2.85714rem;
    border-radius:50%;
    color:#fff;
    background:#4FB748;
    position:absolute;
    top:-0.8rem;
    left:0;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;

}
.board_view_pagination .board_np_list .bv_next a{
    padding-right:4.28571rem;
    text-align: right;
}
.board_view_pagination .board_np_list .bv_next i:after{
    content: '\e82c';  font-family: unicons; font-size:2.2rem;
    display:block;
    width:2.85714rem;
    height:2.85714rem;
    border-radius:50%;
    color:#fff;
    background:#4FB748;
    position:absolute;
    top:-0.8rem;
    right:0;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;

}





.board_view_pagination .board_list_btn {position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.board_view_pagination .board_list_btn a{
    width:28px; height:24px;
    display:block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.board_view_pagination .board_list_btn a span{-webkit-transition: all 0.4s;  -o-transition: all 0.4s;  -moz-transition: all 0.4s;  transition: all 0.4s;
    width:100%; height:1px; background:#333; position:relative;
}
.board_view_pagination .board_list_btn a span:after{content:''; width:100%; height:1px; background:#333; position:absolute; left:0; top:-10px}
.board_view_pagination .board_list_btn a span:before{content:''; width:100%; height:1px; background:#333; position:absolute; left:0; bottom:-10px}



.ribbon {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

.ribbon span {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    line-height: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: linear-gradient(#74c968 0%, #4FB748 100%);
    box-shadow: 0 3px 10px -5px #333;
    position: absolute;
    top: 19px;
    right: -21px
}

.ribbon span::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    border-left: 2px solid #4FB748;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-top: 2px solid #4FB748
}

.ribbon span::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1;
    border-left: 2px solid transparent;
    border-right: 2px solid #4FB748;
    border-bottom: 2px solid transparent;
    border-top: 2px solid #4FB748
}

.noProdCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100vh
}

.noProdCont.nodata {
    border: 1px solid #ddd;
    border-top: 2px solid #333;
    background-color: #fff;
    margin-top: 1.125rem;
    padding: 20px;
    box-sizing: border-box
}

.noProdCont .bTxt {
    color: #333;
    font-size: 1.5rem;
    margin: 2.5rem 0 1.25rem
}

.noProdCont .sTxt {
    color: #999;
    font-size: .875rem;
    line-height: 22px;
    word-break: keep-all;
    text-align: center
}

.noProdCont .sTxt span {
    color: #4FB748;
    text-decoration: underline
}

.noProdCont .noProdBtn {
    color: #999;
    font-size: .875rem;
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1.25rem 3.125rem;
    margin-top: 3.75rem;
    position: relative;
    transition: .5s
}

.noProdCont .noProdBtn:hover {
    background-color: transparent;
    color: #333
}

.noProdCont .noProdBtn:hover::after {
    transform: scaleX(1)
}

.noProdCont .noProdBtn:hover::before {
    transform: scaleX(1)
}

.noProdCont .noProdBtn:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: #333;
    transition: all 1s ease;
    opacity: .6
}

.noProdCont .noProdBtn:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: #333;
    transition: all 1s ease;
    opacity: .6
}







@media screen and (max-width: 1440px) {

    .community_content_container{padding:30px 30px 120px 30px}
    .communityMain_content_container{padding:30px 30px 0 30px}
    .commu_bottom .commu_cs_box{ padding:3rem  }



}

@media screen and (max-width: 1300px)and (min-width: 992px) {
    .sub_content_container .boardWrap .noticeCont {
        width:calc((100% - 60px)/3);
        margin-right:30px
    }





    .modal-content .popCont .showCateCont .showCateTb tbody tr td {
        padding: 0 .625rem
    }

    .modal-content .popCont .ordPopCont .AtsContBox.AtsContBoxPc {
        width: 40%
    }
}

@media screen and (max-width: 1024px) {
    .commu_middle li a{min-width:250px}
}

@media screen and (max-width: 991.98px) {

    .sub_content_container .boardWrap {
        border-top: 0
    }

    .sub_content_container .boardWrap.boardDeWrap {

    }

    .sub_content_container .boardWrap .noticeCont {
        width: calc((100% - 30px)/2);
        margin-right:30px
    }



    /* .sub_content_container .boardWrap .noticeCont:nth-child(n+3) {
        margin-top: 1.875rem;
        margin-right:30px
    } */

    .sub_content_container .boardWrap .noticeCont:nth-child(2n) {
        margin-right: 0
    }

    .sub_content_container .boardWrap .noticeDetail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sub_content_container .boardWrap .noticeDetail dt {
        width: 100%;
        min-height: auto;
        padding: 1.25rem
    }

    .sub_content_container .boardWrap .noticeDetail dt .noticeDeTit {
        margin-top: 10px
    }

    .sub_content_container .boardWrap .noticeDetail dt .noticeDeBottom {
        display: none
    }

    .sub_content_container .boardWrap .noticeDetail dd {
        width: 100%;
        padding: 1.25rem
    }

    .sub_content_container .boardWrap .noticeDetail dd .noticeDeFile {
        margin-top: 1.875rem
    }

    .sub_content_container .boardWrap .noticeDetail dd .noticeDeFile h3 {
        width: 100px
    }

    .sub_content_container .boardWrap .noticeDetail dd .noticeDeFile .fileList {
        width: calc(100% - 120px)
    }

    .sub_content_container .boardWrap .faqCont+.faqCont {
        margin-top: .9375rem
    }

    .sub_content_container .boardWrap .faqCont .faqQ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 1.875rem
    }

    .sub_content_container .boardWrap .faqCont .faqQ .faqCate {
        width: 100%;
        margin-bottom: .9375rem
    }

    .sub_content_container .boardWrap .faqCont .faqQ .faqTit {
        width: 100%
    }

    .sub_content_container .boardWrap .faqCont .faqQ .faqTit .circle {
        display: none
    }

    .sub_content_container .boardWrap .faqCont .faqABox {
        margin: 0 1.875rem 1.875rem
    }

    .sub_content_container .boardWrap .faqCont .faqABox .faqA {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 1.25rem
    }

    .sub_content_container .boardWrap .faqCont .faqABox .faqA .faqATit {
        margin-bottom: 15px
    }

    .sub_content_container .boardWrap .faqCont .faqABox .faqA .faqTxt {
        padding-left: 0
    }

    .sub_content_container .noticeBtnWrap {
        margin-top: 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sub_content_container .noticeBtnWrap a {
        width: 100%
    }

    .sub_content_container .noticeBtnWrap .moveBtn {
        width: 100%;
        margin-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sub_content_container .noticeBtnWrap .moveBtn a {
        flex: 1
    }


    .sub_content_container .mTypeSel {
        display: flex;
        margin-top: 0;
        align-self: flex-end
    }

    .sub_content_container .mTypeSel.typeBoard {
        margin-bottom: 1.125rem !important
    }

    .sub_content_container .boardSelBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .noProdCont.nodata {
        border-top: 0
    }

    .commu_bottom .commu_cs_box{ padding:1.5rem  }


	.filtered_item_sorting .board_util_box{margin-right:10px}

    .boardWrap .BasicBox li a{ display:block;}
    .boardWrap .BasicBox li .listInfo{margin-top:5px}
    .boardWrap .BasicBox li .listInfo span{ margin-right:15px; text-align:left;}
    .boardWrap .BasicBox li .listInfo span.hit{min-width:auto }
    .boardWrap .BasicBox li .listTit {   width:calc(100% -  0px)}


    .board_view_pagination .board_np_list div { width:40%;   }
    .sub_content_container .boardDeWrap .noticeDeFile{ padding:15px; }

    .board_view_pagination .board_np_list .bv_prev a{
        padding-left:35px; font-size:14px
    }
    .board_view_pagination .board_np_list .bv_prev:after{
        width:30px;
        height:30px;
        top:-0.35rem;
        left:0;


    }
    .board_view_pagination .board_np_list .bv_next a{
        padding-right:35px;  font-size:14px
    }
    .board_view_pagination .board_np_list .bv_next:after{
        width:30px;
        height:30px;
        top:-0.4rem;
        right:0;


    }


}



@media screen and (max-width: 768.98px) {

    .community_content_container{padding: 15px 15px 50px 15px}
    .communityMain_content_container{padding:30px 15px 0 15px}

    .commu_middle{ min-height:auto;  }
    .commu_middle li a{min-width:180px}

    .commu_bottom{display:block;}
    .commu_bottom .commu_cs_box{width:100%; min-height:auto;  }
    .commu_bottom .commu_cs_box + .commu_cs_box{margin-top:15px}

    .boardList_wrap{display:block;}
    .boardList_wrap .boardList_box{width:100%}
    .boardList_box dt a.btn_more:after{ top:2px; right:0}

    .boardList_box + .boardList_box{margin-top:40px}

    .filtered_item_sorting .board_util_box > div{margin:0 15px; position:relative;}
    .filtered_item_sorting .board_util_box > div:first-child{margin-right:15px}
    .filtered_item_sorting .board_util_box > div:after{  right:-15px; }



}

@media screen and (max-width: 580px) {

    .sub_content_container .boardWrap {

    }

    .sub_content_container .boardWrap .noticeCont {
        width: 100%;
        margin-right: 0;
        padding: 15px
    }

    .sub_content_container .boardWrap .noticeCont .noticeTit {

    }

    .sub_content_container .boardWrap .noticeCont .noticeTxt {
        display: none
    }

    .sub_content_container .boardWrap .noticeCont .noticeBottom {

    }

    .sub_content_container .boardWrap .noticeCont:nth-child(n+2) {
        margin-top: 30px
    }

    .sub_content_container .boardWrap .noticeCont:hover .hoverBtn {
        opacity: 0
    }

    .sub_content_container .boardWrap .noticeCont.galleryCont .galleryBox {

    }

    .community_content_container .filtered_item_sorting{ }

    .filtered_item_sorting .board_search_box{margin-top:7px}

    .filtered_item_sorting .boardSearch{justify-content: space-between; }
    .filtered_item_sorting .boardSearch input{width:calc(100% - 50px)  }

    .commu_top .commu_tit p br{display:block}

    .boardList_box dd .faqList strong{width:130px;}
    .boardList_box dd .faqList p{width:calc(100% - 130px)}

    .commu_middle{padding:20px 10px}
    .commu_middle ul{display:block; width:100%}
    .commu_middle ul:after{content:'';display:block; clear:both;}
    .commu_middle li {width:calc(33% - 10px); margin:0 5px; float:left;}
    .commu_middle li a{min-width:100%}
    .commu_middle li:last-child{margin-top: 0px}

    .commu_middle li a i.iEvent{ width:20px; height:21px; background-size:20px 21px}
    .commu_middle li a i.iNews{  width:20px; height:20px; background-size:20px 20px}
    .commu_middle li a i.iData{ width:20px; height:17px; background-size:20px 17px}
    .commu_middle li a i{ margin-right:7px}

    .commu_cs_box .kakaoLogo{text-align:right;}
    .commu_cs_box .kakaoLogo img{width:80%}
}

/*//////////////////////////////////////////////////////////////////
[ 로그인/회원가입]*/

.member_content_container{padding:0 0 120px 0}
.inqten_member .layout_header{border-bottom:1px #ddd solid;}
.memberJoin_wrap{padding-top:3.14285rem;}


.membership_type_wrap{padding :3.14285rem 0;}
.membership_type_wrap li{margin:0 30px}
.membership_type_wrap li a{display:block;}
.membership_type_wrap li div{width:230px;   text-align:center; margin: 0 auto;   border:1px #4FB748 solid;  background: #fff;    border-radius: 0px 3rem; padding: 1rem 2rem 1.2rem; 	font-size:2.1rem;  color:#4FB748}
.membership_type_wrap li p{margin-top:15px}
.membership_type_wrap li.active div{ background: #4FB748; color:#fff;}


.membership_type2_wrap{
    padding :1rem 0; margin:3.14285rem auto 0; max-width:550px;   background: #f4f6f8;  border-radius: 0 1rem;
}
.membership_type2_wrap ul{
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 1rem;
    width: 100%;
}

.membership_type2_wrap ul li {
    position: relative;
    width: max-content;
    height: 3.8rem;
    line-height: 3.8rem;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.3s;
	 
    white-space: nowrap;
}
.membership_type2_wrap ul li a{display:block;}
.membership_type2_wrap ul li a div{padding-left:15px; padding-right:15px}
.membership_type2_wrap ul li.active div{background: #4FB748; color:#fff; border-radius: 0 1rem; }

.membership_wrap .mtype_txt{text-align:center; padding-top:30px}


@media screen and (max-width: 991.98px) {

    .member_content_container{padding:0 30px}

}
@media screen and (max-width: 768.98px) {
    .member_content_container{padding:0 15px 50px 15px}
    .inqten_member .layout_header{border-bottom:none;}


    .membership_type_wrap {padding-left: 15px; padding-right: 15px}
    .membership_type_wrap .membership_type_tab{display:block!important;}

    .membership_type_wrap li a{	display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start;
        -ms-align-items: center;
        align-items: center;}
    .membership_type_wrap li{margin:0; margin-bottom:15px}
    .membership_type_wrap li:last-child{margin-bottom:0}
    .membership_type_wrap li div{width:130px;   margin:0;    border-radius: 0px 1.5rem; padding: 1rem 0 1.2rem; 	font-size:1.5rem;  }
    .membership_type_wrap li p br{display:none;}
    .membership_type_wrap li p {width:calc(100% - 130px); padding-left:20px; margin-top:0}
	.membership_type2_wrap ul li a div{font-size: 15px}
	
	.recommend_inputBox, .recommend_inputBox .multiInput{display:block;}
	.recommend_inputBox .multiInput > div {margin-right:0!important;}
	
	.recommend_inputBox .r_check_btn{margin-top:10px; justify-content: space-between!important;;}
	.recommend_inputBox .r_check_btn > div {margin-right:0!important; width:48%}
	
	.joinInfoCont p.red{padding-top:10px}
	
	.registration1_inputWrap{width:100%; display:block;}
	.registration1_inputBox, .registration1_inputBox .multiInput{display:block}
	.registration1_inputBox .multiInput > div {margin-right:0!important;}
	.registration1_inputBox .joinInfoBtn{width:100%; margin-top:15px!important}
	
	.registration1_inputWrap .fileuploadBox > div,
	.registration1_inputWrap .fileuploadImg > div {  margin-right:  0px!important; }
	
	.date_select_box span{display:none;}
	.date_select_box {
		display: flex;
		justify-content: flex-start;
 		align-items: center;
	}
	
	
}

@media screen and (max-width: 370px) {
    .membership_wrap .mtype_txt br{display:none;}
	 .membership_type2_wrap ul li a div{padding-left:10px; padding-right:10px}
}



.subCont .joinTop h2 {
	font-size:1.125rem;
	text-align:center;
	margin-bottom:1.25rem
}
.subCont .joinTop p {
	font-size:.875rem;
	line-height:1.5rem;
	text-align:center;
	word-break:keep-all
}
.subCont .joinChoice {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:85%;
	margin:3.125rem auto 4.688rem
}
.subCont .joinChoice .joinChoiceBox {
	border:1px solid #ededed;
	width:48%;
	position:relative;
	background-color:#fff
}
.subCont .joinChoice .joinChoiceBox:after {
	display:block;
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:50px;
	height:50px;
	background-color:transparent;
	content: "\F0415";
	font-family: "Material Design Icons";
	color:#fff;
	font-size:1.25rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.subCont .joinChoice .joinChoiceBox:hover:after {
	background-color:#45b035;
	transition:.5s
}
.subCont .joinChoice .joinChoiceBox:last-child:hover:after {
	background-color:#45b035;
	transition:.5s
}
.subCont .joinChoice .joinChoiceBox:last-child .joinChoiceBottom h3 {
	color:#333
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop {
	padding:2.25rem 0;
	box-sizing:border-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background-color:#f6f6f6
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard {
	width:75%;
	border-radius:10px;
	box-sizing:border-box;
	background:#45b035 url("/images/Inqten/MyGeni/sub/cardBg.png") no-repeat top left;
	background-size:cover;
	padding:1.25rem;
	position:relative
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinSel {
	text-align:left;
	color:#fff;
	font-size:.875rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinSel span {
	font-size:.625rem;
	margin-right:10px
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinLogo {
	text-align:right;
	color:#fff;
	margin:40px 0 60px
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinLogo img {
	width:140px;
	display:inline-block
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinIcon {
	text-align:right;
	color:#fff
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinIcon i {
	font-size:1rem;
	margin-left:15px
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinMag {
	width:100%;
	height:50px;
	background-color:#fff;
	position:absolute;
	top:60px;
	left:0
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinMemName {
	color:#fff;
	font-size:.875rem;
	margin:120px 0 20px
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinCompBottom {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinCompBottom .joinMemNum {
	text-align:right;
	color:#fff;
	font-size:.875rem
}
.subCont .joinChoice .joinChoiceBox .joinChoiceBottom {
	padding:2.5rem;
	box-sizing:border-box;
	position:relative
}
.subCont .joinChoice .joinChoiceBox .joinChoiceBottom h3 {
	color:#45b035;
	font-size:1rem;
	font-family:"SCDreamMedium"
}
.subCont .joinChoice .joinChoiceBox .joinChoiceBottom p {
	color:#555;
	font-size:.9375rem;
	line-height:26px;
	margin-top:1.563rem;
	word-break:keep-all;
	width:85%
}
.subCont .joinChoice .joinChoiceBox:last-child .joinCard {
	background-color:#333
}
.subCont .joinChoice .joinChoiceBox:last-child .joinBottom h3 {
	color:#333
}
.subCont .joinChoice .joinChoiceBox:last-child .joinBottom .joinBottomBtn {
	background-color:#333
}
.subCont .joinChoice .joinChoiceBox .snsBottom {
	position:absolute;
	bottom:-100px;
	left:50%;
	transform:translate(-50%,-50%)
}

.subCont .jointype_Choice{
	padding:30px 0 0 0;
	text-align:center;
}
.jointype_Choice_inner span.typeCheck{
	margin:0 15px
}
 
.subCont .jointype_Choice input[type=radio] {
	display:none
}
.subCont .jointype_Choice .typeCheck{position:relative;}

.subCont .jointype_Choice input[type=radio]+label {
	cursor:pointer;
	padding-left:25px;
	height:18px
}
.subCont .jointype_Choice input[type=radio]+label:before {
	display:block;
	content:"";
	position:absolute;
	left:0;
	width:18px;
	height:18px;
	background-color:#ededed;
	border-radius:50%;
	content:"\F012C";
	font-family: "Material Design Icons";
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:18px
}
.subCont .jointype_Choice input[type=radio]+label span {
	line-height:18px;
	color:#555;
	font-size:.875rem
}
.subCont .jointype_Choice input[type=radio]:checked+label:before {
	background:#45b035
}
.subCont .jointype_Choice input[type=radio]:checked+label span {
	line-height:18px;
	color:#45b035;
	font-size:.875rem
}

.subCont .joinComp {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.subCont .joinComp .joinChoiceBox:after {
	width:0;
	height:0;
	content:""
}
.subCont .joinComp .joinCompTxt {
	text-align:center
}
.subCont .joinComp .joinCompTxt p {
	color:#555;
	font-size:.9375rem;
	margin:20px 0;
	line-height:20px
}

@media screen and (max-width: 980px){

	.subCont .joinInfoCont .infoTable tr td .inlineTxt {
		display:block
	}

}
@media screen and (max-width:780px) {

	.subCont .joinChoice {
		width:70%;   display:block
	}
	.jointype_Choice_inner {display:block}
	.subCont .joinInfoCont .infoTable colgroup .mColWd30 {
		width:30%
	}
	.subCont .joinInfoCont .infoTable tr th {
		padding:0 .625rem
	}
	.subCont .joinInfoCont .infoTable input[type=text],.subCont .joinInfoCont .infoTable input[type=password],.subCont .joinInfoCont .infoTable .joinInfoSel {
		width:50%
	}
	.subCont .joinInfoCont .infoTable .cardWrap input {
		width:calc(25% - 11px)
	}
	.subCont .joinInfoCont .infoTable .cardWrap input[type=text],.subCont .joinInfoCont .infoTable .cardWrap input[type=password] {
		padding:0;
		text-align:center
	}
	.subCont .joinInfoCont .infoTable .cardWrap input[type=password] {
		font-size:.625rem
	}
	.subCont .joinInfoCont .infoTable .tellWrap {
		display:block;
		margin-bottom:5px
	}
	.subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
		width:calc(33.3333% - 10px)
	}
	.subCont .joinInfoCont .infoTable .tellWrap .Add_Mobile_Font {
		font-size:.8125rem !important
	}
	.subCont .joinInfoCont .infoTable .mailWrap {
		display:block;
		margin-bottom:5px
	}
	.subCont .joinInfoCont .infoTable .mailWrap input {
		width:55% !important
	}
	.subCont .joinInfoCont .infoTable .mailWrap .Default_Input {
		width:100% !important
	}
	.subCont .joinInfoCont .infoTable .mailWrap .joinInfoSel {
		margin-bottom:5px;
		width:55%;
		display:block
	}
	.subCont .joinInfoCont .infoTable .mailWrap .Symbol {
		display:none
	}
	.subCont .joinInfoCont .infoTable .bankSel {
		width:100%
	}
	.subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
		width:calc(100% - 71px)
	}
	.subCont .joinInfoCont .infoTable .regiNum input {
		width:calc(50% - 8px)
	}
	.subCont .joinInfoCont .infoTable .regiNum~.joinInfoBtn {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .multiInput input {
		width:100%
	}
	.subCont .joinInfoCont .infoTable .multiInput input:last-child {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .multiInput~.joinInfoBtn {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .addMultiInput input {
		width:100% !important
	}
	.subCont .joinInfoCont .infoTable .addMultiInput input:last-child {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .validWrap .joinInfoSel {
		width:calc(50% - 25px)
	}
	.subCont .joinInfoCont .infoTable .monWrap .joinInfoSel {
		width:50%
	}
	.subCont .joinInfoCont .infoTable .monWrap .joinInfoBtn {
		margin-left:0;
		margin-top:10px;
		display:block
	}
	.subCont .date-picker-wrapper .month-wrapper table th {
		padding:0 !important
	}
	.subCont .memPrintBox .memPrint {
		padding:1.25rem;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start
	}
	.subCont .printBtn {
		margin-left:10px;
		margin-top:10px
	}
	.subCont .agreeCont .agreeBoxPc {
		display:none
	}
	.subCont .agreeCont .agreeBoxM {
		display:block
	}
	.subCont .ordSection .ordBox .ordBoxTop {
		padding:0 1.25rem
	}
	.subCont .ordSection .ordBox .ordBoxBottom {
		padding:1.25rem
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg {
		width:100px;
		height:100px
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg img {
		width:100px;
		height:100px
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt {
		width:calc(100% - 100px);
		padding-top:.625rem
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt .ordTit {
		margin:.9375rem 0 .625rem
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap.trip .ordInfoTxt {
		width:100%
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap .tripInfoBox .ordPriceWrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center
	}
	.subCont .ordSection .ordBox .ordBoxBottom .ordInfoWrap .tripInfoBox .ordPriceWrap p {
		margin-right:0
	}
	.subCont .ordSection .tripTopInfo {
		font-size:.75rem
	}
	.subCont .ordMain .ordProdList.list .prodCont {
		width:100%
	}
}
@media screen and (max-width:680px) {

	.subCont .joinChoice {
		width:85%
	}
	.subCont .agreeCont .agreeTop {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start
	}
	.subCont .agreeCont .agreeTop span {
		margin-top:12px;
		line-height:20px
	}
}
@media screen and (max-width:580px) {

	.subCont .joinChoice {
		width:100%
	}
	.subCont .joinInfoCont .infoTable input[type=text],.subCont .joinInfoCont .infoTable input[type=password],.subCont .joinInfoCont .infoTable .joinInfoSel {
		width:100%
	}
	.subCont .joinInfoCont .infoTable input[type=text].withTxt,.subCont .joinInfoCont .infoTable input[type=password].withTxt,.subCont .joinInfoCont .infoTable .joinInfoSel.withTxt {
		width:90%
	}
	.subCont .joinInfoCont .infoTable .cardWrap input {
		width:calc(25% - 12px)
	}
	.subCont .joinInfoCont .infoTable .mSInput input {
		width:40%
	}
	.subCont .joinInfoCont .infoTable .tellWrap {
		display:block;
		margin-bottom:5px
	}
	.subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
		width:calc(33.3333% - 10px)
	}
	.subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
		width:calc(100% - 71px)
	}
	.subCont .joinInfoCont .infoTable .regiNum input {
		width:calc(50% - 8px)
	}
	.subCont .joinInfoCont .infoTable .regiNum~.joinInfoBtn {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .multiInput input {
		width:100%
	}
	.subCont .joinInfoCont .infoTable .multiInput input:last-child {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .multiInput~.joinInfoBtn {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .multiBtn .joinInfoBtn {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .addMultiInput input {
		width:100% !important
	}
	.subCont .joinInfoCont .infoTable .addMultiInput input:last-child {
		margin-top:5px
	}
	.subCont .joinInfoCont .infoTable .validWrap .joinInfoSel {
		width:calc(50% - 26px)
	}
	.subCont .joinInfoCont .infoTable .mSInput input {
		width:35% !important
	}
	.subCont .joinInfoCont .infoTable .mSInput span {
		display:block
	}

}
@media screen and (max-width:520px) {

 	.subCont .agreeCont .agreeBox input[type=checkbox]+label {
		padding-left:28px
	}
	.subCont .agreeCont .agreeBox input[type=checkbox]+label:before {
		left:15px
	}
	.subCont .agreeCont .agreeBox dt {
		padding:0 .9375rem
	}
	.subCont .agreeCont .agreeBox dd {
		padding:.9375rem
	}
	.subCont .joinChoice .joinChoiceBox .joinChoiceTop .joinCard {
		width:85%
	}
	.subCont .joinChoice .joinChoiceBox .joinChoiceBottom {
		padding:1.563rem
	}
	.subCont .joinChoice .joinChoiceBox .joinChoiceBottom p {
		margin-top:.9375rem
	}
	.subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
		width:calc(33.3333% - 11px)
	}
	.subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
		width:calc(100% - 74px)
	}
	.subCont .memPrintBox {
		padding:1.25rem
	}
	.subCont .agreeCont .agreeBox .memOutCont {
		padding:1.25rem 1.25rem 0
	}
	.subCont .agreeCont .agreeBox .memOutCont .memOutNotice {
		padding:.9375rem
	}
	.subCont .topCheckWrap .btnWrap.date {
		min-width:auto
	}
	.subCont .topCheckWrap .btnWrap.date a {
		display:none
	}
	.subCont .topCheckWrap .btnWrap.search {
		display:block
	}
	.subCont .topCheckWrap .btnWrap.search.twoBtn {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-ms-flex-direction:row;
		flex-direction:row;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center
	}
	.subCont .topCheckWrap .btnWrap.search.twoBtn a:first-child {
		width:70%
	}
	.subCont .topCheckWrap .btnWrap.search.twoBtn a:last-child {
		width:30%
	}
	.subCont .topCheckWrap .btnWrap input {
		width:48%
	}
	.subCont .topCheckWrap .btnWrap.member {
		width:100%;
		min-width:auto
	}
	.subCont .topCheckWrap .btnWrap.member a {
		display:none
	}
	.subCont .topCheckWrap .btnWrap.member input {
		width:100%;
		margin-right:0
	}
	.confirmWrap .confirmBox {
		padding:20px 50px
	}
 }
 @media screen and (max-width:480px) {


	.subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
		width:calc(33.3333% - 9px)
	}
	.subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
		width:calc(100% - 68px)
	}
	.subCont .ordMain .ordProdList.list .prodCont .prodImg {
		width:90px;
		height:auto;
		margin-right:10px
	}
	.subCont .ordMain .ordProdList.list .prodCont .prodTxt .prodPriceWrap .prodPriceRow .prodPriceTit {
		width:70px
	}
	.searchCont.slide-out-content .searchBtn {
		width:100%
	}
}

@media screen and (max-width:390px) {


	.subCont .agreeCont .agreeBox input[type=checkbox]+label span {
		font-size:.75rem
	}
	.subCont .agreeCont .agreeBox input[type=checkbox]+label span .em {
		display: block
	}
}
/*//////////////////////////////////////////////////////////////////
[ 오른쪽관리자메뉴  ]*/

.aside_content_container{padding:30px 0 120px}

.aside_content_container .filtered_item_sorting{}
.filtered_item_sorting .search_util_box{position:relative}
.filtered_item_sorting .search_util_box .search_condition {margin-left:25px;}
.filtered_item_sorting .search_util_box .search_condition > div{margin:0 25px; position:relative; height:29px;  display: flex; -ms-align-items: center; 	align-items: center;}
.filtered_item_sorting .search_util_box .search_condition > div:after{content:''; display:block; position:absolute; 	top:7px;   left: -25px; width:1px; height:12px; background:#333}
.filtered_item_sorting .search_util_box .search_condition > div:last-child{margin:0 0 0 25px}
.filtered_item_sorting .search_util_box .search_condition > div:first-child:after{display:none}

.filtered_item_sorting .search_util_box .scb_btn{ width:100px; background:#333;   text-align:center;     border-radius: 0px 15px;	 cursor:pointer; }
.filtered_item_sorting .search_util_box .scb_btn span{display:block;   color:#fff; height:29px;
	display: flex;
	justify-content: center;
 	align-items: center;
}


.search_util_box .conditionBtn{margin-right:25px!important}
.search_util_box .conditionBtn span{ color:#fff; background:#333; border-radius:15px 0 15px 0; display:inline-block;   padding: 0px 25px 0px 25px;  height: 29px;
    line-height:29px;
}
.search_util_box .conditionBtn:after{display:none!important}


.search_condition_wrap{display:none;  border:1px #333 solid; border-top:none;  }

.search_condition_box{display: table;  width: 100%;   table-layout: fixed;  }
.search_condition_box .scb_cont{width:calc(100% - 150px); display: table-cell;  }
.search_condition_box .scb_btn{width:150px; display: table-cell;  background:#333;   text-align:center; 	position:relative; cursor:pointer; }
.search_condition_box .scb_btn span{display:block;   color:#fff; position:absolute;  top:50%; left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.scb_cont dl{ }
.scb_cont dt{padding:10px; background:#F5F5F5; font-weight:normal; margin-bottom:0; min-width:90px; text-align:center}
.scb_cont dd{padding:0px 15px 0 5px; margin-bottom:0}
.scb_cont dl + dl{border-top:1px #dddd solid;}

.searchSel{position:relative; padding-top:5px}

.searchSel select{
    border: none; padding: 0 0.625rem 0 0.625rem;   box-sizing: border-box; font-family:'DM Sans',"AppleSDGothicNeoM", sans-serif;  width: 100%;   height: 29px;
    appearance: none;   -webkit-appearance: none;  -moz-appearance: none; background:#fff; min-width:90px;
}
.searchSel:before {  display: block;  content: "";   position: absolute;   top: 50%;  transform: translate(0, -50%); margin-top:2px; width: 0;  height: 0;
    border: 5px solid #333;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-bottom: none;   right:   -5px;
}
.searchSel select:focus {outline:none;}
.form_date:focus {outline:none;}
.form_date{font-family:'DM Sans',"AppleSDGothicNeoM", sans-serif; border:none; background:#fff;}
.searchDate{padding:0 0 0 15px}

.search_member{border:none;font-family:'DM Sans',"AppleSDGothicNeoM", sans-serif; padding-left:10px; padding-top:4px;   box-sizing: border-box; width:calc(100% - 30px) }
.ord_search_results{border:1px #ddd solid; border-top:none;     display: -webkit-flex; display: flex; }
.ord_search_results > div{padding:20px; text-align:right; border-right:1px #ddd solid;     -webkit-flex: 1; flex: 1;  display: inline;   position: relative;  font-family:'DM Sans',"Noto Sans KR", sans-serif; font-size:1.2rem;}
.ord_search_results > div:last-child{border-right:none;}
.gr_old_search_date{width:410px}
.gr_old_search_standard{width:200px; }
.gr_old_search_userrank{width:160px}

.search_results_box{background:#666; text-align:center; margin:35px 0 0 0;color:#fff; padding:15px 20px;}


.search_condition_bo.gr_chart_search_box .scb_cont{width:calc(100% - 110px);   }
.search_condition_box.gr_chart_search_box .scb_btn{width:110px; }

.gr_chart_search_box .searchSel select{min-width:75px}
.gr_chart_search_box .form_date{width:110px}
.gr_chart_search_box .searchUpDown{margin-left:15px}
.gr_chart_search_box .searchUpDown a{font-size:16px}
.gr_chart_search_box .btn_group a{ padding: 1px  5px  1px 5px; }
.gr_chart_search_box .btn_group a:last-child{border-left:1px rgba(255,255,255,0.5) solid;}
.gr_chart_search_box .search_member{max-width:120px}


.gr_chart_search_box .scb_cont:after{content:'';display:Block; clear:both; }
.gr_chart_search_box .scb_cont dl{float:left;}



.search_condition_box .searchCheck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.search_condition_box .searchCheck label {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search_condition_box .searchCheck input[type=checkbox] {
    display: none
}

.search_condition_box .searchCheck input[type=checkbox]+label {
    cursor: pointer;
    padding-left: 20px;
    height: 16px;
    position: relative
}

.search_condition_box .searchCheck input[type=checkbox]+label:before {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top:1px;
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.1)
}

.search_condition_box .searchCheck input[type=checkbox]+label span {
    line-height: 16px;
    font-size: 12px
}

.search_condition_box .searchCheck input[type=checkbox]:checked+label:before {
    content: "\F012C";
    font-family: "Material Design Icons";
    color: #333;
    font-size: 11px;
    text-align: center;
    background-color: rgba(255,255,255,.3)
}

.search_condition_box .searchCheck input[type=checkbox]:checked+label span {
    color: rgba(0,0,0,.6)
}

.searchCheck .searchCheckBox{display:block; margin-top:3px}


.table_list_wrap{padding-top:34px}
.list_details_wrap {margin-top:40px}
.list_details_wrap h4{margin-bottom:20px}


.basicTbTop {margin-bottom:20px}
.basicTbTop h4{font-size:14px; font-weight:normal; margin-bottom:0!important; border-left: 2px solid #333;  padding-left: 10px;}
.basicTbTop span{}


.modal-content .popCont .memSearchPopTop {
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.modal-content .popCont .memSearchPopTop input[type=text] {
    width: 100%
}

.modal-content .popCont .memSearchPopTop .searchMem {
    margin-bottom: 10px
}

.modal-content .popCont .searchBtn {
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    position: unset
}

.modal-content .popCont .searchBtn:hover {
    transform: none
}

.modal-content .popCont .basicTb {
    margin-top: 20px;
    border: 1px solid #ddd;
    font-size: 13px;
    box-sizing: border-box
}

.modal-content .popCont .basicTb thead th {
    background-color: #f1f5f0;
    height: 50px;
    color: #555;
    text-align: center
}

.modal-content .popCont .basicTb tbody tr {
    cursor: pointer
}

.modal-content .popCont .basicTb tbody tr:nth-child(odd) {
    background-color: #fff
}

.modal-content .popCont .basicTb tbody tr:nth-child(even) {
    background-color: #f6f6f6
}

.modal-content .popCont .basicTb tbody tr:hover {
    background-color: #f1f5f0
}

.modal-content .popCont .basicTb tbody tr td {
    height: 50px;
    color: #555;
    text-align: center
}

.modal-content .popCont .basicTb tfoot td {
    height: 50px;
    color: #999;
    box-sizing: border-box;
    background-color: #e5e5e5;
    text-align: center;
    padding: 0 20px
}

.modal-content .popCont .paging_simple_numbers .previous,.modal-content .popCont .paging_simple_numbers .next {
    display: none
}

.memSearchPopTop .searchSel{padding-top:0}
.memSearchPopTop .searchSel:before{right:17px}

.modal-content .popCont h2 {   font-size: 15px;   margin-bottom: 1.25rem}
.modal-content .popCont h2 i { color: #4FB748;  margin-right: 10px;}


/*추천계보도*/
.chartTable .date{font-weight:500; font-size:16px}
.chartTable tbody td, .chartTable tbody th{font-size:16px; padding:10px 12px!important}
.chartTable thead th{  padding:10px 12px!important}
.chartTable tbody td{/*width:calc(100% / 6);*/}
.chartTable tbody th .chartStep p span{display:block; color:#4FB748}
.chartTable .chartStep p{position:relative; text-overflow: ellipsis;}
.chartTable .chartStep p:before{content:''; display:block; width:7px; height:7px; position:absolute; top:2px; left:-10px; background:url(/images/icon_chart_step.svg); background-size:7px 7px }
.chartTable .step2{padding-left:10px}
.chartTable .step3{padding-left:20px}
.chartTable .step4{padding-left:30px}
.chartTable .step5{padding-left:40px}
.chartTable .step6{padding-left:50px}
.chartTable .step7{padding-left:60px}
.chartTable .step8{padding-left:70px}
.chartTable .step9{padding-left:80px}
.chartTable .step10{padding-left:90px}
.chartTable .step11{padding-left:100px}
.chartTable .step12{padding-left:110px}
.chartTable .step13{padding-left:120px}
.chartTable .step14{padding-left:130px}
.chartTable .step15{padding-left:140px}
.chartTable .step16{padding-left:150px}
.chartTable .step17{padding-left:160px}
.chartTable .step18{padding-left:170px}
.chartTable .chartStep.step1 p:before{display:none;}
.chartTable .chart_th_bg{background:#e8e8e8;padding:0!important;min-width: 140px;}
.chartTable .chart_ym_box{position:relative; height:100%; width:100%; font-size:16px; font-weight:500}
.chartTable .chart_ym_box .ym_btn{position:absolute; top:0; width:20px; height:20px; display:block;}
.chartTable .chart_ym_box .ym_btn.ym_prev{left:24px}
.chartTable .chart_ym_box .ym_btn.ym_next{right:25px}
.chartTable .chart_ym_box .ym_btn i{ font-size:20px;  transform:rotate(-90deg); }
.chartTable .chart_ym_box .ym_btn.ym_next i {transform:rotate(90deg);}


.chartTable{ display: table; width: 100%;   table-layout: fixed;  border-collapse: collapse;    color: #212529;}
.chartTable>ul { display:table-row; }
.chartTable>ul>li { display:table-cell; vertical-align: middle; white-space: nowrap; font-family: 'DM Sans',"Noto Sans KR", sans-serif; font-size: 16px;
    padding: 10px 12px!important; border-right: 1px #ddd solid; border-bottom: 1px solid #ddd!important; }
.chartTable>.thead>li { border-top:none; background-color:#fff; padding:12px 5px;   font-weight:500; text-align:center;}
.chartTable>.thead+.tbody>li { border-top-color:#ddd; }
.chartTable>ul>li:first-child { border-left:none; }
.chartTable > .tbody > li{ min-width:175px; text-align:center; }
.chartTable > .tbody > li:last-child{border-right:none}
.chartTable > .tbody > li{width:calc(100% / 6);  }
.chartTable > .tbody > li.th .chartStep p span{display:block; color:#4FB748}
.chartTable > .tbody > li.th{text-align:left;}
.chartTable > .tbody:nth-of-type(odd) { background-color: #f5f5f5;}



@media screen and (max-width: 1440px) {

    .aside_content_container{padding:30px 30px 120px 30px}

    .search_condition_box .scb_cont{width:calc(100% - 100px);  }
    .search_condition_box .scb_btn{width:100px; }
    .searchSel select{min-width:auto}

    .gr_old_search_date{ width: 363px;}
    .gr_old_search_standard{width:170px}
    .gr_old_search_userrank{width:150px}
    .gr_old_search_userrank2{width:123px}


    .gr_chart_search_box .scb_cont dl{float:none;}

    .chartTable > .tbody > li.th{width: 190px }
    .chartTable > .tbody > li {width: 120px }
    /*.chartTable thead th:first-child{width: 190px }
    .chartTable thead th{width: 120px }*/
    .chartTable .chart_th_bg{width:480px}

}


@media only screen and (max-width:1200px) {



    .gr_old_search_userrank2{width:116px}

    .search_condition_box.gr_chart_search_box .scb_cont dl{display:block}
    .search_condition_box.gr_chart_search_box .scb_cont dt{  text-align:left}

}



@media only screen and (max-width:991.98px) {

	.filtered_item_sorting{border-bottom:none;}
    .filtered_item_sorting .search_util_box .search_condition{display:block}
    .filtered_item_sorting .search_util_box .search_condition > div{display:inline-block;}

    .filtered_item_sorting .search_util_box{display:block;}
	.search_util_box .conditionBtn{margin-bottom:10px}




	.filtered_item_sorting .search_util_box .scb_btn{ width:100%; margin-top:15px}


    .scb_cont dl{display:block}
    .scb_cont dt{  text-align:left}
    .searchSel:before {  right: 5px; }
    .searchSel{  padding-top:0px}
    .searchCheck .searchCheckBox{display:block; margin-top:0px}

    .searchCheck{position:relative;}
    .searchCheck .searchCheckBox{ position:absolute; right:0; top:-38px}
    .searchSel:before {   margin-top:0}
    .search_condition_box .searchCheck{display:block}

    .gr_old_search_date, .gr_old_search_standard, .gr_old_search_userrank, .gr_old_search_userrank2 {width:auto}
    .gr_old_search_standard.p-r-3{padding: 15px 10px 15px 5px!important; padding-right:5px!important;}

}




@media screen and (max-width: 768.98px) {

    .aside_content_container{padding: 15px 15px 50px 15px}

    .search_condition_box{display: block;  }
    .search_condition_box .scb_cont{width:100%; display: block;  }
    .search_condition_box .scb_btn{width:100%; display: block; padding:18px 0 0 0 }
    .search_condition_box .scb_btn span{position:relative;  }

    .search_condition_box.gr_chart_search_box .scb_cont{width:100%;   }
    .search_condition_box.gr_chart_search_box .scb_btn{width:100%; }

	.search_util_box .conditionBtn {margin-bottom:0; margin-right:10px!important}
	
	.filtered_item_sorting .search_util_box  .search_util_inner{display:block}
 
	.filtered_item_sorting .search_util_box .search_condition{margin-top: 0px}
	.filtered_item_sorting .search_util_box .search_condition > div{margin:0 10px; position:relative; height:auto;}
	.filtered_item_sorting .search_util_box .search_condition > div:first-child{margin:0 0px 0 0}
 
	.filtered_item_sorting .search_util_box .search_condition{margin-left:0;  }
	.filtered_item_sorting .search_util_box .search_condition > div:last-child{margin-left:10px}
    .filtered_item_sorting .search_util_box .search_condition > div:after {   right: auto; left:-10px;  top: 2px;   height: 10px; }
	.filtered_item_sorting .search_util_box .search_condition .search_id_name:after{display:none!important;}
	.filtered_item_sorting{position:relative; min-height:80px}
	
	.filtered_item_sorting .search_util_box{
		display: flex;
		justify-content: space-between;
 		align-items: center;
	}
	.filtered_item_sorting.gr_ord_sorting .search_util_box{
		display: block !important;
 	}
	.filtered_item_sorting.gr_ord_sorting .search_util_box .search_condition{margin-top:10px}
	
	.filtered_item_sorting .mo_serach_change_box{top:40px; right:auto;left:0; width:100%}
	
	.filtered_item_sorting .mo_serach_change_box .btn_group a{
			height:36px; 
			display: flex;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
	}
	 

	

 	.filtered_item_sorting .search_date .searchDate {width:50%}
	.filtered_item_sorting .search_date .searchDate img{float:right;}
	.filtered_item_sorting .search_date .searchDate input{width:calc(100% - 20px)}

    .scb_cont dt{padding:10px 15px;   }
    .scb_cont dd{padding:10px 10px 10px 5px;   }
    .searchDate{padding:0 0 0 10px}
    .searchDate .form_date{width:100px; }
    .gr_chart_search_box .search_member{max-width:100%}

    /*추천계보도*/
    .chartTable .date{ font-size:14px}
    .chartTable tbody td, .chartTable tbody th{font-size:14px;  width: 200px !important; }
	.chartTable thead th{width:200px;}
    .chartTable .chart_ym_box{ font-size:14px;  }
    .chartTable .chart_ym_box .ym_btn{position:absolute; top:0; width:20px; height:20px; display:block;}
    .chartTable .chart_ym_box .ym_btn.ym_prev{left:24px}
    .chartTable .chart_ym_box .ym_btn.ym_next{right:25px}
    .chartTable .chart_ym_box .ym_btn i{ font-size:20px;  transform:rotate(-90deg); }
    .chartTable .chart_ym_box .ym_btn.ym_next i {transform:rotate(90deg);}

    .chartTable > ul > li{font-size:14px;  }
	
	.group_manager_wrap .search_util_box .search_condition .search_ord_date,
	.group_manager_wrap .search_util_box .search_condition .date_select{display:none;}
	
	.gr_chart_table{    padding-top: 15px!important;}
 }



.joinInfoCont h2{font-size:1.1rem; font-family: "AppleSDGothicNeoM", sans-serif;   padding-left: 1.07142rem;     margin-bottom: 0.9375rem; }

.joinInfoCont h2 span.Pay_Table_AMT{font-size:1rem; color:#4FB748; margin-left:10px; font-family:'DM Sans',"Noto Sans KR", sans-serif;  }

.joinInfoCont .infoTable {
    border-top: 1px solid #333;
    background-color: #fff; width:100%
}

.joinInfoCont .infoTable input[type=text],.joinInfoCont .infoTable input[type=password],.joinInfoCont .infoTable .joinInfoSel {
    width: 20%
}

.joinInfoCont .infoTable .bankSel {
    width: 50%
}
.joinInfoCont .infoTable .regiNum, .joinInfoCont .infoTable .validWrap {
    display: inline
}

.joinInfoCont .infoTable .tellWrap .Symbol,.joinInfoCont .infoTable .mailWrap .Symbol,.joinInfoCont .infoTable .multiInput .Symbol,.joinInfoCont .infoTable .regiNum .Symbol,.joinInfoCont .infoTable .cardWrap .Symbol,.joinInfoCont .infoTable .validWrap .Symbol {
    visibility: hidden
}

.joinInfoCont .infoTable .tellWrap > div,  .joinInfoCont .infoTable .addWrap > div,
.joinInfoCont .infoTable .basicWrap > div, .joinInfoCont .infoTable .basicWrap > div, .joinInfoCont .infoTable .cardWrap > div,
.joinInfoCont .infoTable .mailWrap > div, .joinInfoCont .infoTable .multiInputBox .multiInput > div{margin-right:15px; position:relative;}
.joinInfoCont .infoTable .tellWrap > div:last-child, .joinInfoCont .infoTable .addWrap > div:last-child, .joinInfoCont .infoTable .cardWrap > div:last-child,
.joinInfoCont .infoTable .mailWrap > div:last-child, .joinInfoCont .infoTable .basicWrap > div:last-child{margin-right:0}
.joinInfoCont .infoTable .mailWrap .mailValue > div{margin-right:15px}
.joinInfoCont .infoTable .mailWrap .mailValue > div:last-child{margin-right:0px}

.joinInfoCont .infoTable .cardWrap > div { }
.joinInfoCont .infoTable .tellWrap div:before, .joinInfoCont .infoTable .cardWrap div:before{content:'-'; display:block; position:absolute; top:50%; 	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);right:-10px}
.joinInfoCont .infoTable .tellWrap div:last-child:before, .joinInfoCont .infoTable .cardWrap div:last-child:before{display:none;}
.joinInfoCont .infoTable .addMultiInput{margin-top:5px}
.joinInfoCont .infoTable .addMultiInput input {width:100%!important}

.multiInputBox .r_check_btn > div{margin-right:15px}

.joinInfoCont .infoTable .addMultiInput div:first-child {
    width: 63%; margin-right:15px
}
.joinInfoCont .infoTable .addMultiInput div:last-child {
    width: 36%
}

.joinInfoCont .infoTable .mailWrap .mailValueLabel{display:none}
.joinInfoCont .infoTable .mailWrap .mailValueLabel.active{display:block;  }

.multiTell .multiBtn, .multiTell .okTxt{margin-left:15px}

.joinInfoCont .infoTable .fileuploadWrap .fileuploadBox > div,
.joinInfoCont .infoTable .fileuploadWrap .fileuploadImg > div{margin-right:10px}
.joinInfoCont .infoTable .fileuploadWrap .fileuploadImg button{ color: #999;  font-size: 1.1rem;  text-decoration: underline;}




.joinInfoCont .infoTable .bankInput{}
.joinInfoCont .infoTable .bankInput .multiInput{margin-right:15px}
.joinInfoCont .infoTable .bankInput #Bank_Check{margin-left:15px}

.joinInfoCont .infoTable tr {
    border-bottom: 1px solid #ddd
}

.joinInfoCont .infoTable tr th {
    background-color: #f5f5f5;
    text-align: left;
    font-size: 1.1rem;;
    font-weight:normal;
    padding:1.14285rem 0 1.1rem 2.07142rem;
}

.joinInfoCont .infoTable tr th span {
    position:relative; padding-right:10px
}
.joinInfoCont .infoTable .required span:after{content:'＊'; color:#FF5151; font-size:8px; position:absolute; top:5px; right: -5px}
.joinInfoCont .infoTable span.required{color:#FF5151}

.joinInfoCont .infoTable tr td {
    padding: 0.57142rem 1.07142rem 0.57142rem 1.07142rem;
    font-size: 1.1rem;;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.joinInfoCont .infoTable tr td span {
    line-height: 1.875rem
}

.joinInfoCont .infoTable tr td input[type=text],.joinInfoCont .infoTable tr td input[type=password] {
    border: 1px solid #ddd;
    height: 2.785714rem;
    color: #333;
    padding: 0 1rem;
    width:190px;
    font-size: 1.1rem;;
    box-sizing: border-box
}

.Pay_Table tr td input[type=text],
.Pay_Table tr td input[type=password],
.Pay_Table .joinInfoSel{
    width:170px!important;
}



.joinInfoCont .infoTable tr td input::-webkit-input-placeholder {
    color: #ccc;
}

.joinInfoCont .infoTable tr td input::-moz-placeholder {
    color: #ccc;
}

.joinInfoCont .infoTable tr td input:-ms-input-placeholder {
    color: #ccc;
}

.joinInfoCont .infoTable tr td input::-ms-input-placeholder {
    color: #ccc;
}

.joinInfoCont .infoTable tr td input::placeholder {
    color: #ccc;
}




.joinInfoCont .infoTable tr td .joinInfoSel {
    position: relative;
    border: 1px solid #ddd;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    width:190px;

    box-sizing: border-box
}

.joinInfoCont .infoTable tr td .joinInfoSel select {
    border: 0;
    box-sizing: border-box;
    font-family: inherit;
    width: 100%;
    height: 2.64285rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #333;
    background:#fff;
    font-size: 1rem;;
}

.joinInfoCont .infoTable tr td .joinInfoSel:not(.arrowHide):after {
    display: block;
    content: "";
    border: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none
}

.joinInfoCont .infoTable tr td .inlineTxt {
    display: inline
}

.joinInfoCont .infoTable tr .snsLoginWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.joinInfoCont .infoTable tr .snsLoginWrap .snsLogin {
    height: 35px
}

.joinInfoCont .infoTable tr .snsLoginWrap .snsLogin img {
    width: 100%;
    height: 100%
}

.joinInfoCont .infoTable tr .snsLoginWrap .snsLoginM {
    display: none
}

.joinInfoCont .infoTable .joinInfoBtn {
    vertical-align: middle;
    display: inline-block;
    height: 2.78571rem;
    line-height: 2.78571rem;
    padding: 0 20px;
    background-color: #666;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-size: 1rem;
    border-radius: 25px 0px;

}
.joinInfoCont .infoTable .joinInfoBtn span{
    line-height: 2.78571rem;
}
.joinInfoCont .infoTable .joinInfoBtn i{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center;
    font-size:18px;
    height: 2.78571rem;
    line-height: 2.78571rem;
}

.joinInfoCont .infoTable .joinInfoBtn:hover {
    background-color: #666;
    transition: .5s
}

.joinInfoCont .infoTable p {
    line-height: 20px
}

.joinInfoCont .infoTable .date-picker-wrapper .month-wrapper table {
    all: inherit
}

.joinInfoCont .infoTable .date-picker-wrapper .month-wrapper table thead tr th {
    background-color: inherit;
    text-align: center;
    color: inherit;
    font-size: inherit
}

.joinInfoCont .infoTable .date-picker-wrapper .month-wrapper table thead tr th span {
    color: inherit
}

.joinInfoCont .infoTable .date-picker-wrapper .month-wrapper table thead tr.week-name th {
    color: #4FB748
}

.joinInfoCont .infoTable .date-picker-wrapper .month-wrapper table tbody tr {
    border-bottom: none
}

.joinInfoCont .infoTable .date-picker-wrapper .month-wrapper table tbody tr td {
    padding: 0
}

.joinInfoCont .infoTable .payCheck {
    position: relative;
    padding-left: 1.563rem;
    margin: 5px 0
}

.joinInfoCont .infoTable .payCheck input[type=checkbox] {
    display: none
}

.joinInfoCont .infoTable .payCheck input[type=checkbox]+label {
    cursor: pointer;
    height: 18px;
    line-height: 24px
}

.joinInfoCont .infoTable .payCheck input[type=checkbox]+label:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 50%;
	content:"\F012C";
	font-family: "Material Design Icons";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    transition: .5s
}

.joinInfoCont .infoTable .payCheck input[type=checkbox]+label span {
    line-height: 18px;
    color: #bbb;
    font-size: .875rem
}

.joinInfoCont .infoTable .payCheck input[type=checkbox]+label span .em {
    color: #4FB748;
    font-size: .75rem
}

.joinInfoCont .infoTable .payCheck input[type=checkbox]:checked+label:before {
    background: #333
}

.joinInfoCont .infoTable .payCheck input[type=checkbox]:checked+label>span {
    line-height: 18px;
    color: #333;
    font-size: .875rem
}

.joinInfoCont .infoTable .attachFile+.attachFile {
    margin-top: .9375rem
}

.joinInfoCont .infoTable .attachFile .attachFileInput {
    padding: 0 .625rem;
    box-sizing: border-box;
    font-family: inherit;
    width: 30%;
    height: 2.125rem;
    color: #999;
    font-size: .8125rem;
    border: 1px solid #ddd
}

.joinInfoCont .infoTable .attachFile a {
    padding: 0 .9375rem;
    box-sizing: border-box;
    color: #fff;
    font-size: .8125rem;
    height: 2.125rem;
    line-height: 2.125rem;
    vertical-align: middle;
    display: inline-block
}

.joinInfoCont .infoTable .attachFile .attachFileBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.joinInfoCont .infoTable .attachFile .attachFileBox .attachFileImgBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #4FB748
}

.joinInfoCont .infoTable .attachFile .attachFileBox .attachFileImgBox img {
    width: 100px;
    height: auto;
    border: 1px solid #ddd
}

.joinInfoCont .infoTable.myDiv {
    font-size: .8125rem;
    padding: 30px
}

.joinInfoCont .infoTable2 {
    background-color: #fff;
    border-top: 1px solid #333
}

.joinInfoCont .infoTable2 tr {
    border-bottom: 1px solid #ddd
}

.joinInfoCont .infoTable2 tr th {
    height: 40px;
    text-align: left;
    font-size: 1rem;
    font-weight:normal;
    padding: 0 10px;
    text-align:center;
}

.joinInfoCont .infoTable2 tr td {
    text-align: right;
    border-right: 1px solid #ddd;
    padding: 10px;
    color: #999;
    font-size: 1rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.joinInfoCont .infoTable2 tr td:last-child {
    border-right: 0
}

.joinInfoCont .infoTable2 tr:nth-of-type(2n+1) {
    background-color: #f5f5f5
}

.joinInfoCont .infoTable2 tr:first-of-type {
    background-color: #fff
}

.joinInfoCont .infoTable2 tr.colorDefault {
    background-color: #fff
}

.joinInfoCont .infoTable2 p {
    line-height: 20px;
    font-size: 12px;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.joinInfoCont .agreeCheck {
    position: relative;
    padding: 1.25rem 1.875rem 1.25rem 4.063rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: 15px
}

.joinInfoCont .agreeCheck input[type=checkbox] {
    display: none
}

.joinInfoCont .agreeCheck input[type=checkbox]+label {
    cursor: pointer;
    height: 18px;
    line-height: 24px
}

.joinInfoCont .agreeCheck input[type=checkbox]+label:before {
    display: block;
    content: "";
    position: absolute;
    top: 24px;
    left: 30px;
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 50%;
	content:"\F012C";
	font-family: "Material Design Icons";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    transition: .5s
}

.joinInfoCont .agreeCheck input[type=checkbox]+label span {
    line-height: 18px;
    color: #bbb;
    font-size: .875rem
}

.joinInfoCont .agreeCheck input[type=checkbox]+label span .em {
    color: #4FB748;
    font-size: .75rem
}

.joinInfoCont .agreeCheck input[type=checkbox]:checked+label:before {
    background: #333
}

.joinInfoCont .agreeCheck input[type=checkbox]:checked+label>span {
    line-height: 18px;
    color: #333;
    font-size: .875rem
}

.sub_content_container .infoPwCont {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 4.42857rem;
    box-sizing: border-box;
    width: 48.5%;
    margin:  0px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoPwCont.infoLoginCont{
    padding: 1.42857rem 4.42857rem 2.85714rem;
}
.infoPwCont.infoLoginCont input + input{margin-top:10px}

.sub_content_container .infoPwCont h2 {
    font-size: 1.71428rem;
    margin-bottom: 1.25rem;
    color:#4FB748
}

.sub_content_container .infoPwCont p {
    font-size: 1rem; color:#999
}

.sub_content_container .infoPwCont .infoPwIcon {
    background-color: #4FB748;
    width: 10.71428rem;
    height: 10.71428rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.5rem
}

.sub_content_container .infoPwCont .infoPwIcon i {
    color: #fff;
    font-size:2.1rem
}

.sub_content_container .infoPwCont input {
    background-color: #fff !important;
    border:none;
    border-bottom: 1px solid #ddd;
    height: 4.42857rem;
    padding: 0 2.14285rem;
    box-sizing: border-box;
    width: 100%;
    color: #999;
    font-size: 1.1rem;
}

.sub_content_container .infoPwCont input::placeholder {
    color: #999
}

.sub_content_container .infoPwCont .infoPwBtn {
    margin-top: 3rem;
    display: block;
    background-color: #4FB748;
    color: #fff;
    font-size:1.35714rem;
    width: 100%;
    height: 4.42857rem;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.infoPwBtn.infoJoinBtn{
    background-color: #fff!important;
    border:1px #4FB748 solid;
    color:#4FB748!important;
    margin-top:15px!important;
}

.sub_content_container .infoPwCont .infoPwBtn:hover {

}

.sub_content_container .infoLoginCont .autoLoginBox{
    padding: 0 1.428571rem;
    width:100%;
    margin-top:1.78571rem;
}

.sub_content_container .infoLoginCont .autoLoginBox .loginfindBox a:last-child{
    position:relative;
    margin-left:31px;
}

.sub_content_container .infoLoginCont .autoLoginBox .loginfindBox a:last-child:before{
    content:'';
    display:block;
    width:1px; height:10px; background:#ddd;
    position:absolute; top:50%; margin-top:-5px; left:-16px
}

.sub_content_container .infoLoginCont .idfindBox{width:100%; margin-top:1.78571rem}
.sub_content_container .infoLoginCont .idfindBox .infoPwBtn{width:calc(50% - 10px);}


.infoLoginCont .autoLoginBox input[type=checkbox] {
    display: none
}

.infoLoginCont .autoLoginBox input[type=checkbox]+label {
    cursor: pointer;
    padding-left: 30px;
    height: 20px;
    position: relative
}

.infoLoginCont .autoLoginBox input[type=checkbox]+label:before {
    border: 1px solid #333;
    border-radius: 0px;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;

}

.infoLoginCont .autoLoginBox input[type=checkbox]+label span {
    line-height:20px;
    font-size: 1rem
}

.infoLoginCont .autoLoginBox input[type=checkbox]:checked+label:before {
    content: "\F012C";
    font-family: "Material Design Icons";
    color: #333;
    font-size: 13px;
    text-align: center;
	line-height:1.5

}

.infoLoginCont .autoLoginBox input[type=checkbox]:checked+label span {
}


.subCont .joinTop{padding-left:15px; padding-right:15px}

.sub_content_container .joinTop h2 {
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: 1.25rem
}

.sub_content_container .joinTop p {
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: center;
    word-break: keep-all
}

.sub_content_container .joinChoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85%;
    margin: 3.125rem auto 4.688rem
}

.sub_content_container .joinChoice .joinChoiceBox {
    border: 1px solid #ddd;
    width: 48%;
    position: relative;
    background-color: #fff
}

.sub_content_container .joinChoice .joinChoiceBox:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    content: "\F0415";
    font-family: "Material Design Icons";
    color: #fff;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub_content_container .joinChoice .joinChoiceBox:hover:after {
    background-color: #4FB748;
    transition: .5s
}

.sub_content_container .joinChoice .joinChoiceBox:last-child:hover:after {
    background-color: #333;
    transition: .5s
}

.sub_content_container .joinChoice .joinChoiceBox:last-child .joinChoiceBottom h3 {
    color: #333
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop {
    padding: 2.25rem 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f6f6f6
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard {
    width: 75%;
    border-radius: 10px;
    box-sizing: border-box;
    background: #4FB748 url("/images/Common/MyGeni/sub/cardBg.png") no-repeat top left;
    background-size: cover;
    padding: 1.25rem;
    position: relative
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinSel {
    text-align: left;
    color: #fff;
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinSel span {
    font-size: .625rem;
    margin-right: 10px
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinLogo {
    text-align: right;
    color: #fff;
    margin: 40px 0 60px
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinLogo img {
    width: 140px;
    display: inline-block
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinIcon {
    text-align: right;
    color: #fff
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinIcon i {
    font-size: 1rem;
    margin-left: 15px
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinMag {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: absolute;
    top: 60px;
    left: 0
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinMemName {
    color: #fff;
    font-size: .875rem;
    margin: 120px 0 20px
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinCompBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceTop .joinCard .joinCompBottom .joinMemNum {
    text-align: right;
    color: #fff;
    font-size: .875rem
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceBottom {
    padding: 2.5rem;
    box-sizing: border-box;
    position: relative
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceBottom h3 {
    color: #4FB748;
    font-size: 1rem;
    font-family: "SCDreamMedium"
}

.sub_content_container .joinChoice .joinChoiceBox .joinChoiceBottom p {
    color: #555;
    font-size: .9375rem;
    line-height: 26px;
    margin-top: 1.563rem;
    word-break: keep-all;
    width: 85%
}

.sub_content_container .joinChoice .joinChoiceBox:last-child .joinCard {
    background-color: #333
}

.sub_content_container .joinChoice .joinChoiceBox:last-child .joinBottom h3 {
    color: #333
}

.sub_content_container .joinChoice .joinChoiceBox:last-child .joinBottom .joinBottomBtn {
    background-color: #333
}

.sub_content_container .joinChoice .joinChoiceBox .snsBottom {
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translate(-50%, -50%)
}




@media screen and (max-width: 1440px) {




}

@media screen and (max-width: 1300px)and (min-width: 1081px) {

    .subCont .joinInfoCont .infoTable .bankSel {
        width: 80%
    }

}
@media only screen and (max-width:1200px) {


}

@media screen and (max-width: 1080px) {

    .subCont .joinInfoCont .infoTable input[type=text],.subCont .joinInfoCont .infoTable input[type=password],.subCont .joinInfoCont .infoTable .joinInfoSel {
        width: 25%
    }

    .subCont .joinInfoCont .infoTable input[type=radio] {
        width: auto
    }

    .subCont .joinInfoCont .infoTable .cardWrap input {
        width: calc(25% - 11px)
    }

    .subCont .joinInfoCont .infoTable .mSInput input {
        width: 20% !important
    }

    .subCont .joinInfoCont .infoTable .bankSel {
        width: 80%
    }

    .subCont .joinInfoCont .infoTable .snsLoginWrap .snsLogin {
        display: none
    }

    .subCont .joinInfoCont .infoTable .snsLoginWrap .snsLoginM {
        display: block !important
    }

    .subCont .joinInfoCont .infoTable .attachFile .attachFileInput {
        width: 100%
    }

    .subCont .joinInfoCont .passTxt {
        display: block;
        line-height: 20px !important;
        margin-top: 5px
    }
}


@media only screen and (max-width:991.98px) {
    .subCont .joinInfoCont .infoTable tr th {
        padding:   .9375rem
    }

    .subCont .joinInfoCont .infoTable tr td .inlineTxt {
        display: block
    }

    .joinInfoCont .infoTable .multiTell {display:block}
    .joinInfoCont .infoTable .multiTell .multiBtn{margin-left:0; margin-top:8px; display:inline-block}

    .joinInfoCont .infoTable .mailWrap .mailValueLabel.active{  margin-left:15px}
}



@media screen and (max-width: 768.98px) {

    .subCont .joinInfoCont .infoTable colgroup .mColWd30 {
        width: 30%
    }

    .sub_content_container .agreeCont .agreeBox dt{ padding:0 1rem;}

    .sub_content_container .agreeCont .agreeBox dd {
        padding: 0.9375rem 1rem;
    }
    .sub_content_container .agreeCont .agreeBox input[type=checkbox]+label:before{left:0}
    .sub_content_container .agreeCont .agreeBox input[type=checkbox]+label{padding-left:20px}

    .sub_content_container .agreeCont .agreeTop{display:block;}
    .sub_content_container .agreeCont .agreeTop span{display:block; margin-top:7px}
    .sub_content_container .agreeCont .agreeTop h2{padding-left:0}

    .joinInfoCont h2{padding-left:0}
    .joinInfoCont .infoTable tr th ,
    .joinInfoCont .infoTable tr td {display:block!important; width:100%}

    .joinInfoCont .infoTable tr td {padding:1rem 0}
    .joinInfoCont .infoTable tr th {padding-left:1rem; }


    .subCont .joinInfoCont .infoTable tr th {
        padding: 1rem .625rem
    }

    .subCont .joinInfoCont .infoTable input[type=text],.subCont .joinInfoCont .infoTable input[type=password],.subCont .joinInfoCont .infoTable .joinInfoSel {
        width: 50%
    }


    .joinInfoCont .infoTable tr td input[type=text],.joinInfoCont .infoTable tr td input[type=password]{
        width:100%
    }
    .joinInfoCont .infoTable tr td input.Type_AMT[type=text]{width:auto;}


    .Pay_Table tr td input[type=text],
    .Pay_Table tr td input[type=password],
    .Pay_Table .joinInfoSel{
        width:100%!important;
    }

    .subCont .joinInfoCont .infoTable .cardWrap input {
        width: calc(25% - 11px)
    }

    .subCont .joinInfoCont .infoTable .cardWrap input[type=text],.subCont .joinInfoCont .infoTable .cardWrap input[type=password] {
        padding: 0;
        text-align: center
    }

    .subCont .joinInfoCont .infoTable .cardWrap input[type=password] {
        font-size: .625rem
    }

    .subCont .joinInfoCont .infoTable .tellWrap {
        display: block;
        margin-bottom: 5px
    }

    .subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
        width: calc(33.3333% - 10px);

    }


    .popCont .moaddWrap .joinInfoCont .infoTable tr td input[type=text],
    .popCont .moaddWrap .joinInfoCont .infoTable tr td input[type=password]{
        width:100px
    }


    .joinInfoCont .infoTable .basicWrap{display:block;}
    .joinInfoCont .infoTable .basicWrap > div{margin-right:0}
    .joinInfoCont .infoTable .basicWrap > div + div{margin-top:5px}
    .joinInfoCont .infoTable tr td .joinInfoSel{width:100% ; margin-right:0; max-width:100%;  }


    .joinInfoCont.userRegiCont .infoTable tr td .joinInfoSel{ }

    .joinInfoCont .infoTable tr td .tellWrap > div{width:calc(100% / 3)}


    .popCont .moaddWrap .joinInfoCont .infoTable .tellWrap input[type=text],
    .popCont .moaddWrap .joinInfoCont .infoTable .tellWrap input[type=password]{
        width:100%!important;
    }


    .joinInfoCont .infoTable tr td .tellWrap .joinInfoSel{margin-bottom:0; margin-right:15px}
    .joinInfoCont .infoTable tr td .tellWrap .joinInfoSel select{width:100%}
    .joinInfoCont .infoTable .mailWrap {
        display: block;
    }
    .joinInfoCont .infoTable .mailWrap .mailValue{margin-top:5px }
    .joinInfoCont .infoTable .mailWrap .mailValueInput{margin-right:0!important; width:100%; }
    .joinInfoCont .infoTable .mailWrap .mailValueInput input{width:100%; max-width:100%}
    .joinInfoCont .infoTable .mailWrap > div{margin-right:0!important;}
    .joinInfoCont .infoTable .mailWrap .mailValueInput.active {
        width: 55% !important
    }


    .joinInfoCont .infoTable .multiTell .multiBtn{display:block; width:100%}
    .joinInfoCont .infoTable .multiTell .multiBtn a{ display:block}


    .joinInfoCont .infoTable .addWrap{  }
    .joinInfoCont .infoTable .addWrap > div:first-child{width:calc(100% - 100px) }
    .joinInfoCont .infoTable .addWrap > div:first-child input{width:100%; max-width:100%;}


    .joinInfoCont .infoTable .addMultiInput{display:block; margin-top:0}
    .joinInfoCont .infoTable .addMultiInput input {
        width: 100% !important; max-width:100%
    }

    .joinInfoCont .infoTable .addMultiInput div:first-child {
        width: 100%; margin-right:0px
    }

    .joinInfoCont .infoTable .addMultiInput div:last-child {
        width: 100%
    }


    .joinInfoCont .infoTable .addMultiInput input:last-child {
        margin-top: 5px
    }

    .joinInfoCont .infoTable .bankInput{display:block;}
    .joinInfoCont .infoTable .bankInput .multiInput{margin-right:0px; float:left; width:calc(100% - 100px)}
    .joinInfoCont .infoTable .bankInput .bankBtn{float:right;}
    .joinInfoCont .infoTable .bankInput #Bank_Check{clear:both; margin-left:0px; margin-top:5px; display:block}


    .subCont .joinInfoCont .infoTable .validWrap .joinInfoSel {
        width: calc(50% - 25px)
    }

    .subCont .joinInfoCont .infoTable .monWrap .joinInfoSel {
        width: 50%
    }

    .subCont .joinInfoCont .infoTable .monWrap .joinInfoBtn {
        margin-left: 0;
        margin-top: 10px;
        display: block
    }

    .subCont .date-picker-wrapper .month-wrapper table th {
        padding: 0 !important
    }

    .subCont .memPrintBox .memPrint {
        padding: 1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .joinInfoCont .infoTable .joinInfoBtn {

        border-radius: 15px 0px;

    }

	.sub_content_container .infoLoginCont .idfindBox{display:block!important;}
	.sub_content_container .infoLoginCont .idfindBox .infoPwBtn{width:100%!important;}

}


@media screen and (max-width: 580px) {


    .subCont .joinInfoCont .infoTable input[type=text],.subCont .joinInfoCont .infoTable input[type=password],.subCont .joinInfoCont .infoTable .joinInfoSel {
        width: 100%
    }

    .subCont .joinInfoCont .infoTable input[type=text].withTxt,.subCont .joinInfoCont .infoTable input[type=password].withTxt,.subCont .joinInfoCont .infoTable .joinInfoSel.withTxt {
        width: 90%
    }

    .subCont .joinInfoCont .infoTable .cardWrap input {
        width: calc(25% - 12px)
    }

    .subCont .joinInfoCont .infoTable .mSInput input {
        width: 40%
    }

    .subCont .joinInfoCont .infoTable .tellWrap {
        display: block;
        margin-bottom: 10px
    }

    .subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
        width: calc(33.3333% - 10px)
    }

    .subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
        width: calc(100% - 71px)
    }

    .subCont .joinInfoCont .infoTable .regiNum input {
        width: calc(50% - 8px)
    }

    .subCont .joinInfoCont .infoTable .regiNum~.joinInfoBtn {
        margin-top: 5px
    }

    .subCont .joinInfoCont .infoTable .multiInput input {
        width: 100%
    }

    .subCont .joinInfoCont .infoTable .multiInput input:last-child {
        margin-top: 10px
    }

    .subCont .joinInfoCont .infoTable .multiInput~.joinInfoBtn {
        margin-top: 5px
    }

    .subCont .joinInfoCont .infoTable .multiBtn .joinInfoBtn {
        margin-top: 5px
    }

    .subCont .joinInfoCont .infoTable .addMultiInput input {
        width: 100% !important
    }

    .subCont .joinInfoCont .infoTable .addMultiInput input:last-child {
        margin-top: 5px
    }

    .subCont .joinInfoCont .infoTable .validWrap .joinInfoSel {
        width: calc(50% - 26px)
    }

    .subCont .joinInfoCont .infoTable .mSInput input {
        width: 35% !important
    }

    .subCont .joinInfoCont .infoTable .mSInput span {
        display: block
    }


}

@media screen and (max-width: 520px) {

    .subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
        width: calc(33.3333% - 11px)
    }

    .subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
        width: calc(100% - 74px)
    }

}



@media screen and (max-width: 480px) {

    .subCont .joinInfoCont .infoTable .tellWrap input,.subCont .joinInfoCont .infoTable .tellWrap .joinInfoSel {
        width: calc(33.3333% - 9px)
    }

    .subCont .joinInfoCont .infoTable .addWrap input,.subCont .joinInfoCont .infoTable .addWrap .joinInfoSel {
        width: calc(100% - 68px)
    }

}





.autoshipRemarkWrap h2 {
    margin: 50px 0 20px;
    font-size:1.1rem;
    padding-left: 1.07142rem;
    font-family: "AppleSDGothicNeoM", sans-serif;
}

.autoshipRemarkWrap .radioWrap {
    border: 1px solid #ddd;
    padding: 1.125rem 1.563rem 1.563rem;
    box-sizing: border-box;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap
}

.autoshipRemarkWrap .radioWrap label {
    width: 20%;
    align-content: center;
    margin-left: 0 !important;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

.autoshipRemarkWrap .radioWrap label input {
    display: none
}

.autoshipRemarkWrap .radioWrap label input:checked+i {
    box-shadow: inset 0 0 0 .2em #fff;
    background: #4FB748
}

.autoshipRemarkWrap .radioWrap label .optionTitle {
    margin: 10px 0
}

.autoshipRemarkWrap .radioWrap label .optionImgBox {
    margin: 0 auto
}

.autoshipRemarkWrap .radioWrap label span {
    line-height: 150%
}

.autoshipRemarkWrap .radioWrap label img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius:  0px;
    overflow: hidden;
    transition: .5s
}


@media screen and (max-width: 1300px)and (min-width: 1081px) {
    .radioWrap label {
        width: 25%
    }
}

@media screen and (max-width: 1080px) {

    .autoshipRemarkWrap .radioWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .autoshipRemarkWrap .radioWrap label {
        width: 48%;
        margin-right: 0
    }

    .autoshipRemarkWrap .radioWrap label img {
        width: 100%;
        height: 300px
    }
}

@media screen and (max-width: 768.98px) {

    .autoshipRemarkWrap .radioWrap label img {
        height: 270px
    }
}

@media screen and (max-width: 480px) {
    .autoshipRemarkWrap .radioWrap label img {
        height: 150px
    }

}



.sub_content_container .ordExtensive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:50px;
}

.sub_content_container .ordExtensive .extensiveWrap {
    width: 73%
}

.sub_content_container .ordExtensive .extensiveWrap table tbody tr td {
    white-space: nowrap;
    padding: 0 8px
}

.sub_content_container .Autohip_PDT_Show_Box {
    width: 100%;
    height:50px; border-bottom:1px #333 solid;
}

.sub_content_container .ordPay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .ordPay .ordPayCont {
    width: 73%
}

.sub_content_container .ordPay .ordPayCont .radioWrap label+label {
    margin-left: 20px
}

.sub_content_container .ordPay .ordPayCont .monWrap .joinInfoBtn {
    margin-left: 10px
}

.sub_content_container .ordPay .ordPayCont .ordPayList img {
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    border-radius: 10px
}

.sub_content_container .ordPay .ordPayCont .ordPayTbP {
    display: table
}

.sub_content_container .ordPay .ordPayCont .ordPayTbM {
    display: none
}

.sub_content_container .ordPayComp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3.125rem
}

.sub_content_container .ordPayComp .payCompCont {
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    background-color: #fff;
    width: 450px
}

.sub_content_container .ordPayComp .payCompCont .compProd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.875rem
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdImg {
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
    border-radius: 10px
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdImg img {
    width: 100px;
    height: 100px;
    object-fit: cover
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdTit {
    color: #555;
    font-size: .875rem;
    margin-left: 1.25rem;
    line-height: 24px
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdTit span {
    color: #aaa;
    font-size: .875rem
}

.sub_content_container .ordPayComp .payCompCont dl {
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordPayComp .payCompCont dl dt {
    color: #999;
    font-size: .875rem;
    width: 30%;
    text-align: center
}

.sub_content_container .ordPayComp .payCompCont dl dd {
    color: #555;
    font-size: .875rem;
    padding: 1.875rem;
    width: 70%;
    box-sizing: border-box
}

.sub_content_container .ordPayComp .payCompCont dl dd .subTxt {
    color: #aaa;
    font-size: .875rem
}

.sub_content_container .ordPayComp .payCompCont dl dd p {
    line-height: 22px
}

.sub_content_container .ordPayComp .ordPayCompBtn {
    background-color: #4FB748;
    color: #fff;
    font-size: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    width: 450px;
    height: 50px
}

.sub_content_container .Autohip_PDT_Show_Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.sub_content_container .Autohip_PDT_Show_Box .Autohip_PDT_tit{
    font-size:1.1rem;
    padding-left: 1.07142rem;
    height:29px;
    font-family: "AppleSDGothicNeoM", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .Autoship_Card_Title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .Autoship_Card_Title a {
    padding: .9375rem 1.25rem;
    margin: 0 5px;
    border-radius: 3px;
    color: #fff;
    font-size: .875rem;
    transition: .5s
}

.sub_content_container .Autoship_Card_Title a:hover {
    border-radius: 25px;
    transition: .5s
}

.sub_content_container .Autoship_Card_Title a.slimBtn {
    padding: .25rem 1.25rem
}


.sub_content_container .ordRight {
    height: calc(95vh - 84px);
    width: 25%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: sticky;
    top: calc( 2.5% + 84px);
    right: 0
}

.sub_content_container .ordRight .pointTit {
    background-color: #f1f5f0;
    font-size: .875rem;
    display: inline-block;
    line-height: 10px;
    padding: 0 5px
}

.sub_content_container .ordRight .optionSel {
    border: 1px solid #ddd;
    background-color: #fff;
    flex: 1;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .ordRight .optionSel .optionCont {
    padding: 1.563rem 1.563rem 0;
    box-sizing: border-box;
    height: calc(100% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.sub_content_container .ordRight .optionSel .optionCont .optionSelWrap {
    position: relative
}

.sub_content_container .ordRight .optionSel .optionCont .optionSelWrap select {
    border: 1px solid #ddd;
    padding: 0 1.25rem;
    box-sizing: border-box;
    font-family: inherit;
    width: 100%;
    height: 3.125rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #999;
    font-size: .8125rem
}

.sub_content_container .ordRight .optionSel .optionCont .optionSelWrap:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border: 5px solid #bbb;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none;
    right: 20px
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted {
    height: 65%;
    overflow: auto;
    margin-top: 1.25rem;
    padding-bottom: 20px;
    box-sizing: border-box
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 1.25rem;
    margin-top: 10px
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow:first-child {
    margin-top: 0
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow h3 {
    color: #999;
    font-size: .8125rem;
    white-space: normal;
    line-height: 20px;
    height: 20px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap {
    border-top: 1px solid #ddd;
    margin-top: .9375rem;
    padding-top: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap .optionAmountTxt {
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: 0 5px;
    width: 55%;
    text-align: center
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ccc
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap a:last-child {
    margin-left: auto
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap a i {
    color: #fff;
    font-size: 1.125rem
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap a:hover {
    background-color: #bcbcbc;
    transition: .5s
}

.sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountPrice {
    font-size: .8125rem;
    text-align: right;
    margin-top: .9375rem
}

.sub_content_container .ordRight .optionSel .optionCont .optionTotalPrice {
    border-top: 1px solid #ddd;
    flex: 1;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none
}

.sub_content_container .ordRight .optionSel .optionCont .optionTotalPrice span {
    font-size: .875rem;
    margin-right: 1.25rem
}

.sub_content_container .ordRight .optionSel .optionCont .optionTotalPrice p {
    font-size: 1.375rem
}

.sub_content_container .ordRight .optionSel .optionBtnWrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0
}

.sub_content_container .ordRight .optionSel .optionBtnWrap a {
    display: block;
    width: 50%;
    height: 50px;
    color: #fff;
    font-size: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #4FB748
}

.sub_content_container .ordRight .optionSel .optionBtnWrap a:last-child {
    background-color: #333
}

.sub_content_container .ordRight .optionSel .optionBtnWrap a.soldTxt {
    width: 100%;
    cursor: default
}

.sub_content_container .ordRight .prodRollWrap {
    margin-top: 30px;
    flex: 1;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 1.563rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont {
    width: 100%
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper {
    border: 0;
    box-shadow: none;
    margin-bottom: 30px
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper .bx-default-pager a {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 0 8px
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper .bx-default-pager a.active {
    background-color: #333
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper .bx-default-pager a:hover {
    background-color: #333;
    transition: .5s
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper .prodRollImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.25rem 0
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper .prodRollImg img {
    height: 120px;
    object-fit: contain
}

.sub_content_container .ordRight .prodRollWrap .prodRollCont .bx-wrapper .prodRollTxt {
    color: #555;
    font-size: .875rem;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.sub_content_container .ordRight .totalPrice h2 {
    background-color: #333;
    height: 50px;
    color: #fff;
    font-size:1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub_content_container .ordRight .totalPrice .totalPriceCont {
    border: 1px solid #ddd;
    padding: 1.563rem;
    box-sizing: border-box;
    background-color: #fff
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow {
    border-bottom: 1px solid #ddd;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow .tpTit {
    position: relative;
    padding-left: 25px;
    color: #999;
    font-size: 0.92857rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow .tpTit:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #4FB748;
    border-radius: 3px
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow .tpNum {
    color: #4FB748;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
    font-size: 1.2rem
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow:nth-child(2) .tpTit:before {
    background-color: #4FB748
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow:nth-child(2) .tpNum {
    color: #4FB748
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow:nth-child(3) {
    border-bottom: 0
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow:nth-child(3) .tpTit:before {
    background-color: #333
}

.sub_content_container .ordRight .totalPrice .totalPriceCont .tpRow:nth-child(3) .tpNum {
    color: #333
}

.sub_content_container .ordRight .payPriceWrap {
    border: 1px solid #ddd;
    background-color: #fff;
    margin-top: 20px;
    flex: 1;
    overflow-x: auto
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont {
    padding: 1.875rem 1.875rem 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 50px);
    overflow-x: auto
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payPriceTit {
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 1.875rem
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payInfo .payRow {
    border-bottom: 1px dotted #ddd;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payInfo .payRow:last-child {
    border-bottom: 0
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payInfo .payRow .payTit {
    color: #999;
    font-size: 1rem
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payInfo .payRow .payTxt {
    font-size: 1.2rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal {
    margin-top: auto;
    border-top: 1px solid #ddd;
    padding: 1.875rem 0;
    box-sizing: border-box
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal span {
    color: #4FB748;

}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal p {
    font-size: 1.375rem
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal .payTotalRow {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal .payTotalRow.payTotalRow:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal .payTotalRow.payTotalRow:last-child span {
    color: #333;
    font-size: 1rem;
    margin-right: 1.25rem;
    line-height:1
}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal .payTotalRow .payTotalTit {
    color: #999;

}

.sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal .payTotalRow .payTotalTxt {

}

.sub_content_container .ordRight .payPriceWrap .payBtnWrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0
}

.sub_content_container .ordRight .payPriceWrap .payBtnWrap a {
    display: block;
    width: 50%;
    height: 50px;
    color: #fff;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #4FB748
}

.sub_content_container .ordRight .payPriceWrap .payBtnWrap a:last-child {
    background-color: #333;
    text-align: center;
}

.sub_content_container .ordRight .payPriceWrap .payBtnWrap a.oneBtn {
    width: 100%;
    background-color: #4FB748
}

.sub_content_container .ordRight .noneCate {
    margin-top: 0 !important;
    border-top: 2px solid #333
}

.sub_content_container .cateSelCont {
    border: 1px solid #ddd;
    border-top: 2px solid #333;
    padding: 1.563rem;
    box-sizing: border-box;
    background-color: #fff
}

.sub_content_container .cateSelCont .cateSel {
    position: relative;
    margin: 10px 0
}

.sub_content_container .cateSelCont .cateSel select {
    border: 1px solid #ddd;
    padding: 0 1.25rem;
    box-sizing: border-box;
    font-family: inherit;
    width: 100%;
    height: 3.125rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #999;
    font-size: .8125rem
}

.sub_content_container .cateSelCont .cateSel:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border: 5px solid #bbb;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none;
    right: 20px
}

.sub_content_container .cateSelCont .cateSelBtn {
    width: 100%;
    height: 50px;
    display: block;
    background-color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .8125rem
}

.sub_content_container .ordMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.sub_content_container .ordMain .ordProdList {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 2px solid #333;
    padding: 0 1.875rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 73%;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-bottom: auto
}

.sub_content_container .ordMain .ordProdList .prodCont {
    border-bottom: 1px solid #ddd;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 1.875rem 1.875rem;
    position: relative;
    transition: .5s
}

.sub_content_container .ordMain .ordProdList .prodCont .prodImg {
    transition: all .35s
}

.sub_content_container .ordMain .ordProdList .prodCont .prodImg img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    transition: all .35s;
    -o-transition: all .35s;
    -moz-transition: all .35s;
    -webkit-transition: all .35s
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt h2 {
    color: #555;
    font-size: .9375rem;
    text-align: center;
    margin: 20px 0;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt .prodPriceWrap .prodPriceRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .625rem 0
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt .prodPriceWrap .prodPriceRow .prodPriceTit {
    width: 100px;
    height: 30px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .8125rem
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt .prodPriceWrap .prodPriceRow .prodPrice {
    color: #333;
    font-size: .8125rem
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt .prodPriceWrap .prodPriceRow .prodPriceTit {
    background-color: #4FB748
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt .prodPriceWrap .prodPriceRow:nth-child(3n-1) .prodPriceTit {
    background-color: #4FB748
}

.sub_content_container .ordMain .ordProdList .prodCont .prodTxt .prodPriceWrap .prodPriceRow:nth-child(3n) .prodPriceTit {
    background-color: #a8d1a2
}

.sub_content_container .ordMain .ordProdList .prodCont:hover {
    background-color: transparent
}

.sub_content_container .ordMain .ordProdList .prodCont:hover::after {
    transform: scaleX(1)
}

.sub_content_container .ordMain .ordProdList .prodCont:hover .prodImg img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.sub_content_container .ordMain .ordProdList .prodCont:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: #333;
    transition: all 1s ease;
    opacity: .6
}

.sub_content_container .ordMain .ordProdList .prodCont.soldOut .prodImg {
    position: relative
}

.sub_content_container .ordMain .ordProdList .prodCont.soldOut .prodImg:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
    z-index: 9
}

.sub_content_container .ordMain .ordProdList .prodCont.soldOut .prodImg:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-size: 16px;
    content: attr(data-after);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: -30px
}

.sub_content_container .ordMain .ordProdList .prodCont.soldOut:hover .prodImg img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.sub_content_container .ordMain .ordProdList.list .prodCont {
    padding: 1.875rem .625rem;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordMain .ordProdList.list .prodCont .prodImg {
    margin-right: 20px;
    border: 1px solid #ddd;
    overflow: hidden;
    width: 135px;
    height: 135px;
    border-radius: 10px;
    box-sizing: border-box
}

.sub_content_container .ordMain .ordProdList.list .prodCont .prodImg img {
    height: auto
}

.sub_content_container .ordMain .ordProdList.list .prodCont .prodTxt {
    flex: 1
}

.sub_content_container .ordMain .ordProdList.list .prodCont .prodTxt h2 {
    text-align: left;
    margin: 0 0 10px;
    height: auto;
    display: block;
    line-height: 22px;
    word-break: break-all
}

.sub_content_container .ordDetailWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.sub_content_container .ordDetailWrap .ordExplain {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 2px solid #333;
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 73%;
    box-sizing: border-box;
    position: relative
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    box-sizing: border-box
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExImg {
    width: 50%;
    overflow: hidden
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExImg img {
    width: 100%;
    height: 300px;
    object-fit: contain
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt {
    width: 40%;
    padding-left: 1.875rem;
    box-sizing: border-box
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdTit {
    font-size: 1.5rem;
    line-height: 36px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdNum {
    font-size: .8125rem;
    margin: 1.875rem 0 1.25rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdSubTxt {
    color: #999;
    font-size: .8125rem;
    line-height: 1.8
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdPrice .ordProdPriceRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.25rem 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdPrice .ordProdPriceRow .ordProdPriceTit {
    width: 100px;
    height: 30px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .8125rem;
    margin-right: 1.875rem;
    background-color: #4FB748
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdPrice .ordProdPriceRow .ordProdPrice {
    color: #999;
    font-size: .8125rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdPrice .ordProdPriceRow:nth-child(3n-1) .ordProdPriceTit {
    background-color: #4FB748
}

.sub_content_container .ordDetailWrap .ordExplain .ordExTop .ordExTxt .ordProdPrice .ordProdPriceRow:nth-child(3n) .ordProdPriceTit {
    background-color: #a8d1a2
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail {
    position: relative;
    padding: 3.125rem 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn {
    position: sticky;
    top: 2.5%;
    left: 0;
    z-index: 99;
    width: 60px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a i {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 8px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a span {
    color: #fff;
    font-size: .625rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a:nth-child(1) {
    background-color: #aaa
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a:nth-child(2) {
    background-color: #bcbcbc
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a:nth-child(3) {
    background-color: #ddd
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a.urlCopy {
    background-color: #333
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .quickMoveBtn a:hover {
    opacity: .9;
    transition: .5s
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap {
    margin-top: -180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-height: 1500px;
    overflow: hidden
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExDetailImg {
    width: 100%;
    overflow: hidden;
    line-height: 160%
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExDetailImg img {
    width: 100% !important;
    height: auto !important
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExAddBtnWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    background-color: #fff
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExAddBtnWrap .ordExAddBtn {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #333;
    z-index: 9;
    margin: 50px 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExAddBtnWrap .ordExAddBtn:before {
    display: block;
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #52d9bb;
    background: -moz-linear-gradient(180deg, rgba(82, 217, 187, 0) 0%, white 100%);
    background: -webkit-linear-gradient(180deg, rgba(82, 217, 187, 0) 0%, white 100%);
    background: linear-gradient(180deg, rgba(82, 217, 187, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$pointColor1",endColorstr="#ffffff",GradientType=1)
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExAddBtnWrap .ordExAddBtn i {
    color: #fff;
    font-size: 1.125rem;
    margin-left: 10px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExAddBtnWrap .ordExAddBtnHide {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    background-color: #333;
    z-index: 9;
    margin: 50px 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordDetailImgWrap .ordExAddBtnWrap .ordExAddBtnHide i {
    color: #fff;
    font-size: 1.125rem;
    margin-left: 10px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .ordExNoticeBtn {
    width: 100%;
    height: 50px;
    background-color: #ddd;
    padding: 0 1.563rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .ordExNoticeBtn h3 {
    color: #fff;
    font-size: .875rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .ordExNoticeBtn i {
    color: #fff;
    font-size: 1.125rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .ordExNoticeBtn.btn-close i {
    transform: rotate(180deg);
    transition: .5s
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .ordExNoticeBtn:hover {
    background-color: #cdcdcd;
    transition: .5s
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox {
    display: none
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox img {
    width: 100%
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox table {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    word-break: keep-all
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox table tr th {
    background-color: #f1f5f0;
    text-align: left;
    padding: 1.25rem;
    color: #555;
    font-size: .875rem;
    line-height: 22px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox table tr td {
    padding: 1.25rem;
    color: #999;
    font-size: .875rem;
    line-height: 22px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox .prodExplain {
    margin-top: 20px;
    background-color: #f1f5f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox .prodExplain .txt {
    color: #555;
    font-size: .875rem;
    margin-top: 20px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .contBox .prodExplain img {
    width: auto
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .postingContBox img {
    width: 100% !important;
    height: auto !important
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .mainServiceBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-evenly
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .mainServiceBox span {
    max-width: 200px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .mainServiceBox span p {
    text-align: center;
    font-size: .875rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tabBtnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-evenly
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tabBtnBox span {
    color: #333;
    width: 100%;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    font-weight: bold
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tabBtnBox span:hover,.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tabBtnBox span.active {
    border-bottom: 1px solid #333
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent {
    padding: 10px;
    line-height: 1.8;
    color: #8d8d8d
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent>strong {
    color: #333
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent>div {
    color: initial
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .tripBorderLine {
    border-top: 1px #333 solid;
    margin: 30px 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .ordExNoticeBtn {
    background-color: #fff;
    border-bottom: #333 1px solid
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .ordExNoticeBtn h3 {
    color: #333;
    font-size: .875rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .ordExNoticeBtn i {
    color: #333;
    font-size: 1.125rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .contBox strong {
    font-weight: bold
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .contBox .tripPartnersInfo {
    border-top: 1px #333 solid;
    margin: 15px 0;
    padding: 15px 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .contBox .tripPartnersInfo:first-child {
    border-top: 0;
    margin: 0;
    padding: 0
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .contBox .tripPartnersInfo .partnersName {
    font-weight: bold;
    color: #333
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .houseSwiper {
    overflow: hidden;
    width: 50%;
    margin: 30px auto
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .houseSwiper .houseSwiperBtn {
    color: #333;
    padding: 0 8px;
    border: #000 1px solid;
    cursor: pointer;
    transition: .1s
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .houseSwiper .houseSwiperBtn.swiper-button-disabled {
    color: #c4c4c4;
    border: #c4c4c4 1px solid
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExNotice .tripPdtContent .houseSwiper .houseSwiperBtn:after {
    font-size: 20px !important
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation {
    margin-top: 3.75rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation h3 {
    font-size: 1rem;
    margin-bottom: 1.25rem;
    line-height: 30px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .relaProdWrap .relaProdCont .relaProdImg {
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .relaProdWrap .relaProdCont .relaProdImg img {
    width: 100%;
    object-fit: cover;
    transition: transform .35s,opacity .5s
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .relaProdWrap .relaProdCont .relaProdImg:hover::after {
    transform: scaleX(1)
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .relaProdWrap .relaProdCont .relaProdImg:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .35s,opacity .5s;
    -o-transition: transform .35s,opacity .5s;
    -moz-transition: transform .35s,opacity .5s;
    -webkit-transition: transform .35s,opacity .5s
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .relaProdWrap .relaProdCont .relaProdTit {
    color: #999;
    font-size: .75rem;
    white-space: normal;
    line-height: 20px;
    height: 40px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 15px 0 10px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .relaProdWrap .relaProdCont .relaProdPrice {
    color: #555;
    font-size: .9375rem
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .swiperBtnWrap {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .swiperBtnWrap .swiperBtn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #333;
    cursor: pointer
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .swiperBtnWrap .swiperBtn:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .swiperBtnWrap .swiperBtn.swiperPrev {
    margin-right: 10px
}

.sub_content_container .ordDetailWrap .ordExplain .ordExDetail .ordExRelation .swiperBtnWrap .swiperBtn i {
    color: #fff;
    font-size: 1rem
}




.extensiveRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
    padding: 20px 5px
}

.extensiveRow .extensiveName {
    white-space: normal;
    line-height: 20px;
    height: 20px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1
}

.extensiveRow .extensiveNum {
    text-align: right;
    width: 20%;

}

.extensiveRow .extensiveCancle {
    margin-left: 10px
}

.extensiveRow .extensiveCancle i {
    color: #4FB748;
    font-size: 1.25rem;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.extensiveRow:nth-child(2) {
    border-top: 1px solid #ddd
}

.extensiveRow:last-child {
    margin-bottom: 1.875rem
}

.extensiveList {
    overflow-y: auto;
    height: 80%
}

.groupTopTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.groupTopTxt .yearSel {
    position: relative;
    width: 80px
}

.groupTopTxt .yearSel:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border: 5px solid #b5b5b5;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none;
    right: 10px
}

.groupTopTxt .yearSel:last-child {
    width: 20%
}

.groupTopTxt .yearSel select {
    border: 1px solid #ddd;
    padding: 0 .625rem;
    box-sizing: border-box;
    font-family: inherit;
    width: 100%;
    height: 2.25rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #999;
    font-size: .8125rem
}













@media screen and (max-width: 1780px)and (min-width: 1081px) {

    .sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap .optionAmountTxt {
        width: 42%
    }

    .sub_content_container .ordRight .optionSel .optionCont .optionTotalPrice p {
        font-size: 1.125rem
    }

    .sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal p em{
        font-size: 1.4rem
    }

    .sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal p {

    }

}

@media screen and (max-width: 1420px)and (min-width: 1081px) {


    .sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap .optionAmountTxt {
        width: 35%
    }

}

@media screen and (max-width: 1300px)and (min-width: 1081px) {

    .sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap a {
        width: 20px
    }

    .sub_content_container .ordRight .optionSel .optionCont .optionSeleted .optionSelRow .optionAmountWrap .optionAmountTxt {
        width: 35%
    }

    .sub_content_container .ordRight .optionSel .optionCont .optionTotalPrice p {
        font-size: .9375rem
    }

    .sub_content_container .ordRight .payPriceWrap .payPriceCont .payTotal p {
        font-size: .9375rem
    }


}

@media screen and (max-width: 991.98px) {
    .sub_content_container .ordExtensive .extensiveWrap {
        width: 100%;
    }

    .sub_content_container .ordRight {
        display: none
    }

}



.mOrdExBottomWrap {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    -moz-box-shadow: 0px -1px 3px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px -1px 3px 1px rgba(0,0,0,.2);
    box-shadow: 0px -1px 3px 1px rgba(0,0,0,.2)
}

.mOrdExBottomWrap .mOrdExBottomCont {
    display: none;
    padding: 1.25rem 1.25rem 1.25rem;
    box-sizing: border-box;
    height: 60vh
}

.mOrdExBottomWrap .mOrdExBottomCont .mOrdExBottomClose {
    color: #ccc;
    font-size: 2.25rem;
    text-align: center;
    margin-bottom: 1.25rem
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSelWrap {
    position: relative
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSelWrap select {
    border: 1px solid #ddd;
    padding: 0 1.25rem;
    box-sizing: border-box;
    font-family: inherit;
    width: 100%;
    height: 3.125rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #999;
    font-size: .8125rem
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSelWrap:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border: 5px solid #bbb;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none;
    right: 20px
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted {
    height: 75%;
    overflow: auto;
    margin-top: 1.25rem;
    padding-bottom: 1px
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 1.25rem;
    margin-top: 10px
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow:first-child {
    margin-top: 0
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow h3 {
    color: #999;
    font-size: .8125rem;
    white-space: normal;
    line-height: 20px;
    height: 20px;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow .optionAmountWrap {
    border-top: 1px solid #ddd;
    margin-top: .9375rem;
    padding-top: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow .optionAmountWrap .optionAmountTxt {
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: 0 5px;
    width: 55%;
    text-align: center
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow .optionAmountWrap a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ccc
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow .optionAmountWrap a:last-child {
    margin-left: auto
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow .optionAmountWrap a i {
    color: #fff;
    font-size: 1.125rem
}

.mOrdExBottomWrap .mOrdExBottomCont .optionSeleted .optionSelRow .optionAmountPrice {
    font-size: .8125rem;
    text-align: right;
    margin-top: .9375rem
}

.mOrdExBottomWrap .mOrdExBottom {
    position: sticky;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 99
}

.mOrdExBottomWrap .mOrdExBottom .optionTotalPrice {
    display: none;
    padding: 1.25rem 0;
    box-sizing: border-box
}

.mOrdExBottomWrap .mOrdExBottom .optionTotalPrice span {
    font-size: .875rem;
    margin-right: 1.25rem
}

.mOrdExBottomWrap .mOrdExBottom .optionTotalPrice p {
    font-size: 1.375rem
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomPriceBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomPriceBox .toggleBtn {
    width: 50px;
    height: 30px;
    color: #fff;
    font-size: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #333
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox {
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdArrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    box-sizing: border-box
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdArrow i {
    color: #ddd;
    font-size: .9375rem;
    margin-bottom: 5px
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdArrow span {
    color: #ddd;
    font-size: .75rem
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdExBtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdExBtnWrap .mOrdExBtn {
    display: block;
    width: calc(50% - 6px);
    margin: 0 3px;
    background-color: #4FB748;
    color: #fff;
    font-size: .8125rem;
    height: 40px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdExBtnWrap .mOrdExBtn:last-child {
    background-color: #333
}

.mOrdExBottomWrap .mOrdExBottom .mOrdExBottomBox .mOrdExBtnWrap .soldTxt {
    width: 100%
}

.mOrdExBottomWrap.active {
    border-radius: 50px 50px 0 0
}

.mOrdExBottomWrap.active .mOrdExBottom {
    background-color: #f9f9f9
}

.mOrdExBottomWrap.active .mOrdExBottom .optionTotalPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mOrdExBottomWrap.active .extensiveBottom .mPayBtnWrap {
    box-shadow: none;
    background-color: #f9f9f9;
    position: inherit
}

.mOrdExBottomWrap.mATSWrap {
    position: sticky
}

.mOrdExBottomWrap.mATSWrap .mOrdExBottomCont {
    height: 50vh
}

.mPayBtnWrap {
    display: none;
    background-color: #fff;
    -moz-box-shadow: 0px -1px 3px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px -1px 3px 1px rgba(0,0,0,.2);
    box-shadow: 0px -1px 3px 1px rgba(0,0,0,.2);
    padding: 10px;
    z-index: 99;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0
}

.mPayBtnWrap .mPayInfo {
    color: #666;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
    font-size: 1rem;
    margin: 0 0 10px 10px;
    line-height: 16px
}

.mPayBtnWrap .bottomPayBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mPayBtnWrap .bottomPayBtn a {
    width: 50%;
    height: 34px;
    border-radius:  0px;
    color: #fff;
    font-size: 1rem;
    background-color: #4FB748;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mPayBtnWrap .bottomPayBtn a:last-child {
    background-color: #333;
    text-align: center;
}

.mPayBtnWrap .bottomPayBtn a.oneBtn {
    width: 100%;
    background-color: #4FB748
}

.mPayBtnWrap .bottomPayBtn.extensiveBtn a {
    width: 78%
}

.mPayBtnWrap .bottomPayBtn.extensiveBtn a:last-child {
    width: 22%
}

.mPayBtnWrap.mAts {
    position: absolute
}


@media screen and (max-width: 991.98px) {

    .mOrdExBottomWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index:1010
    }

    .mPayBtnWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

}





.sub_content_container .ordShop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .ordShop .ordShopCont {
    width: 73%
}

.sub_content_container .ordShop .ordShopCont input[type=checkbox] {
    display: none
}

.sub_content_container .ordShop .ordShopCont input[type=checkbox]+label {
    cursor: pointer;
    padding-left: 35px;
    height: 18px
}

.sub_content_container .ordShop .ordShopCont input[type=checkbox]+label:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border-radius: 50%;
    content: "\F012C";
    font-family: "Material Design Icons";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.sub_content_container .ordShop .ordShopCont input[type=checkbox]+label span {
    line-height: 20px;
    color: #ccc;
    font-size: 1.1rem;
}

.sub_content_container .ordShop .ordShopCont input[type=checkbox]:checked+label:before {
    background: #4FB748
}

.sub_content_container .ordShop .ordShopCont input[type=checkbox]:checked+label span {
    line-height: 20px;
    color: #4FB748;
    font-size: 1.1rem;
}

.sub_content_container .ordShop .ordShopCont .ordShopTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 11px
}

.sub_content_container .ordShop .ordShopCont .ordShopTop .allCheck {
    position: relative
}

.sub_content_container .ordShop .ordShopCont .ordShopTop .selDel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120px;
    height: 39px;
    background-color: #666;
    color: #fff;
    font-size: 1rem;
    border-radius: 25px 0px;
}

.sub_content_container .ordShop .ordShopCont .ordShopList {
    padding: 0 2.5rem 2.5rem;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-top: 1px solid #333;
    background-color: #fff
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow {
    border-bottom: 1px solid #ddd;
    padding: 2.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: flex-start
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius:  0px;
    border: 1px solid #ddd;
    overflow: hidden
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg input[type=checkbox]+label {
    padding-left: 0
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg input[type=checkbox]+label:before {
    top: 10px;
    left: 10px;
    z-index: 10
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg img {
    width: 120px;
    height: 120px;
    object-fit: cover
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg label {
    display: inline;
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg.soldOut .shopImg:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
    z-index: 9
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg.soldOut .shopImg:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-size: 16px;
    content: attr(data-after);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: -30px
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopTit {
    color: #666;
    font-size: 1.2rem;
    line-height: 26px;
    margin-left: 1.875rem;
    width: 60%;
    word-break: break-all
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 45%;
    font-size: 0.92857rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption {
    background-color: #f5f5f5;
    padding: 1.875rem;
    box-sizing: border-box
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption+.ordShopOption {
    margin-top: 1.25rem
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionTop i {
    font-size: .9375rem
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption input{
    border:none; background:#fff;padding:0;
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .prodInfo{
	font-size:1rem; font-weight:600
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.25rem
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodNum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodNum label {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodNum label i {
    color: #bbb;
	font-weight:600;
    font-size: 16px;
	position:relative;
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodNum label i.icon-minus-min:after{
	  content: "\F0374";
	font: normal normal normal 18px / 1 "Material Design Icons";
}


.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodNum label i.icon-plus-min:after{
	 content: "\F0415";
	font: normal normal normal 18px / 1 "Material Design Icons";

}



.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodNum .prodNumTxt {
    width: 40px;
    text-align: center;
    color: #898989
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodInfo span {
    margin: 0 10px
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodInfo span:last-child {
    margin-right: 0
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom.manyPV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom.manyPV .prodInfo {
    margin-top: 1.25rem
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .prodPriceTotal {
    color: #fff;
    font-size: 1.1rem;
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .prodPriceTotal p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    padding: 10px 0;
    flex: 1;
    margin-right: 10px
}

.sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .prodPriceTotal p:last-child {
    margin-right: 0
}

.sub_content_container .ordShop .bottomPayTotal {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0 none;
    position: relative;
    margin-top: 1.875rem;
    padding: 1.875rem 1.875rem 0;
    box-sizing: border-box
}

.sub_content_container .ordShop .bottomPayTotal:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    background: url("/img/sub/shop/bottomPayBg.png");
    width: 100%;
    height: 4px
}

.sub_content_container .ordShop .bottomPayTotal .payPriceTit {
    font-size: 1.125rem;
    margin-bottom: 1.563rem
}

.sub_content_container .ordShop .bottomPayTotal .payInfo .payRow {
    border-bottom: 1px dotted #ddd;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordShop .bottomPayTotal .payInfo .payRow .payTit {
    color: #999;
    font-size: 1rem;
}

.sub_content_container .ordShop .bottomPayTotal .payInfo .payRow .payTxt {
    font-size: 1rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .ordShop .bottomPayTotal .payTotal {
    padding: 1.875rem 0;
    box-sizing: border-box
}

.sub_content_container .ordShop .bottomPayTotal .payTotal span {
    color: #999;
    font-size: 1rem
}

.sub_content_container .ordShop .bottomPayTotal .payTotal p {
    color: #4FB748;
    font-size: 1.375rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .ordShop .bottomPayTotal .payTotal .payTotalRow {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordShop .bottomPayTotal .payTotal .payTotalRow .payTotalTit {
    color: #999;
    font-size: 1rem
}

.sub_content_container .ordShop .bottomPayTotal .payTotal .payTotalRow .payTotalTxt {
    font-size: 1rem
}

.sub_content_container .ordExtensive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}





.sub_content_container .ordPay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub_content_container .ordPay .ordPayCont {
    width: 73%
}

.sub_content_container .ordPay .ordPayCont .radioWrap label+label {
    margin-left: 20px
}

.sub_content_container .ordPay .ordPayCont .monWrap .joinInfoBtn {
    margin-left: 10px
}

.sub_content_container .ordPay .ordPayCont .ordPayList img {
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    border-radius: 10px
}

.sub_content_container .ordPay .ordPayCont .ordPayTbP {
    display: table
}

.sub_content_container .ordPay .ordPayCont .ordPayTbM {
    display: none
}

.sub_content_container .ordPayComp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3.125rem
}

.sub_content_container .ordPayComp .payCompCont {
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    background-color: #fff;
    width: 450px
}

.sub_content_container .ordPayComp .payCompCont .compProd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.875rem
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdImg {
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
    border-radius: 10px
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdImg img {
    width: 100px;
    height: 100px;
    object-fit: cover
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdTit {
    color: #555;
    font-size: .875rem;
    margin-left: 1.25rem;
    line-height: 24px
}

.sub_content_container .ordPayComp .payCompCont .compProd .compProdTit span {
    color: #aaa;
    font-size: .875rem
}

.sub_content_container .ordPayComp .payCompCont dl {
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordPayComp .payCompCont dl dt {
    color: #999;
    font-size: .875rem;
    width: 30%;
    text-align: center
}

.sub_content_container .ordPayComp .payCompCont dl dd {
    color: #555;
    font-size: .875rem;
    padding: 1.875rem;
    width: 70%;
    box-sizing: border-box
}

.sub_content_container .ordPayComp .payCompCont dl dd .subTxt {
    color: #aaa;
    font-size: .875rem
}

.sub_content_container .ordPayComp .payCompCont dl dd p {
    line-height: 22px
}

.sub_content_container .ordPayComp .ordPayCompBtn {
    background-color: #4FB748;
    color: #fff;
    font-size: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    width: 450px;
    height: 50px
}


@media screen and (max-width: 1420px)and (min-width: 992px) {

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap {
        width: 100%
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopTit {
        width: 79%
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap {
        width: 100%;
        margin-top: 20px
    }

}

@media screen and (max-width: 991.98px) {
    .sub_content_container .ordShop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
		margin-top:0!important;
    }

    .sub_content_container .ordShop .ordShopCont {
        width: 100%
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList {
        padding: 0 1.875rem 1.875rem
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.875rem 0
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap {
        width: 100%
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopTit {
        margin-left: .9375rem
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg {
        width: 100px;
        height: 100px
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopImgWrap .ordShopImg img {
        width: 100px;
        height: 100px
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap {
        width: 100%
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption {
        margin-top: 1.25rem;
        padding: 1.25rem
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodInfo {
        margin-top: 1.25rem;
		font-size:13px
    }

    .sub_content_container .ordShop .ordShopCont .ordShopList .ordShopListRow .ordShopPriceWrap .ordShopOption .optionBottom .prodInfo span:first-child {
        margin-left: 0
    }

    .sub_content_container .ordShop .bottomPayTotal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sub_content_container .ordPay .ordPayCont {
        width: 100%
    }

    .sub_content_container .ordPay .ordPayCont .radioWrap label {

    }

    .sub_content_container .ordPay .ordPayCont .radioWrap.payment_method label {
        display:block;
    }

    .sub_content_container .ordPay .ordPayCont .radioWrap.payment_method  label+label {
        margin-left:0
    }

    .sub_content_container .ordPay .ordPayCont .ordPayTbP {
        display: none
    }

    .sub_content_container .ordPay .ordPayCont .ordPayTbM {
        display: table
    }

    .sub_content_container .ordPayComp {
        margin-top: 1.875rem
    }

    .sub_content_container .ordPayComp .payCompCont {
        width: 100%
    }

    .sub_content_container .ordPayComp .ordPayCompBtn {
        width: 100%
    }

    .sub_content_container .ordShop .bottomPayTotal .payInfo .payRow .payTit,
    .sub_content_container .ordShop .bottomPayTotal .payInfo .payRow .payTxt,
    .sub_content_container .ordShop .bottomPayTotal .payTotal .payTotalRow .payTotalTit,
    .sub_content_container .ordShop .bottomPayTotal .payTotal .payTotalRow .payTotalTxt,
    .mPayBtnWrap .mPayInfo{ font-size:13px}


    .popCont .joinInfoCont .infoTable .cardWrap > div{width:calc(25% - 15px)}

    .popCont .joinInfoCont .infoTable .cardWrap input[type=text],
    .popCont .joinInfoCont .infoTable .cardWrap input[type=password] {
        width:100%!important;
    }
	
	.sub_content_container .ordPay .ordPayCont .radioWrap label+label {
		margin-left: 10px
	}
	.sub_content_container .ordPay .ordPayCont .radioWrap label span{font-size:13px}
}

@media screen and (max-width: 365px) {

	.sub_content_container .ordPay .ordPayCont .radioWrap label+label {
		margin-left: 5px
	}
	.sub_content_container .ordPay .ordPayCont .radioWrap label span{font-size:12px}

}



.sub_content_container .ordSection .tripTopInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #333
}

.sub_content_container .ordSection .ordBoxDate {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
    margin-top: 1.875rem
}

.sub_content_container .ordSection .ordBox {
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:  0px
}

.sub_content_container .ordSection .ordBox .ordBoxTop {
    border-bottom: 1px solid #ddd;
    height: 50px;
    padding: 0 1.875rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.sub_content_container .ordSection .ordBox .ordBoxTop h3 {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn {
    background-color: #4FB748;
    padding: 3px 15px 5px 15px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 0 10px;
    cursor: pointer
}

.sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn span {
    display: inline
}

.sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn i {
    display: none
}

.sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn a,.sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn i {
    color: #fff;
    font-size: .8125rem
}

.sub_content_container .ordSection .ordBox .ordBoxTop .ordAddBtn i {
    font-size: 1.125rem
}

.sub_content_container .ordSection .ordBox .ordBoxTop .ordAddMenu {
    display: none;
    position: absolute;
    top: 25px;
    right: 55px;
    background-color: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
    width: 110px;
    border-radius: 10px
}

.sub_content_container .ordSection .ordBox .ordBoxTop .ordAddMenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    padding: 12px 0
}

.sub_content_container .ordSection .ordBox .ordBoxTop .ordAddMenu a+a {
    border-top: 1px solid #ddd
}

.sub_content_container .ordSection .ordBox .ordBoxBottom {
    padding: 1.875rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap.trip {
    width: 100%
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg {
    border: 1px solid #ddd;
    width: 140px;
    height: 140px;
    border-radius:  0px;
    overflow: hidden
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg img {
    object-fit: cover;
    width: 140px;
    height: 140px;
    transition: transform .35s
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg:hover::after {
    transform: scaleX(1)
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .35s;
    -o-transition: transform .35s;
    -moz-transition: transform .35s;
    -webkit-transition: transform .35s
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt {
    padding-left: 1.875rem;
    box-sizing: border-box;
    width: calc(100% - 140px)
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt .ordState {
    color: #666;
    font-size: 13px;
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt .ordTit {
    color: #666;
    font-size: 1.1rem;;
    margin: 1.25rem 0 .9375rem;
    line-height: 24px
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt .ordDetail {
    color: #999;
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordPriceWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 12%
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .ordPriceWrap p {
    color: #fff;
    font-size: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 5px 0;
    font-family: 'DM Sans',"Noto Sans KR", sans-serif;
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox {
    flex: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordInfoTxt {
    padding-left: 1.875rem;
    box-sizing: border-box;
    width: 100%
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordInfoTxt .ordState {
    color: #555;
    font-size: .8125rem
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordInfoTxt .ordTit {
    color: #555;
    font-size: .875rem;
    margin: 1.25rem 0 .9375rem;
    line-height: 24px
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordInfoTxt .ordDetail {
    color: #898989;
    font-size: .8125rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordPriceWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    width: auto
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordPriceWrap p {
    color: #fff;
    font-size: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 5px 0;
    margin-right: 20px;
    white-space: nowrap;
    cursor: pointer
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordPriceWrap p:last-child {
    margin-right: 0
}

.sub_content_container .ordSection .ordBox .ordBoxBottom .tripInfoBox .ordPriceWrap a {
    color: #fff
}

.modify_bank a{  margin-left:15px}


.sub_content_container .printBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #fff;
    font-size: 13px;
    line-height: 36px;
    padding: 0 20px;
    box-sizing: border-box;
    width: 220px;
    height: 36px;
    border-radius: 3px;
    margin-left: 20px;
    position: relative;
    z-index: 1
}

.sub_content_container .printBtn:before {
    width: 175px;
    height: 36px;
    border-radius: 3px 0 0 3px;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(300deg, transparent 1.2rem, #74c968 1.3rem, #74c968);
    z-index: -1
}

.sub_content_container .printBtn i {
    color: #74c968;
    font-size: .9375rem;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0)
}

.sub_content_container .printBtn:hover i {
    -webkit-animation-name: wobble-vertical-on-hover;
    animation-name: wobble-vertical-on-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}


.sub_content_container .memPrintBox {
    border:1px #ddd solid;
    border-top: 1px solid #333;
    padding: 1.875rem;
    background-color: #fff
}

.sub_content_container .memPrintBox .memPrint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .9375rem 1.25rem;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.sub_content_container .memPrintBox .memPrint+.memPrint {
    margin-top: 10px
}

.sub_content_container .memPrintBox .memPrint:last-child .printBtn:before {
    background-image: linear-gradient(300deg, transparent 1.2rem, #4FB748 1.3rem, #4FB748)
}

.sub_content_container .memPrintBox .memPrint:last-child .printBtn i {
    color: #4FB748;
    font-size: .9375rem
}

.sub_content_container .memPrintBox .memPrint p {
    font-size: 1rem
}


@media screen and (max-width: 991.98px) {

    .sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn {
        padding: 5px 10px;
        border-radius: 50%;
        margin: 0 5px;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn span {
        display: none
    }

    .sub_content_container .ordSection .ordBox .ordBoxTop h3 .invoiceBtn i {
        display: inline
    }


    .sub_content_container .ordSection .ordBox .ordBoxBottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt {
        padding-top: 1.25rem;
        padding-left: .9375rem
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordPriceWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordPriceWrap p {
        width: 100%;
        margin-right: 10px;
        margin-top: 1.25rem
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordPriceWrap p:last-child {
        margin-right: 0
    }


    .sub_content_container .infoPwCont {width:100%; padding:30px}
}


@media screen and (max-width: 780px) {

    .sub_content_container .ordSection .ordBox .ordBoxTop {
        padding: 0 1.25rem
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom {
        padding: 1.25rem
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg {
        width: 100px;
        height: 100px
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoImg img {
        width: 100px;
        height: 100px
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt {
        width: calc(100% - 100px);
        padding-top: .625rem
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .ordInfoTxt .ordTit {
        margin: .9375rem 0 .625rem
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap.trip .ordInfoTxt {
        width: 100%
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .tripInfoBox .ordPriceWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sub_content_container .ordSection .ordBox .ordBoxBottom .ordInfoWrap .tripInfoBox .ordPriceWrap p {
        margin-right: 0
    }

    .sub_content_container .ordSection .tripTopInfo {
        font-size: .75rem
    }

    .modify_bank{display:block;}
    .modify_bank a{margin-top:5px; margin-left:0}


    .sub_content_container .memPrintBox .memPrint {
        padding: 1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sub_content_container .printBtn {
        margin-left: 10px;
        margin-top: 10px
    }


}

@media screen and (max-width: 576.98px) {

    .sub_content_container .infoPwCont{padding:15px}
    .sub_content_container .infoLoginCont .autoLoginBox{padding:0}
    .sub_content_container .infoPwCont input{padding:0 15px}
}



/*//////////////////////////////////////////////////////////////////
[ 사업소개]*/

.business_content_container{padding:60px 0 120px}

.business_content_container .plan>h2 {
    font-size: 2.1rem;
    margin-bottom: 4.28571rem
}

.business_content_container .plan>h3 {
    font-size: 1.4rem;
    margin-bottom: 30px
}

.business_content_container .plan>h3:first-of-type {
    margin-bottom: 4.28571rem
}

.business_content_container .plan .ti {
    text-indent: -20px;
    margin-left: 20px;
    line-height: 1.4
}

.business_content_container .plan .ti.sTit {
    font-weight: bold;
    margin-bottom: 20px
}

.business_content_container .plan .ti+.ti {
    margin-top: 10px
}

.business_content_container .plan dl {
    display: block
}

.business_content_container .plan dl dt {
    font-size: 1.1rem;
    width: 30%;
    margin-bottom:20px
}

.business_content_container .plan dl dd {
    flex: 1
}

.business_content_container .plan dl dd .rebatem {
    display: none
}

.business_content_container .plan dl dd .rebatem thead tr th {
    text-align: center
}

.business_content_container .plan dl dd .rebatem thead tr td {
    text-align: center
}

.business_content_container .plan dl dd .rebatem tbody tr th {
    text-align: center
}

.business_content_container .plan dl dd .rebatem tbody tr td {
    text-align: center
}

.business_content_container .plan dl dd table {
    border-top: 1px solid #333
}

.business_content_container .plan dl dd table tr {
    border-bottom: 1px solid #ddd
}

.business_content_container .plan dl dd table tr th {
    font-size: 1.142857rem;
    text-align: left;
    padding: 15px 5px
}

.business_content_container .plan dl dd table tr th span {
    display: block;
}

.business_content_container .plan dl dd table tr td {
    font-size: 1.142857rem;
    line-height: 1.4;
    text-align: left;
    padding: 15px 5px
}

.business_content_container .plan dl dd table.brTb tr td p {
    margin: 5px 0;
    text-indent: -12px;
    margin-left: 12px
}

.business_content_container .plan dl dd table.tdCenter tr th+th {
    text-align: center
}

.business_content_container .plan dl dd table.tdCenter tr td {
    text-align: center
}

.business_content_container .plan dl dd .ddCont+.ddCont {
    margin-top: 4.28571rem
}

.business_content_container .plan dl dd .tableTit {
    font-size: 1.142857rem;
    margin-bottom: 5px
}

.business_content_container .plan dl dd .sTxt {
    color: #888;
    font-size: 0.92857rem;
    line-height: 1.4;
    margin-top: 10px
}

.business_content_container .plan dl dd .ddTop {

}

.business_content_container .plan dl dd .ddTop .ddTopTit {
    background-color: #f5f5f5;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 3px;
    margin-bottom: 30px;
    font-size: 1.2857rem;
    line-height: 1.4
}

.business_content_container .plan dl dd .ddBottom {
    margin-top: 4.28571rem
}

.business_content_container .plan dl dd .ddBottom .box>h4 {
    font-size: 1.142857rem;
    margin-bottom: 10px
}

.business_content_container .plan dl dd .ddBottom .box>p {
    font-size: 1.142857rem;
    line-height: 1.4
}

.business_content_container .plan dl dd .ddBottom .box+.box {
    margin-top: 30px
}

.business_content_container .plan dl+dl {
    margin-top: 7.1428rem
}



.business_content_container .termWrap {
    line-height: 26px
}

.business_content_container .termWrap table tr td {
    padding: 5px
}

.business_content_container .termWrap table tr td span {
    font-size: 14px !important
}

.business_content_container .termWrap table[summary=기본] th,.business_content_container .termWrap table[summary=기본] td,.business_content_container .termWrap table[summary=PC] th,.business_content_container .termWrap table[summary=PC] td,.business_content_container .termWrap table[summary=MOBILE] th,.business_content_container .termWrap table[summary=MOBILE] td {

}

.business_content_container .termWrap table[summary=PC] {
    max-width: 100%
}

.business_content_container .termWrap table[summary=MOBILE] {
    width: 100% !important
}

.business_content_container .termWrap strong {
    font-size: 1.4rem;
    color: #4FB748;
    font-weight:500
}

.business_content_container .termWrap dl{
    margin-bottom:2.85714rem
}
.business_content_container .termWrap dl:last-child{margin-bottom:0}
.business_content_container .termWrap dt{font-weight:normal;}
.business_content_container .termWrap dd{padding-left:15px}

.subscriptionWrap strong, .subscriptionWrap p{margin-bottom:2.85714rem; display:block}
.subscriptionWrap dt{color:#000;  }
.subscriptionWrap dd{position:relative; padding-left:10px }
.subscriptionWrap dd:before{content:'-'; display:block; position:absolute; left:0; top:0  }
.subscriptionWrap dd.no_arrow:before{display:None;}
.subscriptionWrap dd.no_arrow{padding-left:0}

.memberManagementWrap strong {margin-top:2.85714rem; display:block}
.memberManagementWrap strong:first-child{margin-top:0}
.memberManagementWrap dt{color:#000;  }
.memberManagementWrap p,
.memberManagementWrap dt{margin-top:1.07142rem}
.memberManagementWrap dd ul li{padding-left:20px}
.memberManagementWrap .ibo_criteria_wrap { margin:10px 0 15px /*display: flex; justify-content: space-between; align-items: flex-start;*/}
.memberManagementWrap .ibo_criteria_wrap .ibo_criteria_box{width:100%}
.memberManagementWrap .ibo_criteria_wrap .ibo_criteria_box table{width:100%; }
.memberManagementWrap .ibo_criteria_wrap .ibo_criteria_box:last-child td{}
.memberManagementWrap .ibo_criteria_wrap .ibo_criteria_box thead td{background:#F5F5F5}
.memberManagementWrap dd.m_arrow{position:relative; padding-left: 25px }
.memberManagementWrap dd.m_arrow:before{content:'-'; display:block; position:absolute; left:15px; top:0  }


@media screen and (max-width: 1440px) {

    .business_content_container{padding:30px 30px 120px 30px}
}

@media screen and (max-width: 991.98px) {



    .business_content_container .plan>h2 {
        margin-bottom: 40px
    }

    .business_content_container .plan>h3 {
    }

    .business_content_container .plan>h3:first-of-type {
        margin-bottom: 40px
    }

    .business_content_container .plan .ti {
        text-indent: -19px;
        margin-left: 19px
    }

    .business_content_container .plan dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .business_content_container .plan dl dt {
        width: 100%;
        margin-bottom: 30px;
    }

    .business_content_container .plan dl dd .rebatem {
        display: inline-table
    }

    .business_content_container .plan dl dd .rebate {
        display: none
    }

    .business_content_container .plan dl dd table tr th {
        line-height: 1.2
    }

    .business_content_container .plan dl dd table tr th span {
        margin-top: 5px
    }

    .business_content_container .plan dl dd table tr td br {
        display: none
    }

    .business_content_container .plan dl dd table.brTb tr td p {
        text-indent: -10px;
        margin-left: 10px
    }


    .business_content_container .plan dl dd .ddTop .ddTopTit {
        padding: 3px 5px
    }


    .business_content_container .plan dl dd .ddBottom .box>p br {
        display: none
    }

}

@media screen and (max-width: 768.98px) {
    .business_content_container{padding:30px 15px 50px 15px}
}

@media screen and (max-width: 580px) {

}



/*//////////////////////////////////////////////////////////////////
[ 기업소개]*/

.commonWid {
	width:1280px;
	margin:0 auto
}
.commonMg {
	margin:100px auto
}

@media screen and (max-width:1080px) {

	.commonWid {
		width:96%
	}
	.commonMg {
		margin:40px auto
	}

}
.company_content_container{padding:60px 0px 8.57142rem 0px}


/*introduce */

.introduce_top{text-align:center; margin :4.28571rem 0 5.71428rem 0}
.introduce_top h4{font-size:2.1rem;  line-height: 1.5;  position:relative; padding-bottom:7.14285rem; font-weight:400}
.introduce_top h4:after{content:''; display:block; height:1px; width:70px; background:#333; position:absolute; left:50%; margin-left:-35px; bottom: 50px }

.introduce_top div p{font-size:1.28571em;}

.introduce_content{background:#FFF6EB; }
.introduce_content ul{margin:0 auto; width:1050px; }
.introduce_content li{border-bottom:1px #ccc solid; padding:5.71428rem 0}
.introduce_content li:last-child{border-bottom:none;}

.introduce_content li > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
}
.introduce_content li div i{
    text-align:center;
    width:18%;
}
.introduce_content li > div > div{
    width:82%;
    padding-left:3.92857rem;
}
.introduce_content li > div > div strong{
    display:block;
    color:#4FB748;
    letter-spacing: -0.6px;
    font-size:1.85714rem;
    margin-bottom:1.85714rem;
    font-weight:normal;

}

.introduce_content li > div > div span{
    display:block;
    font-size:1.1rem;

}

.introduce_bottom{
    padding-top:7.14285rem;
}

.introduce_bottom .introduce_b_box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size:2.1rem;
}
.introduce_bottom .introduce_b_box p{
    display:inline;
}
.introduce_bottom .introduce_b_box br{
    display:none
}

.point{
    background:  #4FB748;
    color:#fff;
    box-shadow: 5px 10px 30px #00000033;
    border-radius: 0px 3.0rem;
    padding: 1.0rem 2rem 1.2rem;
    white-space:nowrap;
    margin-right:20px;

}




/* Philosophy */

.philosophy_top{
    padding-bottom:5.71428rem;
}

.philosophy_top .philosophy_t_box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size:2.1rem;
}
.philosophy_top .philosophy_t_box p{
    display:inline;
    line-height:2.5;
    text-align: center;
}
.philosophy_top .philosophy_t_box br{
    display:none
}
.philosophy_top .philosophy_t_box .point{
    margin:2px 15px 2px 15px;
}

.philosophy_content ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin: 0 -1.42857rem;
}

.philosophy_content ul li{
    padding: 0 1.42857rem;
    width:calc(100% / 3);
}

.philosophy_content ul li .philosophy_c_box{
    background:#FFF6EB;
    border-radius: 3.57142rem;
    box-shadow: 0px 20px 40px #0000001a;
}

.philosophy_content ul li .philosophy_c_box .thumb{
    background: #fff;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.philosophy_content ul li .philosophy_c_box .thumb img{
    max-width: 100%;
    height: 363px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: crisp-edges;
    width: 100%;
    object-fit: cover;
    border-radius:3.57142rem 3.57142rem 0 0;
}

.philosophy_c_box .philosophy_c_txt {
    text-align:center;
    padding:1.71428rem 1rem 1.71428rem 1rem;
}
.philosophy_c_box .philosophy_c_txt strong{
    display:block;
    font-weight:normal;
    font-size:1.71428rem;
    letter-spacing: -0.5px;
}
.philosophy_c_box .philosophy_c_txt span{
    display:block;
    font-family: 'DM Sans', sans-serif;
    font-size:1.07142rem;
    letter-spacing: 1.8px;
    margin-top: 5px;
}

.philosophy_content ul li p{
    font-size:1.1rem;
    margin-top:2.42857rem;
    text-align:center;
}



/* Investment */
.investment_top{margin-top:5.71428rem}
.investment_top .investment_t_box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
}

.investment_top .investment_t_box .investment_video{
    width:640px;
}

.investment_top .investment_t_box .investment_video video{border-radius:1.14285rem}

.investment_top .investment_t_box .investment_txt_box{
    width:calc(100% - 640px);
    padding-left:5.28571rem;
}
.investment_txt_box .investment_txt_t{
    padding-bottom:3.14285rem;
}
.investment_txt_box .investment_txt_t img{
    height:100px
}
.investment_txt_box .investment_txt_t p{
    font-size:1.85714rem;
    margin-bottom:0.71428rem;
}


.investment_txt_box .investment_txt_b p{
    font-size:1.1rem;
    font-family:'DM Sans',"Noto Sans KR", sans-serif;
}
.investment_txt_box .investment_txt_b p strong{
    font-weight:normal;
    margin-right: 8px;
}

.investment_bottom{

}
.investment_bottom .investment_b_box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size:1.85714rem;
}

.investment_bottom .investment_b_box div:first-child{
    margin-right:2.71428rem;
}
.investment_bottom .investment_b_box div:first-child span{
    font-size:1.1rem;
}
.investment_bottom .investment_b_box .point{
    font-size:2.1rem;
}

.investment_content{
    background:#FFF6EB;
    margin :5.71428rem 0;
    padding:5.71428rem 0 4.28571rem 0;
}


.investment_content ul{

    margin: 0 -1.42857rem;
}
.investment_content ul:after{
    content:'';
    display:block;
    clear:both;
}
.investment_content ul li{
    float:left;
    padding: 0 1.42857rem;
    width:calc(100% / 3);
    margin-bottom:2.5rem;
}
.investment_content ul li .investment_c_box{
    background:#fff;
    border-radius:5rem;
    height:29.85714rem;
    text-align:center;
    padding:4.92857rem 1rem 0 1rem;
    box-shadow: 0px 20px 40px #0000000a;
}

.investment_content ul li .investment_c_box i{
    display:block;
    height:70px;
    margin:0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}

.investment_content ul li .investment_c_box div strong{
    display:block;
    font-weight:normal;
    color:#4FB748;
    font-size:1.5rem;
    margin:2.71428rem 0 1.2rem

}
.investment_content ul li .investment_c_box div span{
    font-size:1.1rem;
}




.company_content_container .introduce .cont:first-child {
    border-bottom: 1px solid #ddd;
    margin-bottom: 7.14285rem
}

.company_content_container .introduce .cont .introTit {
    font-size: 32px;
    text-align: center;
    margin-bottom: 7.14285rem
}

.company_content_container .introduce .cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7.14285rem
}

.company_content_container .introduce .cont .row .rowTit {
    width: 30%;
    font-size: 1.85714rem;
}

.company_content_container .introduce .cont .row .rowTit span {
    margin-left: 5px
}

.company_content_container .introduce .cont .row .rowTit.en {
    color: #4FB748
}

.company_content_container .introduce .cont .row .rowCont {
    flex: 1
}

.company_content_container .introduce .cont .row .rowCont .introTxt {
    font-size: 1.1rem;
    line-height: 1.6
}

.company_content_container .introduce .cont .row .rowCont .introTxt span {
}

.company_content_container .introduce .cont .row .rowCont .introTxt span.otherColor {
    color: #000 !important
}

.company_content_container .introduce .cont .row .rowCont .introBold {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 60px 0 20px
}

.company_content_container .introduce .cont .row .rowCont .biTit {
    font-size:2.1rem;
    line-height: 1.4
}

.company_content_container .introduce .cont .row .rowCont .biTit.biMg {
    margin-bottom: 60px
}

.company_content_container .introduce .cont .row .rowCont .biEn {
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 20px 0 60px
}

.company_content_container .introduce .cont .row .rowCont .biBox .biRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: end;
    gap: 30px;
    margin-bottom: 30px
}

.company_content_container .introduce .cont .row .rowCont .biBox .biRow .biRowRight {
    flex: 1
}

.company_content_container .introduce .cont .row .rowCont .biBox .biRow .biRowRight .introTxt {
    margin-top: 20px
}

.company_content_container .introduce .cont .row .rowCont .halfImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.company_content_container .introduce .cont .row .rowCont .halfImg p {
    width: calc(50% - 10px);
    margin-bottom: 20px
}

.company_content_container .introduce .cont .row .rowCont .halfImg.color {
    margin-top: 30px
}

.company_content_container .introduce .cont.dqCont .row .rowTit span {
    color: #fdb813;
    font-size: 1.1rem;
}

.company_content_container .introduce .cont.dqCont .row .rowCont .introTxt span {
    color: #fdb813
}

.company_content_container .introduce .cont.dqCont .row .rowCont .introBold span {
    color: #fdb813
}

.company_content_container .introduce .cont.dqCont .row .rowCont .biTit span {
    color: #fdb813
}

.company_content_container .introduce .cont.loaCont .row .rowTit span {
    color: #7b3500;
    font-size: 1.1rem;
}

.company_content_container .introduce .cont.loaCont .row .rowCont .introTxt span {
    color: #7b3500
}

.company_content_container .introduce .cont.loaCont .row .rowCont .introBold span {
    color: #7b3500
}

.company_content_container .introduce .cont.loaCont .row .rowCont .biTit {
}

.company_content_container .introduce .cont.loaCont .row .rowCont .biTit span {
    color: #7b3500
}

.company_content_container .introduce .cont.loaCont .row .rowCont .biEn {
    color: #7b3500;
    font-size:1.1rem
}

.company_content_container .introduce .cont.inqtenCont .row .rowTit span {
    color: #4FB748;
    font-size:1.1rem;
}

.company_content_container .introduce .cont.inqtenCont .row .rowCont .introTxt span {
    color: #4FB748
}

.company_content_container .introduce .cont.inqtenCont .row .rowCont .introBold span {
    color: #4FB748
}

.company_content_container .introduce .cont.inqtenCont .row .rowCont .biTit span {
    color: #4FB748
}

.mgAuto {
    margin: 0 auto !important;
}


/* contributive */

.contributive_top{
    padding-bottom:5.71428rem;
}

.contributive_top .contributive_t_box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size:2.1rem;
}
.contributive_top .contributive_t_box p{
    display:inline;
    line-height:2.5;
    text-align: center;
}
.contributive_top .contributive_t_box br{
    display:none
}
.contributive_top .contributive_t_box .point{
    margin: 2px 15px 2px 15px;

}







@media screen and (max-width: 1440px) {

    .company_content_container{padding:30px 30px 8.57142rem 30px}

    .investment_top{margin-top:4.28571rem}



    .philosophy_top .philosophy_t_box{
        display: block;
        text-align:center;
    }
    .philosophy_top .philosophy_t_box  p{
        display: block;
        margin-bottom:2rem
    }


    .contributive_top .contributive_t_box{
        display: block;
        text-align:center;
    }
    .contributive_top .contributive_t_box  p{
        display: block;
    }

}

@media screen and (max-width: 1280px) {


    .company_content_container .introduce .cont .row .rowTit {
        width: 25%
    }

    .company_content_container .introduce .cont .row .rowCont .introTxt br {
        display: none
    }


    .introduce_bottom .introduce_b_box{
        display: block;
        text-align:center;
    }
    .introduce_bottom .introduce_b_box p{
        display: block;
        margin-bottom:3rem
    }
    .introduce_content ul{ width:100%; }


    .investment_top .investment_t_box .investment_video{
        width:50%;
    }

    .investment_top .investment_t_box .investment_txt_box{
        width:50%;

    }




}

@media screen and (max-width: 991.98px) {

    .introduce_top{ margin :20px 0 5.71428rem 0}
    .introduce_top h4 br, .introduce_top div p br{display:none}


    .philosophy_content ul{
        display:block;
        margin: 0 0rem;
    }

    .philosophy_content ul li{
        padding: 0 0rem;
        width:calc(100% / 1);
        margin-bottom:3.57142rem;
    }
    .philosophy_content ul li:last-child{margin-bottom:0}

    .investment_top{margin-top:30px}

    .investment_top .investment_t_box{display:block}
    .investment_top .investment_t_box .investment_video{
        width:100%;
    }

    .investment_top .investment_t_box .investment_txt_box{
        width:100%;
        padding-left:0;
        padding-top:5.28571rem;

    }

    .investment_bottom .investment_b_box{
        display: block;
    }

    .investment_bottom .investment_b_box div:first-child{
        margin-bottom:2.71428rem;
    }

    .investment_content ul li{
        width:calc(100% / 2);
    }





    .company_content_container .introduce .cont .introTit {

        margin-bottom: 60px
    }

    .company_content_container .introduce .cont .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 60px
    }

    .company_content_container .introduce .cont .row .rowTit {
        margin-bottom: 30px;
        width: auto
    }

    .company_content_container .introduce .cont .row .rowCont .halfImg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .company_content_container .introduce .cont .row .rowCont .halfImg p {
        width: auto
    }

    .company_content_container .introduce .cont .row .rowCont .biTit {
        font-size: 22px
    }

    .company_content_container .introduce .cont .row .rowCont .biEn {
        margin: 20px 0 40px;
    }

    .company_content_container .introduce .cont .row .rowCont .biBox .biRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        align-items: start
    }

    .company_content_container .introduce .cont .row .rowCont .biBox .biRow .biRowRight {
        margin-top: 20px
    }


}

@media screen and (max-width: 768.98px) {
    .company_content_container{padding:5px 15px 8.57142rem 15px}
    .company_content_container .introduce{padding-top:20px}
}

@media screen and (max-width: 576.98px) {


    .introduce_content li > div {
        display:block
    }

    .introduce_content li div i{
        text-align:center;
        width:100%;
        display:block;
        margin-bottom:2.35714rem;
    }
    .introduce_content li > div > div{
        width:100%;
        padding-left:1rem;
        padding-right:1rem;
    }

    .introduce_content li > div > div span br{display:none}
    .introduce_bottom .introduce_b_box br{ display:block }


    .philosophy_top .philosophy_t_box p span:first-child{ display: block; line-height:1.4; margin-bottom: 25px;}


    .investment_txt_box .investment_txt_t img{ height:70px }
    .investment_txt_box .investment_txt_b p{margin-bottom:5px}
    .investment_txt_box .investment_txt_b p strong{ display:block; margin-bottom: 0px; }
    .investment_content ul li{ 	width:calc(100% / 1); }

    .investment_bottom .investment_b_box div:first-child{letter-spacing: -1.5px; margin-right:0}
    .investment_bottom .investment_b_box div:first-child span {  display:block; }

    .contributive_top .contributive_t_box p span:first-child{ display: block;}



}



/* 대시보드 */

@media screen and (max-width: 768.98px) {
    .dashboard_wrap{padding-top:117px}

}





/*//////////////////////////////////////////////////////////////////
[마이페이지 추가]*/

/* 메인 */

.mypageMain .mainTop {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:3.75rem
}
.mypageMain .mainTop .memInfo {
	padding:0 2.5rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:42%;
	height:250px;
	background-color:#fff;
	border:1px solid #ededed;
	border-left:3px solid #333;
	box-sizing:border-box;
	transition:all .7s
}
.mypageMain .mainTop .memInfo .info .levelTit {
	color:#898989;
	font-size:.9375rem
}
.mypageMain .mainTop .memInfo .info .levelTit .em {
	color:#333;
	font-family:"SCDreamMedium"
}
.mypageMain .mainTop .memInfo .info .level {
	margin-top:1.25rem;
	margin-bottom:1.875rem;
	color:#333;
	font-size:1.875rem;
	font-family:"SCDreamMedium"
}
.mypageMain .mainTop .memInfo .info .infoTxt {
	color:#000;
	font-size:.875rem;
	line-height:1.5rem
}
.mypageMain .mainTop .memInfo .infoRight {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.mypageMain .mainTop .memInfo .infoRight .rankImg {
	height:85px
}
.mypageMain .mainTop .memInfo .infoRight .infoModifyBtn {
	margin-top:1.563rem;
	width:150px;
	padding:.8125rem 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	border-radius:4px;
	background:-moz-linear-gradient(90deg,#a8d1a2 0%,#74c968 50%,#45b035 100%);
	background:-webkit-linear-gradient(90deg,#a8d1a2 0%,#74c968 50%,#45b035 100%);
	background:linear-gradient(90deg,#a8d1a2 0%,#74c968 50%,#45b035 100%);
	transition:transform 350ms
}
.mypageMain .mainTop .memInfo .infoRight .infoModifyBtn:hover {
	/*transform:translateX(15px)*/
}
.mypageMain .mainTop .quickMenu {
	overflow:hidden;
	width:56%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:20px
}
.mypageMain .mainTop .quickMenu a {
	color:#fff;
	height:250px;
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	overflow:hidden;
	transition:all .7s
}
.mypageMain .mainTop .quickMenu a:hover {
	/*border-radius:0 30px 0 30px*/
}
.mypageMain .mainTop .quickMenu a:nth-child(3n+1) {
	background:url("/images/Common/MyGeni/main/bgCircle01.png") no-repeat top right;
	background-color:#a8d1a2;
	background-size:55%
}
.mypageMain .mainTop .quickMenu a:nth-child(3n+2) {
	background:url("/images/Common/MyGeni/main/bgCircle02.png") no-repeat left bottom;
	background-color:#74c968;
	background-size:55%
}
.mypageMain .mainTop .quickMenu a:nth-child(3n+3) {
	background:url("/images/Common/MyGeni/main/bgCircle03.png") no-repeat top left;
	background-color:#45b035;
	background-size:55%;
	margin-right:0
}
.mypageMain .mainTop .quickMenu .quickTit {
	padding:0 10px;
	margin:2.5rem 0 .9375rem;
	font-size:1.125rem;
	line-height:1.4;
	text-align:center;
	color:#fff
}
.mypageMain .mainTop .quickMenu .quickTxt {
	font-size:.875rem;
	color:#ebebeb
}

@media screen and (max-width: 1024px) {
	.mypageMain .mainTop{display:block!important}
	.mypageMain .mainTop .memInfo { width:100%; margin-bottom:30px}
	.mypageMain .mainTop .quickMenu{width:100%}
}

@media screen and (max-width: 768.98px) {
	.mypageMain .mainTop .memInfo .infoRight .rankImg {
		height:50px
	}
	.mypageMain .mainTop .memInfo{
		position:relative;
		padding:30px 15px;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
	.mypageMain .mainTop .memInfo .infoRight .infoModifyBtn{
		position:absolute;
		bottom:30px;
		right:15px;
		width:calc(100% - 30px);
	}
	
	
}
@media screen and (max-width: 460.98px) {

	.mypageMain .mainTop .quickMenu{display:block!important;}
	.mypageMain .mainTop .quickMenu a{margin-top:15px}
	.mypageMain .mainTop .quickMenu a:first-child{margin-top:0}

}




.termWrap{}
.termWrap .term_txt_box h3{font-size: 1.28571rem; color: #45b035; margin-bottom:20px; text-align:center;}
.termWrap .term_txt_box section{margin-bottom:30px; line-height: 26px;}
.termWrap .term_txt_box section > dl > dd > ul {margin-bottom:10px}
.termWrap .term_txt_box section > dl > dd > ul > li{ padding-left:15px}
.termWrap .term_txt_box section a{text-decoration:underline!important; color:#45b035}
.termWrap .term_txt_box section strong{color:#000!important; font-size:1rem!important}
.termWrap section .terms_bottom_box{  display: flex; justify-content: flex-end;}

.termWrap .term_txt_box .term_top{line-height:150%; padding-bottom:15px}
.termWrap .term_txt_box .term_top p{margin-bottom:15px}


.termWrap .term_txt_box table[summary="기본"] th,
.termWrap .term_txt_box table[summary="기본"] td,
.termWrap .term_txt_box table[summary="PC"] th,
.termWrap .term_txt_box table[summary="PC"] td,
.termWrap .term_txt_box table[summary="MOBILE"] th,
.termWrap .term_txt_box table[summary="MOBILE"] td {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(51, 51, 51);
    border-image: initial;    padding: 5px;
	line-height:140%
}

.termWrap .term_txt_box table strong {color:#333; font-size:1rem}