text-align/*//////////////////////////////////////////////////////////////////
[ 공통]*/

.subHeader .layout_sub_header:after{display:none}
.layout_footer{margin-top:0}

 
.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: 768.98px) {
	 .sub_content_container {padding-left:15px; padding-right:15px}
 

}




/* ====================  페이징 ==================== */
.pagination_wrap{padding:60px 0  0 0}
.pagination .page-prev-last, .pagination .page-next-last{ }
.pagination .page-prev{padding:0  18px 0 10px}
.pagination .page-next{padding:0 10px 0  18px }<strong></strong>
.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:#333; 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: "";
    font-family: "xeicon";
    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: "\e928";
    font-family: "xeicon";
    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_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}
}


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

 
.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.64285rem; 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;}

.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;}
.quick_product_list .quick_product_box .pl_img img{width:100%;}
.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%}
.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 }
}



 @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% - 140px - 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:40px }
	.quick_product_list .quick_product_box .pl_cart_input_inner .pl_cart_input{  width: calc(100% - 47px );}
 
}


@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% - 57px ); 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; }
}



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


/* 스펙*/
.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(/img/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:90px;}
 
.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:60px; 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;}

/* 옵션, 구매하기 열기 섹션( 모바일에서만 노출 ) */
.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: "\e942"; display:block;    font-family: 'xeicon' !important; 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: "\e945"; display:block;    font-family: 'xeicon' !important; 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; text-align: center;}
.goods_information_contents img{max-width:100%}

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

@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 .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:50px; height:50px;   font-size:16px;  }


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

	.goods_tabs.flyingMode { top:82px;  }

}

@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: "\e942";  position: absolute;   top:  5px;  width: 0;  height: 0;     right:  -10px; 
	font-family: xeicon!important;
}
.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(/img/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 .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} 


.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
}



.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: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.35rem;
	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: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.4rem;
	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  }


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


 

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


}





/*//////////////////////////////////////////////////////////////////
[ 오른쪽관리자메뉴  ]*/

.aside_content_container{padding:30px 0 120px}
 
.aside_content_container .filtered_item_sorting{}
.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;   right:-25px; width:1px; height:12px; background:#333}
.filtered_item_sorting .search_util_box .search_condition > div:first-child{margin:0 25px 0 0}
.filtered_item_sorting .search_util_box .search_condition > div:last-child:after{display:none}

.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:15px; 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; height:50px}
 

.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: "\e928";
    font-family: "xeicon";
    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;}
.chartTable .chartStep p:before{content:''; display:block; width:7px; height:7px; position:absolute; top:2px; left:-17px; background:url(/img/sub/icon_chart_step.svg); background-size:7px 7px }
.chartTable .step2{padding-left:17px}
.chartTable .step3{padding-left:34px}
.chartTable .step4{padding-left:51px}
.chartTable .step5{padding-left:68px}
.chartTable .chartStep.step1 p:before{display:none;}
.chartTable .chart_th_bg{background:#e8e8e8;padding:0!important;}
.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);}


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

 

}


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

	.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;}
	.filtered_item_sorting .search_util_box .search_condition{margin-top:10px}
	.filtered_item_sorting .search_util_box .search_condition > div{margin:0 10px; position:relative;}
	.filtered_item_sorting .search_util_box .search_condition > div:first-child{margin:0 10px 0 0}
	.filtered_item_sorting .search_util_box .search_condition > div:after{  right:-10px;  top:3px}

	.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) {

	.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%; }

	.scb_cont dt{padding:10px 15px;   }
	.scb_cont dd{padding:10px 10px 10px 5px;   }
	.searchDate{padding:0 0 0 10px}
	.searchDate .form_date{width:110px; }
	.gr_chart_search_box .search_member{max-width:100%}


	/*추천계보도*/
	.chartTable .date{ font-size:14px}
	.chartTable tbody td, .chartTable tbody th{font-size:14px; }
 	.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);}


}



.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}


.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 .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 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: "";
    font-family: "xeicon";
    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: "";
    font-family: "xeicon";
    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
}


.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: "\e928";
    font-family: "xeicon";
    color: #333;
    font-size: 13px;
    text-align: center;
     
}

.infoLoginCont .autoLoginBox input[type=checkbox]:checked+label span {
 }




.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: "";
    font-family: "xeicon";
    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: 0 .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: }
 	.joinInfoCont .infoTable tr th {padding-left:1rem; }


    .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%
    }


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

}


@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: "";
    font-family: "xeicon";
    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: 100px;
    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.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 .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-size: .8125rem
}

.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
    }

    .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
    }

    .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 .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: 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 15px 30px 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}



@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) {
 
}



 /*//////////////////////////////////////////////////////////////////
[ 기업소개]*/

.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.4em;}

.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.2rem;
  
}

.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.2rem;
 	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.2rem;
	 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.2rem;
    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;} 



}